@charset "UTF-8";
.btn21, .blue-input input[type=submit], .green-input input[type=submit] {
  display: inline-block;
  transition: 0.3s;
  border-radius: 6px;
  font-size: 14px;
  padding: 0 16px;
  font-weight: 600;
  color: white;
  box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  position: relative;
}
.btn21-large {
  height: 80px;
  line-height: 80px;
  font-size: 22px;
}
@media all and (max-width: 575px) {
  .btn21-large {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.btn21-big {
  height: 48px;
  line-height: 48px;
}
.btn21-mid {
  height: 40px;
  line-height: 40px;
}
.btn21-green {
  background: #29d398;
  border: 1px solid #29d398;
}
.btn21-green:hover {
  border: 1px solid #29d398;
  background: transparent;
  color: #29d398;
}
.btn21-blue {
  background: #0bb8dd;
  border: 1px solid #0bb8dd;
}
.btn21-blue:hover {
  border: 1px solid #0bb8dd;
  background: transparent;
  color: #0bb8dd;
}
.btn21-outline-green {
  background: transparent;
  border: 1px solid #29d398;
  color: #29d398;
}
.btn21-outline-green:hover {
  background: #29d398;
  border: 1px solid #29d398;
  color: white;
}
.btn21-outline-blue {
  background: transparent;
  border: 1px solid #0bb8dd;
  color: #0bb8dd;
}
.btn21-outline-blue:hover {
  background: #0bb8dd;
  border: 1px solid #0bb8dd;
  color: white;
}
.btn21-blue-link-big {
  border: none;
  padding: 0 18px 0 0;
  font-size: 18px;
  line-height: 1.33;
  text-transform: none;
  height: auto;
  color: #0bb8dd;
}
.btn21-blue-link-big::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0bb8dd;
}
.btn21-blue-link-big:hover {
  text-decoration: underline;
  color: #0bb8dd;
}
.btn21-blue-link-small {
  border: none;
  padding: 0 18px 0 0;
  font-size: 14px;
  line-height: 1.71;
  text-transform: none;
  height: auto;
  color: #0bb8dd;
}
.btn21-blue-link-small::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0bb8dd;
}
.btn21-blue-link-small:hover {
  text-decoration: underline;
  color: #0bb8dd;
}
.btn21-link-green {
  color: #29d398;
}
.btn21-link-blue {
  color: #0bb8dd;
}

.btn-default, .schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page_footer .button {
  display: inline-block;
  transition: 0.3s;
  border-radius: 6px;
  font-size: 14px;
  padding: 0 16px;
  font-weight: 600;
  color: white;
  box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  position: relative;
  height: 45px;
  line-height: 43px;
  background: #29d398;
  border: 1px solid #29d398;
  padding: 0 40px;
  color: white !important;
}
.btn-default:hover, .schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page_footer .button:hover {
  border: 1px solid #29d398;
  background: transparent;
  color: #29d398 !important;
  text-decoration: none;
}

input[type=submit] {
  display: inline-block;
  transition: 0.3s;
  border-radius: 6px;
  font-size: 14px;
  padding: 0 16px;
  font-weight: 600;
  color: white;
  box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  position: relative;
  background: #29d398;
  border: 1px solid #29d398;
  height: 48px;
  line-height: 48px;
}
input[type=submit]:hover {
  border: 1px solid #29d398;
  background: transparent;
  color: #29d398;
}

textarea, select, input[type=week], input[type=time], input[type=month], input[type=datetime-local], input[type=datetime], input[type=date], input[type=color], input[type=url], input[type=text], input[type=tel], input[type=search], input[type=password], input[type=select], input[type=radio], input[type=number], input[type=email] {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #7b7d82;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.43;
  outline: none;
  background: white;
  color: #7b7d82;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
}

textarea:focus, select:focus, input[type=week]:focus, input[type=time]:focus, input[type=month]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=date]:focus, input[type=color]:focus, input[type=url]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=password]:focus, input[type=select]:focus, input[type=radio]:focus, input[type=number]:focus, input[type=email]:focus {
  background-color: white;
  color: #7b7d82;
  border: 1px solid #7b7d82;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
  background: url(../images/beta/chevron-down-black.svg) no-repeat center right 16px;
  /* Add custom arrow */
}
textarea {
  height: 150px;
  resize: none;
}
.green-input input[type=submit] {
  background: #29d398;
  border: 1px solid #29d398;
  height: 46px;
  line-height: 46px;
}
.green-input input[type=submit]:hover {
  color: #29d398;
  border: 1px solid #29d398;
  background: transparent;
}

.blue-input input[type=submit] {
  background: #0bb8dd;
  border: 1px solid #0bb8dd;
  height: 46px;
  line-height: 46px;
}
.blue-input input[type=submit]:hover {
  color: #0bb8dd;
  border: 1px solid #0bb8dd;
  background: transparent;
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: -9999px !important;
}
input[type=checkbox] + label {
  padding: 0 0 0 20px !important;
  padding-left: 30px !important;
  color: #2f394e !important;
  display: inline-block !important;
  max-width: inherit !important;
  margin: 0px 10px 0 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  position: relative !important;
  letter-spacing: 0 !important;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #29d398;
  background: #29d398;
  left: 0;
  top: 0px;
  border-radius: 0;
}
input[type=checkbox] + label:after {
  content: "";
  background: none !important;
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid #29d398;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  display: none;
}
input[type=checkbox]:checked + label {
  color: #29d398 !important;
  font-weight: 400 !important;
  user-select: none;
  -webkit-user-select: none;
}
input[type=checkbox]:checked + label:before {
  border-color: #29d398;
}
input[type=checkbox]:checked + label:after {
  display: block;
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: -9999px !important;
}
input[type=radio] + label {
  padding: 0 0 0 35px !important;
  color: #2f394e !important;
  display: inline-block !important;
  max-width: inherit !important;
  margin: 0px 10px 0 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  position: relative !important;
  letter-spacing: 0 !important;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
input[type=radio] + label:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #29d398;
  background: #29d398;
  left: 0;
  top: 0px;
  border-radius: 55%;
}
input[type=radio] + label:after {
  content: "";
  position: absolute;
  width: 7.5px;
  height: 7.5px;
  background: #29d398 !important;
  left: 6.25px;
  top: 6.25px;
  border-radius: 55%;
  display: none;
}
input[type=radio]:checked + label {
  color: #29d398 !important;
  font-weight: 400 !important;
  user-select: none;
}
input[type=radio]:checked + label:before {
  border-color: #29d398 !important;
}
input[type=radio]:checked + label:after {
  display: block;
}

.hero-home {
  height: 720px;
  background: #2f394e;
  overflow: hidden;
  position: relative;
}
@media all and (max-width: 1200px) {
  .hero-home {
    height: 760px;
    padding-bottom: 80px;
  }
}
@media all and (max-width: 991px) {
  .hero-home {
    height: auto;
    padding: 160px 0 0px;
  }
}
@media all and (max-width: 575px) {
  .hero-home {
    height: auto;
    padding: 160px 0 0px;
  }
}
.hero-home::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
}
@media all and (max-width: 991px) {
  .hero-home::after {
    bottom: 219px;
  }
}
@media all and (max-width: 575px) {
  .hero-home::after {
    bottom: 100px;
  }
}
@media all and (max-width: 991px) {
  .hero-home::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 220px;
    z-index: 2;
    background: white;
  }
}
@media all and (max-width: 575px) {
  .hero-home::before {
    height: 100px;
  }
}
.hero-home .main-wrapper {
  height: 100%;
}

.hero-illustration {
  width: 680px;
  right: 0px;
  top: 0;
  position: relative;
  z-index: 3;
  padding: 22px;
  background: whitesmoke;
  border-radius: 8px;
}
.hero-illustration img {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
}
@media all and (max-width: 991px) {
  .hero-illustration {
    width: 100%;
    margin: 55px auto 0;
  }
}
@media all and (max-width: 575px) {
  .hero-illustration {
    padding: 12px;
    border-radius: 6px;
  }
  .hero-illustration img {
    border-radius: 4px;
  }
}

@media all and (max-width: 991px) {
  .hero-content {
    text-align: center;
  }
}
.hero-content h1 {
  color: white;
  margin: 0 0 16px 0;
}
@media all and (max-width: 575px) {
  .hero-content h1 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 48px;
  }
}
.hero-content p {
  color: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 56px 0;
}
@media all and (max-width: 575px) {
  .hero-content p {
    font-size: 15px;
    margin: 40px 0;
  }
}
.hero-content .hero-btns {
  display: flex;
}
@media all and (max-width: 991px) {
  .hero-content .hero-btns {
    justify-content: center;
  }
}
.hero-content .hero-btns .btn21, .hero-content .hero-btns .green-input input[type=submit], .green-input .hero-content .hero-btns input[type=submit], .hero-content .hero-btns .blue-input input[type=submit], .blue-input .hero-content .hero-btns input[type=submit] {
  margin-right: 30px;
}
@media all and (max-width: 1200px) {
  .hero-content .hero-btns .btn21, .hero-content .hero-btns .green-input input[type=submit], .green-input .hero-content .hero-btns input[type=submit], .hero-content .hero-btns .blue-input input[type=submit], .blue-input .hero-content .hero-btns input[type=submit] {
    margin-right: 24px;
  }
}
@media all and (max-width: 575px) {
  .hero-content .hero-btns .btn21, .hero-content .hero-btns .green-input input[type=submit], .green-input .hero-content .hero-btns input[type=submit], .hero-content .hero-btns .blue-input input[type=submit], .blue-input .hero-content .hero-btns input[type=submit] {
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    margin-right: 16px;
  }
}
@media all and (max-width: 320px) {
  .hero-content .hero-btns .btn21, .hero-content .hero-btns .green-input input[type=submit], .green-input .hero-content .hero-btns input[type=submit], .hero-content .hero-btns .blue-input input[type=submit], .blue-input .hero-content .hero-btns input[type=submit] {
    font-size: 11px;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
  }
}
.hero-content .hero-btns .btn21:last-child, .hero-content .hero-btns .green-input input[type=submit]:last-child, .green-input .hero-content .hero-btns input[type=submit]:last-child, .hero-content .hero-btns .blue-input input[type=submit]:last-child, .blue-input .hero-content .hero-btns input[type=submit]:last-child {
  margin-right: 0;
}

.hero-email-capture {
  display: flex;
  height: max-content;
}
@media all and (max-width: 991px) {
  .hero-email-capture {
    justify-content: center;
  }
}
@media all and (max-width: 575px) {
  .hero-email-capture {
    display: block;
    margin-top: -20px;
  }
}
.hero-email-capture form {
  display: flex;
  position: relative;
}
.hero-email-capture form .hs_email {
  float: left;
  margin-right: 16px;
  width: 368px;
}
@media all and (max-width: 1200px) {
  .hero-email-capture form .hs_email {
    width: 304px;
  }
}
.hero-email-capture form .hs_email label {
  display: none;
}
.hero-email-capture form .hs_email label .hs-error-msg {
  display: block !important;
  max-width: 200px;
}
.hero-email-capture form .hs_error_rollup {
  flex: none;
  position: absolute;
  bottom: -32px;
}
@media all and (max-width: 575px) {
  .hero-email-capture form .hs_error_rollup {
    bottom: 40px;
  }
  .hero-email-capture form .hs_error_rollup label {
    font-size: 12px;
  }
}
@media all and (max-width: 575px) {
  .hero-email-capture form {
    display: block;
  }
  .hero-email-capture form .hs_email {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .hero-email-capture form .hs_submit input[type=submit] {
    width: 100% !important;
  }
}

.hero-review {
  margin: 64px 0 0 0;
}
@media all and (max-width: 991px) {
  .hero-review {
    margin-top: 45px;
    text-align: center;
  }
}
@media all and (max-width: 575px) {
  .hero-review {
    margin-top: 40px;
  }
}

.review-head {
  display: flex;
  align-items: center;
  margin: 0 0 16px 0;
}
@media all and (max-width: 991px) {
  .review-head {
    justify-content: center;
    margin: 0 auto 16px;
  }
}
.review-head p {
  color: white;
  margin: 0 0 0 16px;
  font-weight: 500;
}
@media all and (max-width: 575px) {
  .review-head p {
    font-size: 12px;
  }
}

.review-logo a {
  margin: 0 24px 0 0;
}
@media all and (max-width: 575px) {
  .review-logo a {
    margin: 0 15px 0 0;
  }
}
.review-logo a:last-child {
  margin: 0;
}

.transfer-data {
  padding-top: 80px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .transfer-data .heading-section {
    margin-bottom: 50px !important;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .transfer-data .heading-section {
    margin-bottom: 30px !important;
  }
}
@media all and (max-width: 991px) {
  .transfer-data .heading-section {
    margin-bottom: 60px !important;
  }
}
@media all and (max-width: 575px) {
  .transfer-data .heading-section {
    margin-bottom: 40px !important;
  }
}
.transfer-data .transfer-data-row {
  top: auto !important;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
}
@media all and (max-width: 991px) {
  .transfer-data .transfer-data-row {
    flex-direction: column;
  }
}
@media all and (max-width: 575px) {
  .transfer-data .transfer-data-row {
    align-items: flex-start;
  }
}

.transfer-data .card-header .transfer-type,
.transfer-data .card-body .transfer-type {
  max-width: 384px;
}
@media all and (max-width: 991px) {
  .transfer-data .card-header .transfer-type,
.transfer-data .card-body .transfer-type {
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .transfer-data .card-header .transfer-type,
.transfer-data .card-body .transfer-type {
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .transfer-data .card-header .transfer-type,
.transfer-data .card-body .transfer-type {
    margin-bottom: 20px;
  }
}
.transfer-data .card-header.selected,
.transfer-data .card-body.selected {
  pointer-events: none;
}
.transfer-data .card-header.selected h3,
.transfer-data .card-body.selected h3 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 10px 0;
  position: relative;
  display: flex;
  align-items: center;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .transfer-data .card-header.selected h3,
.transfer-data .card-body.selected h3 {
    margin-bottom: 10px;
  }
}
.transfer-data .card-header.selected h3 span,
.transfer-data .card-body.selected h3 span {
  color: #29d398;
  margin: 0 10px 0 0;
}
.transfer-data .card-header.selected h3::after,
.transfer-data .card-body.selected h3::after {
  content: "";
  flex: none;
  width: 160px;
  height: 4px;
  border-radius: 2px;
  margin-left: 45px;
  background: #29d398;
  transition: 0.7s ease;
}
@media all and (max-width: 575px) {
  .transfer-data .card-header.selected h3::after,
.transfer-data .card-body.selected h3::after {
    width: 100px;
    margin-left: 20px;
  }
}
.transfer-data .card-header.selected p,
.transfer-data .card-body.selected p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.transfer-data .card-header h3,
.transfer-data .card-body h3 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 10px 0;
  position: relative;
  display: flex;
  align-items: center;
  color: rgba(47, 57, 78, 0.3);
}
.transfer-data .card-header h3::after,
.transfer-data .card-body h3::after {
  content: "";
  flex: none;
  width: 0px;
  height: 4px;
  border-radius: 2px;
  margin-left: 45px;
  background: #29d398;
  transition: 0.7s ease;
}
@media all and (max-width: 575px) {
  .transfer-data .card-header h3,
.transfer-data .card-body h3 {
    margin-bottom: 10px;
  }
}
.transfer-data .card-header h3 span,
.transfer-data .card-body h3 span {
  color: rgba(47, 57, 78, 0.3);
  margin: 0 10px 0 0;
}
.transfer-data .card-header h3:hover,
.transfer-data .card-body h3:hover {
  color: #2f394e;
  transition: 0.3s ease;
}
.transfer-data .card-header h3:hover::after,
.transfer-data .card-body h3:hover::after {
  content: "";
  width: 160px;
  transition: 0.7s ease;
}
@media all and (max-width: 575px) {
  .transfer-data .card-header h3:hover::after,
.transfer-data .card-body h3:hover::after {
    width: 100px;
  }
}
.transfer-data .card-header h3:hover span,
.transfer-data .card-body h3:hover span {
  color: #29d398;
  transition: 0.3s ease;
}
.transfer-data .card-header p,
.transfer-data .card-body p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  color: #979797;
}

.all-code-images .transfer-type-img {
  background: white;
  width: 640px;
  flex: none;
  margin-left: auto;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
@media all and (max-width: 1200px) {
  .all-code-images .transfer-type-img {
    width: 100%;
    flex: none;
  }
}
@media all and (max-width: 991px) {
  .all-code-images .transfer-type-img {
    width: 640px;
    margin: auto;
  }
}
@media all and (max-width: 767px) {
  .all-code-images .transfer-type-img {
    max-width: 100%;
  }
}
.all-code-images .transfer-type-img img {
  border-radius: 4px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08), 0 0 24px 0 rgba(0, 0, 0, 0.08);
  height: auto;
}

.transfer-data-content .accordion > .card {
  border: 0;
}
.transfer-data-content .accordion > .card .card-header {
  background: transparent;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.transfer-data-content .accordion > .card .card-header button {
  background: transparent;
  border: 0;
}
.transfer-data-content .accordion > .card .card-header button:focus {
  border: 0;
  outline: none;
}
.transfer-data-content .card-body {
  padding: 0;
  margin: 0 0 40px 0;
}
@media all and (max-width: 991px) {
  .transfer-data-content .card-body {
    margin: 0 0 40px 0;
  }
}
@media all and (max-width: 575px) {
  .transfer-data-content .card-body {
    margin: 0 0 20px 0;
  }
}

/* -- heading section --*/
.heading-section {
  position: relative;
  z-index: 2;
  text-align: center;
}
.heading-section.without-paragraph {
  margin: 0 auto 80px;
}
@media all and (max-width: 1200px) {
  .heading-section.without-paragraph {
    margin: 0 auto 50px;
  }
}
@media all and (max-width: 991px) {
  .heading-section.without-paragraph {
    margin: 0 auto 40px;
  }
}
.heading-section.with-paragraph {
  margin: 0 auto 80px;
}
@media all and (max-width: 1200px) {
  .heading-section.with-paragraph {
    margin: 0 auto 50px;
  }
}
@media all and (max-width: 991px) {
  .heading-section.with-paragraph {
    margin: 0 auto 40px;
  }
}
.heading-section.with-paragraph h2 {
  margin: 0 auto 16px;
}
.heading-section.with-paragraph p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.light-bg .heading-section h2 {
  color: #2f394e;
}
.light-bg .heading-section p {
  color: #2f394e;
}

/* -- heading section --*/
.industry-solution-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -10px;
}
@media all and (max-width: 991px) {
  .industry-solution-block {
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px -30px;
  }
}
@media all and (max-width: 575px) {
  .industry-solution-block {
    margin: 0 -10px -20px;
  }
}
.industry-solution-block a {
  color: #2f394e;
}

.icon-block {
  width: 160px;
  height: 136px;
  border-radius: 6px;
  box-shadow: 0 8px 24px 0 rgba(57, 28, 65, 0.08);
  background-color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 24px;
  transition: 0.3s ease;
}
@media all and (max-width: 1200px) {
  .icon-block {
    width: 140px;
    margin: 0 10px;
  }
}
@media all and (max-width: 991px) {
  .icon-block {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .icon-block {
    width: 150px;
    margin: 0 10px 20px;
    padding: 16px;
  }
}
@media all and (max-width: 320px) {
  .icon-block {
    width: 120px;
    margin: 0 8px 16px;
    padding: 10px;
  }
}
.icon-block:hover {
  transform: scale(1.1);
  background-color: #d4d7dc;
  transition: 0.3s ease;
}
.icon-block img {
  margin: 0 0 12px 0;
}
.icon-block p {
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0;
}

.icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-circle img {
  width: 100%;
}

.data-transmission-service {
  padding: 0 48px 0 0;
}
@media all and (max-width: 1200px) {
  .data-transmission-service {
    padding: 0;
  }
}
@media all and (max-width: 991px) {
  .data-transmission-service {
    margin: 0 0 50px 0;
  }
}
.data-transmission-service h3 {
  margin: 0 0 35px 0;
}
@media all and (max-width: 991px) {
  .data-transmission-service h3 {
    text-align: center;
  }
}
@media all and (max-width: 575px) {
  .data-transmission-service h3 {
    margin-bottom: 24px;
  }
}
.data-transmission-service .icon-circle {
  margin: 0 0 24px 0;
}
@media all and (max-width: 991px) {
  .data-transmission-service .icon-circle {
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 991px) {
  .data-transmission-service .check-list {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
}

.dark-bg h2 {
  color: white;
}
.dark-bg h3 {
  color: white;
}
.dark-bg ul li {
  color: white;
}
.dark-bg ol li {
  color: white;
}
.dark-bg .heading-section h2 {
  color: white;
}
.dark-bg .heading-section p {
  color: white;
}

.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text p {
  color: white;
}

.check-list ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.check-list ul li {
  font-size: 14px;
  line-height: 24px;
}
.check-list ul li {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 16px;
  position: relative;
  font-weight: 500;
  margin: 0 0 16px 32px;
  font-size: 14px;
  line-height: 1.71;
  font-weight: 500;
  vertical-align: top;
}
@media all and (max-width: 575px) {
  .check-list ul li {
    margin-bottom: 12px;
  }
}
.check-list ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  margin: 0;
  left: -30px;
  top: 2px;
}
.check-list ul li:last-child {
  margin-bottom: 0;
}
.check-list.green-list ul li::before {
  background: url(../images-2021/home/green-check.svg) 0 0 no-repeat;
}
.check-list.blue-list ul li::before {
  background: url(../images-2021/home/blue-check.svg) 0 0 no-repeat;
}

.home-snowflake-img {
  padding: 0 53px;
}
@media all and (max-width: 575px) {
  .home-snowflake-img {
    padding: 0;
  }
}
.home-snowflake-img img {
  width: 100%;
}

.data-transformation {
  position: relative;
  padding-top: 160px;
}
@media all and (max-width: 1200px) {
  .data-transformation {
    padding-top: 80px;
  }
}
.data-transformation::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 68px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}
@media all and (max-width: 1200px) {
  .data-transformation .row [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 991px) {
  .data-transformation .row [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.data-transformation .row [class*=col-]:last-child .data-transmission-service {
  margin-bottom: 0;
}

.light-bg .home-snowflake-section {
  margin-bottom: 120px;
}
@media all and (max-width: 991px) {
  .light-bg .home-snowflake-section {
    margin: 0 auto 80px;
  }
}
.light-bg .home-snowflake-section h2 {
  color: #2f394e;
}
.light-bg .home-snowflake-section p {
  color: #2f394e;
}

.dark-bg .home-snowflake-section {
  margin-bottom: 120px;
}
@media all and (max-width: 991px) {
  .dark-bg .home-snowflake-section {
    margin: 0 auto 80px;
  }
}
.dark-bg .home-snowflake-section h2 {
  color: white;
}
.dark-bg .home-snowflake-section p {
  color: white;
}

.home-review-masonry {
  margin: -16px;
}
@media all and (max-width: 1200px) {
  .home-review-masonry {
    margin: -16px -10px;
  }
}
@media all and (max-width: 991px) {
  .home-review-masonry {
    margin: -16px;
  }
}
@media all and (max-width: 575px) {
  .home-review-masonry {
    margin: -10px;
  }
}
.home-review-masonry .item {
  width: 33.3%;
  float: left;
  padding: 16px;
}
@media all and (max-width: 1200px) {
  .home-review-masonry .item {
    padding: 16px 10px;
  }
}
@media all and (max-width: 991px) {
  .home-review-masonry .item {
    width: 50%;
    padding: 16px;
  }
}
@media all and (max-width: 767px) {
  .home-review-masonry .item {
    width: 100%;
  }
}
@media all and (max-width: 575px) {
  .home-review-masonry .item {
    padding: 10px;
  }
}
.home-review-masonry .item a {
  text-transform: capitalize;
}

.review-card-home {
  padding: 48px 36px;
  border-radius: 6px;
  box-shadow: 0 25px 45px 0 rgba(177, 178, 179, 0.36);
  background: white;
  text-align: center;
}
@media all and (max-width: 1200px) {
  .review-card-home {
    padding: 48px 24px;
  }
}
.review-card-home .review-home-logo {
  margin: 0 auto 32px;
}
.review-card-home .review-home-logo img {
  max-width: 200px;
  max-height: 200px;
  width: max-content;
  height: max-content;
}
.review-card-home .review-company-info {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: normal;
  color: #2f394e;
  display: block;
  margin-bottom: 24px;
  position: relative;
}
.review-card-home .review-company-info::after {
  content: "";
  display: block;
  width: 38px;
  height: 28px;
  background: url(../images-2021/home/review-quote-icon.svg) no-repeat center/contain;
  margin: 32px auto 0;
}
.review-card-home p {
  font-size: 16px;
  line-height: 2;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-stretch: normal;
  letter-spacing: normal;
  color: #2f394e;
  margin-bottom: 32px;
}
.review-card-home p:last-child {
  margin-bottom: 0;
}

.home-review-more {
  margin-top: 80px;
  text-align: center;
}
.home-review-more a.btn21 {
  padding: 0 31px;
}
@media all and (max-width: 575px) {
  .home-review-more {
    margin-top: 40px;
  }
}

.article-home {
  position: relative;
}
@media all and (max-width: 991px) {
  .article-home {
    padding-bottom: 80px !important;
  }
}
.article-home::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 345px;
  background: #2f394e;
}
@media all and (max-width: 1200px) {
  .article-home::before {
    height: 284px;
  }
}
@media all and (max-width: 991px) {
  .article-home::before {
    height: 497px;
  }
}
@media all and (max-width: 767px) {
  .article-home::before {
    height: 428px;
  }
}
@media all and (max-width: 575px) {
  .article-home::before {
    height: 352px;
  }
}
@media all and (max-width: 991px) {
  .article-home .row {
    row-gap: 40px;
  }
}
@media all and (max-width: 575px) {
  .article-home .row {
    row-gap: 20px;
  }
}

.article-home-img a {
  display: block;
  position: relative;
  z-index: 2;
}
.article-home-img img {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 185px;
  object-fit: cover;
}
@media all and (max-width: 1200px) {
  .article-home-img img {
    height: 154px;
  }
}
@media all and (max-width: 991px) {
  .article-home-img img {
    height: 100%;
    object-fit: initial;
  }
}

.article-home-info {
  background: white;
  padding: 24px 28px 32px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
}
.article-home-info .article-tags {
  margin-bottom: 8px;
}
.article-home-info .article-tags ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.article-home-info .article-tags ul li {
  font-size: 14px;
  line-height: 24px;
}
.article-home-info .article-tags ul li {
  display: inline-block;
  margin-right: 4px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  background: #29d398;
  font-size: 12px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.article-home-info h3 {
  min-height: 56px;
  font-size: 18px;
  line-height: 1.56;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #2f394e;
  margin-bottom: 24px;
}
@media all and (max-width: 1200px) {
  .article-home-info h3 {
    min-height: 84px;
    margin-bottom: 12px;
  }
}
@media all and (max-width: 991px) {
  .article-home-info h3 {
    min-height: auto;
    margin-bottom: 16px;
  }
}
.article-home-info h3 a {
  display: block;
  color: #2f394e;
  transition: 0.3s all;
}
.article-home-info h3 a:hover {
  color: #0bb8dd;
}
.article-home-info p {
  font-size: 13px;
  line-height: 1.85;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  color: #2f394e;
  margin-bottom: 32px;
}

.end-form-section h2 {
  font-size: 32px;
  line-height: 1.72;
}
@media all and (max-width: 1200px) {
  .end-form-section h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media all and (max-width: 991px) {
  .end-form-section h2 {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 40px;
    width: 80%;
  }
}
@media all and (max-width: 767px) {
  .end-form-section h2 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media all and (max-width: 575px) {
  .end-form-section h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.end-form-section .end-form {
  text-align: right;
  width: 352px;
  margin-left: auto;
  position: relative;
}
@media all and (max-width: 991px) {
  .end-form-section .end-form {
    text-align: center;
    margin-right: auto;
  }
}
@media all and (max-width: 575px) {
  .end-form-section .end-form {
    width: 100%;
  }
}
.end-form-section .end-form input[type=email] {
  width: 100%;
  height: 51px;
  margin: 0 0 20px 0;
}
@media all and (max-width: 991px) {
  .end-form-section .end-form input[type=email] {
    height: 46px;
  }
}
@media all and (max-width: 575px) {
  .end-form-section .end-form input[type=email] {
    margin: 0 0 20px 0;
  }
}
.end-form-section .end-form input[type=submit] {
  float: left;
  width: 160px;
  color: white;
  background: #29d398;
  border: 1px solid #29d398;
}
.end-form-section .end-form input[type=submit]:hover {
  border: 1px solid #29d398;
  background: transparent;
  color: #29d398;
}
@media all and (max-width: 575px) {
  .end-form-section .end-form input[type=submit] {
    width: 100%;
  }
}
.end-form-section .end-form .btn21, .end-form-section .end-form .green-input input[type=submit], .green-input .end-form-section .end-form input[type=submit], .end-form-section .end-form .blue-input input[type=submit], .blue-input .end-form-section .end-form input[type=submit] {
  width: 160px;
  height: 46px;
  line-height: 46px;
  float: right;
}
@media all and (max-width: 575px) {
  .end-form-section .end-form .btn21, .end-form-section .end-form .green-input input[type=submit], .green-input .end-form-section .end-form input[type=submit], .end-form-section .end-form .blue-input input[type=submit], .blue-input .end-form-section .end-form input[type=submit] {
    width: 100%;
    margin-top: 20px;
  }
}

.hs-error-msgs {
  margin-top: 10px !important;
}
.hs-error-msgs li {
  list-style: none;
}
.hs-error-msgs li label {
  color: red;
  float: left;
  margin-bottom: 20px !important;
}

.hero-home-2022 {
  height: auto;
  padding-top: 150px;
  padding-bottom: 70px;
}
@media all and (max-width: 991px) {
  .hero-home-2022 {
    padding: 160px 0px 80px;
  }
}
@media all and (max-width: 575px) {
  .hero-home-2022 {
    padding-top: 130px;
  }
}
@media all and (max-width: 991px) {
  .hero-home-2022::before {
    display: none;
  }
}
@media all and (max-width: 991px) {
  .hero-home-2022::after {
    bottom: 0;
  }
}
.hero-home-2022 .hero-content h1 {
  font-size: 32px;
  line-height: 1.75;
  font-weight: bold;
  margin-bottom: 5px;
}
@media all and (max-width: 1200px) {
  .hero-home-2022 .hero-content h1 {
    line-height: 1.4;
  }
}
@media all and (max-width: 991px) {
  .hero-home-2022 .hero-content h1 {
    margin-bottom: 12px;
    line-height: 1.3;
  }
}
@media all and (max-width: 991px) {
  .hero-home-2022 .hero-content h1 {
    font-size: 30px;
  }
}
.hero-home-2022 .hero-content p {
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 30px;
}
@media all and (max-width: 767px) {
  .hero-home-2022 .hero-content p {
    font-size: 18px;
  }
}
.hero-home-2022 .hero-email-capture {
  justify-content: center;
}
@media all and (max-width: 575px) {
  .hero-home-2022 .hero-email-capture {
    margin-top: 0;
  }
}
.hero-home-2022 .hero-email-capture form .hs_email {
  width: 516px;
  margin-right: 30px;
}
@media all and (max-width: 767px) {
  .hero-home-2022 .hero-email-capture form .hs_email {
    width: 250px;
    margin-right: 16px;
  }
}
.hero-home-2022 .hero-email-capture form input[type=submit] {
  width: 190px;
}
@media all and (max-width: 767px) {
  .hero-home-2022 .hero-email-capture form input[type=submit] {
    width: 135px;
  }
}
.hero-home-2022 .hero-review {
  margin-top: 30px;
  text-align: center;
}
.hero-home-2022 .review-head {
  justify-content: center;
  flex-direction: column;
}
.hero-home-2022 .review-head p {
  margin: 15px 0 0;
}

.data-transformation-20222 {
  padding: 30px 0px 40px;
}
@media all and (max-width: 575px) {
  .data-transformation-20222 {
    padding-bottom: 40px;
  }
}
.data-transformation-20222 .heading-section {
  margin-bottom: 60px;
}
.data-transformation-20222 .heading-section h2 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
}
@media all and (max-width: 991px) {
  .data-transformation-20222 .heading-section h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media all and (max-width: 575px) {
  .data-transformation-20222 .heading-section h2 {
    font-size: 28px;
  }
}
.data-transformation-20222 .data-transmission-service h3 {
  font-weight: 600;
  margin-bottom: 23px;
}
.data-transformation-20222 .check-list ul li {
  font-weight: normal;
  line-height: 1.43;
  margin-bottom: 24px;
}
.data-transformation-20222::before {
  display: none;
}

.data-transformation-image-2022 {
  position: relative;
}
@media all and (max-width: 575px) {
  .data-transformation-image-2022 {
    padding: 60px 0;
  }
}
.data-transformation-image-2022::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 67px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}
.data-transformation-image-2022 .heading-section {
  margin-bottom: 60px;
}
.data-transformation-image-2022 .heading-section h2 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
}
@media all and (max-width: 991px) {
  .data-transformation-image-2022 .heading-section h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media all and (max-width: 575px) {
  .data-transformation-image-2022 .heading-section h2 {
    font-size: 28px;
  }
}
.data-transformation-image-2022 .heading-section p {
  font-size: 24px;
  line-height: 1.2;
  font-weight: normal;
}
@media all and (max-width: 991px) {
  .data-transformation-image-2022 .heading-section p {
    font-size: 20px;
  }
}
.data-transformation-image-2022 .home-snowflake-section {
  margin-bottom: 0 !important;
}

.transfer-data-2022 {
  padding: 100px 0px;
}
@media all and (max-width: 1200px) {
  .transfer-data-2022 {
    padding: 80px 0;
  }
}
@media all and (max-width: 575px) {
  .transfer-data-2022 {
    padding: 60px 0;
  }
}
.transfer-data-2022 .heading-section {
  font-weight: bold;
}
.transfer-data-2022 .card-header h3 {
  line-height: 1.45;
  font-weight: bold;
}

.industry-solution-2022 {
  padding: 0px 0px 116px;
}
@media all and (max-width: 1200px) {
  .industry-solution-2022 {
    padding-bottom: 80px;
  }
}
@media all and (max-width: 575px) {
  .industry-solution-2022 {
    margin-bottom: 60px;
  }
}
.industry-solution-2022 h2 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
}
@media all and (max-width: 991px) {
  .industry-solution-2022 h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media all and (max-width: 575px) {
  .industry-solution-2022 h2 {
    font-size: 28px;
  }
}
.industry-solution-2022 .icon-block:hover {
  border-radius: 6px;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.12);
  background-color: #f2f2f2;
  transform: scale(1.1);
}

.article-home-2022 {
  padding-bottom: 128px;
}
@media all and (max-width: 1200px) {
  .article-home-2022 {
    padding-bottom: 80px;
  }
}
.article-home-2022::before {
  height: 350px;
}
@media all and (max-width: 1200px) {
  .article-home-2022::before {
    height: 288px;
  }
}
@media all and (max-width: 991px) {
  .article-home-2022::before {
    height: 501px;
  }
}
@media all and (max-width: 767px) {
  .article-home-2022::before {
    height: 431px;
  }
}
@media all and (max-width: 575px) {
  .article-home-2022::before {
    height: 380px;
  }
}
.article-home-2022 .heading-section h2 {
  font-weight: normal;
  margin-bottom: 20px;
}
.article-home-2022 .heading-section p {
  font-weight: normal;
}

.dbt-end-form-section-2022 h2 {
  max-width: 576px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media all and (max-width: 991px) {
  .dbt-end-form-section-2022 h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media all and (max-width: 575px) {
  .dbt-end-form-section-2022 h2 {
    font-size: 28px;
  }
}
.dbt-end-form-section-2022 input[type=time] {
  height: 51px;
}

.dark-bg {
  background: #2f394e;
}

.information-card {
  max-width: 600px;
  padding: 40px 40px 32px;
  margin: 0 0 40px 0;
}
@media all and (max-width: 575px) {
  .information-card {
    padding: 30px 20px;
  }
}
.information-card .information-card-content {
  display: flex;
  flex-wrap: wrap;
}
.information-card h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.5px;
  margin: 0 0 16px 0;
  color: white;
}
@media all and (max-width: 575px) {
  .information-card h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.information-card p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.1px;
  margin: 0 0 30px 0;
  color: white;
  padding: 0 80px 0 0;
}
@media all and (max-width: 575px) {
  .information-card p {
    padding: 0;
  }
}
.information-card figure {
  min-width: 100px;
}
@media all and (max-width: 575px) {
  .information-card figure {
    margin: 0 0 20px 0;
  }
}

.information-card a.btn21 {
  font-size: 12px;
}

.jumbo-banner-content {
  display: flex;
  align-items: center;
}
@media all and (max-width: 991px) {
  .jumbo-banner-content {
    display: block;
  }
}
.jumbo-banner-content .jumbo-banner-image {
  min-width: 280px;
}
.jumbo-banner-content .jumbo-banner-content-area {
  padding-right: 80px;
}
@media all and (max-width: 991px) {
  .jumbo-banner-content .jumbo-banner-content-area {
    padding: 0;
    margin: 0 0 40px 0;
  }
}

.jumbo-banner {
  max-width: 1200px;
  width: 100%;
  padding: 80px;
  margin: 0 auto 40px;
}
@media all and (max-width: 991px) {
  .jumbo-banner {
    padding: 60px 40px;
  }
}
@media all and (max-width: 991px) {
  .jumbo-banner {
    padding: 40px 20px;
  }
}
.jumbo-banner figure {
  margin: 0 0 43px 0;
}
.jumbo-banner h2 {
  font-size: 64px;
  font-weight: bold;
  line-height: 1.13;
  margin: 0 0 24px 0;
  color: white;
}
@media all and (max-width: 1200px) {
  .jumbo-banner h2 {
    font-size: 48px;
    line-height: 55px;
  }
}
@media all and (max-width: 575px) {
  .jumbo-banner h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.jumbo-banner p {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
  color: white;
}
@media all and (max-width: 1200px) {
  .jumbo-banner p {
    font-size: 24px;
    line-height: 35px;
  }
}
@media all and (max-width: 575px) {
  .jumbo-banner p {
    font-size: 20px;
    line-height: 28px;
  }
}
.jumbo-banner.with-figure h2 {
  font-size: 56px;
}
@media all and (max-width: 1200px) {
  .jumbo-banner.with-figure h2 {
    font-size: 48px;
    line-height: 55px;
  }
}
@media all and (max-width: 575px) {
  .jumbo-banner.with-figure h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.jumbo-banner.with-figure p {
  margin: 0 0 47px 0;
}
.jumbo-banner.no-figure p {
  margin: 0 0 114px 0;
}
@media all and (max-width: 1200px) {
  .jumbo-banner.no-figure p {
    margin: 0 0 47px 0;
  }
}

.jumbo-banner a.btn21 {
  min-width: 300px;
}
@media all and (max-width: 575px) {
  .jumbo-banner a.btn21 {
    min-width: 200px;
    width: auto;
  }
}

section.error-section {
  padding: 120px 0;
}

.error-page h1 {
  font-size: 32px;
  margin: 20px 0 0;
}
.error-page h1 span {
  color: #2f394e;
}
.error-page figure img {
  width: auto;
}
.error-page .error-graphics {
  margin: 80px 0;
}

.row-gap-30 {
  row-gap: 30px;
}

.row-gap-32 {
  row-gap: 30px;
}

.row-gap-40 {
  row-gap: 40px;
}
@media all and (max-width: 575px) {
  .row-gap-40 {
    row-gap: 30px;
  }
}

.col-gap-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.col-gap-30 > [class*=col] {
  padding-left: 15px;
  padding-right: 15px;
}

.col-gap-40 {
  margin-left: -20px;
  margin-right: -20px;
}
@media all and (max-width: 575px) {
  .col-gap-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.col-gap-40 > [class*=col] {
  padding-left: 20px;
  padding-right: 20px;
}
@media all and (max-width: 575px) {
  .col-gap-40 > [class*=col] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.orange-text {
  color: #FF6849;
}

.h3-24 {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  /* 26.4px */
}
@media all and (max-width: 575px) {
  .h3-24 {
    font-size: 20px;
    line-height: 150%;
  }
}

@media all and (max-width: 1200px) {
  .data-snowfake-hero {
    height: 640px;
  }
}
@media all and (max-width: 991px) {
  .data-snowfake-hero {
    height: auto;
  }
}
.data-snowfake-hero .hero-content {
  width: 350px;
}
@media all and (max-width: 991px) {
  .data-snowfake-hero .hero-content {
    width: 100%;
  }
}
.data-snowfake-hero .hero-content p {
  line-height: 1.71;
  margin-bottom: 30px;
}
@media all and (max-width: 575px) {
  .data-snowfake-hero .hero-content p {
    margin-top: 20px;
  }
}
@media all and (max-width: 991px) {
  .data-snowfake-hero .hero-content form {
    display: flex;
    max-width: 500px;
    margin: 0 auto;
  }
}
@media all and (max-width: 575px) {
  .data-snowfake-hero .hero-content form {
    flex-direction: column;
  }
}
@media all and (max-width: 991px) {
  .data-snowfake-hero .hero-content form .hs-email {
    width: calc(100% - 180px);
  }
}
@media all and (max-width: 575px) {
  .data-snowfake-hero .hero-content form .hs-email {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 991px) {
  .data-snowfake-hero .hero-content form .hs-email label {
    display: none;
  }
}
.data-snowfake-hero .hero-content form input[type=submit] {
  width: 160px;
  margin-top: 30px;
  color: #2f394e;
}
@media all and (max-width: 991px) {
  .data-snowfake-hero .hero-content form input[type=submit] {
    flex: none;
    margin-left: 20px;
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  .data-snowfake-hero .hero-content form input[type=submit] {
    margin-left: 20px;
  }
}
@media all and (max-width: 575px) {
  .data-snowfake-hero .hero-content form input[type=submit] {
    width: 100%;
    margin-left: 0;
  }
}
.data-snowfake-hero .hero-content form input[type=submit]:hover {
  color: #29d398;
}
.data-snowfake-hero::before {
  display: none;
}
@media all and (max-width: 991px) {
  .data-snowfake-hero::after {
    bottom: 0;
  }
}

@media all and (min-width: 1201px) and (max-width: 1366px) {
  .data-snowfake-hero-img {
    max-width: 600px;
  }
}
@media all and (max-width: 991px) {
  .data-snowfake-hero-img {
    max-width: 550px;
    margin: 60px auto;
  }
}
@media all and (max-width: 767px) {
  .data-snowfake-hero-img {
    max-width: 500px;
  }
}
@media all and (max-width: 575px) {
  .data-snowfake-hero-img {
    margin: 40px 0;
  }
}

.data-snowfake-transfer-data .all-code-images {
  position: relative;
}
.data-snowfake-transfer-data .all-code-images figure {
  position: relative;
}
.data-snowfake-transfer-data .all-code-images::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -185px;
  transform: translateY(-50%);
  height: 690px;
  width: 690px;
  background: url(../images-2021/logo-on-white.svg) no-repeat center/contain;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .data-snowfake-transfer-data .all-code-images::before {
    height: 600px;
    width: 600px;
    right: -100px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .data-snowfake-transfer-data .all-code-images::before {
    height: 600px;
    width: 600px;
    right: -100px;
  }
}
@media all and (max-width: 1200px) {
  .data-snowfake-transfer-data .all-code-images::before {
    height: 500px;
    width: 500px;
    right: 0px;
  }
}
@media all and (max-width: 991px) {
  .data-snowfake-transfer-data .all-code-images::before {
    height: 550px;
    width: 550px;
    right: -100px;
  }
}
@media all and (max-width: 767px) {
  .data-snowfake-transfer-data .all-code-images::before {
    height: 500px;
    width: 500px;
    right: -100px;
  }
}
@media all and (max-width: 575px) {
  .data-snowfake-transfer-data .all-code-images::before {
    height: 280px;
    width: 280px;
    right: 0px;
  }
}

.industry-solution-style-2 .icon-block {
  min-height: 210px;
}
.industry-solution-style-2 .icon-block p {
  height: 40px;
  margin-bottom: 10px;
}
.industry-solution-style-2 .icon-block h6 {
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  letter-spacing: normal;
  text-align: center;
  color: #2f394e;
}

.home-review-slider {
  position: relative;
}
.home-review-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 180px;
  background: white;
}

.home-review-info {
  height: 100%;
  position: relative;
  z-index: 1;
}
.home-review-info h2 {
  margin-bottom: 20px;
}
.home-review-info p {
  line-height: 1.71;
  color: white;
}
.home-review-info .btn21, .home-review-info .green-input input[type=submit], .green-input .home-review-info input[type=submit], .home-review-info .blue-input input[type=submit], .blue-input .home-review-info input[type=submit] {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .home-review-info .btn21, .home-review-info .green-input input[type=submit], .green-input .home-review-info input[type=submit], .home-review-info .blue-input input[type=submit], .blue-input .home-review-info input[type=submit] {
    margin-top: 20px;
  }
}
.home-review-info .hero-review {
  position: absolute;
  bottom: 40px;
  left: 0;
}
@media all and (max-width: 1200px) {
  .home-review-info .hero-review {
    bottom: 10px;
  }
}
@media all and (max-width: 991px) {
  .home-review-info .hero-review {
    position: initial;
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
.home-review-info .hero-review .review-head {
  align-items: flex-start;
  flex-direction: column;
}
.home-review-info .hero-review .review-head p {
  color: #2f394e;
  margin: 16px 0 0 0;
}
@media all and (max-width: 991px) {
  .home-review-info .hero-review .review-head p {
    color: white;
  }
}
@media all and (max-width: 991px) {
  .home-review-info .hero-review .review-logo {
    display: flex;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 1200px) {
  .home-review-info .hero-review .review-logo a {
    display: inline-block;
    margin-bottom: 14px;
  }
}
@media all and (max-width: 991px) {
  .home-review-info .hero-review .review-logo a {
    background: white;
    padding: 0 20px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

.review-home-swiper {
  min-height: 680px;
}
@media all and (max-width: 991px) {
  .review-home-swiper {
    min-height: auto;
  }
}
.review-home-swiper .review-card-home {
  margin: 0 15px 50px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}

.review-home-swiper-btns {
  position: absolute;
  left: -80px;
  top: 350px;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .review-home-swiper-btns {
    position: initial;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 40px;
  }
}
.review-home-swiper-btns .swiper-button {
  width: 45px;
  height: 45px;
  transition: 0.3s all;
  cursor: pointer;
  margin-bottom: 20px;
}
@media all and (max-width: 991px) {
  .review-home-swiper-btns .swiper-button {
    margin-left: 20px;
    margin-bottom: 0;
  }
}
.review-home-swiper-btns .swiper-button:hover svg path {
  fill: #29d398;
}
.review-home-swiper-btns .swiper-button:hover svg circle {
  stroke: #29d398;
}
.review-home-swiper-btns .swiper-button:last-child {
  margin-bottom: 0px;
}

.end-get-in-touch {
  position: relative;
}

.bg-logo-1 {
  height: 340px;
  width: 340px;
  overflow: hidden;
  position: absolute;
  top: -180px;
  right: 0;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .bg-logo-1 {
    height: 300px;
    width: 300px;
  }
}
.bg-logo-1::before {
  content: "";
  position: absolute;
  top: -88px;
  right: -88px;
  height: 100%;
  width: 100%;
  background: url(../images-2021/logo-on-white.svg) no-repeat center/contain;
}

.bg-logo-2 {
  height: 340px;
  width: 340px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .bg-logo-2 {
    height: 300px;
    width: 300px;
  }
}
.bg-logo-2::before {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -104px;
  height: 100%;
  width: 100%;
  background: url(../images-2021/logo-on-white.svg) no-repeat center/contain;
}

.get-in-touch-info {
  max-width: 736px;
  margin: 0 auto;
  text-align: center;
}
.get-in-touch-info h2 {
  max-width: 530px;
  margin: 0 auto 24px;
}
.get-in-touch-info form {
  position: relative;
}
.get-in-touch-info form .hs-email {
  width: calc(100% - 220px);
}
@media all and (max-width: 767px) {
  .get-in-touch-info form .hs-email {
    width: calc(100% - 180px);
  }
}
@media all and (max-width: 575px) {
  .get-in-touch-info form .hs-email {
    width: 100%;
    margin-bottom: 20px;
  }
}
.get-in-touch-info form .hs-email label {
  display: none;
}
.get-in-touch-info form .actions {
  position: absolute;
  right: 0;
  top: 0;
}
@media all and (max-width: 575px) {
  .get-in-touch-info form .actions {
    position: initial;
  }
}
.get-in-touch-info input[type=submit] {
  flex: none;
  margin-left: 30px;
  width: 190px;
}
@media all and (max-width: 767px) {
  .get-in-touch-info input[type=submit] {
    flex: none;
    margin-left: 20px;
    width: 160px;
  }
}
@media all and (max-width: 575px) {
  .get-in-touch-info input[type=submit] {
    width: 100%;
    margin-left: 0;
  }
}

.feature-scroll-btn {
  width: 352px;
}
@media all and (max-width: 575px) {
  .feature-scroll-btn {
    width: 100%;
  }
}

.hero-appointment {
  position: relative;
  padding: 148px 0 80px;
}
@media all and (max-width: 991px) {
  .hero-appointment {
    padding-top: 140px;
  }
}
@media all and (max-width: 575px) {
  .hero-appointment {
    padding-top: 110px;
  }
}
.hero-appointment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 390px;
  z-index: 1;
  background: #2f394e;
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .hero-appointment::before {
    height: 388px;
  }
}
@media all and (max-width: 1200px) {
  .hero-appointment::before {
    height: 364px;
  }
}
@media all and (max-width: 991px) {
  .hero-appointment::before {
    height: 256px;
  }
}
@media all and (max-width: 575px) {
  .hero-appointment::before {
    height: 207px;
  }
}
.hero-appointment::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: 290px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
}
@media all and (max-width: 1200px) {
  .hero-appointment::after {
    top: 265px;
  }
}
@media all and (max-width: 991px) {
  .hero-appointment::after {
    top: 156px;
  }
}
@media all and (max-width: 575px) {
  .hero-appointment::after {
    top: 107px;
  }
}
.hero-appointment .main-wrapper {
  position: relative;
  z-index: 3;
}

.data-transformation-snowfake .section-heading {
  margin-bottom: 40px;
}

.appointment-info {
  max-width: 412px;
}
@media all and (max-width: 991px) {
  .appointment-info {
    max-width: max-content;
    margin-bottom: 30px;
  }
}
.appointment-info h1 {
  font-weight: bold;
  margin-bottom: 40px;
  color: white;
  max-width: 360px;
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .appointment-info h1 {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 1200px) {
  .appointment-info h1 {
    margin-bottom: 100px;
  }
}
@media all and (max-width: 991px) {
  .appointment-info h1 {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 575px) {
  .appointment-info h1 {
    margin-bottom: 50px;
  }
}
.appointment-info h1 span {
  color: #29d398;
}
.appointment-info h4 {
  color: #2f3a4d;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}
.appointment-info ul {
  list-style-type: none;
}
.appointment-info ul li {
  display: inline-block;
  position: relative;
  padding-left: 33px;
  margin-bottom: 12px;
}
.appointment-info ul li:last-child {
  margin-bottom: 0px;
}
.appointment-info ul li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  right: 0;
  top: 0;
  background: url(../images-2021/appointment/bullet-circle.svg) no-repeat center/contain;
}

.calendar-label {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #29d398;
  margin-bottom: 30px;
}

.calendar-wrapper {
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
  border: solid 5px #fff;
  background-color: #fff;
  display: flex;
  padding: 30px;
}
@media all and (max-width: 767px) {
  .calendar-wrapper {
    display: block;
    padding: 15px;
  }
}
.calendar-wrapper .hs-form-field {
  margin-bottom: 20px;
}
.calendar-wrapper .hbspt-form {
  width: 100%;
}

.date-wrapper {
  width: 100%;
  background: #2f394e;
  padding: 20px;
}
.date-wrapper .icon-logo {
  width: 58px;
  height: 58px;
  margin: 0px auto 20px;
}

.time-wrapper {
  flex: none;
  width: 260px;
}
@media all and (max-width: 767px) {
  .time-wrapper {
    width: 100%;
  }
}

.meeting-duration {
  padding: 28px 24px 0;
  margin-bottom: 20px;
}
.meeting-duration h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #2f3a4d;
  margin-bottom: 20px;
}
.meeting-duration .show-duration {
  height: 34px;
  padding: 0 20px;
  border-radius: 2px;
  background-color: #e5eaef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #2f3a4d;
}

.meeting-timepick {
  padding: 0px 24px 24px;
}
.meeting-timepick h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #2f3a4d;
  margin-bottom: 10px;
}

.country-time-picker select {
  border: none;
  color: #0bb8dd;
  padding: 0 20px 0 0;
  font-size: 14px;
  height: auto;
  line-height: 18px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  background-image: url(../images-2021/appointment/timepicker-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 0px center;
}

.timepick-wrapper {
  padding: 0 18px 0 24px;
  height: 315px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  -moz-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
}
.timepick-wrapper::-webkit-scrollbar {
  width: 6px;
  border-radius: 5px;
}
.timepick-wrapper::-moz-scrollbar {
  width: 6px;
  border-radius: 5px;
}
@media all and (max-width: 991px) {
  .timepick-wrapper::-moz-scrollbar {
    width: 0;
  }
}
.timepick-wrapper::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: #d8d8d8;
}
.timepick-wrapper input[type=radio] {
  display: none;
}
.timepick-wrapper input[type=radio] + label {
  width: 100%;
  height: 40px;
  border: solid 1px #7b7d82;
  background-color: #fff;
  border-radius: 2px;
  padding: 0 !important;
  margin: 0 0 6px 0 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: normal !important;
  color: #2f3a4d !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.timepick-wrapper input[type=radio] + label::before {
  display: none;
}
.timepick-wrapper input[type=radio]:checked + label {
  background: #2f3a4d !important;
  color: white !important;
}
.timepick-wrapper input[type=radio]:checked + label::after {
  display: none;
}

.hero-dbt {
  background: #2f394e;
  overflow: hidden;
  position: relative;
  padding-top: 150px;
  padding-bottom: 100px;
}
@media all and (max-width: 1200px) {
  .hero-dbt {
    padding-bottom: 80px;
  }
}
@media all and (max-width: 575px) {
  .hero-dbt {
    padding-bottom: 60px;
  }
}
.hero-dbt::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
  pointer-events: none;
}
.hero-dbt .main-wrapper {
  height: 100%;
}

.dbt-hero-content .hero-content {
  text-align: center;
}
.dbt-hero-content .hero-content .dbt-logo {
  text-align: center;
  margin-bottom: 7px;
}
.dbt-hero-content .hero-content .dbt-logo img {
  max-width: 130px;
  margin: auto;
}
.dbt-hero-content .hero-content h1 {
  margin-bottom: 10px;
}
@media all and (max-width: 575px) {
  .dbt-hero-content .hero-content h1 {
    font-size: 32px;
  }
}
.dbt-hero-content .hero-content h2 {
  color: white;
  font-weight: 400;
  margin-bottom: 30px;
}
@media all and (max-width: 575px) {
  .dbt-hero-content .hero-content h2 {
    font-size: 22px;
    line-height: 1.43;
  }
}
.dbt-hero-content .hero-content h2 span {
  color: #0bb8dd;
  font-weight: 600;
}
.dbt-hero-content .hero-content h2 span a {
  color: #0bb8dd;
}
.dbt-hero-content .hero-email-capture {
  justify-content: center;
  margin-top: 0;
}
.dbt-hero-content .hero-email-capture form .hs_email {
  margin-right: 30px;
  width: 516px;
}
@media all and (max-width: 1200px) {
  .dbt-hero-content .hero-email-capture form .hs_email {
    width: 330px;
    margin-right: 20px;
  }
}
.dbt-hero-content .hero-email-capture form input[type=submit] {
  width: 190px;
}
@media all and (max-width: 1200px) {
  .dbt-hero-content .hero-email-capture form input[type=submit] {
    width: auto;
  }
}
@media all and (max-width: 575px) {
  .dbt-hero-content .hero-email-capture form input[type=submit] {
    width: 100%;
  }
}
.dbt-hero-content .hero-review {
  margin-top: 30px;
  text-align: center;
}
.dbt-hero-content .hero-review .star-rating {
  line-height: 0;
  margin-bottom: 15px;
}
.dbt-hero-content .review-head {
  justify-content: center;
  flex-direction: column;
  margin: 0 0 16px 0;
}
@media all and (max-width: 991px) {
  .dbt-hero-content .review-head {
    justify-content: center;
    margin: 0 auto 16px;
  }
}
.dbt-hero-content .review-head p {
  margin: 0;
}

.compare-list-section {
  padding-top: 30px;
  padding-bottom: 100px;
}
@media all and (max-width: 991px) {
  .compare-list-section {
    padding-bottom: 80px;
  }
}
@media all and (max-width: 575px) {
  .compare-list-section {
    padding-bottom: 50px;
  }
}
.compare-list-section .row {
  margin-left: -42px;
  margin-right: -42px;
}
@media all and (max-width: 1200px) {
  .compare-list-section .row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.compare-list-section .row > [class*=col] {
  padding-left: 42px;
  padding-right: 42px;
}
@media all and (max-width: 1200px) {
  .compare-list-section .row > [class*=col] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.compare-list-section .section-heading {
  margin-bottom: 45px;
}

.compare-list-block-row {
  margin-bottom: -30px;
}

.compare-list-block {
  margin-bottom: 30px;
}
.compare-list-block figure {
  max-width: 32px;
  max-height: 32px;
  margin-bottom: 15px;
}
.compare-list-block h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.compare-list-block p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

.block-video-section {
  position: relative;
}
.block-video-section::before {
  content: "";
  background: url(../images-2021/home/hero-shape-dark.svg) center bottom no-repeat;
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 80px;
  background-size: cover;
}
.block-video-section::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100px;
  background: #2f394e;
}

.block-video-iframe {
  max-width: 905px;
  margin: auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 16px;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 575px) {
  .block-video-iframe {
    padding: 12px;
  }
}

.datameer-modeling {
  padding: 100px 0;
}
@media all and (max-width: 991px) {
  .datameer-modeling {
    padding: 80px 0;
  }
}
@media all and (max-width: 575px) {
  .datameer-modeling {
    padding: 50px 0;
  }
}

@media all and (max-width: 991px) {
  .datameer-modeling-info {
    text-align: center;
  }
}
.datameer-modeling-info h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px;
}
@media all and (max-width: 1200px) {
  .datameer-modeling-info h2 {
    font-size: 36px;
  }
}
@media all and (max-width: 575px) {
  .datameer-modeling-info h2 {
    font-size: 28px;
  }
}
.datameer-modeling-info p {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
  color: white;
}
.datameer-modeling-info p:last-child {
  margin-bottom: 0;
}

.datameer-modeling-img {
  max-width: 505px;
  margin-left: auto;
}
@media all and (max-width: 991px) {
  .datameer-modeling-img {
    max-width: 430px;
    margin-right: auto;
    margin-top: 40px;
  }
}
.datameer-modeling-img img {
  width: 100%;
}

.compare-testimonial {
  padding-top: 36px;
  padding-bottom: 0;
  position: relative;
}
.compare-testimonial::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 115px;
  background: white;
}
.compare-testimonial .section-heading {
  margin-bottom: 40px;
}

.compare-testimonial-card {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 40px 26px 50px;
}
@media all and (max-width: 575px) {
  .compare-testimonial-card {
    padding: 20px 20px 30px;
  }
}

.compare-testimonial-content {
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  margin-bottom: 30px;
}
@media all and (max-width: 991px) {
  .compare-testimonial-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.compare-testimonial-content p {
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .compare-testimonial-content p {
    font-size: 16px;
  }
}

.compare-testimonial-footer figure {
  margin: 0 auto 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.compare-testimonial-footer figure::before {
  flex: none;
  content: "";
  width: 38px;
  height: 28px;
  background: url(../images-2021/home/review-quote-icon.svg) no-repeat center/contain;
  margin-right: 20px;
}
@media all and (max-width: 991px) {
  .compare-testimonial-footer figure::before {
    width: 34px;
    height: 24px;
    background: url(../images-2021/home/review-quote-icon.svg) no-repeat center/contain;
    margin-right: 16px;
  }
}
.compare-testimonial-footer figure img {
  max-width: 200px;
}
.compare-testimonial-footer p {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  font-style: normal;
}

.compare-testimonial-nav {
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border: none;
  padding: 0 20px;
}
@media all and (max-width: 991px) {
  .compare-testimonial-nav {
    flex-wrap: wrap;
    margin-bottom: -20px;
  }
}
@media all and (max-width: 991px) {
  .compare-testimonial-nav li.nav-item {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 575px) {
  .compare-testimonial-nav li.nav-item {
    margin-bottom: 16px;
  }
}
.compare-testimonial-nav li.nav-item a.nav-link {
  border: none;
  padding: 0 30px;
}
@media all and (max-width: 1200px) {
  .compare-testimonial-nav li.nav-item a.nav-link {
    padding: 0 20px;
  }
}
@media all and (max-width: 575px) {
  .compare-testimonial-nav li.nav-item a.nav-link {
    padding: 0 10px;
  }
}
.compare-testimonial-nav li.nav-item a.nav-link img {
  max-width: 130px;
}
@media all and (max-width: 1200px) {
  .compare-testimonial-nav li.nav-item a.nav-link img {
    max-width: 110px;
  }
}
@media all and (max-width: 575px) {
  .compare-testimonial-nav li.nav-item a.nav-link img {
    max-width: 80px;
    max-height: 25px;
  }
}
.compare-testimonial-nav li.nav-item a.nav-link.active img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  opacity: 0.5;
}

.dbt-end-form-section h2 {
  font-size: 32px;
  margin-bottom: 16px;
}
@media all and (max-width: 575px) {
  .dbt-end-form-section h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.dbt-end-form-section h6 {
  font-size: 18px;
  line-height: 1.72;
  font-weight: 500;
}
.dbt-end-form-section .btn21, .dbt-end-form-section .green-input input[type=submit], .green-input .dbt-end-form-section input[type=submit], .dbt-end-form-section .blue-input input[type=submit], .blue-input .dbt-end-form-section input[type=submit] {
  height: 44px;
  line-height: 42px;
  padding: 0 32px;
}
.dbt-end-form-section.dbt-end-form-section-2 h6 {
  font-weight: 600;
  margin-bottom: 10px;
}
@media all and (max-width: 575px) {
  .dbt-end-form-section.dbt-end-form-section-2 h6 {
    font-size: 16px;
    line-height: 1.55;
    margin-bottom: 5px;
  }
}
.dbt-end-form-section.dbt-end-form-section-2 h2 span {
  color: #29d398;
}
.dbt-end-form-section.dbt-end-form-section-2 h2 span a {
  color: inherit;
}

.dbt-end-form {
  margin-top: 48px;
}
@media all and (max-width: 575px) {
  .dbt-end-form {
    margin-top: 35px;
  }
}
.dbt-end-form form {
  display: flex;
  justify-content: center;
  position: relative;
  max-width: 740px;
  margin: 0 auto;
}
@media all and (max-width: 991px) {
  .dbt-end-form form {
    max-width: 550px;
  }
}
@media all and (max-width: 767px) {
  .dbt-end-form form {
    max-width: 500px;
  }
}
@media all and (max-width: 575px) {
  .dbt-end-form form {
    width: 100%;
    display: block;
  }
}
.dbt-end-form form .hs_error_rollup {
  position: absolute;
  top: 45px;
  left: 0;
}
@media all and (max-width: 575px) {
  .dbt-end-form form .hs_error_rollup {
    position: initial;
  }
}
@media all and (max-width: 575px) {
  .dbt-end-form form .hs_error_rollup .hs-error-msgs {
    margin-block: 0;
  }
}
.dbt-end-form form .hs_email label {
  display: none;
}
.dbt-end-form form .hs_email {
  margin-right: 30px;
  width: 100%;
}
.dbt-end-form form .hs_email .input .hs-input {
  background: #F7F8FA !important;
  border: 1px solid rgba(177, 178, 179, 0.23) !important;
  border-radius: 4px !important;
}
@media all and (max-width: 1200px) {
  .dbt-end-form form .hs_email {
    margin-right: 20px;
  }
}
@media all and (max-width: 575px) {
  .dbt-end-form form .hs_email {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.dbt-end-form form input[type=submit] {
  width: 190px;
}
@media all and (max-width: 1200px) {
  .dbt-end-form form input[type=submit] {
    width: 160px;
  }
}
@media all and (max-width: 575px) {
  .dbt-end-form form input[type=submit] {
    width: 100%;
  }
}

.datameer-comparison-table {
  padding: 100px 0;
}
@media all and (max-width: 1200px) {
  .datameer-comparison-table {
    padding: 80px 0;
  }
}
@media all and (max-width: 575px) {
  .datameer-comparison-table {
    padding: 50px 0;
  }
}
.datameer-comparison-table .section-heading {
  margin-bottom: 55px;
}
@media all and (max-width: 1200px) {
  .datameer-comparison-table .section-heading {
    margin-bottom: 40px;
  }
}
.datameer-comparison-table .section-heading h2 {
  margin-bottom: 5px;
}
.datameer-comparison-table .section-heading p {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  margin-bottom: 0px;
}

.table-responsive {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
}

.comparison-chart {
  margin-bottom: 0;
}
.comparison-chart thead {
  padding: 20px 0 7px;
}
.comparison-chart thead th {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: normal;
  color: black;
  border: none;
}
@media all and (max-width: 575px) {
  .comparison-chart thead th {
    font-size: 16px;
  }
}
.comparison-chart thead th:nth-child(1) {
  width: 60%;
  padding-left: 20px;
}
@media all and (max-width: 575px) {
  .comparison-chart thead th:nth-child(1) {
    padding-left: 10px;
  }
}
.comparison-chart tbody tr:nth-of-type(odd) {
  background-color: rgba(47, 57, 78, 0.05);
}
.comparison-chart tbody tr td {
  padding: 6px 20px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  vertical-align: middle;
}
@media all and (max-width: 575px) {
  .comparison-chart tbody tr td {
    font-size: 15px;
    padding: 6px 14px;
  }
}
.comparison-chart tbody tr td:nth-child(1) {
  width: 60%;
}
@media all and (max-width: 575px) {
  .comparison-chart tbody tr td:nth-child(1) {
    padding-left: 10px;
  }
}

.table-border {
  border-right: 1px solid #d2d2d2 !important;
}

.datameer-table-logo1 {
  width: 160px;
}
@media all and (max-width: 1200px) {
  .datameer-table-logo1 {
    width: 110px;
  }
}
@media all and (max-width: 575px) {
  .datameer-table-logo1 {
    width: 95px;
  }
}

.datameer-table-logo2 {
  width: 90px;
}
@media all and (max-width: 1200px) {
  .datameer-table-logo2 {
    width: 60px;
  }
}
@media all and (max-width: 575px) {
  .datameer-table-logo2 {
    width: 45px;
  }
}

.comparison-tick-icon img {
  width: 20px;
}
@media all and (max-width: 575px) {
  .comparison-tick-icon img {
    width: 18px;
  }
}

.comparison-cross-icon img {
  width: 20px;
}
@media all and (max-width: 575px) {
  .comparison-cross-icon img {
    width: 18px;
  }
}

.request-demo-button.contact-us a {
  width: 160px;
}

.footer-dbt-page .footer_main {
  padding: 40px 0 60px;
}
@media all and (max-width: 991px) {
  .footer-dbt-page .footer_main {
    padding: 40px 0 24px;
  }
}
@media all and (max-width: 575px) {
  .footer-dbt-page .footer_main {
    padding-bottom: 20px;
  }
}
.footer-dbt-page .footer_main_logo {
  margin-bottom: 0;
}
@media all and (max-width: 991px) {
  .footer-dbt-page .footer_main_logo {
    margin: 0 auto 30px;
  }
}
.footer-dbt-page .footer_social {
  margin-top: 0;
}
.footer-dbt-page .footer_bottom {
  padding: 0 0 36px;
}

::placeholder {
  color: #7b7d82 !important;
}

:-ms-input-placeholder {
  color: #7b7d82 !important;
}

::-ms-input-placeholder {
  color: #7b7d82 !important;
}

.block-image-gif {
  max-width: 836px;
  margin: auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 16px;
  position: relative;
  z-index: 2;
}

.block-image-section {
  position: relative;
  padding-bottom: 64px;
}
@media all and (max-width: 1200px) {
  .block-image-section {
    padding-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .block-image-section {
    padding-bottom: 10px;
  }
}
.block-image-section::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: 190px;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .block-image-section::before {
    top: 189px;
  }
}
@media all and (max-width: 575px) {
  .block-image-section::before {
    top: 120px;
  }
}
.block-image-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2f394e;
  height: 358px;
}
@media all and (max-width: 1200px) {
  .block-image-section::after {
    height: 323px;
  }
}
@media all and (max-width: 991px) {
  .block-image-section::after {
    height: 232px;
  }
}
@media all and (max-width: 767px) {
  .block-image-section::after {
    height: 157px;
  }
}
@media all and (max-width: 575px) {
  .block-image-section::after {
    height: 84px;
  }
}
.block-image-section.snowfake-image {
  padding-bottom: 26px;
  padding-top: 80px;
}

.request-demo-hero {
  padding-top: 138px;
  padding-bottom: 100px;
  background-color: white;
  position: relative;
}
@media all and (max-width: 1200px) {
  .request-demo-hero {
    padding-top: 160px;
  }
}
@media all and (max-width: 991px) {
  .request-demo-hero {
    padding-top: 150px;
  }
}
@media all and (max-width: 575px) {
  .request-demo-hero {
    padding-top: 110px;
    padding-bottom: 70px;
  }
}
.request-demo-hero h1 {
  color: white;
  margin-bottom: 70px;
}
@media all and (max-width: 991px) {
  .request-demo-hero h1 {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 767px) {
  .request-demo-hero h1 {
    width: 90%;
  }
}
@media all and (max-width: 575px) {
  .request-demo-hero h1 {
    margin-bottom: 45px;
  }
}
.request-demo-hero h1 span {
  color: #29d398;
}
.request-demo-hero::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 330px;
  background-color: #2f394e;
}
@media all and (max-width: 991px) {
  .request-demo-hero::before {
    height: 288px;
  }
}
@media all and (max-width: 767px) {
  .request-demo-hero::before {
    height: 300px;
  }
}
@media all and (max-width: 575px) {
  .request-demo-hero::before {
    height: 206px;
  }
}
.request-demo-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 250px;
  background: url(../images-2021/bottom-shape-1-white.svg) no-repeat center/cover;
  height: 88px;
}
@media all and (max-width: 991px) {
  .request-demo-hero::after {
    top: 215px;
  }
}
@media all and (max-width: 767px) {
  .request-demo-hero::after {
    top: 215px;
  }
}
@media all and (max-width: 575px) {
  .request-demo-hero::after {
    top: 182px;
    height: 25px;
  }
}

@media all and (max-width: 767px) {
  .logged-in .request-demo-hero {
    padding-top: 180px;
  }
}
@media all and (max-width: 575px) {
  .logged-in .request-demo-hero {
    padding-top: 160px;
  }
}
@media all and (max-width: 767px) {
  .logged-in .request-demo-hero::before {
    height: 310px;
  }
}
@media all and (max-width: 575px) {
  .logged-in .request-demo-hero::before {
    height: 255px;
  }
}
@media all and (max-width: 767px) {
  .logged-in .request-demo-hero::after {
    top: 245px;
  }
}
@media all and (max-width: 575px) {
  .logged-in .request-demo-hero::after {
    top: 232px;
  }
}

.request-demo-form {
  padding: 30px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 5;
  max-width: 448px;
}
@media all and (max-width: 991px) {
  .request-demo-form {
    padding: 20px;
  }
}
.request-demo-form .hs-form-field {
  margin-bottom: 15px;
}
.request-demo-form .hs-submit {
  clear: both;
  margin-top: 20px;
}
.request-demo-form .hs_error_rollup {
  display: none !important;
}
.request-demo-form label {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold !important;
}
.request-demo-form select,
.request-demo-form input[type=week],
.request-demo-form input[type=time],
.request-demo-form input[type=month],
.request-demo-form input[type=datetime-local],
.request-demo-form input[type=datetime],
.request-demo-form input[type=date],
.request-demo-form input[type=color],
.request-demo-form input[type=url],
.request-demo-form input[type=text],
.request-demo-form input[type=tel],
.request-demo-form input[type=search],
.request-demo-form input[type=password],
.request-demo-form input[type=select],
.request-demo-form input[type=radio],
.request-demo-form input[type=number],
.request-demo-form input[type=email] {
  height: 56px !important;
  background: #F7F8FA !important;
  border: 1px solid rgba(177, 178, 179, 0.23) !important;
  border-radius: 4px !important;
  width: 100% !important;
}
@media all and (max-width: 1200px) {
  .request-demo-form select,
.request-demo-form input[type=week],
.request-demo-form input[type=time],
.request-demo-form input[type=month],
.request-demo-form input[type=datetime-local],
.request-demo-form input[type=datetime],
.request-demo-form input[type=date],
.request-demo-form input[type=color],
.request-demo-form input[type=url],
.request-demo-form input[type=text],
.request-demo-form input[type=tel],
.request-demo-form input[type=search],
.request-demo-form input[type=password],
.request-demo-form input[type=select],
.request-demo-form input[type=radio],
.request-demo-form input[type=number],
.request-demo-form input[type=email] {
    height: 54px;
  }
}
@media all and (max-width: 991px) {
  .request-demo-form select,
.request-demo-form input[type=week],
.request-demo-form input[type=time],
.request-demo-form input[type=month],
.request-demo-form input[type=datetime-local],
.request-demo-form input[type=datetime],
.request-demo-form input[type=date],
.request-demo-form input[type=color],
.request-demo-form input[type=url],
.request-demo-form input[type=text],
.request-demo-form input[type=tel],
.request-demo-form input[type=search],
.request-demo-form input[type=password],
.request-demo-form input[type=select],
.request-demo-form input[type=radio],
.request-demo-form input[type=number],
.request-demo-form input[type=email] {
    height: 50px;
    font-size: 13px;
  }
}
.request-demo-form textarea {
  width: 100% !important;
  height: 130px;
  margin-bottom: 0;
  background: #F7F8FA !important;
  border: 1px solid rgba(177, 178, 179, 0.23) !important;
  border-radius: 4px !important;
}
@media all and (max-width: 991px) {
  .request-demo-form textarea {
    margin-bottom: 0px;
  }
}
.request-demo-form input[type=submit] {
  width: 160px;
  height: 48px;
}

.request-demo-content {
  max-width: 500px;
  position: relative;
  z-index: 5;
}
@media all and (max-width: 575px) {
  .request-demo-content {
    margin-bottom: 50px;
  }
}
.request-demo-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 22px;
  color: #2f3a4d;
}
@media all and (max-width: 991px) {
  .request-demo-content h3 {
    font-size: 17px;
  }
}
.request-demo-content ul {
  list-style-type: none;
}
.request-demo-content ul li {
  display: flex;
  margin-bottom: 30px;
  align-items: start;
}
@media all and (max-width: 991px) {
  .request-demo-content ul li {
    margin-bottom: 25px;
  }
}
.request-demo-content ul li:last-child {
  margin-bottom: 0px;
}

.request-demo-icon {
  margin-right: 12px;
}

.request-demo-text h4 {
  font-size: 18px;
  font-weight: 600;
  color: #2f394e;
  padding: 0px;
  margin: 0px;
}
@media all and (max-width: 991px) {
  .request-demo-text h4 {
    font-size: 15px;
    line-height: 22px;
  }
}
.request-demo-text p {
  margin-bottom: 0px;
}

.hero-new-2022 {
  height: 625px;
  background: #2f394e;
  overflow: hidden;
  position: relative;
  padding-top: 130px;
}
@media all and (max-width: 1200px) {
  .hero-new-2022 {
    height: 560px;
  }
}
@media all and (max-width: 991px) {
  .hero-new-2022 {
    padding-top: 135px;
    height: auto;
  }
}
@media all and (max-width: 575px) {
  .hero-new-2022 {
    padding-top: 130px;
  }
}
.hero-new-2022:after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
}

.home-hero-content-2022 {
  width: 420px;
}
@media all and (max-width: 991px) {
  .home-hero-content-2022 {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media all and (max-width: 991px) {
  .home-hero-content-2022 {
    text-align: center;
  }
}
.home-hero-content-2022 h1 {
  font-size: 40px;
  line-height: 50px;
  color: white;
  margin-bottom: 12px;
}
@media all and (max-width: 1200px) {
  .home-hero-content-2022 h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media all and (max-width: 575px) {
  .home-hero-content-2022 h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
.home-hero-content-2022 h1 span {
  color: #0bb8dd;
}
.home-hero-content-2022 h1 span a {
  color: #0bb8dd;
}
.home-hero-content-2022 p {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  color: white;
  margin-bottom: 30px;
}
@media all and (max-width: 767px) {
  .home-hero-content-2022 p {
    font-size: 16px;
  }
}
@media all and (max-width: 575px) {
  .home-hero-content-2022 p {
    font-size: 14px;
  }
}
.home-hero-content-2022 p span {
  color: #29d398;
}
.home-hero-content-2022 p span a {
  color: #29d398;
}
.home-hero-content-2022 p span a:hover {
  color: #29d398;
  text-decoration: none;
}
.home-hero-content-2022 p a:hover {
  color: #29d398;
  text-decoration: none;
}
.home-hero-content-2022 .btn21-big {
  height: 45px;
  line-height: 45px;
  padding: 0 32px;
}

.hero-img-2022 {
  height: 320px;
  position: relative;
  padding-left: 40px;
}
@media all and (max-width: 991px) {
  .hero-img-2022 {
    padding-left: 0px;
    margin-left: 75px;
  }
}
@media all and (max-width: 767px) {
  .hero-img-2022 {
    margin-left: 0px;
  }
}
@media all and (max-width: 575px) {
  .hero-img-2022 {
    height: 250px;
    margin-left: 10px;
  }
}
.hero-img-2022 img {
  width: 511px;
  height: 250px;
  border: 8px solid white;
  border-radius: 8px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}
@media all and (max-width: 1200px) {
  .hero-img-2022 img {
    width: 405px;
    height: auto;
  }
}
@media all and (max-width: 991px) {
  .hero-img-2022 img {
    width: 410px;
    height: auto;
  }
}
@media all and (max-width: 575px) {
  .hero-img-2022 img {
    width: 260px;
    border: 6px solid white;
    border-radius: 6px;
  }
}

.hero-image2 {
  position: absolute;
  left: 130px;
  margin-top: 125px;
}
@media all and (max-width: 1200px) {
  .hero-image2 {
    left: 120px;
    margin-top: 110px;
  }
}
@media all and (max-width: 575px) {
  .hero-image2 {
    left: 40px;
    margin-top: 75px;
  }
}

.hero-single-img-2022 img {
  width: 100%;
}

.hero-listing {
  margin-top: -190px;
  position: relative;
  z-index: 3;
  padding-bottom: 105px;
}
@media all and (max-width: 991px) {
  .hero-listing {
    margin-top: 0;
  }
}
.hero-listing .hero-listing-items {
  margin-bottom: -20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(47, 57, 78, 0.2);
  border-radius: 5px;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items {
    box-shadow: none;
  }
}
.hero-listing .hero-listing-items .hero-listing-item {
  border-radius: 5px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  min-height: 80px;
  background: white;
  transition: 0.6s all;
  position: relative;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item {
    min-height: 60px;
    background: #f2f2f2;
    color: #2f394e !important;
    margin-bottom: 16px;
  }
}
.hero-listing .hero-listing-items .hero-listing-item h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  max-width: 160px;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item h3 {
    max-width: 100%;
  }
}
.hero-listing .hero-listing-items .hero-listing-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-right: 2px solid #d6e5f4;
  height: 50px;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item::before {
    display: none;
  }
}
.hero-listing .hero-listing-items .hero-listing-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 10px;
  width: 100%;
  background-color: #29d398;
  opacity: 0;
  transition: 0.3s all;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item::after {
    display: none;
  }
}
.hero-listing .hero-listing-items .hero-listing-item:hover {
  background: #f2f2f2;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12);
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item:hover {
    background: #29d398;
    color: white;
    box-shadow: none;
  }
}
.hero-listing .hero-listing-items .hero-listing-item:hover::after {
  opacity: 1;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item:hover h3 {
    z-index: 50;
    color: white;
  }
}
.hero-listing .hero-listing-items .hero-listing-item:focus {
  background: #f2f2f2;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12);
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item:focus {
    background: #29d398;
    color: white;
    box-shadow: none;
  }
}
.hero-listing .hero-listing-items .hero-listing-item:focus::after {
  opacity: 1;
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .hero-listing-item:focus h3 {
    z-index: 50;
    color: white;
  }
}
@media all and (max-width: 767px) {
  .hero-listing .hero-listing-items .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media all and (max-width: 991px) {
  .hero-listing .hero-listing-items .row > [class*=col] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.hero-listing .hero-listing-items .row > [class*=col]:last-child .hero-listing-item::before {
  border: none !important;
}

.explore-datasets {
  padding-bottom: 60px;
}
.explore-datasets .heading-section {
  margin-bottom: 40px;
}
.explore-datasets .heading-section h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  .explore-datasets .heading-section h2 {
    font-size: 26px;
    line-height: 1.43;
    margin-bottom: 7px;
  }
}
@media all and (max-width: 575px) {
  .explore-datasets .heading-section h2 {
    font-size: 22px;
    margin-bottom: 7px;
  }
}
.explore-datasets .heading-section p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
@media all and (max-width: 767px) {
  .explore-datasets .heading-section p {
    font-size: 16px;
  }
}
@media all and (max-width: 575px) {
  .explore-datasets .heading-section p {
    font-size: 14px;
  }
}

.explore-datasets-items {
  margin-bottom: -30px;
}
.explore-datasets-items .explore-datasets-item {
  padding-right: 40px;
  margin-bottom: 30px;
}
@media all and (max-width: 1200px) {
  .explore-datasets-items .explore-datasets-item {
    padding: 0;
  }
}
.explore-datasets-items .explore-datasets-item figure {
  background: #29d398;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  margin-bottom: 10px;
}
.explore-datasets-items .explore-datasets-item figure img {
  max-width: 32px;
  min-height: 32px;
}
.explore-datasets-items .explore-datasets-item i {
  width: 60px;
  height: 60px;
  display: block;
  margin-bottom: 10px;
}
.explore-datasets-items .explore-datasets-item i img {
  width: 100%;
}
.explore-datasets-items .explore-datasets-item h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 5px;
}
.explore-datasets-items .explore-datasets-item p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.explore-datasets-items .explore-datasets-item.text-center {
  text-align: center;
  padding-right: 0;
}
.explore-datasets-items .explore-datasets-item.text-center figure {
  margin-left: auto;
  margin-right: auto;
}

.feature-block-col-view {
  display: flex;
  gap: 24px;
  padding-right: 0 !important;
}

.designed-teams {
  position: relative;
  padding-top: 120px;
}
@media all and (max-width: 991px) {
  .designed-teams {
    padding-top: 100px;
  }
}
@media all and (max-width: 575px) {
  .designed-teams {
    padding-top: 70px;
  }
}
.designed-teams::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}
.designed-teams .heading-section {
  max-width: 765px;
  margin: 0 auto 40px;
}
.designed-teams .heading-section h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  .designed-teams .heading-section h2 {
    font-size: 28px;
  }
}
@media all and (max-width: 575px) {
  .designed-teams .heading-section h2 {
    font-size: 24px;
  }
}
.designed-teams .heading-section p {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 0px;
}
@media all and (max-width: 767px) {
  .designed-teams .heading-section p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media all and (max-width: 575px) {
  .designed-teams .heading-section p {
    font-size: 14px;
    line-height: 26px;
  }
}
.designed-teams .card {
  background: transparent;
  margin-bottom: 30px;
}
.designed-teams .card .card-header h3 {
  color: white;
  opacity: 1;
}
.designed-teams .card .card-header h3:hover {
  opacity: 1;
}
.designed-teams .card .card-header h3:hover span {
  color: #29d398;
}
.designed-teams .card .card-header h3 span {
  color: #29d398;
}
.designed-teams .card .card-header.selected h3 {
  opacity: 1;
}
.designed-teams .card .card-header.selected h3 span {
  color: #29d398;
}
.designed-teams .card .card-header.selected p {
  color: white;
}
.designed-teams .card .card-body p {
  color: white;
}

.snowflake-native {
  padding: 100px 0px 100px;
}
.snowflake-native .heading-section {
  max-width: 875px;
  margin: 0 auto 50px;
}
.snowflake-native .heading-section h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  color: #2f394e;
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  .snowflake-native .heading-section h2 {
    font-size: 28px;
    line-height: 1.43;
    margin-bottom: 7px;
  }
}
@media all and (max-width: 575px) {
  .snowflake-native .heading-section h2 {
    font-size: 24px;
    margin-bottom: 7px;
  }
}
.snowflake-native .heading-section p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
}
@media all and (max-width: 767px) {
  .snowflake-native .heading-section p {
    font-size: 16px;
  }
}
@media all and (max-width: 575px) {
  .snowflake-native .heading-section p {
    font-size: 14px;
  }
}
.snowflake-native .snowflake {
  width: 900px;
  margin: 0 auto 0px auto;
}
@media all and (max-width: 1200px) {
  .snowflake-native .snowflake {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .snowflake-native .snowflake {
    height: auto;
  }
}
.snowflake-native .snowflake img {
  width: 100%;
}

.trusted-data {
  padding: 90px 0;
}

.trusted-data-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 991px) {
  .trusted-data-items {
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
  }
}

.trusted-data-heading {
  width: 306px;
  flex: none;
  margin-right: 60px;
}
@media all and (max-width: 1200px) {
  .trusted-data-heading {
    margin-right: 30px;
  }
}
@media all and (max-width: 991px) {
  .trusted-data-heading {
    max-width: 500px;
    width: 100%;
    text-align: center;
    margin: 0 auto 30px auto;
  }
}
.trusted-data-heading h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 10px;
}
.trusted-data-heading p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: white;
  margin-bottom: 0;
}

.trusted-data-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media all and (max-width: 991px) {
  .trusted-data-content {
    display: block;
  }
}

.trusted-data-card {
  padding: 20px 30px;
  border-radius: 6px;
  background-color: white;
  flex: none;
  width: calc(50% - 10px);
}
@media all and (max-width: 1200px) {
  .trusted-data-card {
    padding: 20px;
  }
}
@media all and (max-width: 991px) {
  .trusted-data-card {
    max-width: 500px;
    width: 100%;
    text-align: center;
    padding: 30px 20px;
    height: auto;
    margin: 0 auto 30px;
  }
}
@media all and (max-width: 991px) {
  .trusted-data-card:last-child {
    margin-bottom: 0px;
  }
}
.trusted-data-card figure {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #29d398;
  flex: none;
  border-radius: 50%;
  margin-bottom: 10px;
}
@media all and (max-width: 991px) {
  .trusted-data-card figure {
    margin: 0 auto 10px;
  }
}
.trusted-data-card figure img {
  width: 32px;
  height: 32px;
}
.trusted-data-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: #2f394e;
  margin-bottom: 10px;
}
.trusted-data-card p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

.free-trial {
  position: relative;
  z-index: 2;
}
.free-trial::after {
  content: "";
  position: absolute;
  background-color: #2f394e;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  z-index: 0;
}

.snowfake-database::after {
  content: "";
  display: none !important;
}

.free-trial-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px;
  background: white;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .free-trial-wrapper {
    flex-direction: column;
  }
}
@media all and (max-width: 767px) {
  .free-trial-wrapper {
    padding: 40px;
  }
}
@media all and (max-width: 575px) {
  .free-trial-wrapper {
    padding: 20px;
  }
}

.free-trial-info {
  width: 480px;
  margin-right: 90px;
  flex: none;
}
@media all and (max-width: 991px) {
  .free-trial-info {
    margin-right: 0;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
  }
}
.free-trial-info h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  .free-trial-info h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 575px) {
  .free-trial-info h2 {
    font-size: 20px;
  }
}

.snowfake-info {
  margin-right: 0px;
  margin: 0 auto;
  width: auto;
  text-align: center;
}
.snowfake-info p {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  margin-bottom: 20px;
}

.free-trial-btn {
  color: white !important;
  height: 44px;
  line-height: 44px;
  padding: 0 32px;
  font-size: 14px;
  font-weight: 600;
}
.free-trial-btn:hover {
  color: #2f394e !important;
}

.industry-solution {
  padding: 100px 0px;
}
.industry-solution .heading-section {
  margin-bottom: 40px;
}

.guides-resources {
  padding: 100px 0px;
}
.guides-resources h2 {
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 10px !important;
  color: #2f394e !important;
}
@media all and (max-width: 767px) {
  .guides-resources h2 {
    margin-bottom: 7px !important;
  }
}
@media all and (max-width: 575px) {
  .guides-resources h2 {
    margin-bottom: 7px !important;
  }
}
.guides-resources .heading-section {
  margin-bottom: 30px;
}
.guides-resources .heading-section p {
  color: #2f394e !important;
}
.guides-resources::before {
  content: "" !important;
  display: none !important;
}

.home-new-end-cta-section .btn21-big {
  height: 45px;
  line-height: 45px;
  padding: 0px 34px;
}

.img-modal .modal-content {
  border: none;
}
.img-modal .modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  height: 40px;
  width: 40px;
  background: #29d398;
  border: 0;
  outline: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
@media all and (max-width: 575px) {
  .img-modal .modal-close {
    height: 25px;
    width: 25px;
  }
}
.img-modal .modal-close img {
  max-width: 14px;
}
@media all and (max-width: 575px) {
  .img-modal .modal-close img {
    max-width: 9px;
  }
}
.img-modal .modal-dialog {
  max-width: 1200px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .img-modal .modal-dialog {
    max-width: 1000px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .img-modal .modal-dialog {
    max-width: 1000px;
  }
}
@media all and (max-width: 1200px) {
  .img-modal .modal-dialog {
    max-width: 800px;
  }
}
@media all and (max-width: 991px) {
  .img-modal .modal-dialog {
    max-width: 600px;
  }
}
@media all and (max-width: 767px) {
  .img-modal .modal-dialog {
    max-width: 435px;
    margin: 0 auto;
  }
}
@media all and (max-width: 575px) {
  .img-modal .modal-dialog {
    max-width: 320px;
    margin: 0 auto;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.testimonial-video-content {
  padding-bottom: 70px;
}

.testimonial-video-top-border {
  height: 5px;
  background: rgba(47, 57, 78, 0.1);
  border-radius: 5px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  margin-bottom: 50px;
}

.testimonial-video {
  max-width: 620px;
  margin: 0 auto 40px;
}

.testimonial-info {
  text-align: center;
  max-width: 890px;
  margin: 0 auto;
}
@media all and (max-width: 1200px) {
  .testimonial-info {
    max-width: 800px;
  }
}
.testimonial-info p {
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  color: #2f394e;
  margin-bottom: 10px;
}
@media all and (max-width: 1200px) {
  .testimonial-info p {
    font-size: 24px;
    line-height: 38px;
  }
}
@media all and (max-width: 575px) {
  .testimonial-info p {
    font-size: 20px;
    line-height: 1.43;
  }
}

.customer-info {
  text-align: center;
}
.customer-info p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 0;
}
@media all and (max-width: 575px) {
  .customer-info p {
    font-size: 16px;
    line-height: 26px;
  }
}

.hero-product {
  background: #2f394e;
  position: relative;
  padding-top: 150px;
  padding-bottom: 0px;
  height: auto;
  position: relative;
}
.hero-product::before {
  content: "";
  height: 100px;
  background-color: white;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.hero-product .hero-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
@media all and (max-width: 1200px) {
  .hero-product .hero-content {
    max-width: 700px;
  }
}
@media all and (max-width: 1200px) {
  .hero-product .hero-content {
    max-width: 580px;
  }
}
.hero-product .hero-content h1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 10px;
}
.hero-product .hero-content p {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.78;
}
@media all and (max-width: 1200px) {
  .hero-product .hero-content p {
    font-size: 16px;
  }
}
@media all and (max-width: 575px) {
  .hero-product .hero-content p {
    margin-top: 0px;
    font-size: 15px;
  }
}
.hero-product::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  bottom: 99px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
}

.hero-product-image {
  position: relative;
  z-index: 10;
  max-width: 835px;
  margin: 0 auto;
}

.hero-product-video {
  position: relative;
  z-index: 10;
  max-width: 790px;
  background: white;
  padding: 20px;
  border-radius: 8px;
  margin: 0 auto;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
}

.benefit-featured-section {
  padding-top: 80px;
}

.benefit-featured-row {
  margin-left: -56px;
  margin-right: -56px;
  margin-bottom: -40px;
}
@media all and (max-width: 1200px) {
  .benefit-featured-row {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.benefit-featured-row > [class*=col] {
  padding-left: 56px;
  padding-right: 56px;
}
@media all and (max-width: 1200px) {
  .benefit-featured-row > [class*=col] {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.benefit-transmission-service {
  margin-bottom: 40px;
}
.benefit-transmission-service h3 {
  max-width: 240px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: normal;
  margin-bottom: 10px;
}
@media all and (max-width: 1200px) {
  .benefit-transmission-service h3 {
    font-size: 22px;
  }
}
@media all and (max-width: 991px) {
  .benefit-transmission-service h3 {
    max-width: max-content;
  }
}
.benefit-transmission-service i {
  width: 80px;
  height: 80px;
  margin: 0 0 24px 0;
  display: inline-block;
}
@media all and (max-width: 575px) {
  .benefit-transmission-service i {
    width: 65px;
    height: 65px;
    margin: 0 0 20px 0;
  }
}
.benefit-transmission-service i img {
  width: 100%;
}
.benefit-transmission-service p {
  margin: 0;
  line-height: 1.71;
}

.benefit-section {
  position: relative;
  padding: 160px 0 100px;
}
@media all and (max-width: 1200px) {
  .benefit-section {
    padding: 120px 0 80px;
  }
}
@media all and (max-width: 575px) {
  .benefit-section {
    padding: 60px 0;
  }
}
.benefit-section::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 87px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}

@media all and (max-width: 991px) {
  .benefits-img {
    max-width: 540px;
    margin: 0 auto 50px;
  }
}
@media all and (max-width: 575px) {
  .benefits-img {
    margin-bottom: 30px;
  }
}

.benefits-info {
  margin-left: 10px;
}

.benefits-heading {
  margin-bottom: 20px;
}
.benefits-heading h3 {
  font-size: 28px;
  margin-bottom: 3px;
}
.benefits-heading p {
  font-size: 16px;
  color: white;
}
@media all and (max-width: 575px) {
  .benefits-heading p {
    font-size: 15px;
  }
}

.benefits-lists ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.benefits-lists ul li {
  font-size: 14px;
  line-height: 24px;
}
.benefits-lists ul li {
  margin-bottom: 30px;
}
.benefits-lists ul li:last-child {
  margin-bottom: 0;
}
.benefits-lists h4 {
  font-size: 22px;
  color: white;
  margin-bottom: 12px;
}
@media all and (max-width: 575px) {
  .benefits-lists h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.benefits-lists h4::after {
  content: "";
  display: block;
  width: 160px;
  height: 4px;
  border-radius: 2px;
  background-color: #29d398;
  margin-top: 4px;
}
.benefits-lists p {
  font-size: 16px;
  font-weight: 500;
}
@media all and (max-width: 575px) {
  .benefits-lists p {
    font-size: 15px;
  }
}

.mb-60 {
  margin-bottom: 60px !important;
}
@media all and (max-width: 575px) {
  .mb-60 {
    margin-bottom: 40px !important;
  }
}

.mb-80 {
  margin-bottom: 80px !important;
}
@media all and (max-width: 575px) {
  .mb-80 {
    margin-bottom: 60px !important;
  }
}

.hero-demo-center {
  position: relative;
  padding-top: 156px;
  padding-bottom: 80px;
}
@media all and (max-width: 767px) {
  .hero-demo-center {
    padding-top: 130px;
  }
}
@media all and (max-width: 575px) {
  .hero-demo-center {
    padding-top: 170px;
    padding-bottom: 60px;
  }
}
.hero-demo-center::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 482px;
  background-color: #2f394e;
  pointer-events: none;
}
.hero-demo-center::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  background: url(../images-2021/home/hero-shape.svg) no-repeat center/cover;
  height: 495px;
  pointer-events: none;
}
@media all and (max-width: 575px) {
  .hero-demo-center .hero-content h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.hero-demo-center .hero-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media all and (max-width: 575px) {
  .hero-demo-center .hero-content p {
    font-size: 16px;
    margin-top: 0;
  }
}
.hero-demo-center .hero-content p a {
  color: #29d398;
}
.hero-demo-center .hero-content p a:hover {
  color: #29d398;
  text-decoration: none;
}

.block-video-card {
  max-width: 906px;
  margin: auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 16px;
  position: relative;
  z-index: 2;
}
.block-video-card iframe {
  width: 100%;
  height: 495px;
}
@media all and (max-width: 991px) {
  .block-video-card iframe {
    height: 365px;
  }
}
@media all and (max-width: 767px) {
  .block-video-card iframe {
    height: 290px;
  }
}
@media all and (max-width: 575px) {
  .block-video-card iframe {
    height: 167px;
  }
}
.block-video-card img {
  max-width: 100%;
}

.demo-info h2 {
  font-size: 40px;
  line-height: 1.43;
  font-weight: 600;
  margin-bottom: 12px;
}
@media all and (max-width: 1200px) {
  .demo-info h2 {
    font-size: 34px;
  }
}
@media all and (max-width: 575px) {
  .demo-info h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
.demo-info p {
  font-size: 16px;
  line-height: 1.69;
}
.demo-info p:last-child {
  margin-bottom: 0;
}
.demo-info.text-center {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.ss-block-section {
  background-image: url(../images-2021/demo-center/logo-section-bg.svg);
  background-repeat: no-repeat;
  background-size: 686px 719px;
  background-position: 0 -45px;
}
@media all and (max-width: 1200px) {
  .ss-block-section {
    background-size: 538px 520px;
    background-position: 0 10px;
  }
}
@media all and (max-width: 991px) {
  .ss-block-section {
    background-position: center 30px;
    background-size: 500px 485px;
  }
}
@media all and (max-width: 767px) {
  .ss-block-section {
    background-position: center 30px;
    background-size: 480px 465px;
  }
}
@media all and (max-width: 575px) {
  .ss-block-section {
    background-position: center 30px;
    background-size: 295px 266px;
  }
}

.left-block-image {
  padding-right: 10px;
}
@media all and (max-width: 991px) {
  .left-block-image {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 991px) {
  .left-block-image img {
    width: 445px;
  }
}

.right-block-image {
  padding-left: 10px;
}
@media all and (max-width: 991px) {
  .right-block-image {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 991px) {
  .right-block-image img {
    width: 445px;
  }
}

.ss-block-info ul {
  margin-bottom: 20px;
}
.ss-block-info ul:last-child {
  margin-bottom: 0;
}
.ss-block-info ul li {
  position: relative;
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.69;
  margin-bottom: 15px;
  padding-left: 24px;
}
.ss-block-info ul li::before {
  content: "";
  left: 0;
  top: 12px;
  position: absolute;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: white;
}
.ss-block-info ul li:last-child {
  margin-bottom: 0;
}

.green-bullet ul li {
  list-style: none;
  position: relative;
  padding-left: 24px;
}
.green-bullet ul li::before {
  content: "";
  left: 0;
  top: 9px;
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #29d398;
}

.demo-video-page-content .demo-info {
  margin-bottom: 84px !important;
}
@media all and (max-width: 767px) {
  .demo-video-page-content .demo-info {
    margin-bottom: 60px !important;
  }
}
.demo-video-page-content .demo-info h2 {
  font-weight: 700;
  color: #354250;
}

.hero-demo-video-page {
  padding-bottom: 68px;
}
.hero-demo-video-page .hero-content span {
  color: #29d398;
}
.hero-demo-video-page .hero-content .btn21, .hero-demo-video-page .hero-content .green-input input[type=submit], .green-input .hero-demo-video-page .hero-content input[type=submit], .hero-demo-video-page .hero-content .blue-input input[type=submit], .blue-input .hero-demo-video-page .hero-content input[type=submit] {
  padding: 0 36px;
}
.hero-demo-video-page .block-video-card {
  max-width: 858px;
  box-shadow: none;
  background: transparent;
  padding: 0;
  margin-bottom: 40px;
}
.hero-demo-video-page .block-video-card img {
  width: 100%;
}

.video-list-content {
  overflow-x: hidden;
}
.video-list-content .demo-info {
  margin-bottom: 147px !important;
}
@media all and (max-width: 1200px) {
  .video-list-content .demo-info {
    margin-bottom: 110px !important;
  }
}
@media all and (max-width: 991px) {
  .video-list-content .demo-info {
    margin-bottom: 80px !important;
  }
}
.video-list-content .demo-info h2 {
  font-weight: 700;
}
.video-list-content .main-wrapper {
  margin-bottom: -56px;
}
.video-list-content .video-list-content-row {
  margin-bottom: 176px;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
}
.video-list-content .video-list-content-row > [class*=col] {
  padding-left: 30px;
  padding-right: 30px;
}
@media all and (max-width: 991px) {
  .video-list-content .video-list-content-row {
    margin-bottom: 60px;
  }
}
.video-list-content .number-bullet {
  display: block;
  font-weight: 700;
  font-size: 56px;
  line-height: 56px;
  color: #29d398;
  margin-bottom: 10px;
}
@media all and (max-width: 991px) {
  .video-list-content .number-bullet {
    margin-bottom: 12px;
  }
}
@media all and (max-width: 575px) {
  .video-list-content .number-bullet {
    font-size: 46px;
    line-height: 46px;
  }
}
.video-list-content .ss-block-info p {
  font-size: 16px;
  line-height: 27px;
}
.video-list-content .ss-block-info p:last-child {
  margin-bottom: 0;
}
.video-list-content .left-block-image {
  position: relative;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .video-list-content .left-block-image {
    text-align: left;
    margin-bottom: 40px;
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  .video-list-content .left-block-image {
    margin-bottom: 30px;
  }
}
.video-list-content .left-block-image::after {
  content: "";
  background: url(../images-2021/demo-center/dotted-bg-left.svg) no-repeat center/contain;
  position: absolute;
  width: 60px;
  height: 231px;
  bottom: -114px;
  left: 40px;
  z-index: -1;
  opacity: 0.5;
  pointer-events: none;
}
@media all and (max-width: 991px) {
  .video-list-content .left-block-image::after {
    display: none;
  }
}
.video-list-content .right-block-image {
  position: relative;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .video-list-content .right-block-image {
    text-align: left;
    margin-bottom: 40px;
    padding-left: 0;
  }
}
@media all and (max-width: 767px) {
  .video-list-content .right-block-image {
    margin-bottom: 30px;
  }
}
.video-list-content .right-block-image::after {
  content: "";
  background: url(../images-2021/demo-center/dotted-bg-right.svg) no-repeat center/contain;
  position: absolute;
  width: 480.13px;
  height: 314.64px;
  top: -74px;
  right: -74px;
  z-index: -1;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .video-list-content .right-block-image::after {
    width: 270px;
    height: 184px;
    top: -44px;
    right: -38px;
  }
}
@media all and (max-width: 991px) {
  .video-list-content .right-block-image::after {
    display: none;
  }
}
.video-list-content .right-block-image::before {
  content: "";
  background: url(../images-2021/demo-center/dotted-bg-left.svg) no-repeat center/contain;
  position: absolute;
  width: 60px;
  height: 231px;
  bottom: -190px;
  left: 130px;
  z-index: -1;
  transform: rotate(90deg);
  opacity: 0.5;
}
@media all and (max-width: 991px) {
  .video-list-content .right-block-image::before {
    display: none;
  }
}

.pricing-hero {
  padding-top: 180px;
  padding-bottom: 60px;
}
@media all and (max-width: 767px) {
  .pricing-hero {
    padding-top: 150px;
  }
}
@media all and (max-width: 575px) {
  .pricing-hero {
    padding-top: 120px;
  }
}
.pricing-hero .btn {
  height: 48px;
  line-height: 46px;
  border: 1px solid #29d398;
  background: #29d398;
  color: white;
  font-weight: 600;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 0 24px;
  display: block;
  width: max-content;
}
.pricing-hero .btn:hover {
  background: transparent;
  color: #29d398;
}
.pricing-hero .section-heading {
  margin-bottom: 40px;
}
.pricing-hero .section-heading h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  .pricing-hero .section-heading h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 575px) {
  .pricing-hero .section-heading h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.pricing-hero .section-heading p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .pricing-hero .section-heading p {
    font-size: 14px;
    line-height: 24px;
  }
}

.pricing-table {
  margin-bottom: 60px;
}

.pricing-table-row {
  display: flex;
}
.pricing-table-row:nth-child(even) {
  background: #F4F4F4;
}
.pricing-table-row:first-child .pricing-table-col {
  border-top: 1px solid #D8D8D8;
}
.pricing-table-row:first-child .pricing-table-col:first-child {
  border-top: 0;
  padding: 0 120px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media all and (max-width: 1200px) {
  .pricing-table-row:first-child .pricing-table-col:first-child {
    padding-right: 70px;
  }
}
@media all and (max-width: 991px) {
  .pricing-table-row:first-child .pricing-table-col:first-child {
    padding-right: 20px;
  }
}
.pricing-table-row:last-child .pricing-table-col {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 30px;
}
@media all and (max-width: 1200px) {
  .pricing-table-row:last-child .pricing-table-col {
    padding-bottom: 20px;
  }
}
.pricing-table-row:last-child .pricing-table-col:first-child {
  border-bottom: 0;
}

.pricing-table-col {
  width: 320px;
  flex: none;
  padding: 10px 25px;
  font: normal 14px/20px "Montserrat", sans-serif;
  color: #000000;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  margin-right: -1px;
}
@media all and (max-width: 1200px) {
  .pricing-table-col {
    width: 270px;
    padding: 10px 20px;
  }
}
@media all and (max-width: 991px) {
  .pricing-table-col {
    width: 220px;
  }
}
.pricing-table-col:first-child {
  width: 100%;
  flex: initial;
  padding-left: 42px;
  border: 0;
}
@media all and (max-width: 1200px) {
  .pricing-table-col:first-child {
    padding-left: 25px;
  }
}
.pricing-table-col .btn {
  margin-top: 30px;
}

.pricing-table-head .pricing-table-col {
  padding: 30px;
}
@media all and (max-width: 1200px) {
  .pricing-table-head .pricing-table-col {
    padding: 20px;
  }
}
.pricing-table-head h1, .pricing-table-head h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #2f394e;
  margin-bottom: 10px;
}
@media all and (max-width: 991px) {
  .pricing-table-head h1, .pricing-table-head h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
.pricing-table-head h6 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
  margin: 0;
}
@media all and (max-width: 991px) {
  .pricing-table-head h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

.pricing-info {
  color: #2f394e;
}
.pricing-info i {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.pricing-info i img {
  max-width: 100%;
  max-height: 100%;
}
.pricing-info h4 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
  margin-bottom: 8px;
}
.pricing-info h4:last-child {
  margin-bottom: 0;
}
.pricing-info p {
  color: #2f394e;
  margin-bottom: 24px;
}
.pricing-info p:last-child {
  margin-bottom: 0;
}
.pricing-info h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
  margin-bottom: 5px;
}
@media all and (max-width: 1200px) {
  .pricing-info h2 {
    font-size: 28px;
    line-height: 28px;
  }
}
@media all and (max-width: 991px) {
  .pricing-info h2 {
    font-size: 26px;
    line-height: 26px;
  }
}
.pricing-info h2:last-child {
  margin-bottom: 0;
}
.pricing-info .note {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #2f394e;
}

.link-btn-green {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: #29d398;
  transition: 0.3s all;
}
.link-btn-green:hover {
  color: #2f394e;
}

.pricing-table-mobile {
  margin-bottom: 40px;
}
.pricing-table-mobile:last-child {
  margin-bottom: 0;
}

.pricing-table-sm {
  margin: 0 -10px 30px;
  border: 1px solid #D8D8D8;
}
.pricing-table-sm:last-child {
  margin-bottom: 0;
}
.pricing-table-sm .pricing-info {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
}
.pricing-table-sm .pricing-table-sm-lists ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.pricing-table-sm .pricing-table-sm-lists ul li {
  font-size: 14px;
  line-height: 24px;
}
.pricing-table-sm .pricing-table-sm-lists ul li {
  padding: 10px 14px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: -1px;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  position: relative;
}
@media all and (max-width: 575px) {
  .pricing-table-sm .pricing-table-sm-lists ul li {
    font-size: 13px;
    line-height: 18px;
  }
}
.pricing-table-sm .pricing-table-sm-lists ul li strong {
  width: 50%;
  flex: none;
  font-weight: 600;
  padding-right: 20px;
  position: relative;
}
@media all and (max-width: 575px) {
  .pricing-table-sm .pricing-table-sm-lists ul li strong {
    font-size: 12px;
    line-height: 18px;
  }
}
.pricing-table-sm .pricing-table-sm-lists ul li .btn {
  margin: 15px auto;
}
.pricing-table-sm .pricing-table-sm-lists ul li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 14px);
  width: 1px;
  background: #D8D8D8;
}
.pricing-table-sm .pricing-table-sm-lists ul li:last-child::after {
  display: none;
}

.pricing-faq {
  position: relative;
  padding: 100px 0 0;
}
@media all and (max-width: 767px) {
  .pricing-faq {
    padding-top: 70px;
  }
}
@media all and (max-width: 575px) {
  .pricing-faq {
    padding-top: 40px;
  }
}
.pricing-faq .section-heading {
  margin-bottom: 40px;
}
.pricing-faq .section-heading h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  .pricing-faq .section-heading h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 575px) {
  .pricing-faq .section-heading h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.pricing-faq .section-heading p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .pricing-faq .section-heading p {
    font-size: 14px;
    line-height: 24px;
  }
}

.pricing-accordion {
  font: 400 14px/20px "Montserrat", sans-serif;
}
.pricing-accordion .card {
  background: none;
  border: 0;
  border-radius: 0 !important;
  border-bottom: 1px solid #D8D8D8;
  padding: 10px 0;
}
.pricing-accordion .card:last-child {
  border-bottom: 0;
}
.pricing-accordion .card-header {
  background: 0;
  border-radius: 0 !important;
  border: 0;
  padding: 0 20px 0 0;
}
@media all and (max-width: 575px) {
  .pricing-accordion .card-header {
    padding: 0;
  }
}
.pricing-accordion .card-header .accordion-link {
  background: none;
  border: 0;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media all and (max-width: 575px) {
  .pricing-accordion .card-header .accordion-link {
    font-size: 15px;
    line-height: 24px;
  }
}
.pricing-accordion .card-header .accordion-link h5 {
  font: inherit;
  color: initial;
  width: 100%;
  text-align: left;
}
.pricing-accordion .card-header .accordion-link::after {
  content: "";
  flex: none;
  width: 24px;
  height: 24px;
  background: url(../images-2021/pricing/accordion-plus.svg) no-repeat center/contain;
}
@media all and (max-width: 575px) {
  .pricing-accordion .card-header .accordion-link::after {
    width: 20px;
    height: 20px;
  }
}
.pricing-accordion .card-header .accordion-link:focus {
  border: none;
  outline: none;
}
.pricing-accordion .card-header .accordion-link[aria-expanded=true]::after {
  background: url(../images-2021/pricing/accordion-minus-green.svg) no-repeat center/contain;
}
.pricing-accordion .card-body {
  padding: 5px 0 10px;
}
.pricing-accordion ul, .pricing-accordion ol {
  margin-left: 18px;
  margin-bottom: 16px;
}
.pricing-accordion ul:last-child, .pricing-accordion ol:last-child {
  margin-bottom: 0;
}
.pricing-accordion ul li, .pricing-accordion ol li {
  font-weight: 400;
  margin-bottom: 4px;
}
.pricing-accordion ul li:last-child, .pricing-accordion ol li:last-child {
  margin-bottom: 0;
}

.pricing-faq.dark-bg {
  color: white !important;
}
.pricing-faq.dark-bg::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 67px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}
.pricing-faq.dark-bg h2, .pricing-faq.dark-bg h3, .pricing-faq.dark-bg h4, .pricing-faq.dark-bg h5, .pricing-faq.dark-bg h6, .pricing-faq.dark-bg p, .pricing-faq.dark-bg span, .pricing-faq.dark-bg ul li, .pricing-faq.dark-bg ol li {
  color: white !important;
}
.pricing-faq.dark-bg .card-header .accordion-link::after {
  background: url(../images-2021/pricing/accordion-plus-green.svg) no-repeat center/contain;
}
.pricing-faq.dark-bg .card-header .accordion-link[aria-expanded=true]::after {
  background: url(../images-2021/pricing/accordion-minus-green.svg) no-repeat center/contain;
}

.testimonial-pricing {
  padding-top: 60px !important;
}

.hero-customer {
  position: relative;
  background: #2f394e;
  padding-top: 130px;
  padding-bottom: 80px;
}
@media all and (max-width: 575px) {
  .hero-customer {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.hero-customer::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
  pointer-events: none;
}

.logged-in .hero-customer {
  padding-top: 140px;
}
@media all and (max-width: 767px) {
  .logged-in .hero-customer {
    padding-top: 190px;
  }
}
@media all and (max-width: 575px) {
  .logged-in .hero-customer {
    padding-top: 170px;
  }
}

.hero-customer-content {
  text-align: center;
}
.hero-customer-content h1 {
  color: white;
  margin-bottom: 10px;
}
.hero-customer-content p {
  max-width: 460px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: white;
}
@media all and (max-width: 767px) {
  .hero-customer-content p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media all and (max-width: 575px) {
  .hero-customer-content p {
    font-size: 14px;
  }
}

.webinars-with {
  padding-top: 40px;
  padding-bottom: 100px;
}
@media all and (max-width: 991px) {
  .webinars-with {
    padding-bottom: 80px;
  }
}
@media all and (max-width: 575px) {
  .webinars-with {
    padding-bottom: 60px;
  }
}

@media all and (max-width: 991px) {
  .webinars-with-clients {
    margin-bottom: 50px;
  }
}
.webinars-with-clients h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
}
.webinars-with-clients h2 {
  line-height: 48px;
  margin-bottom: 10px;
}
@media all and (max-width: 991px) {
  .webinars-with-clients h2 {
    line-height: 40px;
  }
}
@media all and (max-width: 767px) {
  .webinars-with-clients h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media all and (max-width: 575px) {
  .webinars-with-clients h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
}
.webinars-with-clients p {
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 30px;
  color: black;
}
@media all and (max-width: 575px) {
  .webinars-with-clients p {
    font-size: 14px;
    line-height: 26px;
  }
}
.webinars-with-clients .btn21-green {
  padding: 0 30px;
}

.webinars-banner {
  position: relative;
}
.webinars-banner .webinars-banner-video {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  padding: 16px;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-banner-video {
    padding: 10px;
    height: 270px;
  }
}
.webinars-banner .webinars-banner-video img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-banner-video img {
    height: 100%;
    object-fit: cover;
  }
}
.webinars-banner .webinars-info {
  position: absolute;
  inset: 16px;
  display: flex;
  padding: 30px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-info {
    inset: 10px;
    padding: 14px;
  }
}
.webinars-banner .webinars-info h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  color: #fff;
}
@media all and (max-width: 767px) {
  .webinars-banner .webinars-info h4 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-info h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
  }
}
.webinars-banner .webinars-info figure {
  width: 160px;
  height: auto;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-info figure {
    width: 130px;
  }
}

.customer-video-modal .modal-dialog {
  max-width: 800px;
}
@media all and (max-width: 991px) {
  .customer-video-modal .modal-dialog {
    max-width: 600px;
  }
}
@media all and (max-width: 767px) {
  .customer-video-modal .modal-dialog {
    max-width: 470px;
  }
}
@media all and (max-width: 575px) {
  .customer-video-modal .modal-dialog {
    width: 90%;
    margin: 0 auto;
  }
}
.customer-video-modal .modal-dialog .modal-content {
  padding: 16px;
  border: 0;
  border-radius: 0;
}
.customer-video-modal .modal-dialog .modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  border-radius: 50%;
  background: #29d398 url(../images-2021/home-new-2022/cross-icon.svg) no-repeat center/15px;
  width: 40px;
  height: 40px;
  border: 0;
  z-index: 2;
}
@media all and (max-width: 575px) {
  .customer-video-modal .modal-dialog .modal-close {
    top: 100%;
    right: 50%;
    transform: translateY(50%);
  }
}
.customer-video-modal .modal-dialog .modal-close:focus {
  outline: none;
}

.case-studies-section {
  background: #2f394e;
  overflow: hidden;
  padding-bottom: 100px;
}
@media all and (max-width: 991px) {
  .case-studies-section {
    padding-bottom: 80px;
  }
}
@media all and (max-width: 575px) {
  .case-studies-section {
    padding-bottom: 60px;
  }
}

@media all and (max-width: 1200px) {
  .case-studies-info {
    max-width: 80%;
    margin-bottom: 50px;
  }
}
.case-studies-info h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 20px;
  color: white;
}
@media all and (max-width: 991px) {
  .case-studies-info h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}
@media all and (max-width: 575px) {
  .case-studies-info h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.case-studies-info p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #FEFEFE;
  margin-bottom: 20px;
}
@media all and (max-width: 991px) {
  .case-studies-info p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media all and (max-width: 575px) {
  .case-studies-info p {
    font-size: 14px;
    line-height: 24px;
  }
}

.case-studies-swiper {
  width: 938px;
  padding-right: 30px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .case-studies-swiper {
    width: 900px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .case-studies-swiper {
    width: 870px;
  }
}
@media all and (max-width: 1200px) {
  .case-studies-swiper {
    width: 100%;
    padding-right: 0;
  }
}
.case-studies-swiper .swiper-slide {
  width: auto;
}
.case-studies-swiper .case-studies-card {
  width: 265px;
}
@media all and (max-width: 1200px) {
  .case-studies-swiper .case-studies-card {
    min-height: 350px;
    padding-bottom: 60px;
  }
}

.case-studies-card {
  padding: 30px 20px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: white;
}
.case-studies-card .case-studies-card-logo {
  max-width: 130px;
  height: 56px;
}
@media all and (max-width: 575px) {
  .case-studies-card .case-studies-card-logo {
    height: 45px;
  }
}
.case-studies-card .case-studies-card-logo img {
  max-height: 34px;
  max-width: 100%;
}
@media all and (max-width: 575px) {
  .case-studies-card .case-studies-card-logo img {
    max-height: 30px;
    max-width: 90%;
  }
}
.case-studies-card p {
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 30px;
  color: black;
}
@media all and (max-width: 991px) {
  .case-studies-card p {
    font-size: 15px;
    line-height: 28px;
  }
}
@media all and (max-width: 575px) {
  .case-studies-card p {
    margin-bottom: 22px;
  }
}
@media all and (max-width: 1200px) {
  .case-studies-card .btn21, .case-studies-card .green-input input[type=submit], .green-input .case-studies-card input[type=submit], .case-studies-card .blue-input input[type=submit], .blue-input .case-studies-card input[type=submit] {
    position: absolute;
    bottom: 20px;
  }
}

.case-studies-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #D9D9D9;
  opacity: 1;
  margin-right: 10px;
}
@media all and (max-width: 991px) {
  .case-studies-pagination .swiper-pagination-bullet {
    display: none;
  }
}
.case-studies-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.case-studies-pagination .swiper-pagination-bullet-active {
  background: #29d398;
  opacity: 1;
}

.customers-filter-wrapper {
  margin-bottom: -20px;
}
@media all and (max-width: 575px) {
  .customers-filter-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.customers-filter-wrapper ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.customers-filter-wrapper ul li {
  font-size: 14px;
  line-height: 24px;
}
.customers-filter-wrapper ul li {
  float: left;
  width: 16.66%;
  height: 90px;
  padding: 0 42px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 991px) {
  .customers-filter-wrapper ul li {
    width: 25%;
  }
}
@media all and (max-width: 767px) {
  .customers-filter-wrapper ul li {
    width: 33.333%;
  }
}
@media all and (max-width: 575px) {
  .customers-filter-wrapper ul li {
    padding: 0 10px;
    height: 60px;
  }
}
.customers-filter-wrapper ul li img {
  max-width: 170px;
  max-height: 100%;
}
@media all and (max-width: 1200px) {
  .customers-filter-wrapper ul li img {
    max-width: 150px;
    max-height: 60px;
  }
}
@media all and (max-width: 575px) {
  .customers-filter-wrapper ul li img {
    max-width: 90%;
    max-height: 40px;
  }
}

.customers-filter {
  margin-bottom: 100px;
}
@media all and (max-width: 991px) {
  .customers-filter {
    margin-bottom: 70px;
  }
}
@media all and (max-width: 767px) {
  .customers-filter {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .customers-filter {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.customers-filter ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  background: white;
}
.customers-filter ul li {
  font-size: 14px;
  line-height: 24px;
}
@media all and (max-width: 1200px) {
  .customers-filter ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media all and (max-width: 575px) {
  .customers-filter ul {
    padding-top: 6px;
  }
}
.customers-filter ul li {
  position: relative;
  flex-grow: 1;
}
@media all and (max-width: 1200px) {
  .customers-filter ul li {
    flex-grow: inherit;
  }
}
.customers-filter ul li:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #d6e5f4;
  position: absolute;
  right: 0;
  top: 50%;
  height: 40px;
  transform: translateY(-50%);
}
@media all and (max-width: 1200px) {
  .customers-filter ul li:after {
    height: 30px;
  }
}
@media all and (max-width: 767px) {
  .customers-filter ul li:after {
    height: 12px;
  }
}
.customers-filter ul li a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: black;
  padding: 28px 27px;
  display: block;
}
@media all and (max-width: 1200px) {
  .customers-filter ul li a {
    padding: 18px 32px;
  }
}
@media all and (max-width: 991px) {
  .customers-filter ul li a {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media all and (max-width: 767px) {
  .customers-filter ul li a {
    padding: 12px 20px;
  }
}
@media all and (max-width: 575px) {
  .customers-filter ul li a {
    font-size: 14px;
    line-height: 18px;
  }
}
.customers-filter ul li .active {
  color: black;
}
.customers-filter ul li .active:before {
  content: "";
  height: 10px;
  background: #29d398;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media all and (max-width: 1200px) {
  .customers-filter ul li .active:before {
    height: 7px;
  }
}
@media all and (max-width: 767px) {
  .customers-filter ul li .active:before {
    height: 4px;
  }
}
.customers-filter ul li:last-child:after {
  display: none;
}

.our-customers {
  position: relative;
  padding-top: 0;
  padding-bottom: 100px;
}
@media all and (max-width: 1200px) {
  .our-customers {
    padding-bottom: 80px;
  }
}
@media all and (max-width: 991px) {
  .our-customers {
    padding-bottom: 40px;
  }
}
.our-customers::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto 0;
  height: 135px;
  background: #2f394e;
}
@media all and (max-width: 1200px) {
  .our-customers::before {
    height: 160px;
  }
}
@media all and (max-width: 767px) {
  .our-customers::before {
    height: 130px;
  }
}
@media all and (max-width: 575px) {
  .our-customers::before {
    height: 170px;
  }
}
.our-customers .section-heading h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: #FEFEFE;
  text-align: center;
  margin-bottom: 40px;
}
@media all and (max-width: 991px) {
  .our-customers .section-heading h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media all and (max-width: 575px) {
  .our-customers .section-heading h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}

.customer-review {
  padding-bottom: 80px;
}
@media all and (max-width: 575px) {
  .customer-review {
    padding-bottom: 60px;
  }
}

.customer-review-swiper {
  margin-left: -16px;
  margin-right: -16px;
  padding-top: 36px;
}
@media all and (max-width: 991px) {
  .customer-review-swiper {
    padding-top: 0;
  }
}
.customer-review-swiper .swiper-slide {
  padding: 16px;
}
.customer-review-swiper .swiper-slide-next {
  margin-top: -50px;
}
@media all and (max-width: 991px) {
  .customer-review-swiper .swiper-slide-next {
    margin-top: 0;
  }
}

.customer-review-card {
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 20px 20px 30px;
  height: 600px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 575px) {
  .customer-review-card {
    padding-bottom: 20px;
    height: 500px;
  }
}
.customer-review-card::after {
  content: "";
  left: 0;
  right: 0;
  height: 10px;
  background: #29d398;
  top: 0;
  position: absolute;
}
@media all and (max-width: 991px) {
  .customer-review-card::after {
    height: 8px;
  }
}
@media all and (max-width: 575px) {
  .customer-review-card::after {
    height: 6px;
  }
}
.customer-review-card .review-quote-icon {
  width: 32px;
  margin: 10px 0 10px;
}
.customer-review-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #2f394e;
}
@media all and (max-width: 1200px) {
  .customer-review-card p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media all and (max-width: 767px) {
  .customer-review-card p {
    font-size: 12px;
    line-height: 22px;
  }
}
@media all and (max-width: 575px) {
  .customer-review-card p {
    font-size: 13px;
    line-height: 26px;
  }
}
.customer-review-card .reviewed-customer-img {
  max-width: 174px;
  margin-bottom: 15px;
}
@media all and (max-width: 575px) {
  .customer-review-card .reviewed-customer-img {
    max-width: 155px;
  }
}
.customer-review-card span {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.customer-review-pagination {
  text-align: center;
  margin-top: 40px;
}
@media all and (max-width: 575px) {
  .customer-review-pagination {
    margin-top: 20px;
  }
}
.customer-review-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #D9D9D9;
}
.customer-review-pagination .swiper-pagination-bullet-active {
  background: #29d398;
}

.customer-cta {
  padding-bottom: 65px;
}

.customers-filter.customers-filter-button {
  margin-bottom: 60px;
}
.customers-filter.customers-filter-button ul {
  box-shadow: none;
  border-radius: 0;
  gap: 20px;
  justify-content: center;
}
@media all and (max-width: 575px) {
  .customers-filter.customers-filter-button ul {
    gap: 14px;
  }
}
.customers-filter.customers-filter-button ul li {
  flex-grow: initial;
}
.customers-filter.customers-filter-button ul li::after {
  display: none;
}
.customers-filter.customers-filter-button ul li a {
  font-size: 13px;
  line-height: 18px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid #666666;
  color: #666666;
  transition: 0.3s all;
}
.customers-filter.customers-filter-button ul li a::before {
  display: none !important;
}
.customers-filter.customers-filter-button ul li a.active {
  background: #29d398 !important;
  color: white !important;
  border-color: #29d398 !important;
}

.benefits-section {
  padding: 20px 0 100px;
}
@media all and (max-width: 991px) {
  .benefits-section {
    padding-bottom: 80px;
    padding-top: 0;
  }
}
@media all and (max-width: 575px) {
  .benefits-section {
    padding-bottom: 40px;
  }
}
.benefits-section .heading-section {
  max-width: 800px;
}

.benefits-item {
  row-gap: 30px;
}

.benefits-item {
  padding: 0 30px;
}
@media all and (max-width: 1200px) {
  .benefits-item {
    padding: 0 15px;
  }
}
@media all and (max-width: 575px) {
  .benefits-item {
    padding: 0;
  }
}
.benefits-item figure {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #29d398;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.benefits-item figure img {
  max-width: 32px;
}
.benefits-item h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #2f394e;
  margin-bottom: 5px;
}
.benefits-item p {
  margin-bottom: 0;
}

.result-section .heading-section {
  margin-bottom: 50px;
}
@media all and (max-width: 575px) {
  .result-section .heading-section {
    margin-bottom: 40px;
  }
}
.result-section .all-code-images figure {
  width: 746px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .result-section .all-code-images figure {
    width: 705px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .result-section .all-code-images figure {
    width: 668px;
  }
}
@media all and (max-width: 1200px) {
  .result-section .all-code-images figure {
    width: 497px;
  }
}
@media all and (max-width: 991px) {
  .result-section .all-code-images figure {
    width: 100%;
  }
}
@media all and (max-width: 991px) {
  .result-section .card-header .result-type,
.result-section .card-body .result-type {
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .result-section .card-header .result-type,
.result-section .card-body .result-type {
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .result-section .card-header .result-type,
.result-section .card-body .result-type {
    margin-bottom: 10px;
  }
}
.result-section .card-header.selected,
.result-section .card-body.selected {
  pointer-events: none;
}
.result-section .card-header.selected h3,
.result-section .card-body.selected h3 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 20px 0;
  position: relative;
  display: flex;
  align-items: center;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .result-section .card-header.selected h3,
.result-section .card-body.selected h3 {
    font-size: 16px;
    margin-bottom: 0px;
    text-align: left;
  }
}
.result-section .card-header.selected h3 span,
.result-section .card-body.selected h3 span {
  color: #29d398;
  margin: 0 10px 0 0;
}
.result-section .card-header.selected h3::after,
.result-section .card-body.selected h3::after {
  content: "";
  flex: none;
  width: 160px;
  height: 4px;
  border-radius: 2px;
  margin-left: 10px;
  background: #29d398;
  transition: 0.7s ease;
}
@media all and (max-width: 575px) {
  .result-section .card-header.selected h3::after,
.result-section .card-body.selected h3::after {
    width: 100%;
    margin-left: 10px;
  }
}
.result-section .card-header h3,
.result-section .card-body h3 {
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 40px 0;
  position: relative;
  display: flex;
  align-items: center;
  color: rgba(47, 57, 78, 0.3);
  white-space: nowrap;
}
@media all and (max-width: 575px) {
  .result-section .card-header h3,
.result-section .card-body h3 {
    font-size: 16px;
    text-align: left;
  }
}
.result-section .card-header h3::after,
.result-section .card-body h3::after {
  content: "";
  flex: none;
  width: 0px;
  height: 4px;
  border-radius: 2px;
  margin-left: 10px;
  background: #29d398;
  transition: 0.7s ease;
}
@media all and (max-width: 575px) {
  .result-section .card-header h3,
.result-section .card-body h3 {
    margin-bottom: 10px;
  }
}
.result-section .card-header h3 span,
.result-section .card-body h3 span {
  color: rgba(47, 57, 78, 0.3);
  margin: 0 10px 0 0;
}
.result-section .card-header h3:hover,
.result-section .card-body h3:hover {
  color: #2f394e;
  transition: 0.3s ease;
}
.result-section .card-header h3:hover::after,
.result-section .card-body h3:hover::after {
  content: "";
  width: 160px;
  transition: 0.7s ease;
}
@media all and (max-width: 575px) {
  .result-section .card-header h3:hover::after,
.result-section .card-body h3:hover::after {
    width: 100px;
  }
}
.result-section .card-header h3:hover span,
.result-section .card-body h3:hover span {
  color: #29d398;
  transition: 0.3s ease;
}
.result-section .card-header p,
.result-section .card-body p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: left;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .result-section .card-header p,
.result-section .card-body p {
    font-size: 14px;
    line-height: 22px;
  }
}

.result-section-content .accordion > .card {
  border: 0;
}
.result-section-content .accordion > .card .card-header {
  background: transparent;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.result-section-content .accordion > .card .card-header button {
  background: transparent;
  border: 0;
}
.result-section-content .accordion > .card .card-header button:focus {
  border: 0;
  outline: none;
}
.result-section-content .card-body {
  padding: 0;
  margin: 0 0 0 0;
}
@media all and (max-width: 991px) {
  .result-section-content .card-body {
    margin: 0 0 0 0;
  }
}
@media all and (max-width: 575px) {
  .result-section-content .card-body {
    margin: 0 0 20px 0;
  }
}

.hero-persona {
  position: relative;
  padding-top: 130px;
  padding-bottom: 80px;
}
.hero-persona::before {
  content: "";
  position: absolute;
  background-color: #2f394e;
  top: 0;
  left: 0;
  width: 100%;
  height: 440px;
}
@media all and (max-width: 1200px) {
  .hero-persona::before {
    height: 335px;
  }
}
@media all and (max-width: 991px) {
  .hero-persona::before {
    height: 540px;
  }
}
@media all and (max-width: 410px) {
  .hero-persona::before {
    height: 470px;
  }
}
@media all and (max-width: 575px) {
  .hero-persona {
    padding-top: 120px;
    padding-bottom: 50px;
  }
}
.hero-persona::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: 360px;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 2;
  background-size: cover;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .hero-persona::after {
    top: 265px;
    height: 70px;
  }
}
@media all and (max-width: 991px) {
  .hero-persona::after {
    display: none;
  }
}

.hero-persona-content {
  position: relative;
  z-index: 3;
}
@media all and (max-width: 991px) {
  .hero-persona-content {
    text-align: center;
  }
}
.hero-persona-content h1 {
  color: #29d398;
  margin-bottom: 10px;
}
@media all and (max-width: 1200px) {
  .hero-persona-content h1 {
    font-size: 32px;
  }
}
@media all and (max-width: 575px) {
  .hero-persona-content h1 {
    font-size: 20px;
  }
}
.hero-persona-content h2 {
  color: white;
  font-size: 32px;
  margin-bottom: 73px;
  max-width: 414px;
}
@media all and (max-width: 1200px) {
  .hero-persona-content h2 {
    font-size: 26px;
    margin-bottom: 70px;
  }
}
@media all and (max-width: 991px) {
  .hero-persona-content h2 {
    max-width: initial;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 575px) {
  .hero-persona-content h2 {
    font-size: 20px;
  }
}
.hero-persona-content p {
  max-width: 423px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #000000;
}
@media all and (max-width: 991px) {
  .hero-persona-content p {
    max-width: initial;
    margin-bottom: 20px;
    color: white;
  }
}
@media all and (max-width: 767px) {
  .hero-persona-content p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media all and (max-width: 575px) {
  .hero-persona-content p {
    font-size: 14px;
  }
}

.hero-persona-img {
  position: relative;
  left: 0;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  padding: 8px 10px 9px 10px;
  z-index: 3;
}
.hero-persona-img img {
  border-radius: 10px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .hero-persona-img {
    min-width: 700px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .hero-persona-img {
    min-width: 650px;
  }
}
@media all and (max-width: 1200px) {
  .hero-persona-img {
    min-width: 550px;
  }
}
@media all and (max-width: 575px) {
  .hero-persona-img {
    min-width: 320px;
    margin: 0 auto;
  }
}

.features-section {
  background: #2f394e;
  position: relative;
  padding-bottom: 100px;
  overflow: hidden;
}
.features-section::before {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 2;
  background-size: cover;
  transform: rotate(180deg);
}
.features-section .features-section-heading {
  margin-bottom: 48px;
}
.features-section .features-section-heading h2 {
  font-size: 32px;
  color: white;
  line-height: 55px;
  margin-bottom: 10px;
}
.features-section .features-section-heading p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: white;
  max-width: 800px;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .features-section .features-section-heading p {
    font-size: 14px;
  }
}
.features-section .features-image-wrapper {
  height: 500px;
}
@media all and (max-width: 991px) {
  .features-section .features-image-wrapper {
    height: auto;
  }
}
.features-section .features-img {
  position: relative;
  width: 964px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  padding: 6px;
}
.features-section .features-img img {
  width: 100%;
}
@media all and (max-width: 1200px) {
  .features-section .features-img {
    width: 670px;
  }
}
@media all and (max-width: 991px) {
  .features-section .features-img {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
}
.features-section .features-list {
  margin-left: 12px;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  .features-section .features-list {
    margin-left: 0;
  }
}
.features-section .features-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 5px;
}
.features-section .features-list ul li {
  width: calc(50% - 16px);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 32px;
  position: relative;
  padding-left: 29px;
}
@media all and (max-width: 767px) {
  .features-section .features-list ul li {
    width: 100%;
  }
}
.features-section .features-list ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../images-2021/home/green-check.svg) no-repeat center/contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 9px;
}
.features-section .features-list ul li::after {
  content: "";
  position: relative;
  top: 3px;
  right: 0;
  display: block;
  height: 1px;
  background: #B1B2B3;
  width: calc(100% - 29px);
  opacity: 0.5;
}

.hero-case-study {
  position: relative;
  background-color: #2f394e;
  padding-top: 130px;
  padding-bottom: 120px;
}
@media all and (max-width: 575px) {
  .hero-case-study {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.hero-case-study::after {
  content: "";
  background: url(../images-2021/home/hero-shape.svg) center bottom no-repeat;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-size: cover;
  pointer-events: none;
}
.hero-case-study .section-heading h1 {
  color: white;
}

.case-listing {
  margin-top: -210px;
  position: relative;
  z-index: 4;
  padding-bottom: 40px;
}
@media all and (max-width: 991px) {
  .case-listing {
    margin-top: -150px;
  }
}
@media all and (max-width: 575px) {
  .case-listing {
    margin-top: -80px;
  }
}
.case-listing .case-listing-items {
  margin-bottom: -20px;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 40px 52px 40px 60px;
}
@media all and (max-width: 991px) {
  .case-listing .case-listing-items {
    padding: 30px;
  }
}
@media all and (max-width: 575px) {
  .case-listing .case-listing-items {
    padding: 20px;
  }
}
.case-listing .case-study-items {
  display: flex;
  gap: 74px;
}
@media all and (max-width: 1200px) {
  .case-listing .case-study-items {
    gap: 65px;
  }
}
@media all and (max-width: 991px) {
  .case-listing .case-study-items {
    gap: 30px;
  }
}
@media all and (max-width: 767px) {
  .case-listing .case-study-items {
    align-items: center;
    gap: 25px;
  }
}
@media all and (max-width: 575px) {
  .case-listing .case-study-items {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}
.case-listing .case-study-items h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
@media all and (max-width: 1200px) {
  .case-listing .case-study-items h2 {
    font-size: 26px;
  }
}
@media all and (max-width: 991px) {
  .case-listing .case-study-items h2 {
    font-size: 20px;
    line-height: 34px;
  }
}
@media all and (max-width: 767px) {
  .case-listing .case-study-items h2 {
    font-size: 16px;
    line-height: 28px;
  }
}
.case-listing .case-study-logo {
  display: flex;
  align-items: center;
  flex: none;
  width: 126px;
}
@media all and (max-width: 1200px) {
  .case-listing .case-study-logo {
    width: 100px;
  }
}
@media all and (max-width: 991px) {
  .case-listing .case-study-logo {
    width: 80px;
  }
}
@media all and (max-width: 575px) {
  .case-listing .case-study-logo {
    width: 65px;
  }
}

.case-card-section {
  padding-top: 40px;
  padding-bottom: 100px;
}

.case-card-row {
  margin-left: -10px;
  margin-right: -10px;
  row-gap: 30px;
}
.case-card-row > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.case-study-card figure {
  margin-bottom: 20px;
}
@media all and (max-width: 991px) {
  .case-study-card figure {
    margin-bottom: 12px;
  }
}
.case-study-card figure img {
  border-radius: 5px;
}
.case-study-card p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 0;
}
@media all and (max-width: 575px) {
  .case-study-card p {
    font-size: 16px;
    line-height: 26px;
  }
}

.case-quote-section {
  padding: 60px 0;
}

.case-quote-head {
  padding-top: 40px;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
@media all and (max-width: 575px) {
  .case-quote-head {
    flex-direction: column;
  }
}
.case-quote-head .case-quote-head-details h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: white;
  margin-bottom: 5px;
}
.case-quote-head .case-quote-head-details h5::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  height: 4px;
  width: 60px;
  background: #29d398;
  border-radius: 2px;
  margin-bottom: 4px;
}
.case-quote-head .case-quote-head-details p {
  color: white;
  line-height: 21px;
  margin-bottom: 0;
  font-weight: 400;
}

@media all and (max-width: 991px) {
  .case-quote-info {
    margin-bottom: 25px;
  }
}
.case-quote-info p {
  color: white;
  margin-bottom: 0;
}
.case-quote-info strong {
  font-weight: 600;
}

.case-quote-card {
  padding: 20px 20px 40px;
  height: 100%;
  background: white;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: relative;
  border-top: 10px solid #29d398;
}
@media all and (max-width: 991px) {
  .case-quote-card {
    margin-bottom: 30px;
    height: initial;
  }
}
.case-quote-card::before {
  content: "";
  display: block;
  height: 24px;
  width: 33px;
  background: url(../images-2021/home/review-quote-icon.svg) no-repeat center/contain;
  margin-bottom: 10px;
}
.case-quote-card p {
  font-size: 16px;
  line-height: 32px;
  font-style: italic;
  margin-bottom: 30px;
  position: relative;
}
.case-quote-card span {
  display: block;
  font-weight: 600;
  line-height: 18px;
}

.case-challenges-section {
  padding: 100px 0;
}
@media all and (max-width: 991px) {
  .case-challenges-section {
    padding: 80px 0;
  }
}
@media all and (max-width: 575px) {
  .case-challenges-section {
    padding: 60px 0;
  }
}

.case-challenges-area {
  margin-bottom: 100px;
}
@media all and (max-width: 1200px) {
  .case-challenges-area {
    margin-bottom: 80px;
  }
}
@media all and (max-width: 767px) {
  .case-challenges-area {
    margin-bottom: 70px;
  }
}
@media all and (max-width: 575px) {
  .case-challenges-area {
    margin-bottom: 60px;
  }
}
.case-challenges-area:last-child {
  margin-bottom: 0;
}

.case-challenges-heading figure {
  height: 80px;
  width: 80px;
  background: #29d398;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
@media all and (max-width: 575px) {
  .case-challenges-heading figure {
    height: 70px;
    width: 70px;
  }
}
.case-challenges-heading figure img {
  max-width: 32px;
}
@media all and (max-width: 575px) {
  .case-challenges-heading figure img {
    max-width: 28px;
  }
}
@media all and (max-width: 991px) {
  .case-challenges-heading {
    margin-bottom: 20px;
  }
}
.case-challenges-heading h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
@media all and (max-width: 575px) {
  .case-challenges-heading h2 {
    font-size: 22px;
    line-height: 32px;
  }
}

.case-challenges-details p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
.case-challenges-details ul {
  margin-bottom: 0;
  list-style: none;
}
.case-challenges-details ul li {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  padding-left: 26px;
}
.case-challenges-details ul li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  display: inline-block;
  height: 3px;
  width: 3px;
  background-color: #2f394e;
  border-radius: 50%;
}

.case-study-solution {
  padding-bottom: 100px;
}
.case-study-solution .heading-section {
  margin-bottom: 50px;
  max-width: 930px;
}
.case-study-solution .heading-section h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media all and (max-width: 991px) {
  .case-study-solution .heading-section h2 {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  .case-study-solution .heading-section h2 {
    font-size: 26px;
  }
}
.case-study-solution .heading-section p {
  font-weight: 400;
  line-height: 32px;
}
@media all and (max-width: 575px) {
  .case-study-solution .heading-section p {
    line-height: 28px;
  }
}

.solution-item-row {
  row-gap: 30px;
}

.solution-item figure {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #29d398;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
@media all and (max-width: 1200px) {
  .solution-item figure {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
  }
}
.solution-item figure img {
  max-width: 32px;
}
.solution-item h4 {
  font-weight: 600;
  line-height: 32px;
  color: #FFFFFF;
  margin-bottom: 20px;
  min-height: 64px;
}
@media all and (max-width: 1200px) {
  .solution-item h4 {
    min-height: initial;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 575px) {
  .solution-item h4 {
    font-size: 22px;
  }
}
.solution-item p {
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 0;
}

.solution-result-heading h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 36px;
}
@media all and (max-width: 991px) {
  .solution-result-heading h2 {
    font-size: 34px;
  }
}
@media all and (max-width: 767px) {
  .solution-result-heading h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.solution-result-heading p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: white;
  margin-bottom: 0;
}
@media all and (max-width: 991px) {
  .solution-result-heading p {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .solution-result-heading p {
    line-height: 28px;
  }
}

.result-quote {
  width: 745px;
  position: absolute;
  padding: 40px 50px 10px;
  margin-top: 60px;
  background: #29d398;
  z-index: 2;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .result-quote {
    width: 705px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .result-quote {
    width: 668px;
  }
}
@media all and (max-width: 1200px) {
  .result-quote {
    width: 497px;
    padding-right: 20px;
    margin-top: 0;
  }
}
@media all and (max-width: 991px) {
  .result-quote {
    width: 100%;
    position: relative;
    padding: 40px 50px;
  }
}
@media all and (max-width: 767px) {
  .result-quote {
    padding: 40px 25px;
  }
}
.result-quote::before {
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  width: calc(100% - 20px);
  height: 100%;
  background: #FFFFFF;
  z-index: -9;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 991px) {
  .result-quote::before {
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }
}
@media all and (max-width: 767px) {
  .result-quote::before {
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }
}
.result-quote p {
  max-width: 598px;
  font-size: 16px;
  line-height: 32px;
  font-style: italic;
  font-weight: 400;
  color: #2f394e;
}
.result-quote span {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #2f394e;
}
.result-quote img {
  margin-bottom: 10px;
}

.result-analytics {
  width: 745px;
  position: absolute;
  padding: 92px 95px;
  margin-top: 85px;
  background: #29d398;
  z-index: 2;
  display: flex;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .result-analytics {
    width: 705px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .result-analytics {
    width: 668px;
  }
}
@media all and (max-width: 1200px) {
  .result-analytics {
    width: 497px;
    padding-right: 20px;
    margin-top: 0;
  }
}
@media all and (max-width: 991px) {
  .result-analytics {
    width: 100%;
    position: relative;
    padding: 40px 50px;
  }
}
@media all and (max-width: 767px) {
  .result-analytics {
    padding: 40px 30px;
  }
}
@media all and (max-width: 575px) {
  .result-analytics {
    flex-direction: column;
    align-items: center;
    padding: 50px 30px;
  }
}
.result-analytics::before {
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  width: calc(100% - 20px);
  height: calc(100% - 40px);
  background: #FFFFFF;
  z-index: -9;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 991px) {
  .result-analytics::before {
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media all and (max-width: 767px) {
  .result-analytics::before {
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }
}
.result-analytics p {
  max-width: 598px;
  font-size: 16px;
  line-height: 32px;
  font-style: italic;
  font-weight: 400;
  color: #2f394e;
  margin-bottom: 0;
}
.result-analytics span {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #2f394e;
}
.result-analytics img {
  margin-bottom: 10px;
}
.result-analytics .solution-box {
  margin-right: 68px;
}
@media all and (max-width: 575px) {
  .result-analytics .solution-box {
    text-align: center;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.result-analytics .solution-box:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.result-analytics .solution-box h2 {
  font-size: 56px;
  font-weight: 600;
  line-height: 72px;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .result-analytics .solution-box h2 {
    font-size: 26px;
    line-height: 22px;
  }
}
.result-analytics .solution-box p {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  font-style: normal;
}
@media all and (max-width: 575px) {
  .result-analytics .solution-box p {
    font-size: 18px;
  }
}

.case-study-standard-content {
  padding-top: 80px;
}
@media all and (max-width: 575px) {
  .case-study-standard-content {
    padding-top: 40px;
  }
}

.single-article {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.single-article .wp-caption {
  max-width: 100% !important;
  width: 100% !important;
}
.single-article .wp-caption img {
  margin-bottom: 16px;
}
.single-article .name-date {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.single-article .name-date ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  flex: none;
}
.single-article .name-date ul li {
  font-size: 14px;
  line-height: 24px;
}
.single-article .name-date ul li {
  font-size: 16px;
  line-height: 12px;
  font-weight: 400;
  color: #979797;
  position: relative;
  display: inline-flex;
  padding-left: 0;
  margin-bottom: 0;
}
.single-article .name-date ul li::before {
  display: none;
}
.single-article .name-date ul li::after {
  content: "";
  flex: none;
  width: 2px;
  height: 12px;
  background: #979797;
  margin: 0 20px;
}
.single-article .name-date ul li a {
  color: inherit;
}
.single-article .name-date ul li:last-child::after {
  display: none;
}
.single-article .name-date .article-name-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.single-article hr {
  margin: 48px 0;
}
.single-article h1 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}
@media all and (max-width: 1200px) {
  .single-article h1 {
    font-size: 36px;
    line-height: 44px;
  }
}
@media all and (max-width: 767px) {
  .single-article h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
.single-article h2 {
  font-size: 32px !important;
  line-height: 40px !important;
  font-weight: 600;
  margin-bottom: 16px;
}
@media all and (max-width: 767px) {
  .single-article h2 {
    font-size: 28px !important;
    line-height: 37px !important;
  }
}
@media all and (max-width: 575px) {
  .single-article h2 {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
.single-article h3 {
  font-size: 28px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media all and (max-width: 767px) {
  .single-article h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
.single-article h4 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 16px;
}
.single-article h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 16px;
}
.single-article h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 16px;
}
.single-article a {
  color: #29d398;
}
.single-article p {
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  margin-bottom: 32px;
}
@media all and (max-width: 575px) {
  .single-article p {
    margin-bottom: 20px;
  }
}
.single-article p a {
  font-weight: 500;
  color: #29d398;
  text-decoration: none;
}
.single-article p strong {
  font-weight: 700;
  color: #2f394e;
}
.single-article p img {
  margin-bottom: 24px;
}
.single-article img {
  max-width: 100%;
  height: auto;
  margin-bottom: 56px;
  border-radius: 6px;
}
.single-article img.single-blog-cover-image {
  width: 100%;
}
.single-article ul {
  margin-bottom: 48px;
}
.single-article ul li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  list-style: none;
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
}
@media all and (max-width: 575px) {
  .single-article ul li {
    margin-bottom: 10px;
  }
}
.single-article ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #2f394e;
}
.single-article ul li:last-child {
  margin-bottom: 0;
}
.single-article ol {
  padding-left: 22px;
  margin-bottom: 48px;
}
.single-article ol li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  margin-bottom: 16px;
}
@media all and (max-width: 575px) {
  .single-article ol li {
    margin-bottom: 10px;
  }
}
.single-article ol li:last-child {
  margin-bottom: 0;
}
.single-article blockquote {
  color: #000000;
  position: relative;
  margin-bottom: 48px;
  padding-left: 46px;
  font-style: italic;
}
.single-article blockquote::before {
  content: "";
  position: absolute;
  height: 24px;
  width: 32px;
  left: 0px;
  top: 6px;
  background: url(../images-2021/home/review-quote-icon.svg) no-repeat center/contain;
}
.single-article blockquote:last-child {
  margin-bottom: 0;
}
.single-article blockquote p {
  font-style: italic;
}
.single-article blockquote p:last-child {
  margin-bottom: 0;
}
.single-article .wistia_responsive_padding {
  margin-bottom: 30px;
}
@media all and (max-width: 575px) {
  .single-article .wistia_responsive_padding {
    margin-bottom: 20px;
  }
}
.single-article .blog-assesment {
  border-top: 3px solid #D9D9D9;
  border-bottom: 3px solid #D9D9D9;
  padding: 12px 0 20px;
}

.cta-banner-new-1 {
  background: white;
  position: relative;
  overflow: hidden;
  padding: 28px 160px 30px 30px;
  border: 1px solid #f8f8f8;
}
@media all and (max-width: 767px) {
  .cta-banner-new-1 {
    padding-right: 70px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-1 {
    padding: 20px 30px 30px 30px;
    text-align: center;
  }
}
.cta-banner-new-1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 320px;
  background: url(../images/cta-banner-new-pattern.svg) no-repeat right;
  pointer-events: none;
}
.cta-banner-new-1 h2 {
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 600;
  color: #36425B;
  margin-bottom: 15px;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-1 h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-1 h2 {
    font-size: 18px !important;
  }
}
.cta-banner-new-1 h2 a {
  color: inherit;
}
.cta-banner-new-1 .btn21, .cta-banner-new-1 .green-input input[type=submit], .green-input .cta-banner-new-1 input[type=submit], .cta-banner-new-1 .blue-input input[type=submit], .blue-input .cta-banner-new-1 input[type=submit] {
  color: white;
}
.cta-banner-new-1 .btn21:hover, .cta-banner-new-1 .green-input input[type=submit]:hover, .green-input .cta-banner-new-1 input[type=submit]:hover, .cta-banner-new-1 .blue-input input[type=submit]:hover, .blue-input .cta-banner-new-1 input[type=submit]:hover {
  color: #29d398;
  text-decoration: none;
}

.cta-banner-new-2 {
  background: #36425B;
  position: relative;
  overflow: hidden;
  padding: 28px 160px 30px 30px;
}
@media all and (max-width: 575px) {
  .cta-banner-new-2 {
    padding: 20px 30px 30px 30px;
    text-align: center;
  }
}
.cta-banner-new-2::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 320px;
  background: url(../images/cta-banner-new-pattern.svg) no-repeat right;
  pointer-events: none;
}
.cta-banner-new-2 h2 {
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 600;
  color: white;
  margin-bottom: 15px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-2 h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-2 h2 {
    font-size: 18px !important;
  }
}
.cta-banner-new-2 h2 a {
  color: #4AD5FF;
}
.cta-banner-new-2 .btn21, .cta-banner-new-2 .green-input input[type=submit], .green-input .cta-banner-new-2 input[type=submit], .cta-banner-new-2 .blue-input input[type=submit], .blue-input .cta-banner-new-2 input[type=submit] {
  color: white;
}
.cta-banner-new-2 .btn21:hover, .cta-banner-new-2 .green-input input[type=submit]:hover, .green-input .cta-banner-new-2 input[type=submit]:hover, .cta-banner-new-2 .blue-input input[type=submit]:hover, .blue-input .cta-banner-new-2 input[type=submit]:hover {
  color: #29d398;
  text-decoration: none;
}
.cta-banner-new-2 .cta-banner-logo {
  width: 120px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-2 .cta-banner-logo {
    width: 100px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-2 .cta-banner-logo {
    display: none;
  }
}
.cta-banner-new-2 .cta-banner-logo img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0px 2px 22px rgba(0, 0, 0, 0.25));
}

.cta-banner-new-3 {
  background: #29d398;
  position: relative;
  overflow: hidden;
  padding: 28px 300px 30px 30px;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-3 {
    padding-right: 210px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-3 {
    padding-right: 180px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-3 {
    padding: 20px 30px 30px 30px;
    text-align: center;
  }
}
.cta-banner-new-3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 92px;
  background: #36425B;
  border-bottom-right-radius: 500px;
}
@media all and (max-width: 575px) {
  .cta-banner-new-3::before {
    right: 0;
    border-radius: 0;
  }
}
.cta-banner-new-3::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 320px;
  background: url(../images/cta-banner-new-pattern-dark.svg) no-repeat right;
  pointer-events: none;
}
@media all and (max-width: 575px) {
  .cta-banner-new-3::after {
    background: url(../images/cta-banner-new-pattern.svg) no-repeat right;
  }
}
.cta-banner-new-3 h2 {
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 700;
  color: white;
  margin-bottom: 5px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-3 h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-3 h2 {
    font-size: 19px !important;
  }
}
.cta-banner-new-3 h2 a {
  color: #4AD5FF;
}
.cta-banner-new-3 h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: white;
  margin-bottom: 30px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-3 h3 {
    font-size: 16px;
  }
}
.cta-banner-new-3 h3 a {
  color: #4AD5FF;
}
.cta-banner-new-3 .btn21, .cta-banner-new-3 .green-input input[type=submit], .green-input .cta-banner-new-3 input[type=submit], .cta-banner-new-3 .blue-input input[type=submit], .blue-input .cta-banner-new-3 input[type=submit] {
  color: white;
}
.cta-banner-new-3 .btn21:hover, .cta-banner-new-3 .green-input input[type=submit]:hover, .green-input .cta-banner-new-3 input[type=submit]:hover, .cta-banner-new-3 .blue-input input[type=submit]:hover, .blue-input .cta-banner-new-3 input[type=submit]:hover {
  color: #29d398;
  text-decoration: none;
}
.cta-banner-new-3 .cta-banner-logo {
  width: 120px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 75px;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-3 .cta-banner-logo {
    width: 100px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-3 .cta-banner-logo {
    display: none;
  }
}
.cta-banner-new-3 .cta-banner-logo img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0px 2px 22px rgba(0, 0, 0, 0.25));
}

.cta-banner-new-4 {
  background: white;
  position: relative;
  overflow: hidden;
  padding: 28px 300px 60px 30px;
  border: 1px solid #f8f8f8;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-4 {
    padding-right: 210px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-4 {
    padding-right: 180px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-4 {
    padding: 20px 30px 30px 30px;
    text-align: center;
  }
}
.cta-banner-new-4::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 77px;
  width: 303px;
  background: url(../images/cta-banner-new-pattern2.svg) no-repeat center/contain;
}
@media all and (max-width: 767px) {
  .cta-banner-new-4::before {
    display: none;
  }
}
.cta-banner-new-4::after {
  content: "";
  position: absolute;
  right: 220px;
  bottom: -32px;
  height: 109px;
  width: 430px;
  background: url(../images/cta-banner-new-pattern3.svg) no-repeat center/contain;
}
@media all and (max-width: 767px) {
  .cta-banner-new-4::after {
    display: none;
  }
}
.cta-banner-new-4 h2 {
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 700;
  color: #36425B;
  margin-bottom: 5px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-4 h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-4 h2 {
    font-size: 19px !important;
  }
}
.cta-banner-new-4 h2 a {
  color: #4AD5FF;
}
.cta-banner-new-4 h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #36425B;
  margin-bottom: 30px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-4 h3 {
    font-size: 16px;
  }
}
.cta-banner-new-4 h3 a {
  color: #4AD5FF;
}
.cta-banner-new-4 .btn21, .cta-banner-new-4 .green-input input[type=submit], .green-input .cta-banner-new-4 input[type=submit], .cta-banner-new-4 .blue-input input[type=submit], .blue-input .cta-banner-new-4 input[type=submit] {
  color: white;
}
.cta-banner-new-4 .btn21:hover, .cta-banner-new-4 .green-input input[type=submit]:hover, .green-input .cta-banner-new-4 input[type=submit]:hover, .cta-banner-new-4 .blue-input input[type=submit]:hover, .blue-input .cta-banner-new-4 input[type=submit]:hover {
  color: #29d398;
  text-decoration: none;
}
.cta-banner-new-4 .cta-banner-logo {
  width: 303px;
  height: 303px;
  position: absolute;
  border: 17px solid white;
  background: #29d398;
  padding: 5px;
  right: -42px;
  bottom: -60px;
  border-radius: 50%;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-4 .cta-banner-logo {
    width: 290px;
    height: 290px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-4 .cta-banner-logo {
    display: none;
  }
}
.cta-banner-new-4 .cta-banner-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid white;
}

.cta-banner-new-5 {
  background: #36425B;
  position: relative;
  overflow: hidden;
  padding: 50px 50px 40px 300px;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-5 {
    padding: 35px 35px 35px 280px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-5 {
    padding-left: 180px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-5 {
    padding: 30px;
    text-align: center;
  }
}
.cta-banner-new-5 h2 {
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 700;
  color: white;
  margin-bottom: 5px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-5 h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-5 h2 {
    font-size: 19px !important;
  }
}
.cta-banner-new-5 h2 a {
  color: #4AD5FF;
}
.cta-banner-new-5 h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: white;
  margin-bottom: 30px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-5 h3 {
    font-size: 16px;
  }
}
.cta-banner-new-5 h3 a {
  color: #4AD5FF;
}
.cta-banner-new-5 .btn21, .cta-banner-new-5 .green-input input[type=submit], .green-input .cta-banner-new-5 input[type=submit], .cta-banner-new-5 .blue-input input[type=submit], .blue-input .cta-banner-new-5 input[type=submit] {
  color: white;
}
.cta-banner-new-5 .btn21:hover, .cta-banner-new-5 .green-input input[type=submit]:hover, .green-input .cta-banner-new-5 input[type=submit]:hover, .cta-banner-new-5 .blue-input input[type=submit]:hover, .blue-input .cta-banner-new-5 input[type=submit]:hover {
  color: #29d398;
  text-decoration: none;
}
.cta-banner-new-5 .cta-banner-logo {
  width: 303px;
  height: 303px;
  position: absolute;
  border: 17px solid #36425B;
  background: #29d398;
  padding: 5px;
  left: -42px;
  bottom: -60px;
  border-radius: 50%;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-5 .cta-banner-logo {
    width: 290px;
    height: 290px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-5 .cta-banner-logo {
    display: none;
  }
}
.cta-banner-new-5 .cta-banner-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #36425B;
}

.cta-banner-new-6 {
  max-width: 740px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 30px 50px 30px 300px;
  background: #FFFFFF;
  border: 0.5px solid #2f394e;
  border-radius: 5px;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-6 {
    padding: 30px 30px 30px 280px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 {
    padding: 30px 30px 30px 210px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-6 {
    padding: 110px 30px 30px 30px;
  }
}
.cta-banner-new-6 h2 {
  font-size: 24px !important;
  line-height: 38px !important;
  font-weight: 700;
  color: #2f394e;
  margin-bottom: 5px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-6 h2 {
    font-size: 22px !important;
    line-height: 30px !important;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-6 h2 {
    font-size: 19px !important;
  }
}
.cta-banner-new-6 h2 a {
  color: #4AD5FF;
}
.cta-banner-new-6 h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #2f394e;
  margin-bottom: 30px;
  z-index: 1;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-6 h3 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 h3 {
    margin-bottom: 16px;
  }
}
.cta-banner-new-6 h3 a {
  color: #4AD5FF;
}
.cta-banner-new-6 .btn21, .cta-banner-new-6 .green-input input[type=submit], .green-input .cta-banner-new-6 input[type=submit], .cta-banner-new-6 .blue-input input[type=submit], .blue-input .cta-banner-new-6 input[type=submit] {
  color: white;
}
.cta-banner-new-6 .btn21:hover, .cta-banner-new-6 .green-input input[type=submit]:hover, .green-input .cta-banner-new-6 input[type=submit]:hover, .cta-banner-new-6 .blue-input input[type=submit]:hover, .blue-input .cta-banner-new-6 input[type=submit]:hover {
  color: #29d398;
  text-decoration: none;
}
.cta-banner-new-6 .cta-banner-logo {
  width: 303px;
  height: 303px;
  position: absolute;
  border: 17px solid #36425B;
  background: #29d398;
  padding: 5px;
  left: -42px;
  bottom: -60px;
  border-radius: 50%;
  z-index: 2;
}
@media all and (max-width: 1200px) {
  .cta-banner-new-6 .cta-banner-logo {
    width: 290px;
    height: 290px;
  }
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 .cta-banner-logo {
    display: none;
  }
}
.cta-banner-new-6 .cta-banner-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #36425B;
}
.cta-banner-new-6 .logo-group {
  font-size: 0;
  line-height: 0;
}
.cta-banner-new-6 .logo-group .logo {
  width: 147.29px;
  height: auto;
  left: 40px;
  top: 62px;
  position: absolute;
  z-index: 1;
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 .logo-group .logo {
    width: 140px;
    left: 20px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-6 .logo-group .logo {
    left: 20px;
    top: 20px;
  }
}
.cta-banner-new-6 .logo-group .logo-1 {
  position: absolute;
  width: 232px;
  height: 232px;
  left: -10px;
  top: 124px;
  z-index: 3;
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 .logo-group .logo-1 {
    width: 180px;
    height: 180px;
    top: 150px;
    left: -20px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-6 .logo-group .logo-1 {
    top: -140px;
    left: 200px;
  }
}
.cta-banner-new-6 .logo-group .logo-2 {
  position: absolute;
  width: 324px;
  height: 324px;
  left: -80px;
  top: -40px;
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 .logo-group .logo-2 {
    position: absolute;
    width: 294px;
    height: 294px;
    left: -110px;
    top: -25px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-6 .logo-group .logo-2 {
    left: -30px;
    top: -200px;
  }
}
.cta-banner-new-6 .logo-group .logo-3 {
  position: absolute;
  width: 324px;
  height: 324px;
  left: -92px;
  top: -56px;
}
@media all and (max-width: 767px) {
  .cta-banner-new-6 .logo-group .logo-3 {
    width: 260px;
    height: 260px;
    left: -84px;
    top: -24px;
  }
}
@media all and (max-width: 575px) {
  .cta-banner-new-6 .logo-group .logo-3 {
    left: -50px;
    top: -170px;
  }
}
.cta-banner-new-6 p:last-child {
  margin-bottom: 0;
}

.cta-banner1 {
  max-width: 1120px;
  position: relative;
  padding: 40px 0 50px;
}
@media all and (max-width: 575px) {
  .cta-banner1 {
    padding: 30px 0 40px;
  }
}
.cta-banner1 figure {
  position: absolute;
  inset: 0;
}
.cta-banner1 figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-banner1 .cta-banner-content {
  max-width: 70%;
  padding: 0 0 0 64px;
}
@media all and (max-width: 991px) {
  .cta-banner1 .cta-banner-content {
    padding: 0 64px;
    height: auto;
    max-width: 80%;
  }
}
@media all and (max-width: 767px) {
  .cta-banner1 .cta-banner-content {
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .cta-banner1 .cta-banner-content {
    padding: 0 20px;
    max-width: 100%;
  }
}
.cta-banner1 .cta-banner-content h2 {
  font-size: 28px !important;
  line-height: 38px !important;
  margin-bottom: 20px;
}
@media all and (max-width: 575px) {
  .cta-banner1 .cta-banner-content h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
.cta-banner1 .banner-form {
  position: relative;
  z-index: 2;
}
.cta-banner1 .banner-form .hbspt-form .hs-form {
  display: flex;
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form .hbspt-form .hs-form {
    display: block;
  }
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form .hbspt-form .hs_email {
    width: 100%;
  }
}
.cta-banner1 .banner-form .hbspt-form .hs_email label {
  display: none;
}
.cta-banner1 .banner-form .hbspt-form .hs_email .hs-error-msg {
  display: block;
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form .hbspt-form .hs_submit {
    width: 100%;
  }
}
.cta-banner1 .banner-form .hbspt-form .hs-error-msgs li {
  list-style: none;
  padding: 0;
}
.cta-banner1 .banner-form .hbspt-form .hs-error-msgs li::before {
  display: none;
}
.cta-banner1 .banner-form .hbspt-form .hs-error-msgs li .hs-error-msg {
  margin: 8px 0 0 !important;
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form .hbspt-form .hs-error-msgs li .hs-error-msg {
    font-size: 13px;
  }
}
.cta-banner1 .banner-form .hbspt-form .hs_error_rollup .hs-error-msgs {
  display: none !important;
}
.cta-banner1 .banner-form input[type=email] {
  width: 280px;
  height: 40px;
  line-height: 1.33;
  margin: 0 16px 0 0;
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form input[type=email] {
    width: 100%;
    margin: 0 !important;
  }
}
.cta-banner1 .banner-form input[type=submit],
.cta-banner1 .banner-form .btn {
  min-width: 140px;
  height: 40px;
  line-height: 40px;
  background: #29d398;
  border: 1px solid #29d398;
  padding: 0 16px;
  border-radius: 6px;
  color: white;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s;
  margin: 0 auto;
}
.cta-banner1 .banner-form input[type=submit]:hover,
.cta-banner1 .banner-form .btn:hover {
  background: transparent;
  color: #29d398;
  border: 1px solid #29d398;
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form input[type=submit],
.cta-banner1 .banner-form .btn {
    min-width: 100%;
    margin-top: 20px;
  }
}
.cta-banner1 .banner-form.small-banner-form input[type=email] {
  width: 240px;
}
@media all and (max-width: 575px) {
  .cta-banner1 .banner-form.small-banner-form input[type=email] {
    width: 100%;
    margin: 0 0 15px 0;
  }
}

.blog-area {
  padding-top: 135px;
  padding-bottom: 80px;
}
@media all and (max-width: 575px) {
  .blog-area {
    padding-top: 115px;
    padding-bottom: 60px;
  }
}

.more-blog {
  background: #2f394e;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media all and (max-width: 575px) {
  .more-blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.more-blog .row {
  row-gap: 30px;
}
.more-blog h2 {
  font-size: 38px;
  line-height: 58px;
  font-weight: 600;
  color: white;
  margin-bottom: 0px;
}
@media all and (max-width: 1200px) {
  .more-blog h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media all and (max-width: 991px) {
  .more-blog h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 767px) {
  .more-blog h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media all and (max-width: 575px) {
  .more-blog h2 {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
}
.more-blog .blog-thumbnail {
  background: white;
  border-radius: 6px;
  overflow: hidden;
}
.more-blog .blog-thumbnail figure img {
  height: 170px;
  object-fit: cover;
  border-radius: 6px;
}
.more-blog .blog-thumbnail .blog-thumbnail-info {
  padding: 20px;
}
.more-blog .blog-thumbnail .blog-thumbnail-info h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #2f394e;
  margin-bottom: 10px;
  min-height: 48px;
}
.more-blog .blog-thumbnail .blog-thumbnail-info h3 a {
  display: block;
  color: inherit;
  transition: 0.3s all;
}
.more-blog .blog-thumbnail .blog-thumbnail-info h3 a:hover {
  color: #29d398;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .name-date ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex: none;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .name-date ul li {
  font-size: 14px;
  line-height: 24px;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .name-date ul li {
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  color: #2f394e;
  position: relative;
  display: inline-flex;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .name-date ul li::after {
  content: "";
  flex: none;
  width: 2px;
  height: 12px;
  background: #2f394e;
  margin: 0 20px;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .name-date ul li a {
  color: inherit;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .name-date ul li:last-child::after {
  display: none;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .blog-thumbnail-category {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #2f394e;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .blog-thumbnail-category span {
  font-weight: 700;
  display: inline-block;
}
.more-blog .blog-thumbnail .blog-thumbnail-info .blog-thumbnail-category span a {
  color: inherit;
}

.blog-newsletter {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media all and (max-width: 991px) {
  .blog-newsletter {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media all and (max-width: 575px) {
  .blog-newsletter {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.blog-newsletter .blog-newsletter-form {
  text-align: center;
}
.blog-newsletter .blog-newsletter-form h2 {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  .blog-newsletter .blog-newsletter-form h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form h2 {
    font-size: 22px;
    line-height: 32px;
  }
}
.blog-newsletter .blog-newsletter-form h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 20px;
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form h6 {
    font-size: 16px;
    line-height: 30px;
  }
}
.blog-newsletter .blog-newsletter-form .btn21, .blog-newsletter .blog-newsletter-form .green-input input[type=submit], .green-input .blog-newsletter .blog-newsletter-form input[type=submit], .blog-newsletter .blog-newsletter-form .blue-input input[type=submit], .blue-input .blog-newsletter .blog-newsletter-form input[type=submit] {
  min-width: 150px;
}
.blog-newsletter .blog-newsletter-form .hs_recaptcha {
  display: none;
}
.blog-newsletter .blog-newsletter-form .no-list {
  margin: 0;
}
.blog-newsletter .blog-newsletter-form .hs-form {
  display: flex;
  justify-content: center;
  width: 500px;
  margin: 0 auto;
  position: relative;
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form .hs-form {
    width: 100%;
    flex-direction: column;
  }
}
.blog-newsletter .blog-newsletter-form .hs-error-msgs li label {
  position: absolute;
  margin: 0 !important;
  left: 0;
  bottom: -24px;
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form .hs-error-msgs li label {
    position: initial;
    margin-top: 10px !important;
  }
}
.blog-newsletter .blog-newsletter-form .hs_email {
  width: 350px;
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form .hs_email {
    width: 100%;
  }
}
.blog-newsletter .blog-newsletter-form .hs_email label {
  display: none;
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form .hs_submit {
    width: 100%;
  }
}
.blog-newsletter .blog-newsletter-form .hs_submit input[type=submit] {
  padding: 0 40px;
  white-space: nowrap;
  margin-left: 22px;
}
@media all and (max-width: 575px) {
  .blog-newsletter .blog-newsletter-form .hs_submit input[type=submit] {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
}
.blog-newsletter .blog-newsletter-form .submitted-message p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #29d398;
  margin-bottom: 0;
}

.single-post .blog-area {
  padding-top: 146px;
}

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

.master-section-heading {
  max-width: 900px;
  margin: 0 auto 64px;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 991px) {
  .master-section-heading {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 575px) {
  .master-section-heading {
    margin-bottom: 45px;
  }
}
.master-section-heading h2 {
  margin-bottom: 16px;
}
@media all and (max-width: 991px) {
  .master-section-heading h2 {
    font-size: 28px;
    line-height: 1.43;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 575px) {
  .master-section-heading h2 {
    font-size: 24px;
  }
}
.master-section-heading p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
@media all and (max-width: 991px) {
  .master-section-heading p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media all and (max-width: 575px) {
  .master-section-heading p {
    font-size: 14px;
  }
}
.master-section-heading.text-left {
  margin-left: 0;
}

.master-hero-section {
  overflow: hidden;
  position: relative;
  padding-top: 170px;
}
@media all and (max-width: 1200px) {
  .master-hero-section {
    padding-bottom: 70px;
    padding-top: 120px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-section {
    padding-top: 160px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-section {
    padding-bottom: 40px;
  }
}
.master-hero-section .main-wrapper {
  position: relative;
  z-index: 4;
}
@media all and (max-width: 991px) {
  .master-hero-section .master-hero-content {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-section .master-hero-content {
    text-align: center;
  }
}
.master-hero-section .master-hero-content h1 {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 16px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-hero-section .master-hero-content h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-hero-section .master-hero-content h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media all and (max-width: 1200px) {
  .master-hero-section .master-hero-content h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-section .master-hero-content h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
.master-hero-section .master-hero-content h1 span {
  color: #0bb8dd;
}
.master-hero-section .master-hero-content h1 span a {
  color: #0bb8dd;
}
.master-hero-section .master-hero-content p {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  margin-bottom: 32px;
}
@media all and (max-width: 767px) {
  .master-hero-section .master-hero-content p {
    font-size: 16px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-section .master-hero-content p {
    font-size: 14px;
  }
}
.master-hero-section .master-hero-content p span {
  color: #29d398;
}
.master-hero-section .master-hero-content p span a {
  color: #29d398;
}
.master-hero-section .master-hero-content p span a:hover {
  color: #29d398;
  text-decoration: none;
}
.master-hero-section .master-hero-content p a:hover {
  color: #29d398;
  text-decoration: none;
}
.master-hero-section .master-hero-content p:last-child {
  margin-bottom: 0;
}
.master-hero-section .master-hero-content .btn21-big {
  padding: 0 20px;
  white-space: nowrap;
}
.master-hero-section .master-hero-image img {
  width: 100%;
}
.master-hero-section .col-12 .master-hero-image {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media all and (max-width: 1200px) {
  .master-hero-section .col-12 .master-hero-image {
    max-width: 85%;
  }
}
.master-hero-section .col-12 .master-hero-image:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 991px) {
  .master-hero-section .col-12 .master-hero-image:last-child {
    margin-top: 20px;
  }
}
.master-hero-section .col-12 .btn-21 {
  min-width: 180px;
}

.half-dark-bg::before {
  content: "";
  position: absolute;
  bottom: 350px;
  left: 0;
  right: 0;
  content: "";
  height: 100px;
  background: url(../images-2021/bottom-shape-1-white.svg) no-repeat center/cover;
  z-index: 2;
}
@media all and (max-width: 767px) {
  .half-dark-bg::before {
    bottom: 280px;
  }
}
@media all and (max-width: 575px) {
  .half-dark-bg::before {
    bottom: 190px;
  }
}
.half-dark-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  background: white;
}
@media all and (max-width: 767px) {
  .half-dark-bg::after {
    height: 280px;
  }
}
@media all and (max-width: 575px) {
  .half-dark-bg::after {
    height: 190px;
  }
}

.solid-header-light + .master-bg-banner {
  padding-top: 220px;
}
@media all and (max-width: 991px) {
  .solid-header-light + .master-bg-banner {
    padding-top: 190px;
  }
}
@media all and (max-width: 575px) {
  .solid-header-light + .master-bg-banner {
    padding-top: 160px;
  }
}

.hero-height-25 {
  height: 25vh;
}
@media all and (max-width: 991px) {
  .hero-height-25 {
    height: auto;
  }
}

.hero-height-50 {
  height: 50vh;
}
@media all and (max-width: 991px) {
  .hero-height-50 {
    height: auto;
  }
}

.hero-height-75 {
  height: 75vh;
}
@media all and (max-width: 991px) {
  .hero-height-75 {
    height: auto;
  }
}

.hero-height-100 {
  height: 100vh;
}
@media all and (max-width: 991px) {
  .hero-height-100 {
    height: auto;
  }
}

.article-section {
  position: relative;
  overflow: hidden;
}
.article-section .heading-section {
  margin-bottom: 80px;
}
.article-section .heading-section h2 {
  margin: 0 auto 16px;
}
.article-section .heading-section p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
@media all and (max-width: 991px) {
  .article-section .row {
    row-gap: 40px;
  }
}
@media all and (max-width: 575px) {
  .article-section .row {
    row-gap: 30px;
  }
}
.article-section.article-half-dark-bg .row > [class*=col]:first-child .article-home-img {
  position: relative;
}
.article-section.article-half-dark-bg .row > [class*=col]:first-child .article-home-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  top: -100vh;
  left: -100vw;
  right: -100vw;
  background: #2f394e;
  z-index: 1;
}

.master-list-content-row {
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 80px;
}
@media all and (max-width: 1200px) {
  .master-list-content-row {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 80px;
  }
}
@media all and (max-width: 991px) {
  .master-list-content-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 70px;
    gap: 50px;
  }
}
@media all and (max-width: 575px) {
  .master-list-content-row {
    margin-bottom: 60px;
    gap: 40px;
  }
}
.master-list-content-row > [class*=col] {
  padding-left: 30px;
  padding-right: 30px;
}
@media all and (max-width: 1200px) {
  .master-list-content-row > [class*=col] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 991px) {
  .master-list-content-row > [class*=col] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.master-list-content-row:last-child {
  margin-bottom: 0;
}
.master-list-content-row ul {
  list-style: none;
  margin-bottom: 0;
}
.master-list-content-row ul li {
  position: relative;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.69;
  margin-bottom: 8px;
  padding-left: 24px;
}
.master-list-content-row ul li:last-child {
  margin-bottom: 0;
}
.master-list-content-row ul li::before {
  content: "";
  left: 0;
  top: 12px;
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #2f394e;
}
.master-list-content-row ul li a {
  color: #29d398;
}
.master-list-content-row ul li a:hover {
  color: #0bb8dd;
}
.master-list-content-row ol {
  padding-left: 20px;
  margin-bottom: 0;
}
.master-list-content-row ol li {
  position: relative;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.69;
  margin-bottom: 8px;
  padding-left: 14px;
}
.master-list-content-row ol li:last-child {
  margin-bottom: 0;
}
.master-list-content-row ol li a {
  color: #29d398;
}
.master-list-content-row ol li a:hover {
  color: #0bb8dd;
}

.dark-bg .master-list-content-row ul li::before {
  content: "";
  background-color: white;
}

.master-block-info h5 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #29d398;
  margin-bottom: 8px;
}
.master-block-info h3 {
  font-size: 32px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 16px;
}
.master-block-info p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 16px;
}
@media all and (max-width: 575px) {
  .master-block-info p {
    font-size: 16px;
    line-height: 28px;
  }
}
.master-block-info p:last-child {
  margin-bottom: 0;
}
.master-block-info .number-bullet {
  display: block;
  font-weight: 700;
  font-size: 56px;
  line-height: 56px;
  color: #29d398;
  margin-bottom: 10px;
}
@media all and (max-width: 991px) {
  .master-block-info .number-bullet {
    margin-bottom: 12px;
  }
}
@media all and (max-width: 575px) {
  .master-block-info .number-bullet {
    font-size: 46px;
    line-height: 46px;
  }
}

.list-content-pattern {
  margin-bottom: 176px;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  gap: 0;
}
.list-content-pattern > [class*=col] {
  padding-left: 30px;
  padding-right: 30px;
}
@media all and (max-width: 991px) {
  .list-content-pattern {
    margin-bottom: 60px;
  }
}

.left-block-image {
  position: relative;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .left-block-image {
    text-align: left;
    margin-bottom: 40px;
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  .left-block-image {
    margin-bottom: 30px;
  }
}
.left-block-image::after {
  content: "";
  background: url(../images-2021/demo-center/dotted-bg-left.svg) no-repeat center/contain;
  position: absolute;
  width: 60px;
  height: 231px;
  bottom: -114px;
  left: 40px;
  z-index: -1;
  opacity: 0.5;
  pointer-events: none;
}
@media all and (max-width: 991px) {
  .left-block-image::after {
    display: none;
  }
}

.right-block-image {
  position: relative;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .right-block-image {
    text-align: left;
    margin-bottom: 40px;
    padding-left: 0;
  }
}
@media all and (max-width: 767px) {
  .right-block-image {
    margin-bottom: 30px;
  }
}
.right-block-image::after {
  content: "";
  background: url(../images-2021/demo-center/dotted-bg-right.svg) no-repeat center/contain;
  position: absolute;
  width: 480.13px;
  height: 314.64px;
  top: -74px;
  right: -74px;
  z-index: -1;
  pointer-events: none;
}
@media all and (max-width: 1200px) {
  .right-block-image::after {
    width: 270px;
    height: 184px;
    top: -44px;
    right: -38px;
  }
}
@media all and (max-width: 991px) {
  .right-block-image::after {
    display: none;
  }
}
.right-block-image::before {
  content: "";
  background: url(../images-2021/demo-center/dotted-bg-left.svg) no-repeat center/contain;
  position: absolute;
  width: 60px;
  height: 231px;
  bottom: -190px;
  left: 130px;
  z-index: -1;
  transform: rotate(90deg);
  opacity: 0.5;
}
@media all and (max-width: 991px) {
  .right-block-image::before {
    display: none;
  }
}

.master-hero-dark-bg {
  position: relative;
  background: rgba(47, 57, 78, 0.95);
}
.master-hero-dark-bg figure {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.master-hero-dark-bg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.master-hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #2f394e;
}

.master-hero-light-bg {
  position: relative;
  background: rgba(214, 229, 244, 0.8);
}
.master-hero-light-bg .master-hero-overlay {
  background: #d6e5f4;
}
.master-hero-light-bg figure {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.master-hero-light-bg figure::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}
.master-hero-light-bg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.light-gray-bg {
  background: rgba(47, 57, 78, 0.05);
}

.master-blog-swiper.swiper-container {
  margin-left: 146px;
  overflow: hidden;
  padding-left: 12px;
}
@media all and (max-width: 1200px) {
  .master-blog-swiper.swiper-container {
    margin-left: 0;
  }
}

.master-blog-card {
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  overflow: hidden;
}
.master-blog-card figure a {
  display: block;
}
.master-blog-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}
.master-blog-card .master-blog-card-content {
  padding: 26px 26px 20px;
  background: white;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-blog-card .master-blog-card-content {
    padding: 22px 22px 18px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-blog-card .master-blog-card-content {
    padding: 22px 22px 18px;
  }
}
@media all and (max-width: 991px) {
  .master-blog-card .master-blog-card-content {
    padding: 20px 20px 16px;
  }
}
.master-blog-card .master-blog-card-content .sub-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  display: block;
  color: #2f394e;
  margin-bottom: 6px;
}
@media all and (max-width: 991px) {
  .master-blog-card .master-blog-card-content .sub-title {
    font-size: 16px;
  }
}
.master-blog-card .master-blog-card-content h3 {
  font-size: 18px;
  margin-bottom: 16px;
  min-height: 48px;
}
@media all and (max-width: 1200px) {
  .master-blog-card .master-blog-card-content h3 {
    font-size: 16px;
  }
}
.master-blog-card .master-blog-card-content h3 a {
  display: block;
  color: #2f394e;
  transition: 0.3s all;
}
.master-blog-card .master-blog-card-content h3 a:hover {
  color: #0bb8dd;
}
.master-blog-card .master-blog-card-content .btn21, .master-blog-card .master-blog-card-content .green-input input[type=submit], .green-input .master-blog-card .master-blog-card-content input[type=submit], .master-blog-card .master-blog-card-content .blue-input input[type=submit], .blue-input .master-blog-card .master-blog-card-content input[type=submit] {
  text-align: left;
}

.master-image-section .full-image-content {
  width: 100%;
  margin: 0 auto;
}
.master-image-section .full-image-content.full-image-50 {
  max-width: 50%;
}
.master-image-section .full-image-content.full-image-60 {
  max-width: 60%;
}
.master-image-section .full-image-content.full-image-70 {
  max-width: 70%;
}
.master-image-section .full-image-content.full-image-80 {
  max-width: 80%;
}
.master-image-section .full-image-content.full-image-90 {
  max-width: 90%;
}
@media all and (max-width: 991px) {
  .master-image-section .full-image-content {
    max-width: 100%;
  }
}
.master-image-section .full-image-content img {
  width: 100%;
}

.master-video-section .full-video-content {
  max-width: 600px;
  margin: 0 auto;
}
.master-video-section .full-video-content img {
  width: 100%;
}

.master-section-more {
  margin-top: 64px;
  text-align: center;
}

.master-logo-list-section .logo-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 120px;
  row-gap: 40px;
  justify-content: center;
}
@media all and (max-width: 1200px) {
  .master-logo-list-section .logo-list-wrapper {
    column-gap: 90px;
  }
}
@media all and (max-width: 575px) {
  .master-logo-list-section .logo-list-wrapper {
    column-gap: 60px;
  }
}
.master-logo-list-section .logo-list-wrapper .logo-list-item {
  flex: none;
}
.master-logo-list-section .logo-list-wrapper .logo-list-item img {
  max-width: 140px;
}

.master-block-content-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 991px) {
  .master-block-content-items {
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
  }
}

.master-block-heading {
  width: 306px;
  flex: none;
  margin-right: 60px;
}
@media all and (max-width: 1200px) {
  .master-block-heading {
    margin-right: 30px;
  }
}
@media all and (max-width: 991px) {
  .master-block-heading {
    max-width: 500px;
    width: 100%;
    text-align: center;
    margin: 0 auto 30px auto;
  }
}
.master-block-heading h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 16px;
}
.master-block-heading p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  margin-bottom: 0;
}

.master-block-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media all and (max-width: 991px) {
  .master-block-content {
    display: block;
  }
}

.master-block-content-card {
  padding: 32px 30px;
  border-radius: 6px;
  background-color: white;
  flex: none;
  width: calc(50% - 10px);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 1200px) {
  .master-block-content-card {
    padding: 20px;
  }
}
@media all and (max-width: 991px) {
  .master-block-content-card {
    max-width: 500px;
    width: 100%;
    text-align: center;
    padding: 30px 20px;
    height: auto;
    margin: 0 auto 30px;
  }
}
@media all and (max-width: 991px) {
  .master-block-content-card:last-child {
    margin-bottom: 0px;
  }
}
.master-block-content-card figure {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  margin-bottom: 16px;
}
@media all and (max-width: 991px) {
  .master-block-content-card figure {
    margin: 0 auto 10px;
  }
}
.master-block-content-card figure img {
  width: 100%;
}
.master-block-content-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: #2f394e;
  margin-bottom: 16px;
}
.master-block-content-card p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #2f394e;
}

.page-template-master p a {
  color: #0bb8dd;
}
.page-template-master p a:hover {
  color: #0990ac;
}
.page-template-master.dark-bg p a {
  color: #0bb8dd;
}
.page-template-master.dark-bg p a:hover {
  color: #27d0f4;
}

.master-feature-section .explore-datasets-item {
  margin-bottom: 48px;
}
.master-feature-section .explore-datasets-item figure {
  background: transparent;
}
.master-feature-section .explore-datasets-item figure img {
  max-width: 100%;
  width: 100%;
}

.master-logo-carousel {
  padding: 55px 0;
}
.master-logo-carousel .swiper-slide figure {
  text-align: center;
  line-height: 80px;
}

.filter-half-dark-bg {
  position: relative;
  overflow: hidden;
}
.filter-half-dark-bg .customers-wrapper {
  position: relative;
}
.filter-half-dark-bg .customers-wrapper::before {
  content: "";
  position: absolute;
  left: -100vw;
  right: -100vw;
  top: -100vh;
  background: #2f394e;
  bottom: 50%;
}
.filter-half-dark-bg .customers-filter ul {
  position: relative;
}

.master-customers-filter-wrapper {
  margin-bottom: -20px;
}
@media all and (max-width: 575px) {
  .master-customers-filter-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.master-customers-filter-wrapper ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.master-customers-filter-wrapper ul li {
  font-size: 14px;
  line-height: 24px;
}
.master-customers-filter-wrapper ul li {
  width: 16.66%;
  height: 90px;
  padding: 0 20px;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 991px) {
  .master-customers-filter-wrapper ul li {
    width: 25%;
  }
}
@media all and (max-width: 767px) {
  .master-customers-filter-wrapper ul li {
    width: 33.333%;
  }
}
@media all and (max-width: 575px) {
  .master-customers-filter-wrapper ul li {
    padding: 0 10px;
    height: 60px;
  }
}
.master-customers-filter-wrapper ul li img {
  max-width: 100%;
  max-height: 100%;
}
@media all and (max-width: 1200px) {
  .master-customers-filter-wrapper ul li img {
    max-height: 60px;
  }
}
@media all and (max-width: 575px) {
  .master-customers-filter-wrapper ul li img {
    max-height: 40px;
  }
}

.master-hero-section-v2 {
  position: relative;
  padding-top: 288px !important;
  overflow: hidden;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-hero-section-v2 {
    padding-top: 188px !important;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-hero-section-v2 {
    padding-top: 188px !important;
  }
}
@media all and (max-width: 1200px) {
  .master-hero-section-v2 {
    padding-top: 188px !important;
  }
}
@media all and (max-width: 767px) {
  .master-hero-section-v2 {
    padding-top: 140px !important;
  }
}
@media all and (max-width: 575px) {
  .master-hero-section-v2 {
    padding-top: 120px !important;
  }
}
@media all and (max-width: 991px) {
  .master-hero-section-v2.half-dark-bg:after {
    content: "";
    height: 230px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-section-v2.half-dark-bg:after {
    height: 80px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-section-v2.half-dark-bg::before {
    content: "";
    bottom: 220px;
  }
}
@media all and (max-width: 767px) {
  .master-hero-section-v2.half-dark-bg::before {
    content: "";
    bottom: 200px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-section-v2.half-dark-bg::before {
    bottom: 76px;
  }
}

@media all and (max-width: 601px) {
  .logged-in .master-hero-section-v2 {
    padding-top: 190px !important;
  }
}
@media all and (max-width: 575px) {
  .logged-in .master-hero-section-v2 {
    padding-top: 170px !important;
  }
}
.master-hero-content-v2 h1 {
  font-size: 80px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-hero-content-v2 h1 {
    font-size: 60px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-hero-content-v2 h1 {
    font-size: 60px;
  }
}
@media all and (max-width: 1200px) {
  .master-hero-content-v2 h1 {
    font-size: 46px;
    line-height: 40px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-content-v2 h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media all and (max-width: 767px) {
  .master-hero-content-v2 h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-content-v2 h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.master-hero-content-v2 p {
  font-size: 30px;
  line-height: 1.8;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-hero-content-v2 p {
    font-size: 20px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-hero-content-v2 p {
    font-size: 20px;
  }
}
@media all and (max-width: 1200px) {
  .master-hero-content-v2 p {
    font-size: 20px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-content-v2 p {
    font-size: 16px;
  }
}
.master-hero-content-v2 .hero-btn-group {
  margin-bottom: 50px;
}
.master-hero-content-v2 .hero-btn-group:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .master-hero-content-v2 .hero-btn-group {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-content-v2 .hero-btn-group {
    margin-bottom: 40px;
  }
}

.hero-btn-group {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 56px;
}
@media all and (max-width: 991px) {
  .hero-btn-group {
    justify-content: center;
  }
}
@media all and (max-width: 575px) {
  .hero-btn-group {
    margin-top: 30px;
  }
}

.text-center .hero-btn-group {
  justify-content: center;
}

.special-arrow-btn {
  max-width: 295px;
  min-height: 48px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  padding-block: 6px;
  padding-inline: 16px 56px;
  display: inline-flex;
  align-items: center;
  text-align: left;
  text-transform: capitalize;
  background: #2f394e;
  color: white;
  border-radius: 6px;
  position: relative;
  transition: 0.3s all;
}
.special-arrow-btn:hover {
  background: rgba(47, 57, 78, 0.85);
  color: white;
}
.special-arrow-btn:after {
  content: "";
  position: absolute;
  right: 16px;
  background: url(../images-2021/special-arrow-icon.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.master-hero-section-v2 .special-arrow-btn,
.light-text .special-arrow-btn {
  background: rgba(255, 255, 255, 0.1);
}
.master-hero-section-v2 .special-arrow-btn:hover,
.light-text .special-arrow-btn:hover {
  background: rgba(255, 255, 255, 0.17);
}

.white-bg-btn-group .special-arrow-btn {
  background: #2f394e;
}
.white-bg-btn-group .special-arrow-btn:hover {
  background: rgba(47, 57, 78, 0.85);
}

.master-hero-video-v2 {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .master-hero-video-v2 {
    margin-top: -15px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-video-v2 {
    margin-top: -5px;
  }
}
.master-hero-video-v2:after {
  content: "";
  position: absolute;
  background: white;
  left: -50vw;
  bottom: 0;
  right: -50vw;
  top: 50%;
  z-index: -1;
  height: 100%;
}

.dark-bg .master-hero-img-v2::before {
  content: "";
  background: rgba(47, 57, 78, 0.8);
}

.master-hero-img-v2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.master-hero-img-v2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(214, 229, 244, 0.8);
}
.master-hero-img-v2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.master-accordion {
  font: 400 14px/20px "Montserrat", sans-serif;
}
.master-accordion .card {
  background: none;
  border: 0;
  border-radius: 0 !important;
  border-bottom: 1px solid #D8D8D8;
  padding: 10px 0;
}
.master-accordion .card:last-child {
  border-bottom: 0;
}
.master-accordion .card-header {
  background: 0;
  border-radius: 0 !important;
  border: 0;
  padding: 0 20px 0 0;
}
@media all and (max-width: 575px) {
  .master-accordion .card-header {
    padding: 0;
  }
}
.master-accordion .card-header .accordion-link {
  background: none;
  border: 0;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media all and (max-width: 575px) {
  .master-accordion .card-header .accordion-link {
    font-size: 15px;
    line-height: 24px;
  }
}
.master-accordion .card-header .accordion-link h5 {
  font: inherit;
  color: initial;
  width: 100%;
  text-align: left;
}
.master-accordion .card-header .accordion-link::after {
  content: "";
  flex: none;
  width: 24px;
  height: 24px;
  background: url(../images-2021/pricing/accordion-plus.svg) no-repeat center/contain;
}
@media all and (max-width: 575px) {
  .master-accordion .card-header .accordion-link::after {
    width: 20px;
    height: 20px;
  }
}
.master-accordion .card-header .accordion-link:focus {
  border: none;
  outline: none;
}
.master-accordion .card-header .accordion-link[aria-expanded=true]::after {
  background: url(../images-2021/pricing/accordion-minus-green.svg) no-repeat center/contain;
}
.master-accordion .card-body {
  padding: 5px 0 10px;
}
.master-accordion ul,
.master-accordion ol {
  margin-left: 18px;
  margin-bottom: 16px;
}
.master-accordion ul:last-child,
.master-accordion ol:last-child {
  margin-bottom: 0;
}
.master-accordion ul li,
.master-accordion ol li {
  font-weight: 400;
  margin-bottom: 4px;
}
.master-accordion ul li:last-child,
.master-accordion ol li:last-child {
  margin-bottom: 0;
}

.master-accordion-section.dark-bg {
  color: white !important;
}
.master-accordion-section.dark-bg h2,
.master-accordion-section.dark-bg h3,
.master-accordion-section.dark-bg h4,
.master-accordion-section.dark-bg h5,
.master-accordion-section.dark-bg h6,
.master-accordion-section.dark-bg p,
.master-accordion-section.dark-bg span,
.master-accordion-section.dark-bg ul li,
.master-accordion-section.dark-bg ol li {
  color: white !important;
}
.master-accordion-section.dark-bg .card-header .accordion-link::after {
  background: url(../images-2021/pricing/accordion-plus-green.svg) no-repeat center/contain;
}
.master-accordion-section.dark-bg .card-header .accordion-link[aria-expanded=true]::after {
  background: url(../images-2021/pricing/accordion-minus-green.svg) no-repeat center/contain;
}

.master-list-block-icon {
  width: 32px;
  flex: none;
}
@media all and (max-width: 575px) {
  .master-list-block-icon {
    margin-bottom: 24px;
  }
}
.master-list-block-icon img {
  width: 100%;
}

.master-list-block-content {
  width: 100%;
  padding-left: 24px;
}
@media all and (max-width: 575px) {
  .master-list-block-content {
    padding-left: 0;
  }
}
.master-list-block-content h2 {
  margin-bottom: 64px;
}
@media all and (max-width: 1200px) {
  .master-list-block-content h2 {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 991px) {
  .master-list-block-content h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 575px) {
  .master-list-block-content h2 {
    font-size: 28px;
    margin-bottom: 50px;
  }
}
.master-list-block-content p {
  font-size: 16px;
  line-height: 1.75;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  color: #2f394e;
  margin-bottom: 16px;
}
.master-list-block-content p:last-child {
  margin-bottom: 0;
}

.master-list-block-item {
  font-size: 0;
  margin: 0 -28px;
}
@media all and (max-width: 575px) {
  .master-list-block-item {
    margin: 0;
  }
}
.master-list-block-item li {
  vertical-align: top;
  padding: 0 28px;
  margin: 0 0 64px 0;
  display: inline-block;
  width: 33.3%;
}
@media all and (max-width: 991px) {
  .master-list-block-item li {
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .master-list-block-item li {
    width: 100%;
  }
}
@media all and (max-width: 575px) {
  .master-list-block-item li {
    padding: 0;
    margin-bottom: 50px;
  }
}
.master-list-block-item li:nth-last-child(3) {
  margin-bottom: 0;
}
@media all and (max-width: 991px) {
  .master-list-block-item li:nth-last-child(3) {
    margin-bottom: 68px;
  }
}
.master-list-block-item li:nth-last-child(2) {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .master-list-block-item li:nth-last-child(2) {
    margin-bottom: 68px;
  }
}
.master-list-block-item li:last-child {
  margin-bottom: 0;
}
.master-list-block-item li h3 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #2f394e;
  margin-bottom: 16px;
  position: relative;
}
@media all and (max-width: 575px) {
  .master-list-block-item li h3 {
    margin-bottom: 5px;
  }
}
.master-list-block-item li h3::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: linear-gradient(to right, #0bb8dd 0%, #29d398 100%);
  margin-bottom: 10px;
}
.master-list-block-item li h3:last-child {
  margin-bottom: 0;
}

.light-content h1,
.light-content h2,
.light-content h3,
.light-content h4,
.light-content h5,
.light-content h6,
.light-content p,
.light-content span {
  color: white !important;
}

.master-box-content-wrapper {
  position: relative;
  border-radius: 6px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  padding: 72px 72px 56px 56px;
  margin-bottom: 64px;
}
@media all and (max-width: 991px) {
  .master-box-content-wrapper {
    padding: 72px 56px 56px;
  }
}
@media all and (max-width: 767px) {
  .master-box-content-wrapper {
    padding: 72px 48px 48px;
  }
}
@media all and (max-width: 575px) {
  .master-box-content-wrapper {
    padding: 72px 24px 30px;
    margin-bottom: 50px;
  }
}
.master-box-content-wrapper p {
  font-size: 18px;
  line-height: 1.78;
  margin-bottom: 32px;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .master-box-content-wrapper p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.master-box-content-wrapper .master-box-content-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: white;
  border-radius: 50px;
  box-shadow: 0 25px 45px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  position: absolute;
  top: -40px;
  left: 96px;
}
@media all and (max-width: 991px) {
  .master-box-content-wrapper .master-box-content-icon {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media all and (max-width: 575px) {
  .master-box-content-wrapper .master-box-content-icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    top: -32px;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.25);
  }
}
.master-box-content-wrapper .master-box-content-icon img {
  line-height: 64px;
}

.master-box-content-image {
  width: 312px;
  margin-left: 64px;
  float: right;
  margin-bottom: 30px;
}
@media all and (max-width: 1200px) {
  .master-box-content-image {
    width: 250px;
  }
}
@media all and (max-width: 991px) {
  .master-box-content-image {
    width: 312px;
    margin: 0 auto 60px;
    float: none;
  }
}
@media all and (max-width: 575px) {
  .master-box-content-image {
    width: 90%;
    margin: 0 auto 40px;
  }
}
.master-box-content-image img {
  max-width: 100%;
}

.master-section-paragraph p {
  font-size: 18px;
  line-height: 1.78;
  font-weight: normal;
  margin-bottom: 0;
}

.master-bullet-points-tab {
  display: flex;
}
@media all and (max-width: 991px) {
  .master-bullet-points-tab {
    display: block;
  }
}

.master-bullet-points-tab-content {
  padding-left: 32px;
  order: 1;
}
@media all and (max-width: 1200px) {
  .master-bullet-points-tab-content {
    padding-left: 0;
  }
}

.dark-bg .master-bullet-points-tab-nav ul li a {
  color: white;
}
.dark-bg .master-bullet-points-tab-nav ul li.active a {
  color: white;
}

.master-bullet-points-tab-nav {
  flex: none;
  width: 256px;
}
@media all and (max-width: 991px) {
  .master-bullet-points-tab-nav {
    display: none;
  }
}
.master-bullet-points-tab-nav ul {
  margin: 0;
  list-style: none;
  position: sticky;
  top: 140px;
}
.master-bullet-points-tab-nav ul li {
  margin-top: 0;
  margin-bottom: 32px;
}
@media all and (max-width: 1200px) {
  .master-bullet-points-tab-nav ul li {
    margin-bottom: 20px;
  }
}
.master-bullet-points-tab-nav ul li a {
  font-size: 14px;
  line-height: 1.43;
  font-weight: 600;
  color: #a0a0a0;
}

.logged-in .master-bullet-points-tab-nav ul {
  top: 170px;
}

.bullet-point-wrapper {
  display: flex;
  padding-bottom: 54px;
}
@media all and (max-width: 1200px) {
  .bullet-point-wrapper {
    padding-bottom: 54px;
  }
}
@media all and (max-width: 991px) {
  .bullet-point-wrapper {
    padding-bottom: 54px;
  }
}
@media all and (max-width: 575px) {
  .bullet-point-wrapper {
    display: block;
    padding-bottom: 54px;
  }
}
.bullet-point-wrapper:last-child {
  padding-bottom: 0 !important;
}

.bullet-point-icon {
  flex: none;
  width: 64px;
  height: 64px;
  line-height: 64px;
  background: white;
  border-radius: 50px;
  box-shadow: 0 25px 45px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}
@media all and (max-width: 575px) {
  .bullet-point-icon {
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 40px;
  }
}
.bullet-point-icon img {
  max-width: 32px;
}
.bullet-point-icon.no-icon {
  background: 0 0 !important;
  box-shadow: none !important;
}
@media all and (max-width: 575px) {
  .bullet-point-icon.no-icon {
    display: none !important;
  }
}
.bullet-point-icon.no-icon img {
  display: none !important;
}

.bullet-point-body {
  padding-left: 32px;
  margin-top: 15px;
}
@media all and (max-width: 575px) {
  .bullet-point-body {
    padding-left: 0;
  }
}
.bullet-point-body h2 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 32px;
}
@media all and (max-width: 1200px) {
  .bullet-point-body h2 {
    margin-bottom: 25px;
  }
}
@media all and (max-width: 991px) {
  .bullet-point-body h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 575px) {
  .bullet-point-body h2 {
    font-size: 26px;
  }
}

.bullet-point-content {
  display: block;
  margin-bottom: 46px;
}
@media all and (max-width: 1200px) {
  .bullet-point-content {
    display: block;
  }
}
@media all and (max-width: 575px) {
  .bullet-point-content {
    margin-bottom: 25px;
  }
}
.bullet-point-content:last-child {
  margin-bottom: 0;
}
.bullet-point-content h4 {
  margin: 0 0 30px 0;
}
.bullet-point-content h4 span {
  font-weight: 700 !important;
}

.bullet-point-figure {
  max-width: 256px;
  height: auto;
  float: right;
  order: 1;
  margin-left: 48px;
  margin-bottom: 30px;
}
@media all and (max-width: 1200px) {
  .bullet-point-figure {
    margin-left: 0;
    float: none;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.bullet-point-figure img {
  width: 100%;
}

.bullet-point-paragraph {
  font-size: 18px;
  line-height: 1.78;
  font-weight: normal;
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 1.78;
  font-weight: normal;
  margin: 0px;
  padding-left: 13px;
  position: relative;
}
.bullet-point-paragraph img {
  max-width: 100%;
  height: auto;
}
@media all and (max-width: 575px) {
  .bullet-point-paragraph {
    font-size: 16px;
  }
}
.bullet-point-paragraph ul,
.bullet-point-paragraph ol {
  list-style: none;
  margin-bottom: 24px;
}
.bullet-point-paragraph ul:last-child,
.bullet-point-paragraph ol:last-child {
  margin-bottom: 0;
}
.bullet-point-paragraph ul li,
.bullet-point-paragraph ol li {
  font-size: 18px;
  line-height: 1.78;
  font-weight: normal;
  margin: 0px;
  padding-left: 13px;
  position: relative;
}
@media all and (max-width: 575px) {
  .bullet-point-paragraph ul li,
.bullet-point-paragraph ol li {
    font-size: 16px;
  }
}
.bullet-point-paragraph ul li::before,
.bullet-point-paragraph ol li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 2px;
  height: 2.5px;
  width: 2.5px;
  border-radius: 50%;
  background: #2f394e;
}
.bullet-point-paragraph ul li a,
.bullet-point-paragraph ol li a {
  color: #29d398;
}
.bullet-point-paragraph ul li a:hover,
.bullet-point-paragraph ol li a:hover {
  text-decoration: underline;
}
.bullet-point-paragraph ol li {
  list-style: decimal;
}
.bullet-point-paragraph ol li::before {
  background: none;
  width: 0;
  height: 0;
}

.dark-bg .bullet-point-paragraph ul li::before,
.dark-bg .bullet-point-paragraph ol li::before {
  content: "";
  background: white;
}

.bullet-point-table-wrapper {
  margin-bottom: 40px;
}

@media all and (max-width: 575px) {
  .bullet-point-table-wrapper,
.bullet-point-child-table-wrapper {
    overflow-x: scroll;
  }
}
@media all and (max-width: 575px) {
  .bullet-point-table-wrapper table,
.bullet-point-child-table-wrapper table {
    width: 550px;
  }
}
.bullet-point-table-wrapper table thead tr th,
.bullet-point-child-table-wrapper table thead tr th {
  width: 50%;
  background: #29d398;
  padding: 16px 24px;
  vertical-align: middle;
  border: 8px solid #ffffff;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
@media all and (max-width: 767px) {
  .bullet-point-table-wrapper table thead tr th,
.bullet-point-child-table-wrapper table thead tr th {
    font-size: 18px;
  }
}
.bullet-point-table-wrapper table thead tr th:first-child,
.bullet-point-child-table-wrapper table thead tr th:first-child {
  border-left: 0;
}
.bullet-point-table-wrapper table thead tr th:last-child,
.bullet-point-child-table-wrapper table thead tr th:last-child {
  background: #0bb8dd;
  border-right: 0;
}
.bullet-point-table-wrapper table tbody tr td,
.bullet-point-child-table-wrapper table tbody tr td {
  width: 50%;
  background: #f2fcf9;
  padding: 12px 24px;
  vertical-align: middle;
  border: 8px solid #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  font-family: "Montserrat", sans-serif;
  letter-spacing: normal;
  color: #2f394e;
}
.bullet-point-table-wrapper table tbody tr td:first-child,
.bullet-point-child-table-wrapper table tbody tr td:first-child {
  border-left: 0;
}
.bullet-point-table-wrapper table tbody tr td:last-child,
.bullet-point-child-table-wrapper table tbody tr td:last-child {
  background: #f3fafa;
  border-right: 0;
}

.bullet-point-child-content-wrapper ul {
  list-style: none;
}
.bullet-point-child-content-wrapper ul li {
  overflow: hidden;
}
.bullet-point-child-content-wrapper ul li h3 {
  margin-bottom: 30px;
}

.bullet-point-child-figure {
  max-width: 256px;
  height: auto;
  float: right;
  margin-left: 48px;
  margin-bottom: 30px;
}
@media all and (max-width: 1200px) {
  .bullet-point-child-figure {
    margin-left: 0;
    float: none;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.bullet-point-child-paragraph {
  font-size: 16px;
  line-height: 1.78;
  font-weight: normal;
  margin: 0px;
  position: relative;
  margin-bottom: 30px;
}

.dark-bg .bullet-point-table-wrapper table tbody tr td {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-width: 2px;
}
.dark-bg .bullet-point-table-wrapper table tr th {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-width: 2px;
}
.dark-bg .bullet-point-table-wrapper table thead tr th {
  border-color: transparent;
}
.dark-bg .bullet-point-child-table-wrapper table tbody tr td {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-width: 2px;
}
.dark-bg .bullet-point-child-table-wrapper table tr th {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-width: 2px;
}
.dark-bg .bullet-point-child-table-wrapper table thead tr th {
  border-color: transparent;
}

.video-description-content h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 8px;
}
.video-description-content h2 {
  line-height: 48px;
  margin-bottom: 16px;
}
@media all and (max-width: 991px) {
  .video-description-content h2 {
    line-height: 40px;
  }
}
@media all and (max-width: 767px) {
  .video-description-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media all and (max-width: 575px) {
  .video-description-content h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
}
.video-description-content p {
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 32px;
  color: black;
}
@media all and (max-width: 575px) {
  .video-description-content p {
    font-size: 14px;
    line-height: 26px;
  }
}
.video-description-content .btn21-green {
  padding: 0 30px;
}

.light-text .video-description-content p {
  color: white;
}

.webinars-banner {
  position: relative;
}
.webinars-banner .webinars-banner-video {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  padding: 16px;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-banner-video {
    padding: 10px;
    height: 270px;
  }
}
.webinars-banner .webinars-banner-video img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-banner-video img {
    height: 100%;
    object-fit: cover;
  }
}
.webinars-banner .webinars-info {
  position: absolute;
  inset: 16px;
  display: flex;
  padding: 30px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-info {
    inset: 10px;
    padding: 14px;
  }
}
.webinars-banner .webinars-info h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  color: #fff;
}
@media all and (max-width: 767px) {
  .webinars-banner .webinars-info h4 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-info h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
  }
}
.webinars-banner .webinars-info figure {
  width: 160px;
  height: auto;
}
@media all and (max-width: 575px) {
  .webinars-banner .webinars-info figure {
    width: 130px;
  }
}

.customer-video-modal .modal-dialog {
  max-width: 800px;
}
@media all and (max-width: 991px) {
  .customer-video-modal .modal-dialog {
    max-width: 600px;
  }
}
@media all and (max-width: 767px) {
  .customer-video-modal .modal-dialog {
    max-width: 470px;
  }
}
@media all and (max-width: 575px) {
  .customer-video-modal .modal-dialog {
    width: 90%;
    margin: 0 auto;
  }
}
.customer-video-modal .modal-dialog .modal-content {
  padding: 16px;
  border: 0;
  border-radius: 0;
}
.customer-video-modal .modal-dialog .modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  border-radius: 50%;
  background: #29d398 url(../images-2021/home-new-2022/cross-icon.svg) no-repeat center/15px;
  width: 40px;
  height: 40px;
  border: 0;
  z-index: 2;
}
@media all and (max-width: 575px) {
  .customer-video-modal .modal-dialog .modal-close {
    top: 100%;
    right: 50%;
    transform: translateY(50%);
  }
}
.customer-video-modal .modal-dialog .modal-close:focus {
  outline: none;
}

.master-case-studies-section {
  overflow: hidden;
}
@media all and (max-width: 1200px) {
  .master-case-studies-section .master-case-studies-info {
    max-width: 80%;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 575px) {
  .master-case-studies-section .master-case-studies-info {
    max-width: 100%;
  }
}
.master-case-studies-section .master-case-studies-info h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 16px;
}
@media all and (max-width: 991px) {
  .master-case-studies-section .master-case-studies-info h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}
@media all and (max-width: 575px) {
  .master-case-studies-section .master-case-studies-info h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.master-case-studies-section .master-case-studies-info p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 32px;
}
@media all and (max-width: 991px) {
  .master-case-studies-section .master-case-studies-info p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media all and (max-width: 575px) {
  .master-case-studies-section .master-case-studies-info p {
    font-size: 14px;
    line-height: 24px;
  }
}
.master-case-studies-section .case-studies-swiper {
  width: 938px;
  padding-right: 30px;
  padding-left: 30px;
  margin-left: -30px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-case-studies-section .case-studies-swiper {
    width: 900px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-case-studies-section .case-studies-swiper {
    width: 870px;
  }
}
@media all and (max-width: 1200px) {
  .master-case-studies-section .case-studies-swiper {
    width: calc(100% + 30px);
    padding-right: 0;
  }
}
.master-case-studies-section .case-studies-swiper .swiper-slide {
  width: auto !important;
  padding: 20px 0;
}
.master-case-studies-section .case-studies-swiper .case-studies-card {
  width: 265px;
}
@media all and (max-width: 1200px) {
  .master-case-studies-section .case-studies-swiper .case-studies-card {
    min-height: 350px;
    padding-bottom: 60px;
  }
}
.master-case-studies-section .case-studies-card {
  padding: 30px 20px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: white;
}
.master-case-studies-section .case-studies-card .case-studies-card-logo {
  max-width: 130px;
  height: 56px;
}
@media all and (max-width: 575px) {
  .master-case-studies-section .case-studies-card .case-studies-card-logo {
    height: 45px;
  }
}
.master-case-studies-section .case-studies-card .case-studies-card-logo img {
  max-height: 34px;
  max-width: 100%;
}
@media all and (max-width: 575px) {
  .master-case-studies-section .case-studies-card .case-studies-card-logo img {
    max-height: 30px;
    max-width: 90%;
  }
}
.master-case-studies-section .case-studies-card p {
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 30px;
  color: black;
}
@media all and (max-width: 991px) {
  .master-case-studies-section .case-studies-card p {
    font-size: 15px;
    line-height: 28px;
  }
}
@media all and (max-width: 575px) {
  .master-case-studies-section .case-studies-card p {
    margin-bottom: 22px;
  }
}
@media all and (max-width: 1200px) {
  .master-case-studies-section .case-studies-card .btn21, .master-case-studies-section .case-studies-card .green-input input[type=submit], .green-input .master-case-studies-section .case-studies-card input[type=submit], .master-case-studies-section .case-studies-card .blue-input input[type=submit], .blue-input .master-case-studies-section .case-studies-card input[type=submit] {
    position: absolute;
    bottom: 40px;
  }
}
.master-case-studies-section .case-studies-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #D9D9D9;
  opacity: 1;
  margin-right: 10px;
}
@media all and (max-width: 991px) {
  .master-case-studies-section .case-studies-pagination .swiper-pagination-bullet {
    display: none;
  }
}
.master-case-studies-section .case-studies-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.master-case-studies-section .case-studies-pagination .swiper-pagination-bullet-active {
  background: #29d398;
  opacity: 1;
}

.master-tab-section {
  position: relative;
}

.master-tab-nav {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  background: white;
  margin-bottom: 50px;
}
.master-tab-nav li {
  font-size: 14px;
  line-height: 24px;
}
@media all and (max-width: 1200px) {
  .master-tab-nav {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media all and (max-width: 767px) {
  .master-tab-nav {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .master-tab-nav {
    padding-top: 6px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.master-tab-nav li {
  position: relative;
  flex-grow: 1;
}
@media all and (max-width: 1200px) {
  .master-tab-nav li {
    flex-grow: inherit;
  }
}
.master-tab-nav li:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #d6e5f4;
  position: absolute;
  right: 0;
  top: 50%;
  height: 40px;
  transform: translateY(-50%);
}
@media all and (max-width: 1200px) {
  .master-tab-nav li:after {
    height: 30px;
  }
}
@media all and (max-width: 767px) {
  .master-tab-nav li:after {
    height: 12px;
  }
}
.master-tab-nav li a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: black;
  padding: 28px 27px;
  display: block;
  text-align: center;
  text-align: center;
}
@media all and (max-width: 1200px) {
  .master-tab-nav li a {
    padding: 18px 32px;
  }
}
@media all and (max-width: 991px) {
  .master-tab-nav li a {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media all and (max-width: 767px) {
  .master-tab-nav li a {
    padding: 12px 20px;
  }
}
@media all and (max-width: 575px) {
  .master-tab-nav li a {
    font-size: 14px;
    line-height: 18px;
  }
}
.master-tab-nav li .active {
  color: black;
}
.master-tab-nav li .active:before {
  content: "";
  height: 10px;
  background: #29d398;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media all and (max-width: 1200px) {
  .master-tab-nav li .active:before {
    height: 7px;
  }
}
@media all and (max-width: 767px) {
  .master-tab-nav li .active:before {
    height: 4px;
  }
}
.master-tab-nav li:last-child:after {
  display: none;
}

@media all and (max-width: 991px) {
  .master-tab-content-wrapper .master-tab-image {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .master-tab-content-wrapper .master-tab-image {
    margin-bottom: 20px;
  }
}
.master-tab-content-wrapper .master-tab-image img {
  width: 100%;
}
.master-tab-content-wrapper .master-tab-content h3 {
  font-size: 32px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media all and (max-width: 1200px) {
  .master-tab-content-wrapper .master-tab-content h3 {
    font-size: 30px;
  }
}
@media all and (max-width: 767px) {
  .master-tab-content-wrapper .master-tab-content h3 {
    font-size: 28px;
  }
}
@media all and (max-width: 575px) {
  .master-tab-content-wrapper .master-tab-content h3 {
    font-size: 24px;
    line-height: 36px;
  }
}
.master-tab-content-wrapper .master-tab-content p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
@media all and (max-width: 575px) {
  .master-tab-content-wrapper .master-tab-content p {
    font-size: 16px;
    line-height: 28px;
  }
}
.master-tab-content-wrapper .master-tab-content p:last-child {
  margin-bottom: 0;
}
.master-tab-content-wrapper .master-tab-content ul {
  list-style: none;
}
.master-tab-content-wrapper .master-tab-content ul li {
  position: relative;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.69;
  margin-bottom: 15px;
  padding-left: 24px;
}
.master-tab-content-wrapper .master-tab-content ul li::before {
  content: "";
  left: 0;
  top: 12px;
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #2f394e;
}
.master-tab-content-wrapper .master-tab-content ul li a {
  color: #29d398;
}
.master-tab-content-wrapper .master-tab-content ul li a:hover {
  color: #0bb8dd;
}
.master-tab-content-wrapper .master-tab-content ol {
  padding-left: 20px;
}
.master-tab-content-wrapper .master-tab-content ol li {
  position: relative;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.69;
  margin-bottom: 15px;
  padding-left: 14px;
}
.master-tab-content-wrapper .master-tab-content ol li a {
  color: #29d398;
}
.master-tab-content-wrapper .master-tab-content ol li a:hover {
  color: #0bb8dd;
}

.dark-bg .master-tab-content ul li::before {
  content: "";
  background-color: white;
}

.dark-bg.gradient-dark-bg {
  background: linear-gradient(103.2deg, #3A4E62 0%, #1B2633 100%) !important;
}

.article-half-dark-gradient-bg .row > [class*=col]:first-child .article-home-img {
  position: relative;
}
.article-half-dark-gradient-bg .row > [class*=col]:first-child .article-home-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  top: -100vh;
  left: -100vw;
  right: -100vw;
  background: linear-gradient(103.2deg, #3A4E62 0%, #1B2633 100%) !important;
  z-index: 1;
}

.filter-half-dark-gradient-bg {
  position: relative;
  overflow: hidden;
}
.filter-half-dark-gradient-bg .customers-wrapper {
  position: relative;
}
.filter-half-dark-gradient-bg .customers-wrapper::before {
  content: "";
  position: absolute;
  left: -100vw;
  right: -100vw;
  top: -100vh;
  background: linear-gradient(103.2deg, #3A4E62 0%, #1B2633 100%);
  bottom: 50%;
}
.filter-half-dark-gradient-bg .customers-filter ul {
  position: relative;
}

.featured-accordion-wrapper {
  background: transparent;
}

.featured-accordion-content-row {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 991px) {
  .featured-accordion-content-row {
    margin-bottom: 20px;
  }
}
.featured-accordion-content-row .featured-accordion-heading {
  margin-bottom: 22px;
}
.featured-accordion-content-row .featured-accordion-heading h2 {
  margin-bottom: 8px;
}
.featured-accordion-content-row .featured-accordion-heading p:last-child {
  margin-bottom: 0;
}

.featured-accordion-images-row {
  height: 100%;
}
.featured-accordion-images-row .featured-accordion-img {
  height: 100%;
}
.featured-accordion-images-row .featured-accordion-img img {
  height: auto;
  width: 100%;
}

.featured-accordion-card-header button {
  background: transparent;
  border: 0;
  width: 100%;
}
.featured-accordion-card-header button:focus {
  border: 0;
  outline: none;
}
.featured-accordion-card-header h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
  display: flex;
  align-items: center;
  color: #c3c9d4;
}
.featured-accordion-card-header h3 span {
  color: #29d398;
  margin: 0 10px 0 0;
}
.featured-accordion-card-header.selected h3 {
  color: #2f394e;
}

.dark-bg .featured-accordion-card-header.selected h3 {
  color: white;
}
.dark-bg .featured-accordion-content p {
  opacity: 0.8;
}

.featured-accordion-content p {
  position: relative;
}
.featured-accordion-content p:last-child {
  margin-bottom: 0;
}

.featured-accordion-card {
  border-bottom: 2px solid transparent;
  width: 100%;
  padding: 0 16px;
  margin: 10px 0;
  position: relative;
}
.featured-accordion-card:last-child {
  border-bottom: 0;
}
.featured-accordion-card button[aria-expanded=true] h3 {
  margin: 0 0 10px 0;
}
.featured-accordion-card button[aria-expanded=true]::before {
  content: "";
  width: 5px;
  height: 100%;
  background: #29d398;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.featured-accordion-card button[aria-expanded=false]::before {
  content: "";
  background: transparent;
}

.featured-accordion-link {
  margin-top: 20px;
  padding: 0 16px;
}

.featured-accordion-img {
  display: none;
}
.featured-accordion-img:first-child {
  display: block;
}

.master-box-card {
  padding: 32px 24px;
  border-radius: 6px;
  background-color: white;
  flex: none;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 1200px) {
  .master-box-card {
    padding: 20px;
  }
}
.master-box-card figure {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  margin-bottom: 16px;
}
@media all and (max-width: 991px) {
  .master-box-card figure {
    margin: 0 0 10px;
  }
}
.master-box-card figure img {
  width: 100%;
}
.master-box-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: #2f394e;
  margin-bottom: 16px;
}
.master-box-card p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #2f394e;
}

.master-video-description-section {
  position: relative;
  overflow: hidden;
}
.master-video-description-section .video-description-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media all and (max-width: 991px) {
  .master-video-description-section .video-description-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.master-video-description-section .video-description-wrapper .video-description-content {
  width: calc(50% - 15px);
}
@media all and (max-width: 991px) {
  .master-video-description-section .video-description-wrapper .video-description-content {
    width: 100%;
  }
}
.master-video-description-section .video-description-wrapper .video-description-video {
  width: calc(49% - 15px);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media all and (max-width: 991px) {
  .master-video-description-section .video-description-wrapper .video-description-video {
    width: 100%;
    position: relative;
    top: 0;
    transform: none;
  }
}
.master-video-description-section .video-description-wrapper .video-description-video img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.master-key-message-section {
  position: relative;
  overflow: hidden;
}
.master-key-message-section .key-message-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media all and (max-width: 991px) {
  .master-key-message-section .key-message-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.master-key-message-section .key-message-content {
  width: calc(50% - 15px);
}
@media all and (max-width: 991px) {
  .master-key-message-section .key-message-content {
    width: 100%;
  }
}
.master-key-message-section .key-message-content h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  color: #8fb9cc;
  margin-bottom: 10px;
}
.master-key-message-section .key-message-content h2 {
  line-height: 48px;
  margin-bottom: 10px;
}
@media all and (max-width: 991px) {
  .master-key-message-section .key-message-content h2 {
    line-height: 40px;
  }
}
@media all and (max-width: 767px) {
  .master-key-message-section .key-message-content h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media all and (max-width: 575px) {
  .master-key-message-section .key-message-content h2 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
}
.master-key-message-section .key-message-content p {
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 30px;
  color: black;
}
@media all and (max-width: 575px) {
  .master-key-message-section .key-message-content p {
    font-size: 14px;
    line-height: 26px;
  }
}
.master-key-message-section .key-message-image {
  width: calc(49% - 15px);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media all and (max-width: 991px) {
  .master-key-message-section .key-message-image {
    width: 100%;
    position: relative;
  }
}
.master-key-message-section .key-message-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.custom-col-reverse {
  flex-direction: row-reverse;
}
@media all and (max-width: 991px) {
  .custom-col-reverse {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.custom-col-reverse .key-message-image {
  left: 0;
}

.partner-block {
  transition: 0.3s all;
  padding: 24px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 575px) {
  .partner-block {
    padding: 20px;
  }
}
.partner-block:hover {
  background: #f3fafa;
}
.partner-block h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 32px 0;
}
.partner-block figure {
  height: 220px;
  max-width: 240px;
  overflow: hidden;
  margin: 0 auto 24px;
}
.partner-block figure img {
  height: 100%;
  object-fit: cover;
}
.partner-block p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.78;
  margin: 0 0 32px 0;
}
@media all and (max-width: 575px) {
  .partner-block p {
    font-size: 16px;
    line-height: 24px;
  }
}
.partner-block a {
  font-size: 18px;
  line-height: 1.78;
  color: #0bb8dd;
}

.dark-bg .partner-block {
  background: #313c54;
}
.dark-bg .partner-block:hover {
  background: #f3fafa;
}

.light-gray-bg .partner-block {
  background: white;
}
.light-gray-bg .partner-block:hover {
  background: #f3fafa;
}

.light-text .partner-block:hover h3,
.light-text .partner-block:hover p {
  color: #2f394e;
}
.light-text .key-message-content p {
  color: white;
}

.master-partners-carousel-section {
  position: relative;
}
.master-partners-carousel-section .partner-carousel-section-bg {
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 73px);
  height: 502px;
  border-radius: 16px;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  .master-partners-carousel-section .partner-carousel-section-bg {
    display: none;
  }
}
.master-partners-carousel-section .partner-carousel-section-bg img {
  height: 100%;
  object-fit: cover;
}
.master-partners-carousel-section .partner-swiper {
  background: white;
  box-shadow: 0px 15px 52px rgba(7, 38, 72, 0.1);
  border-radius: 16px;
  height: 560px;
  position: relative;
  margin-top: 30px;
  margin-left: 35px;
}
@media all and (max-width: 991px) {
  .master-partners-carousel-section .partner-swiper {
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 105px;
}
@media all and (max-width: 1200px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-card {
    padding: 0 60px;
  }
}
@media all and (max-width: 991px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-card {
    flex-direction: column;
    height: auto;
    padding: 50px;
  }
}
@media all and (max-width: 767px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-card {
    padding: 24px;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-content {
  padding-left: 85px;
}
@media all and (max-width: 1200px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-content {
    padding-left: 60px;
  }
}
@media all and (max-width: 991px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-content {
    padding-left: 0;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-content h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #2F394E;
  margin-bottom: 22px;
}
@media all and (max-width: 767px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-content h3 {
    font-size: 22px;
  }
}
@media all and (max-width: 575px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-content h3 {
    font-size: 16px;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-content strong {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #2f394e;
}
.master-partners-carousel-section .partner-swiper .partner-swiper-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgba(47, 57, 78, 0.9);
  margin-bottom: 0;
}
.master-partners-carousel-section .partner-swiper .partner-swiper-img {
  text-align: center;
  flex: none;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 326px;
  height: 326px;
  padding-right: 126px;
}
@media all and (max-width: 1200px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-img {
    padding-right: 70px;
  }
}
@media all and (max-width: 991px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-img {
    line-height: initial;
    margin-bottom: 60px;
    margin-right: auto;
    height: auto;
    border: 0;
  }
}
@media all and (max-width: 767px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-img {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-img img {
  max-width: 194px;
}
.master-partners-carousel-section .partner-swiper .partner-swiper-btn {
  position: absolute;
  bottom: 35px;
  display: flex;
  gap: 16px;
  right: 35px;
  z-index: 9;
}
@media all and (max-width: 991px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-btn {
    top: 20px;
    bottom: auto;
    right: 20px;
  }
}
@media all and (max-width: 575px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-btn {
    display: none;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EEEFF1;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s all;
}
@media all and (max-width: 767px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button {
    width: 40px;
    height: 40px;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button img {
  width: 35px;
  height: 35px;
  transition: 0.3s all;
}
@media all and (max-width: 767px) {
  .master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button img {
    width: 24px;
    height: 24px;
  }
}
.master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button:hover {
  background: #2f394e;
}
.master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button:hover img {
  filter: brightness(0) invert(1);
}
.master-partners-carousel-section .partner-swiper .partner-swiper-btn .swiper-button-disabled {
  pointer-events: none;
}

.master-cta-form-section {
  position: relative;
  background: #EEEFF0;
}
.master-cta-form-section .cta-form-section-bg-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.master-cta-form-section .cta-form-section-bg-img img {
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  object-fit: cover;
}

.master-cta-form-content {
  margin-top: 40px;
}
@media all and (max-width: 1200px) {
  .master-cta-form-content {
    margin-top: 0;
  }
}
@media all and (max-width: 991px) {
  .master-cta-form-content {
    margin-bottom: 40px;
  }
}
.master-cta-form-content h2 {
  margin-bottom: 16px;
}
.master-cta-form-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 24px;
}
@media all and (max-width: 575px) {
  .master-cta-form-content p {
    font-size: 14px;
  }
}
.master-cta-form-content ul {
  max-width: 484px;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.master-cta-form-content ul li {
  font-size: 14px;
  line-height: 24px;
}
.master-cta-form-content ul li {
  display: flex;
  gap: 30px;
  margin-bottom: 32px;
}
@media all and (max-width: 575px) {
  .master-cta-form-content ul li {
    flex-direction: column;
    gap: 18px;
  }
}
.master-cta-form-content ul li:last-child {
  margin-bottom: 0;
}
.master-cta-form-content ul li .cta-form-list-icon {
  width: 45px;
  height: 45px;
  flex: none;
  margin-top: 6px;
}
@media all and (max-width: 575px) {
  .master-cta-form-content ul li .cta-form-list-icon {
    width: 36px;
    height: 36px;
  }
}
.master-cta-form-content ul li .cta-form-list-icon img {
  width: 100%;
}
.master-cta-form-content ul li .cta-form-list-text h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}
.master-cta-form-content ul li .cta-form-list-text p {
  font-size: 16px;
}
.master-cta-form-content ul li .cta-form-list-text p:last-child {
  margin-bottom: 0;
}

.master-cta-form {
  max-width: 593px;
  background: #FFFFFF;
  box-shadow: 0px 15px 52px rgba(7, 38, 72, 0.02);
  padding: 56px;
  border-radius: 16px;
  margin-left: auto;
}
@media all and (max-width: 1200px) {
  .master-cta-form {
    padding: 30px;
  }
}
@media all and (max-width: 991px) {
  .master-cta-form {
    max-width: 100%;
    margin-left: 0;
    padding: 40px;
  }
}
@media all and (max-width: 575px) {
  .master-cta-form {
    padding: 17px;
  }
}
.master-cta-form h3 {
  font-size: 28px;
  line-height: 130%;
  font-weight: 600;
  text-align: center;
  margin-bottom: 32px;
}
@media all and (max-width: 575px) {
  .master-cta-form h3 {
    font-size: 20px;
  }
}
@media all and (max-width: 575px) {
  .master-cta-form h3 {
    font-size: 16px;
  }
}
.master-cta-form label {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 6px;
}
@media all and (max-width: 575px) {
  .master-cta-form label {
    font-size: 14px;
  }
}
.master-cta-form input:not([type=checkbox]),
.master-cta-form select,
.master-cta-form textarea {
  height: 56px !important;
  background: #F7F8FA !important;
  border: 1px solid rgba(177, 178, 179, 0.23) !important;
  border-radius: 4px !important;
}
.master-cta-form input:not([type=checkbox]):focus,
.master-cta-form select:focus,
.master-cta-form textarea:focus {
  border-color: #29d398 !important;
  background-color: white !important;
}
.master-cta-form input:not([type=checkbox]).invalid,
.master-cta-form select.invalid,
.master-cta-form textarea.invalid {
  background-color: #FFF8F8 !important;
  border-color: #EB5757 !important;
}
@media all and (max-width: 575px) {
  .master-cta-form input:not([type=checkbox]),
.master-cta-form select,
.master-cta-form textarea {
    height: 48px !important;
  }
}
.master-cta-form .hs-form-field {
  margin-bottom: 20px !important;
}
.master-cta-form select {
  background: #F7F8FA url(../images/beta/chevron-down-black.svg) no-repeat 98% center !important;
  background-size: 16px !important;
}
.master-cta-form textarea {
  height: 140px !important;
}
@media all and (max-width: 575px) {
  .master-cta-form textarea {
    height: 100px !important;
  }
}
.master-cta-form .hs-fieldtype-textarea {
  margin-bottom: 32px !important;
}
.master-cta-form input[type=submit] {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0 !important;
  height: 50px !important;
  background: #29d398 !important;
  border-radius: 5px !important;
  width: 100%;
}
@media all and (max-width: 575px) {
  .master-cta-form input[type=submit] {
    font-size: 14px;
  }
}
.master-cta-form input[type=submit]:hover {
  background: #2f394e !important;
  color: white !important;
}
.master-cta-form input[type=submit]:focus {
  background: #2f394e !important;
  color: white !important;
}
.master-cta-form .hs-error-msg {
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 120%;
  color: #EB5757;
  margin-bottom: 0 !important;
  letter-spacing: 0;
}
.master-cta-form .hs-form-field {
  float: left;
  width: 100%;
}
.master-cta-form .hs-form-required {
  color: #f84b1d !important;
}
.master-cta-form .hs-main-font-element {
  display: none;
}
.master-cta-form ul.inputs-list {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.master-cta-form ul.inputs-list li {
  font-size: 14px;
  line-height: 24px;
}
.master-cta-form input[type=checkbox] + span {
  padding: 0 0 0 20px !important;
  padding-left: 30px !important;
  color: black;
  display: inline-block !important;
  max-width: inherit !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  position: relative !important;
  letter-spacing: 0.5px !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.master-cta-form input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #F7F8FA;
  border: 1px solid rgba(177, 178, 179, 0.23);
  left: 0;
  top: 0px;
  border-radius: 0;
}
.master-cta-form input[type=checkbox] + span:after {
  content: "";
  background: none !important;
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  display: none;
}
.master-cta-form input[type=checkbox]:checked + span {
  user-select: none;
  -webkit-user-select: none;
}
.master-cta-form input[type=checkbox]:checked + span:before {
  border-color: #29d398;
  background: #29d398;
}
.master-cta-form input[type=checkbox]:checked + span:after {
  display: block;
}
.master-cta-form .hbspt-form fieldset {
  width: 100%;
  max-width: 100%;
}
.master-cta-form .hbspt-form fieldset:first-child .hs-firstname .input {
  margin-right: 10px !important;
}
@media all and (max-width: 575px) {
  .master-cta-form .hbspt-form fieldset:first-child .hs-firstname .input {
    margin-right: 0 !important;
  }
}
.master-cta-form .hbspt-form fieldset:first-child .input {
  margin-right: 0 !important;
}
@media all and (max-width: 575px) {
  .master-cta-form .hbspt-form fieldset:first-child .input .hs-input {
    width: 100% !important;
  }
}
.master-cta-form .hbspt-form fieldset .input {
  margin-right: 0 !important;
}
.master-cta-form .hbspt-form fieldset .input .hs-input {
  width: 100%;
}
.master-cta-form .hbspt-form fieldset .input textarea {
  margin-bottom: 0 !important;
}
.master-cta-form .hbspt-form .hs-main-font-element {
  display: initial;
}

div[data-emailable=status-el] span {
  margin-top: 0 !important;
}

.more-blog .blog-thumbnail figure img {
  border: 4px solid white !important;
}

header + .master-cta-form-section {
  padding-top: 220px;
}
@media all and (max-width: 991px) {
  header + .master-cta-form-section {
    padding-top: 180px;
  }
}
@media all and (max-width: 575px) {
  header + .master-cta-form-section {
    padding-top: 130px;
  }
}

.master-pricing-table-section.light-gray-bg .pricing-table-row:nth-child(even) {
  background: white;
}
.master-pricing-table-section.dark-bg .section-heading p {
  color: white;
}
.master-pricing-table-section.dark-bg .pricing-table-row:nth-child(even) {
  background: #354058;
}
.master-pricing-table-section.dark-bg .pricing-table-row:first-child .pricing-table-col {
  border-color: #354058;
  border-left: 0;
}
.master-pricing-table-section.dark-bg .pricing-table-row:last-child .pricing-table-col {
  border-color: #354058;
}
.master-pricing-table-section.dark-bg .pricing-table-col {
  color: white;
  border-left: 1px solid #354058;
  border-right: 1px solid #354058;
}
.master-pricing-table-section.dark-bg .pricing-table-col:first-child {
  border-left: 0;
}
.master-pricing-table-section.dark-bg .pricing-info {
  color: white;
}
.master-pricing-table-section.dark-bg .pricing-info h4,
.master-pricing-table-section.dark-bg .pricing-info p,
.master-pricing-table-section.dark-bg .pricing-info h2,
.master-pricing-table-section.dark-bg .pricing-info .note {
  color: white;
}
.master-pricing-table-section.dark-bg .pricing-table-head h1,
.master-pricing-table-section.dark-bg .pricing-table-head h2,
.master-pricing-table-section.dark-bg .pricing-table-head h6 {
  color: white;
}
.master-pricing-table-section.dark-bg .pricing-table-sm .pricing-table-sm-lists ul li {
  color: white;
}
.master-pricing-table-section .btn {
  height: 48px;
  line-height: 46px;
  border: 1px solid #29d398;
  background: #29d398;
  color: white;
  font-weight: 600;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 0 24px;
  display: block;
  width: max-content;
}
.master-pricing-table-section .btn:hover {
  background: transparent;
  color: #29d398;
}
.master-pricing-table-section .section-heading {
  margin-bottom: 40px;
}
.master-pricing-table-section .section-heading h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  .master-pricing-table-section .section-heading h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 575px) {
  .master-pricing-table-section .section-heading h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.master-pricing-table-section .section-heading p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #2f394e;
}
@media all and (max-width: 575px) {
  .master-pricing-table-section .section-heading p {
    font-size: 14px;
    line-height: 24px;
  }
}
.master-pricing-table-section .pricing-table {
  margin-bottom: 0;
}

.pricing-table.pricing-plan-col-4 .pricing-table-col {
  width: 200px;
}
@media all and (max-width: 1200px) {
  .pricing-table.pricing-plan-col-4 .pricing-table-col {
    width: 170px;
  }
}
.pricing-table.pricing-plan-col-4 .pricing-table-col:first-child {
  width: 100%;
}
.pricing-table.pricing-plan-col-4 .pricing-table-row:first-child .pricing-table-col:first-child {
  padding: 15px 15px 15px 0;
  width: 100%;
}
@media all and (max-width: 1200px) {
  .pricing-table.pricing-plan-col-4 .pricing-table-head h1,
.pricing-table.pricing-plan-col-4 .pricing-table-head h2 {
    font-size: 26px;
    line-height: 30px;
  }
}
.pricing-table.pricing-plan-col-4 .pricing-table-head .pricing-table-col {
  padding: 15px;
}
.pricing-table.pricing-plan-col-4 .pricing-table-head .pricing-table-col h6 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 6px;
}
@media all and (max-width: 1200px) {
  .pricing-table.pricing-plan-col-4 .pricing-table-head .pricing-table-col h6 {
    font-size: 13px;
    line-height: 20px;
  }
}
.pricing-table.pricing-plan-col-4 .pricing-table-head .pricing-table-col p:last-child {
  margin-bottom: 0;
}
.pricing-table.pricing-plan-col-4 .pricing-table-head .pricing-table-col .pricing-info h2 {
  font-size: 24px;
}
.pricing-table.pricing-plan-col-3 .pricing-table-col {
  width: 230px;
}
@media all and (max-width: 1200px) {
  .pricing-table.pricing-plan-col-3 .pricing-table-col {
    width: 190px;
  }
}
.pricing-table.pricing-plan-col-3 .pricing-table-col:first-child {
  width: 100%;
}
.pricing-table.pricing-plan-col-3 .pricing-table-col h6 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 6px;
}
@media all and (max-width: 1200px) {
  .pricing-table.pricing-plan-col-3 .pricing-table-col h6 {
    font-size: 13px;
    line-height: 20px;
  }
}
.pricing-table.pricing-plan-col-3 .pricing-table-col p:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 1200px) {
  .pricing-table.pricing-plan-col-3 .pricing-table-col .pricing-info h2 {
    font-size: 24px;
  }
}
.pricing-table.pricing-plan-col-3 .pricing-table-row:first-child .pricing-table-col:first-child {
  padding-right: 50px;
}
.pricing-table.pricing-plan-col-1 .pricing-table-col {
  width: 420px;
}
.pricing-table.pricing-plan-col-1 .pricing-table-col:first-child {
  width: 100%;
}

.pricing-table-sm {
  margin: 0 -10px 30px;
  border: 1px solid #D8D8D8;
}
.pricing-table-sm:last-child {
  margin-bottom: 0;
}
.pricing-table-sm .pricing-info {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
}
.pricing-table-sm .pricing-table-sm-lists ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.pricing-table-sm .pricing-table-sm-lists ul li {
  font-size: 14px;
  line-height: 24px;
}
.pricing-table-sm .pricing-table-sm-lists ul li {
  padding: 10px 14px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: -1px;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  position: relative;
}
@media all and (max-width: 575px) {
  .pricing-table-sm .pricing-table-sm-lists ul li {
    font-size: 13px;
    line-height: 18px;
  }
}
.pricing-table-sm .pricing-table-sm-lists ul li strong {
  width: 50%;
  flex: none;
  font-weight: 600;
  padding-right: 20px;
  position: relative;
}
@media all and (max-width: 575px) {
  .pricing-table-sm .pricing-table-sm-lists ul li strong {
    font-size: 12px;
    line-height: 18px;
  }
}
.pricing-table-sm .pricing-table-sm-lists ul li .btn {
  margin: 15px auto;
}
.pricing-table-sm .pricing-table-sm-lists ul li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 14px);
  width: 1px;
  background: #D8D8D8;
}
.pricing-table-sm .pricing-table-sm-lists ul li:last-child::after {
  display: none;
}

.cta-review-card-wrapper {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.cta-review-card {
  display: flex;
  align-items: center;
  border: 1px solid #F5F5F6;
  box-shadow: 0px 14px 29px rgba(16, 34, 79, 0.12);
  border-radius: 8px;
  padding: 24px 10px;
  flex: none;
  justify-content: center;
  width: 263px;
  background: white;
}
@media all and (max-width: 767px) {
  .cta-review-card {
    width: 250px;
  }
}
@media all and (max-width: 575px) {
  .cta-review-card {
    width: 263px;
  }
}
.cta-review-card .cta-review-card-logo {
  width: 60px;
  margin-right: 24px;
  flex: none;
}
@media all and (max-width: 767px) {
  .cta-review-card .cta-review-card-logo {
    width: 50px;
  }
}
@media all and (max-width: 575px) {
  .cta-review-card .cta-review-card-logo {
    width: 60px;
  }
}
.cta-review-card .cta-review-card-logo img {
  width: 100%;
  height: auto;
}
.cta-review-card .cta-review-card-content {
  padding-left: 24px;
  border-left: 1px solid #DADFE4;
}
.cta-review-card .cta-review-card-content h6 {
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 4px;
  text-transform: capitalize;
  letter-spacing: 0;
}
.cta-review-card .cta-review-card-content p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 2px;
}
.cta-review-card .cta-review-rate {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}
.cta-review-card .cta-review-rate li {
  font-size: 14px;
  line-height: 24px;
}
.cta-review-card .cta-review-rate li {
  line-height: 14px;
  flex: none;
  width: 15px;
}
.cta-review-card .cta-review-rate li img {
  width: 100%;
}
.cta-review-card .cta-review-rate li img.inactive-star {
  filter: brightness(0) invert(0.8);
}

.master-video-modal-img {
  max-width: 772px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.master-video-modal-img img {
  width: 100%;
}
.master-video-modal-img:after {
  content: "";
  position: absolute;
  background: url(../images-2021/video-play-btn.svg) no-repeat center/contain;
  width: 116px;
  height: 116px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  filter: drop-shadow(0px 19.1px 43px rgba(16, 34, 79, 0.46));
}
@media all and (max-width: 991px) {
  .master-video-modal-img:after {
    width: 80px;
    height: 80px;
  }
}
@media all and (max-width: 575px) {
  .master-video-modal-img:after {
    width: 60px;
    height: 60px;
  }
}

.hammerhead {
  color: #29d398;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
}

.master-responsive-table {
  margin-bottom: 30px;
  color: #2f394e;
}
.master-responsive-table tr {
  background: white;
  border-bottom: 1px solid #D1D5D9;
}
@media all and (max-width: 991px) {
  .master-responsive-table tr {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #D1D5D9 !important;
  }
  .master-responsive-table tr:last-child {
    margin-bottom: 0;
  }
}
@media all and (max-width: 991px) {
  .master-responsive-table tr td:first-child {
    background: #2f394e !important;
    color: white !important;
  }
}
.master-responsive-table td {
  padding: 16px;
  width: 1%;
  border: 0;
}
@media all and (max-width: 991px) {
  .master-responsive-table td {
    display: flex;
    gap: 20px;
    position: relative;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #D1D5D9;
  }
}
@media all and (max-width: 575px) {
  .master-responsive-table td {
    gap: 14px;
    font-size: 13px;
    line-height: 20px;
  }
}
.master-responsive-table td:first-child {
  font-weight: 600;
}
@media all and (max-width: 991px) {
  .master-responsive-table td:first-child {
    font-weight: 400;
  }
}
@media all and (max-width: 991px) {
  .master-responsive-table td:last-child {
    border-bottom: 0;
  }
}
@media all and (max-width: 991px) {
  .master-responsive-table td:nth-child(even) {
    background: #F4F4F4;
  }
}
@media all and (max-width: 991px) {
  .master-responsive-table td:before {
    content: attr(data-label);
    width: 40%;
    flex: none;
    font-weight: 500;
  }
}
@media all and (max-width: 575px) {
  .master-responsive-table td:before {
    width: 35%;
    font-size: 13px;
    line-height: 17px;
  }
}
.master-responsive-table thead {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
}
@media all and (max-width: 991px) {
  .master-responsive-table thead {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.master-responsive-table thead tr {
  color: white;
  background: #2f394e;
}
.master-responsive-table thead tr th {
  border: 0;
  vertical-align: middle;
  padding: 16px;
  font-weight: 600;
}
.master-responsive-table tbody tr:nth-child(even) {
  background: #F4F4F4;
}
@media all and (max-width: 991px) {
  .master-responsive-table tbody tr:nth-child(even) {
    background: initial !important;
  }
}
.master-responsive-table tbody tr i {
  color: #29d398;
  font-size: 20px;
}
@media all and (max-width: 575px) {
  .master-responsive-table tbody tr i {
    font-size: 18px;
  }
}
.master-responsive-table.master-table-col-2 tbody tr td {
  width: 35%;
}
@media all and (max-width: 991px) {
  .master-responsive-table.master-table-col-2 tbody tr td {
    width: 100%;
  }
}
.master-responsive-table.master-table-col-2 tbody tr td:last-child {
  width: 100%;
}

.dark-bg .master-responsive-table {
  border: 1px solid #354058;
  border-bottom: 0;
  border-top: 0;
}
@media all and (max-width: 991px) {
  .dark-bg .master-responsive-table {
    border: 0;
  }
}
.dark-bg .master-responsive-table thead tr {
  background: #0bb8dd;
  color: white;
}
.dark-bg .master-responsive-table tr {
  background: #2f394e;
  color: #dee2e6;
  border-color: #354058 !important;
}
.dark-bg .master-responsive-table tr:nth-child(even) {
  background: #354058;
}
@media all and (max-width: 991px) {
  .dark-bg .master-responsive-table tr {
    border-color: #354058 !important;
  }
}
@media all and (max-width: 991px) {
  .dark-bg .master-responsive-table tr td:first-child {
    background: #0bb8dd !important;
    color: white !important;
  }
}
@media all and (max-width: 991px) {
  .dark-bg .master-responsive-table td {
    border-color: #354058;
  }
}
@media all and (max-width: 991px) {
  .dark-bg .master-responsive-table td:nth-child(even) {
    background: #354058;
  }
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > ul.mega-sub-menu {
  display: block;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu {
  padding: 0px !important;
  background: white !important;
  border-radius: 0px !important;
  position: absolute !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px 0px !important;
  border: none !important;
}
@media all and (max-width: 1200px) {
  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu {
    position: initial !important;
  }
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu > .mega-menu-item-has-children > .mega-sub-menu {
  padding: 10px !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu > li {
  float: left !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu > li > .mega-menu-link {
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 15px 10px 16px 30px !important;
  letter-spacing: 0.006em !important;
  font-family: inherit !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu > li > .mega-sub-menu {
  border-color: #eeeeee !important;
}
@media all and (max-width: 1200px) {
  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu > li > .mega-sub-menu {
    padding: 10px !important;
  }
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > .mega-sub-menu > li > .mega-sub-menu .mega-menu-link {
  font-family: inherit !important;
}

@media only screen and (max-width: 1200px) {
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item > ul.mega-sub-menu {
    display: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    display: block !important;
  }
}
@media all and (max-width: 1200px) {
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-tabbed.mega-menu-item.mega-toggle-on > .mega-sub-menu {
    padding: 20px !important;
  }
}
@media all and (max-width: 1200px) {
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-tabbed.mega-menu-item.mega-toggle-on > .mega-sub-menu .mega-menu-item-has-children > .mega-sub-menu {
    padding: 10px !important;
  }
}
@media all and (max-width: 1200px) {
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-tabbed.mega-menu-item.mega-toggle-on > .mega-sub-menu .mega-menu-item-has-children > .mega-sub-menu .mega-sub-menu {
    padding: 0 !important;
  }
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background: transparent;
}

header + .schedule-demo-hero {
  padding-top: 180px;
}
@media all and (max-width: 1200px) {
  header + .schedule-demo-hero {
    padding-top: 120px;
  }
}

.schedule-demo-hero .schedule-demo-hero-content {
  padding-right: 80px;
}
@media all and (max-width: 1200px) {
  .schedule-demo-hero .schedule-demo-hero-content {
    padding-right: 0;
  }
}
.schedule-demo-hero .schedule-demo-hero-content h1,
.schedule-demo-hero .schedule-demo-hero-content h2 {
  font-size: 36px;
  line-height: 130%;
  font-weight: 600;
  margin-bottom: 24px;
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .schedule-demo-hero-content h1,
.schedule-demo-hero .schedule-demo-hero-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.schedule-demo-hero .schedule-demo-hero-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .schedule-demo-hero-content p {
    font-size: 14px;
    line-height: 160%;
  }
}
.schedule-demo-hero .schedule-demo-hero-content ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.schedule-demo-hero .schedule-demo-hero-content ul li {
  font-size: 14px;
  line-height: 24px;
}
.schedule-demo-hero .schedule-demo-hero-content ul li {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 32px;
  position: relative;
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .schedule-demo-hero-content ul li {
    font-size: 14px;
    line-height: 24px;
    padding-left: 28px;
  }
}
.schedule-demo-hero .schedule-demo-hero-content ul li::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images-2021/check-sky-icon.svg) no-repeat center/contain;
  top: 0px;
  left: 0;
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .schedule-demo-hero-content ul li::before {
    width: 20px;
    height: 20px;
    top: 2px;
  }
}
.schedule-demo-hero .hero-schedule-form {
  padding: 40px 48px 56px 48px;
  background: white;
  box-shadow: 0px 15px 52px rgba(7, 38, 72, 0.02);
  border-radius: 8px;
}
@media all and (max-width: 991px) {
  .schedule-demo-hero .hero-schedule-form {
    margin-top: 60px;
  }
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .hero-schedule-form {
    padding: 24px 20px;
    margin-top: 40px;
  }
}
.schedule-demo-hero .hero-schedule-form h2 {
  color: #2f394e;
}
.schedule-demo-hero .hero-schedule-form input[type=radio] {
  display: none;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page h2 {
  font-size: 26px;
  line-height: 130%;
  text-align: center;
  letter-spacing: 0.2px;
  color: #2f394e;
  font-weight: 600;
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page h2 {
    font-size: 20px;
  }
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page.schedule-form-step-3 .gform_fields {
  grid-row-gap: 20px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page.schedule-form-step-3 .gform_fields h2 {
  margin-bottom: 4px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page.schedule-form-step-4 .gform_fields .ginput_container_radio .gfield_radio {
  display: flex;
  justify-content: center;
  gap: 8px;
}
@media all and (max-width: 575px) {
  .schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page.schedule-form-step-4 .gform_fields .ginput_container_radio .gfield_radio {
    flex-direction: column;
  }
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page.schedule-form-step-4 .gform_fields .ginput_container_radio .gfield_radio .gchoice {
  flex-grow: 1;
  margin: 0 !important;
  padding: 0 !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page.schedule-form-step-4 .gform_fields .ginput_container_date input[type=text] {
  width: 100%;
  background-image: url(../images-2021/select-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  font-size: 16px !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields {
  grid-row-gap: 24px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .gfield_label {
  font-weight: 500 !important;
  color: #2f394e;
  letter-spacing: 0 !important;
  margin-bottom: 8px !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=text],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=week],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=time],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=month],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=datetime-local],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=datetime],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=date],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=color],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=url],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=text],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=tel],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=search],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=password],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=select],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=number],
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container input[type=email] {
  background: #F7F8FA;
  height: 48px;
  border: 1px solid rgba(177, 178, 179, 0.23);
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice {
  margin-bottom: 8px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice:last-child {
  margin-bottom: 0;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice label {
  width: 100%;
  height: 48px;
  border: 1px solid #CECFD2;
  border-radius: 4px;
  padding-left: 36px !important;
  line-height: 46px !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice .gfield-choice-input[type=radio] {
  display: none;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice .gfield-choice-input[type=radio] + label:before {
  top: 50%;
  transform: translateY(-50%);
  margin-left: 8px;
  border: 1px solid #DDDFE2;
  background: white;
  width: 18px;
  height: 18px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice .gfield-choice-input[type=radio] + label:after {
  content: "";
  position: absolute;
  display: none;
  width: 7px;
  height: 7px;
  background: #29d398 !important;
  left: 13.5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice .gfield-choice-input[type=radio]:checked + label {
  border-color: #29d398;
  border-width: 2px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice .gfield-choice-input[type=radio]:checked + label:before {
  border: 1px solid #29d398;
  background: white;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container .gfield_radio .gchoice .gfield-choice-input[type=radio]:checked + label:after {
  display: inline-block;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_fields .ginput_container.ginput_container_textarea textarea {
  padding: 14px 16px;
  width: 100%;
  height: 158px;
  background: #F8F8FA;
  border: 1px solid #CECFD2;
  border-radius: 4px;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page_footer {
  padding: 0 !important;
  margin: 32px 0 0 0 !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page_footer .button {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 50px !important;
  line-height: 48px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page_footer .button.gform_previous_button {
  margin-bottom: 10px !important;
  background: transparent !important;
  color: #29d398 !important;
  border-color: #29d398 !important;
}
.schedule-demo-hero .hero-schedule-form .gform_wrapper .gform-body .gform_page_footer .button.gform_previous_button:hover {
  background: #29d398 !important;
  color: white !important;
}

.hero-schedule-form .gform_wrapper.gravity-theme .gform_heading .gform_required_legend {
  display: none;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps {
  display: flex;
  border-bottom: 0;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 20px;
  position: relative;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #DDDFE2;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps .gf_step {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 2px solid #DDDFE2;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: relative;
  background: #ffffff;
  z-index: 2;
}
@media all and (max-width: 575px) {
  .hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps .gf_step {
    width: 26px;
    height: 26px;
  }
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_number {
  display: none;
  font-size: 0;
  width: 12px;
  height: 12px;
  background: #0bb8dd;
  border-radius: 50%;
  border: 0;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_label {
  display: none;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active {
  border-color: #0bb8dd;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active .gf_step_number {
  display: block;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-schedule-form .gform_wrapper.gravity-theme .gform_validation_errors {
  background: rgba(248, 75, 29, 0.1);
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 26px;
  margin-top: 0;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gform_validation_errors h2 {
  color: #f84b1d;
  font-size: 14px;
  line-height: 20px;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gform_validation_errors h2 .gform-icon {
  display: none;
}
.hero-schedule-form .gform_wrapper.gravity-theme .gfield_label {
  font-size: 16px;
  line-height: 130%;
}
.hero-schedule-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_textarea {
  line-height: 0;
}
.hero-schedule-form .gform_wrapper.gravity-theme .description,
.hero-schedule-form .gform_wrapper.gravity-theme .gfield_description,
.hero-schedule-form .gform_wrapper.gravity-theme .gsection_description,
.hero-schedule-form .gform_wrapper.gravity-theme .instruction {
  font-size: 16px;
  line-height: 24px;
  padding-top: 12px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #f84b1d;
}
.hero-schedule-form .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
  background: #0bb8dd;
  border-color: #0bb8dd;
}
.hero-schedule-form select {
  padding-left: 16px !important;
  padding-right: 16px !important;
  background-color: #F8F8FA !important;
  border-color: #CECFD2 !important;
}
@media all and (max-width: 575px) {
  .hero-schedule-form select {
    padding-right: 10px !important;
  }
}
.hero-schedule-form .ginput_complex {
  flex-flow: nowrap !important;
  gap: 20px;
}
.hero-schedule-form .ginput_complex .ginput_container {
  width: 100%;
  max-width: 100% !important;
  flex-basis: auto !important;
}
.hero-schedule-form .ginput_complex .ginput_container.gfield_time_ampm {
  margin: 0;
}
.hero-schedule-form .ginput_complex .hour_minute_colon {
  display: none;
}
.hero-schedule-form .gform_confirmation_message {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  color: #2f394e;
}
.hero-schedule-form .gform_confirmation_message h2 {
  font-size: 28px;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-bottom: 0px;
}
@media all and (max-width: 575px) {
  .hero-schedule-form .gform_confirmation_message h2 {
    font-size: 22px;
    margin-bottom: -10px;
  }
}
.hero-schedule-form .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
  background-color: #0bb8dd !important;
  color: #0bb8dd !important;
}

.master-hero-video-popout-section h1 {
  font-weight: 500;
  font-size: 80px;
  line-height: 73px;
  margin-bottom: 24px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-hero-video-popout-section h1 {
    font-size: 60px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-hero-video-popout-section h1 {
    font-size: 60px;
  }
}
@media all and (max-width: 1200px) {
  .master-hero-video-popout-section h1 {
    font-size: 46px;
    line-height: 40px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-video-popout-section h1 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 16px;
  }
}
@media all and (max-width: 767px) {
  .master-hero-video-popout-section h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-video-popout-section h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.master-hero-video-popout-section P {
  font-weight: 400;
  font-size: 22px;
  line-height: 37px;
  margin-bottom: 40px;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .master-hero-video-popout-section P {
    font-size: 20px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .master-hero-video-popout-section P {
    font-size: 20px;
  }
}
@media all and (max-width: 1200px) {
  .master-hero-video-popout-section P {
    font-size: 20px;
  }
}
@media all and (max-width: 991px) {
  .master-hero-video-popout-section P {
    font-size: 16px;
    line-height: 28px;
  }
}
@media all and (max-width: 767px) {
  .master-hero-video-popout-section P {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-video-popout-section P {
    margin-bottom: 10px;
  }
}

.master-hero-video-modal-content {
  position: relative;
  margin-bottom: 24px;
}
.master-hero-video-modal-content::after {
  content: "";
  position: absolute;
  background: white;
  left: -50vw;
  bottom: 0;
  right: -50vw;
  top: 50%;
  z-index: 0;
  height: 100%;
}

.master-hero-video-modal-img {
  max-width: 772px;
  margin: 30px auto 0;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .master-hero-video-modal-img {
    max-width: calc(100% - 48px);
  }
}
@media all and (max-width: 575px) {
  .master-hero-video-modal-img {
    max-width: calc(100% - 30px);
  }
}
.master-hero-video-modal-img img {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.master-hero-video-modal-img:after {
  content: "";
  position: absolute;
  background: url(../images-2021/video-play-btn.svg) no-repeat center/contain;
  width: 116px;
  height: 116px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  filter: drop-shadow(0px 19.1px 43px rgba(16, 34, 79, 0.46));
}
@media all and (max-width: 991px) {
  .master-hero-video-modal-img:after {
    width: 80px;
    height: 80px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-video-modal-img:after {
    width: 60px;
    height: 60px;
  }
}
.master-hero-video-modal-img::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: calc(100% + 48px);
  height: 70%;
  left: -24px;
  bottom: -24px;
  background: url(../images-2021/home-new-2022/master-hero-video-modal-bg.jpg) no-repeat center/cover;
  border-radius: 8px;
}
@media all and (max-width: 575px) {
  .master-hero-video-modal-img::before {
    width: calc(100% + 30px);
    left: -15px;
    bottom: -15px;
  }
}

.master-hero-feature-list {
  margin-bottom: 60px;
}
@media all and (max-width: 991px) {
  .master-hero-feature-list {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 575px) {
  .master-hero-feature-list {
    margin-bottom: 20px;
  }
}
.master-hero-feature-list ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.master-hero-feature-list ul li {
  font-size: 14px;
  line-height: 24px;
}
@media all and (max-width: 991px) {
  .master-hero-feature-list ul {
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
.master-hero-feature-list ul li {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  position: relative;
  flex-grow: 1;
  padding: 0 30px;
  width: 100%;
}
@media all and (max-width: 991px) {
  .master-hero-feature-list ul li {
    width: 50%;
  }
}
@media all and (max-width: 575px) {
  .master-hero-feature-list ul li {
    padding: 0 10px;
    font-size: 13px;
  }
}
.master-hero-feature-list ul li:last-child::after {
  display: none;
}
@media all and (max-width: 991px) {
  .master-hero-feature-list ul li:nth-child(2)::after {
    display: none;
  }
}
.master-hero-feature-list ul li::before {
  content: "";
  background: url(../images-2021/check-sky-icon.svg) no-repeat center/contain;
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto 8px;
}
.master-hero-feature-list ul li::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
}
@media all and (max-width: 575px) {
  .master-hero-feature-list ul li::after {
    display: none;
  }
}

.social-proof-card {
  display: flex;
  min-height: 346px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 16px;
  border-top: 5px solid #B1DCE8;
  background: #FFF;
  box-shadow: 0px 15px 52px 0px rgba(7, 38, 72, 0.1);
}
.social-proof-card .social-proof-card-header h3 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 4px;
  color: #2f394e !important;
}
@media all and (max-width: 1200px) {
  .social-proof-card .social-proof-card-header h3 {
    font-size: 28px;
    line-height: 1.43;
  }
}
@media all and (max-width: 575px) {
  .social-proof-card .social-proof-card-header h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.social-proof-card .social-proof-card-header p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
  color: #2f394e !important;
}
@media all and (max-width: 767px) {
  .social-proof-card .social-proof-card-header p {
    margin-bottom: 15px;
  }
}
.social-proof-card .social-proof-card-header p:last-child {
  margin-bottom: 20px;
}
.social-proof-card .social-proof-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.social-proof-card .social-proof-card-footer .barand-logo {
  max-width: 160px;
}
.social-proof-card .social-proof-card-footer .barand-logo img {
  max-width: 100%;
}
.social-proof-card .social-proof-card-footer .arrow-icon {
  max-width: 35px;
}
@media all and (max-width: 767px) {
  .social-proof-card .social-proof-card-footer .arrow-icon {
    max-width: 24px;
  }
}
.social-proof-card .social-proof-card-footer .arrow-icon img {
  max-width: 100%;
}

.hero-sign-up-content {
  text-align: center;
}
.hero-sign-up-content h1 {
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 20px;
}
@media all and (max-width: 1200px) {
  .hero-sign-up-content h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media all and (max-width: 991px) {
  .hero-sign-up-content h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media all and (max-width: 767px) {
  .hero-sign-up-content h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media all and (max-width: 575px) {
  .hero-sign-up-content h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.hero-sign-up-content p,
.hero-sign-up-content .sun-heading {
  font-size: 28px;
  line-height: 150%;
  margin-bottom: 20px;
  display: block;
}
@media all and (max-width: 1200px) {
  .hero-sign-up-content p,
.hero-sign-up-content .sun-heading {
    font-size: 22px;
    line-height: 130%;
  }
}
@media all and (max-width: 991px) {
  .hero-sign-up-content p,
.hero-sign-up-content .sun-heading {
    font-size: 20px;
    line-height: 130%;
  }
}
@media all and (max-width: 767px) {
  .hero-sign-up-content p,
.hero-sign-up-content .sun-heading {
    font-size: 16px;
  }
}
.hero-sign-up-content p {
  margin-bottom: 54px;
}
@media all and (max-width: 991px) {
  .hero-sign-up-content p {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 767px) {
  .hero-sign-up-content p {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .hero-sign-up-content p {
    margin-bottom: 20px;
  }
}
.hero-sign-up-content p:last-child {
  margin-bottom: 0;
}

.light-text .sun-heading {
  color: white;
}

.hero-sign-up-form {
  max-width: 856px;
  margin: 0 auto;
  text-align: left;
}
@media all and (max-width: 991px) {
  .hero-sign-up-form {
    text-align: center;
  }
}
.hero-sign-up-form form {
  width: 100%;
  display: flex;
  gap: 26px 16px;
}
@media all and (max-width: 991px) {
  .hero-sign-up-form form {
    flex-direction: column;
    align-items: center;
  }
}
.hero-sign-up-form form input[type=email] {
  border-radius: 4px;
  border: 1px solid rgba(177, 178, 179, 0.23);
  background: #F7F8FA;
  font-size: 16px;
  font-weight: 400;
  color: #2f394e;
}
.hero-sign-up-form form input[type=submit] {
  font-size: 16px;
  font-weight: 600;
  min-width: 300px;
  background: #FF6849;
  border: 1px solid #FF6849;
  border-radius: 5px;
}
@media all and (max-width: 575px) {
  .hero-sign-up-form form input[type=submit] {
    min-width: 120px;
  }
}
.hero-sign-up-form form input[type=submit]:hover {
  border: 1px solid #FF6849;
  color: #FF6849;
  background: white;
}
.hero-sign-up-form form .hs_email {
  width: 100%;
}
.hero-sign-up-form form .hs_email > label {
  display: none !important;
}
.hero-sign-up-form form ::placeholder {
  color: #2f394e;
  opacity: 1;
  /* Firefox */
}
.hero-sign-up-form form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2f394e;
}
.hero-sign-up-form form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #2f394e;
}
.hero-sign-up-form .form-group {
  display: inline-flex;
  margin-bottom: 0;
}
@media all and (max-width: 575px) {
  .hero-sign-up-form .form-group {
    display: block;
    width: 100%;
  }
}
.hero-sign-up-form .form-group .form_error {
  font-size: 12px !important;
  color: red;
  margin: 10px 0 0;
}
.hero-sign-up-form .hs-recaptcha {
  display: none;
}
.hero-sign-up-form .hs-error-msgs {
  margin: 0;
  padding-top: 0;
}
.hero-sign-up-form .hs-error-msgs li label {
  margin-bottom: 0 !important;
}
@media all and (max-width: 991px) {
  .hero-sign-up-form .hs-error-msgs li label {
    float: none;
  }
}
.hero-sign-up-form .hs_error_rollup {
  display: none;
}
.hero-sign-up-form .gform_wrapper.gravity-theme .gform_validation_errors {
  text-align: left;
  border: 1px solid #f84b1d;
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 26px;
  margin-top: 0;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}
@media all and (max-width: 991px) {
  .hero-sign-up-form .gform_wrapper.gravity-theme .gform_validation_errors {
    text-align: center;
  }
}
.hero-sign-up-form .gform_wrapper.gravity-theme .gform_validation_errors h2 {
  color: #f84b1d;
  font-size: 14px;
  line-height: 20px;
}
.hero-sign-up-form .gform_wrapper.gravity-theme .gform_validation_errors .gform-icon {
  display: none;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form {
  width: 100%;
  display: flex;
  gap: 16px;
}
@media all and (max-width: 991px) {
  .hero-sign-up-form .gform_wrapper.gravity-theme > form {
    flex-direction: column;
    align-items: center;
  }
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform-body {
  width: 100%;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform-body .ginput_container input {
  border-radius: 4px;
  border: 1px solid rgba(177, 178, 179, 0.23);
  background: #F7F8FA;
  padding: 0 16px !important;
  color: #2f394e;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform-body .ginput_container ::placeholder {
  color: #2f394e;
  opacity: 1;
  /* Firefox */
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform-body .ginput_container :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2f394e;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform-body .ginput_container ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #2f394e;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform_footer {
  margin: 0;
  padding: 0;
  flex: none;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform_footer .gform_button {
  min-width: 300px;
  background: #FF6849;
  border: 1px solid #FF6849;
  align-self: flex-start;
}
@media all and (max-width: 575px) {
  .hero-sign-up-form .gform_wrapper.gravity-theme > form .gform_footer .gform_button {
    min-width: 120px;
  }
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform_footer .gform_button:hover {
  border: 1px solid #FF6849;
  color: #FF6849;
  background: white;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .gform_footer .gform_button:disabled {
  opacity: 1;
  cursor: not-allowed;
}
.hero-sign-up-form .gform_wrapper.gravity-theme > form .validation_message {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border: 0;
  background: transparent;
  padding: 0;
  color: #f84b1d;
  text-align: left;
}
@media all and (max-width: 991px) {
  .hero-sign-up-form .gform_wrapper.gravity-theme > form .validation_message {
    text-align: center;
  }
}

.row-gap-32 {
  row-gap: 32px;
}

.h1-500 {
  font-size: 40px;
  line-height: 110%;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.5px;
}
@media all and (max-width: 1200px) {
  .h1-500 {
    font-size: 36px;
  }
}
@media all and (max-width: 767px) {
  .h1-500 {
    font-size: 34px;
  }
}
@media all and (max-width: 575px) {
  .h1-500 {
    font-size: 28px;
    line-height: 120%;
  }
}

.h3-24 {
  font-size: 24px;
  line-height: 110%;
  font-weight: 500;
  font-style: normal;
}
@media all and (max-width: 575px) {
  .h3-24 {
    font-size: 22px;
    line-height: 120%;
  }
}

.heading-spacing-56 {
  margin-bottom: 56px;
}
@media all and (max-width: 1200px) {
  .heading-spacing-56 {
    margin-bottom: 46px;
  }
}
@media all and (max-width: 575px) {
  .heading-spacing-56 {
    margin-bottom: 36px;
  }
}

.spacing-top-135 {
  padding-top: 135px;
}
@media all and (max-width: 1200px) {
  .spacing-top-135 {
    padding-top: 100px;
  }
}
@media all and (max-width: 575px) {
  .spacing-top-135 {
    padding-top: 60px;
  }
}

.spacing-bottom-135 {
  padding-bottom: 135px;
}
@media all and (max-width: 1200px) {
  .spacing-bottom-135 {
    padding-bottom: 100px;
  }
}
@media all and (max-width: 575px) {
  .spacing-bottom-135 {
    padding-bottom: 60px;
  }
}

.clean-white-design-group-section {
  background: linear-gradient(178deg, #FFF 3.73%, #EDEFF5 34%, #EFF1F6 60.31%, #FFF 96.45%);
  position: relative;
}

.clean-white-design-group-section-bg {
  background: url(../images-2021/light-pattern-group-section-bg.svg) no-repeat right 0 top -456px;
  background-size: 1107px 1680px;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .clean-white-design-group-section-bg {
    background: url(../images-2021/light-pattern-group-section-bg.svg) no-repeat right 0 top -456px;
    background-size: 1007px 2082px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .clean-white-design-group-section-bg {
    background: url(../images-2021/light-pattern-group-section-bg.svg) no-repeat right 0 top -456px;
    background-size: 1007px 2082px;
  }
}
@media all and (max-width: 1200px) {
  .clean-white-design-group-section-bg {
    background: url(../images-2021/light-pattern-group-section-bg.svg) no-repeat right 0 top -456px;
    background-size: 1007px 2082px;
  }
}

.clean-white-design-logo-carousel-wrapper {
  padding: 32px 32px 76px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
  margin-top: -105px;
}
@media all and (max-width: 1200px) {
  .clean-white-design-logo-carousel-wrapper {
    margin-top: -20px;
  }
}
@media all and (max-width: 991px) {
  .clean-white-design-logo-carousel-wrapper {
    margin-top: 40px;
    padding: 30px 30px 60px;
  }
}
@media all and (max-width: 767px) {
  .clean-white-design-logo-carousel-wrapper {
    padding: 30px 30px 40px;
  }
}
@media all and (max-width: 575px) {
  .clean-white-design-logo-carousel-wrapper {
    padding: 20px 20px 30px;
  }
}
.clean-white-design-logo-carousel-wrapper .clean-white-design-logo-swiper {
  overflow: hidden;
}
.clean-white-design-logo-carousel-wrapper h5 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  line-height: 28px;
  /* 155.556% */
  margin-bottom: 48px;
}
@media all and (max-width: 1200px) {
  .clean-white-design-logo-carousel-wrapper h5 {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 991px) {
  .clean-white-design-logo-carousel-wrapper h5 {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 575px) {
  .clean-white-design-logo-carousel-wrapper h5 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.clean-white-design-logo-carousel-wrapper h5 img {
  width: 24px;
  height: 24px;
}
.clean-white-design-logo-carousel-wrapper .swiper-slide {
  max-width: 144px;
  max-height: 60px;
  text-align: center;
}
@media all and (max-width: 575px) {
  .clean-white-design-logo-carousel-wrapper .swiper-slide {
    max-width: 120px;
  }
}
.clean-white-design-logo-carousel-wrapper .swiper-slide img {
  max-width: 100%;
}

.clean-white-design-hero {
  overflow: hidden;
  padding-bottom: 136px;
}
@media all and (max-width: 1200px) {
  .clean-white-design-hero {
    padding: 120px 0;
  }
}
@media all and (max-width: 991px) {
  .clean-white-design-hero {
    padding-block: 110px 80px;
  }
}
@media all and (max-width: 575px) {
  .clean-white-design-hero {
    padding-block: 70px 40px;
  }
}

@media all and (max-width: 575px) {
  .logged-in .announcement-outer-wrapper .clean-white-design-hero {
    padding-block: 120px 40px;
  }
}

.clean-white-design-hero-content {
  padding-right: 94px;
  padding-top: 56px;
}
@media all and (max-width: 1200px) {
  .clean-white-design-hero-content {
    padding-top: 26px;
  }
}
@media all and (max-width: 991px) {
  .clean-white-design-hero-content {
    margin-bottom: 40px;
    padding-top: 0;
  }
}
@media all and (max-width: 1200px) {
  .clean-white-design-hero-content {
    padding-right: 0;
  }
}
.clean-white-design-hero-content h1 {
  font-size: 60px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.5px;
  margin-bottom: 24px;
}
@media all and (max-width: 1200px) {
  .clean-white-design-hero-content h1 {
    font-size: 50px;
  }
}
@media all and (max-width: 767px) {
  .clean-white-design-hero-content h1 {
    font-size: 40px;
  }
}
@media all and (max-width: 575px) {
  .clean-white-design-hero-content h1 {
    font-size: 26px;
    margin-bottom: 12px;
    line-height: 135%;
  }
}
.clean-white-design-hero-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 32px;
  /* 28.8px */
}
@media all and (max-width: 575px) {
  .clean-white-design-hero-content p {
    margin-bottom: 26px;
  }
}
.clean-white-design-hero-content .clean-white-design-hero-btn-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.clean-white-design-hero-img img {
  width: 1130px;
  height: 632px;
  margin-left: -12px;
  border-radius: 12px;
  box-shadow: 32px 30px 60px 0px rgba(38, 39, 40, 0.26);
}
@media all and (max-width: 1200px) {
  .clean-white-design-hero-img img {
    width: 820px;
    height: auto;
  }
}
@media all and (max-width: 991px) {
  .clean-white-design-hero-img img {
    width: 100%;
    margin-left: 0;
  }
}

@media all and (max-width: 991px) {
  .clean-white-design-icon-box-card {
    max-width: 500px;
    margin: 0 auto;
  }
}
.clean-white-design-icon-box-card i {
  height: 84px;
  width: 84px;
  display: flex;
  margin-bottom: 24px;
}
@media all and (max-width: 575px) {
  .clean-white-design-icon-box-card i {
    height: 72px;
    width: 72px;
  }
}
.clean-white-design-icon-box-card i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.clean-white-design-icon-box-card h3 {
  margin-bottom: 8px;
}
.clean-white-design-icon-box-card p {
  line-height: 26px;
}
.clean-white-design-icon-box-card.white-bg {
  padding: 32px;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFF 0.29%, #FCFCFC 113.68%);
  box-shadow: 0px 28.04716px 56.09431px 0px rgba(0, 20, 50, 0.07);
}
@media all and (max-width: 575px) {
  .clean-white-design-icon-box-card.white-bg {
    padding: 24px;
  }
}
.clean-white-design-icon-box-card.text-center i {
  margin-inline: auto;
}

.clean-white-design-hero-btn-group .btn21, .clean-white-design-hero-btn-group .green-input input[type=submit], .green-input .clean-white-design-hero-btn-group input[type=submit], .clean-white-design-hero-btn-group .blue-input input[type=submit], .blue-input .clean-white-design-hero-btn-group input[type=submit] {
  padding-inline: 24px;
}
.clean-white-design-hero-btn-group .clean-white-design-hero-schedule-btn:after {
  content: "";
  background: url(../images-2021/arrow-forward.svg) no-repeat center/contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 3px;
}

.bg-pattern-info-section {
  position: relative;
  background: linear-gradient(178deg, rgba(255, 255, 255, 0) 14.61%, #EDEFF5 46.52%, #FFF 90.42%);
  padding-bottom: 140px;
}
@media all and (max-width: 1200px) {
  .bg-pattern-info-section {
    padding-bottom: 120px;
  }
}
@media all and (max-width: 991px) {
  .bg-pattern-info-section {
    padding-bottom: 100px;
  }
}
@media all and (max-width: 575px) {
  .bg-pattern-info-section {
    padding-bottom: 60px;
  }
}
.bg-pattern-info-section .pattern-wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url(../images-2021/info-section-bg-pattern.svg) no-repeat center bottom -685px;
  background-size: cover;
}
@media all and (min-width: 1367px) and (max-width: 1600px) {
  .bg-pattern-info-section .pattern-wrapper {
    background: url(../images-2021/info-section-bg-pattern.svg) no-repeat left -455px bottom -685px;
    background-size: 2607px 2082px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1366px) {
  .bg-pattern-info-section .pattern-wrapper {
    background: url(../images-2021/info-section-bg-pattern.svg) no-repeat left -455px bottom -685px;
    background-size: 2607px 2082px;
  }
}
@media all and (max-width: 1200px) {
  .bg-pattern-info-section .pattern-wrapper {
    background: url(../images-2021/info-section-bg-pattern.svg) no-repeat left -455px bottom -685px;
    background-size: 2607px 2082px;
  }
}

.zigzag-info {
  max-width: 465px;
}
@media all and (max-width: 991px) {
  .zigzag-info {
    max-width: 100%;
  }
}
.zigzag-info h2 {
  margin-bottom: 24px;
}
@media all and (max-width: 575px) {
  .zigzag-info h2 {
    margin-bottom: 16px;
  }
}
.zigzag-info h2 span {
  color: #0bb8dd;
}
.zigzag-info h3 {
  margin-bottom: 16px;
}
.zigzag-info-pre-heading {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #29d398;
  margin-bottom: 8px;
}
.zigzag-info ul {
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.zigzag-info ul li {
  font-size: 14px;
  line-height: 24px;
}
.zigzag-info ul li {
  position: relative;
  padding-left: 26px;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}
.zigzag-info ul li::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images-2021/checklist-icon-black.svg) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 4px;
}
.zigzag-info ul li:last-child {
  margin-bottom: 0;
}
.zigzag-info p {
  line-height: 26px;
}

@media all and (max-width: 991px) {
  .zigzag-img {
    max-width: 460px;
    margin-bottom: 40px;
  }
}
@media all and (max-width: 767px) {
  .zigzag-img {
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .zigzag-img {
    margin-bottom: 24px;
  }
}
.zigzag-img img {
  width: 100%;
}

.zigzag-block-container .row {
  margin-bottom: 40px;
}
.zigzag-block-container .row:nth-child(even) {
  flex-direction: row-reverse;
}
.zigzag-block-container .row:nth-child(even) .zigzag-info {
  margin-left: auto;
}
@media all and (max-width: 991px) {
  .zigzag-block-container .row:nth-child(even) .zigzag-info {
    margin-left: 0;
  }
}
.zigzag-block-container .row:last-child {
  margin-bottom: 0;
}
.zigzag-block-container.right-img-first .row:nth-child(odd) {
  flex-direction: row-reverse;
}
.zigzag-block-container.right-img-first .row:nth-child(odd) .zigzag-info {
  margin-left: auto;
}
@media all and (max-width: 991px) {
  .zigzag-block-container.right-img-first .row:nth-child(odd) .zigzag-info {
    margin-left: 0;
  }
}
.zigzag-block-container.right-img-first .row:nth-child(even) {
  flex-direction: row;
}
.zigzag-block-container.right-img-first .row:nth-child(even) .zigzag-info {
  margin-left: auto;
}
@media all and (max-width: 991px) {
  .zigzag-block-container.right-img-first .row:nth-child(even) .zigzag-info {
    margin-left: 0;
  }
}
.zigzag-block-container.right-img-first .row:last-child {
  margin-bottom: 0;
}
.zigzag-block-container:last-child {
  margin-bottom: 0;
}

.clean-white-design-cta-section {
  padding-top: 80px;
  padding-bottom: 90px;
}
@media all and (max-width: 575px) {
  .clean-white-design-cta-section {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}

.clean-white-design-cta-info {
  text-align: center;
}
.clean-white-design-cta-info h2 {
  margin-bottom: 12px;
}
.clean-white-design-cta-info p {
  font-size: 18px;
}
.clean-white-design-cta-info .btn21, .clean-white-design-cta-info .green-input input[type=submit], .green-input .clean-white-design-cta-info input[type=submit], .clean-white-design-cta-info .blue-input input[type=submit], .blue-input .clean-white-design-cta-info input[type=submit] {
  margin-top: 24px;
}

.clean-white-design-full-width-image-section {
  background: linear-gradient(178deg, rgba(255, 255, 255, 0.05) 14.61%, #ffffff 46.52%, #F2F4F8 90.42%);
  padding-bottom: 90px;
}
@media all and (max-width: 1200px) {
  .clean-white-design-full-width-image-section {
    padding-bottom: 85px;
  }
}
@media all and (max-width: 991px) {
  .clean-white-design-full-width-image-section {
    padding-bottom: 70px;
  }
}
@media all and (max-width: 575px) {
  .clean-white-design-full-width-image-section {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
.clean-white-design-full-width-image-section h2 {
  max-width: 400px;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.5px;
}
@media all and (max-width: 991px) {
  .clean-white-design-full-width-image-section h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 575px) {
  .clean-white-design-full-width-image-section h2 {
    font-size: 30px;
  }
}
.clean-white-design-full-width-image-section p {
  max-width: 448px;
  margin-bottom: 44px;
}
@media all and (max-width: 991px) {
  .clean-white-design-full-width-image-section p {
    margin-bottom: 30px;
  }
}

.business-team-wrapper {
  position: relative;
}
.business-team-wrapper .dragable-img-col {
  max-width: 526px;
  position: absolute;
  bottom: 44px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media all and (max-width: 991px) {
  .business-team-wrapper .dragable-img-col {
    max-width: 100%;
    position: relative;
    bottom: initial;
    left: initial;
    transform: initial;
  }
}
.business-team-wrapper .dragable-img-col .dragable-img {
  margin: 0 -15px;
  box-shadow: 0px 28.04716px 56.09431px 0px rgba(0, 20, 50, 0.07);
}
@media all and (max-width: 991px) {
  .business-team-wrapper .dragable-img-col .dragable-img {
    max-width: 526px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 575px) {
  .business-team-wrapper .dragable-img-col .dragable-img {
    margin-bottom: 40px;
  }
}

@media all and (max-width: 991px) {
  .employee-designation-card {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 575px) {
  .employee-designation-card {
    margin-bottom: 40px;
  }
}
.employee-designation-card h3 {
  font-size: 24px;
  line-height: 110%;
  margin-bottom: 8px;
}
.employee-designation-card p {
  max-width: 416px;
  margin: 0 auto;
  margin-bottom: 120px;
  line-height: 26px;
}
@media all and (max-width: 991px) {
  .employee-designation-card p {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 575px) {
  .employee-designation-card p {
    margin-bottom: 30px;
  }
}
.employee-designation-card figure {
  max-width: 336px;
  position: relative;
}
@media all and (max-width: 991px) {
  .employee-designation-card figure {
    margin: 0 auto;
    justify-content: center !important;
  }
}
.employee-designation-card figure img {
  margin-left: 26px;
}
@media all and (max-width: 991px) {
  .employee-designation-card figure img {
    margin-left: 0;
  }
}
.employee-designation-card figure figcaption {
  position: absolute;
  bottom: 35px;
  left: 0;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 13px;
  font-style: normal;
  font-weight: 500;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 7px 22px 0px rgba(0, 15, 70, 0.05);
}
.employee-designation-card figure.figcaption-right {
  margin-left: auto;
}
.employee-designation-card figure.figcaption-right img {
  margin-left: 0;
  margin-right: 26px;
}
@media all and (max-width: 991px) {
  .employee-designation-card figure.figcaption-right img {
    margin-right: 0;
  }
}
.employee-designation-card figure.figcaption-right figcaption {
  left: initial;
  right: 36px;
}

/*# sourceMappingURL=new_style.css.map */