/* Mixin */
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flex;
  display: flex; }

body {
  color: #54536C;
  font-family: "Open Sans", sans-serif;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  display: block; }
  .toolbar-header {
    background: transparent linear-gradient(90deg, #FF1286 0%, #FF7717 100%) 0% 0% no-repeat padding-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    align-items: baseline;
    justify-content: center;
    height: 50px;
    padding: 8px;
    gap: 10px;
  }
  
  .toolbar-header.chrome + .lds-animaker-overlay + header-component nav.navbar {
    top: 50px;
  }
  
  .home-toolbar.NewHomePage .bannerWrap h1 {
    padding: 160px 0 0;
  }
  
  .toolbar-header .toolbar-btn {
    background: transparent linear-gradient(90deg, #432FEB 0%, #8936F2 100%) 0% 0% no-repeat padding-box;
    border-radius: 16px;
    color: #fff;
    font: normal normal medium 13px/18px Poppins;
    text-decoration: none;
    padding: 5px 12px;
    font-weight: 600;
  }
  
  .toolbar-header p {
    font: normal normal medium 15px/18px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
  }
  

@media screen and (min-width: 991px) {
  .navbar .custom_container, footer .custom_container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 15px; } }
.spacing, .ctaHome, .downloadPlugin, .badges, .whyVmaker, .allInOne, .helpCases, .how, .reviews, .faqs {
  padding: 70px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px){
    .toolbar-header {
      padding: 8px;
      gap: 0px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      height: auto;
  }
  .toolbar-header p {
    font-size: 14px;
  }
  .toolbar-header.chrome + .lds-animaker-overlay + header-component nav.navbar {
    top: 87px;
  }
  
  .bannerWrap.toolbar-add .flex {
    padding: 180px 0 50px;
  }
  }
  @media screen and (min-width: 768px) {
    .spacing, .ctaHome, .downloadPlugin, .badges, .whyVmaker, .allInOne, .helpCases, .how, .reviews, .faqs {
      padding: 100px 0; } }

.h2, .ctaHome h2, .downloadPlugin h2, .badges h2, .whyVmaker h3, .whyVmaker h2, .allInOne h2, .helpCases h2, .how h2, .how h1, .reviews h2, .faqs h2 {
  color: #54536C;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  max-width: 900px;
  margin: 0 auto  100px;
  line-height: 1.3; }
  @media screen and (min-width: 768px) {
    .h2, .ctaHome h2, .downloadPlugin h2, .badges h2, .whyVmaker h3, .whyVmaker h2, .allInOne h2, .helpCases h2, .how h2, .how h1, .reviews h2, .faqs h2 {
      font-size: 40px; } }
  @media screen and (max-width: 768px) {
    .h2, .ctaHome h2, .downloadPlugin h2, .badges h2, .whyVmaker h3, .whyVmaker h2, .allInOne h2, .helpCases h2, .how h2, .how h1, .reviews h2, .faqs h2 {
      margin-bottom: 50px; } }
  @media screen and (max-width: 579px) {
    .h2, .ctaHome h2, .downloadPlugin h2, .badges h2, .whyVmaker h3, .whyVmaker h2, .allInOne h2, .helpCases h2, .how h2, .how h1, .reviews h2, .faqs h2 {
      font-size: 30px;
      margin-bottom: 30px; } }

.sub-h2, .whyVmaker .flex .item > ul > li h2 {
  color: #54536C;
  font-size: 20px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  margin: 0 auto  20px;
  line-height: 1.3;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .sub-h2, .whyVmaker .flex .item > ul > li h2 {
      font-size: 24px; } }

ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0px; }

a {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear; }

.mt40 {
  margin-top: 40px !important; }

.container {
  padding: 0 15px; }

.gradientBtn {
  display: block;
  margin: 0 auto 10px;
  padding: 19px 20px;
  max-width: 310px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0016);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0016);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0016);
  font-family: "Poppins", sans-serif;
  line-height: 18px;
  color: white;
  font-weight: 800;
  font-size: clamp(15px, 3vw, 18px);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  user-select: none;
  background: #ef3297;
  background: -moz-linear-gradient(-45deg, #ef3297 0%, #fad34f 100%);
  background: -webkit-linear-gradient(-45deg, #ef3297 0%, #fad34f 100%);
  background: linear-gradient(135deg, #ef3297 0%, #fad34f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3297', endColorstr='#fad34f',GradientType=1 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b3e5', endColorstr='#63d6b5',GradientType=1 ); }
  .gradientBtn:hover {
    text-decoration: none;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.003);
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.003);
    -moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.003);
    color: #fff; }

.bannerWrap {
  display: block; }
  .bannerWrap .flex {
    padding: 160px 0 140px;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
    align-items: center; }
  .bannerWrap .desc {
    max-width: 400px; }
    .bannerWrap .desc h1, .bannerWrap .desc .title {
      color: #54536C;
      font-size: 36px;
      font-weight: 700;
      max-width: 830px;
      margin: 0 auto;
      line-height: 1.3;
      font-family: "Poppins", sans-serif; }
      .bannerWrap .desc h1 span, .bannerWrap .desc .title span {
        color: #63D6B5; }
      .bannerWrap .desc h1 + h2, .bannerWrap .desc h1 + p, .bannerWrap .desc .title + h2, .bannerWrap .desc .title + p {
        font-size: 18px;
        display: block;
        font-weight: 400;
        color: #54536C;
        font-family: "Open Sans", sans-serif;
        max-width: 830px;
        margin: 20px auto 40px;
        line-height: 1.5; }
    .bannerWrap .desc h2 {
      font-size: 18px;
      display: block;
      font-weight: 400;
      color: #54536C;
      font-family: "Open Sans", sans-serif;
      max-width: 830px;
      margin: 20px auto 40px;
      line-height: 1.5; }
    .bannerWrap .desc ul {
      margin: 20px 0 40px; }
      .bannerWrap .desc ul li {
        padding: 0 0 10px 20px;
        list-style-type: none;
        font-size: 18px;
        position: relative; }
        .bannerWrap .desc ul li:before {
          content: '';
          width: 8px;
          height: 8px;
          background: #63D6B5;
          border-radius: 8px;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          position: absolute;
          left: 0px;
          top: 10px; }
    .bannerWrap .desc p small {
      text-align: center;
      display: block;
      max-width: 310px; }
  .bannerWrap .graphics ul {
    margin: 20px 0 40px; }
    .bannerWrap .graphics ul li {
      padding: 0 0 10px 20px;
      list-style-type: none;
      font-size: 18px;
      position: relative; }
      .bannerWrap .graphics ul li:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #63D6B5;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        position: absolute;
        left: 0px;
        top: 10px; }
  .bannerWrap .graphics p {
    text-align: center; }
    .bannerWrap .graphics p:not(:last-of-type) {
      margin: 0px 0px 14px 0; }
    .bannerWrap .graphics p .gradientBtn {
      margin: 0px; }
    .bannerWrap .graphics p small {
      text-align: center;
      display: block;
      font-size: 13px; }
  .bannerWrap .graphics img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .bannerWrap .graphics svg {
    width: auto;
    max-width: 100%;
    height: auto; }
  .bannerWrap .gradientBtn {
    margin-left: inherit;
    text-align: center; }

.ctaHome {
  background: #08b3e5;
  background: -moz-linear-gradient(-45deg, #08b3e5 0%, #63d6b5 100%);
  background: -webkit-linear-gradient(-45deg, #08b3e5 0%, #63d6b5 100%);
  background: linear-gradient(135deg, #08b3e5 0%, #63d6b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b3e5', endColorstr='#63d6b5',GradientType=1 ); }
  .ctaHome h2 {
    color: #fff;
    margin-bottom: 40px; }
  .ctaHome p {
    max-width: 830px;
    margin: 0 auto;
    text-align: center;
    font-family: "Open Sans", sans-serif; }
    .ctaHome p small {
      font-size: clamp(12px, 2vw, 13px);
      color: #fff; }
    .ctaHome p .gradientBtn {
      display: inline-block; }

.screenRecorder .downloadPlugin .flex a p {
  text-align: center; }

.screenRecorder .downloadPlugin .flex a {
  justify-content: center; }

.downloadPlugin {
  text-align: center;
  background: #08b3e5;
  background: -moz-linear-gradient(-45deg, #08b3e5 0%, #63d6b5 100%);
  background: -webkit-linear-gradient(-45deg, #08b3e5 0%, #63d6b5 100%);
  background: linear-gradient(135deg, #08b3e5 0%, #63d6b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b3e5', endColorstr='#63d6b5',GradientType=1 ); }
  .downloadPlugin h2 {
    color: #fff;
    margin-bottom: 40px; }
  .downloadPlugin .flex {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 auto;
    width: auto;
    flex-wrap: nowrap; }
    .downloadPlugin .flex p {
      color: #54536C; }
    .downloadPlugin .flex a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flex;
      display: flex;
      background: #fff;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      margin: 0 16px;
      padding: 15px 20px;
      align-items: center;
      transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      text-decoration: none;
      min-width: 224px; }
      .downloadPlugin .flex a:hover {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.003);
        -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.003);
        -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.003); }
        .downloadPlugin .flex a:hover p strong {
          color: #F47503; }
      .downloadPlugin .flex a span {
        margin-right: 15px; }
      .downloadPlugin .flex a p {
        text-align: left;
        margin: 0;
        line-height: 1.3; }
        .downloadPlugin .flex a p strong {
          font-size: clamp(15px, 2vw, 18px);
          display: block;
          color: #54536C;
          transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          font-weight: 600;
          font-family: "Poppins", sans-serif; }
        .downloadPlugin .flex a p small {
          font-size: clamp(13px, 2vw, 15px);
          display: block;
          margin-bottom: 0px;
          color: #54536C; }

.platformsList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 60px auto 40px;
  padding: 0px; }
  .platformsList .col {
    flex: none; }
    .platformsList .col ul {
      padding: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flex;
      display: flex;
      position: relative; }
      .platformsList .col ul li {
        list-style: none;
        margin: 0 20px;
        text-align: center; }
        .platformsList .col ul li img {
          display: block;
          margin: 10px auto;
          max-width: 100%;
          width: auto;
          height: auto; }
      .platformsList .col ul .comingSoon {
        position: absolute;
        left: 50%;
        top: 0%;
        margin: 0px;
        padding: 0px;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .platformsList .col ul .comingSoon img {
          border-radius: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          box-shadow: 0 0 0 0;
          -webkit-box-shadow: 0 0 0 0;
          -moz-box-shadow: 0 0 0 0;
          height: 36px; }
    .platformsList .col:last-of-type ul {
      border: 1px solid #eee;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px; }

.badges {
  background: #fafafa;
  text-align: center; }
  .badges h2 {
    margin-bottom: 30px; }
  .badges .flex {
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 700px;
    margin: 0 auto;
    max-width: 1000px; }
    .badges .flex .item {
      padding: 40px 0px 0;
      width: 25%;
      text-align: center; }
      .badges .flex .item img {
        display: block;
        max-width: 100%;
        width: auto;
        height: 130px;
        margin: 0 auto; }

.whyVmaker h3 + p, .whyVmaker h2 + p {
  margin: -60px auto 70px; }
.whyVmaker .flex {
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto; }
  .whyVmaker .flex .item:not(:last-of-type) {
    margin: 0 0 140px 0; }
  .whyVmaker .flex .item > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .whyVmaker .flex .item > ul > li {
      max-width: 50%;
      list-style: none; }
      .whyVmaker .flex .item > ul > li:first-of-type {
        max-width: 40%; }
        .whyVmaker .flex .item > ul > li:first-of-type .img {
          display: none; }
      .whyVmaker .flex .item > ul > li img {
        width: auto;
        max-width: 100%;
        height: auto; }
      .whyVmaker .flex .item > ul > li p {
        font-size: 18px;
        font-family: "Open Sans", sans-serif;
        margin: 0 auto  0;
        line-height: 1.4; }
      .whyVmaker .flex .item > ul > li ul {
        flex-direction: column;
        align-items: flex-start; }
        .whyVmaker .flex .item > ul > li ul li {
          max-width: 100% !important;
          width: 100% !important;
          font-size: 18px;
          font-family: "Open Sans", sans-serif;
          margin: 0 auto  10px;
          line-height: 1.4;
          position: relative;
          padding-left: 20px; }
          .whyVmaker .flex .item > ul > li ul li::before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            background: #54536C;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            left: 0px;
            top: 9px; }
  .whyVmaker .flex .item:nth-child(even) > ul {
    flex-direction: row-reverse; }
.whyVmaker.chrome .item > ul > li ul {
  margin-top: 20px; }

.allInOne {
  background: #F0FFFB; }
  .allInOne h2 + p {
    font-size: 18px;
    line-height: 1.5;
    max-width: 700px;
    margin: -80px auto  100px;
    text-align: center;
    font-family: "Open Sans", sans-serif; }
  .allInOne .flex {
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto; }
  .allInOne .item {
    width: calc(25% - 25px); }
    .allInOne .item img {
      display: block;
      height: 130px;
      margin: 0 auto 25px; }
    .allInOne .item .title {
      color: #54536C;
      font-size: 18px;
      font-weight: 700;
      font-family: "Poppins", sans-serif;
      margin: 0 auto  15px;
      line-height: 1.3;
      text-align: center; }
    .allInOne .item p {
      color: #54536C;
      font-size: 15px;
      font-family: "Open Sans", sans-serif;
      margin: 0 auto  0;
      line-height: 1.5;
      text-align: center; }
      .allInOne .item p a {
        text-decoration: underline;
        color: #54536C; }
        .allInOne .item p a:hover {
          color: #F47503;
          text-decoration: none; }
  .allInOne.four .item {
    width: 25%;
    padding: 0 16px; }

.helpCases {
  background: #fafafa; }
  .helpCases h2 {
    margin-bottom: 50px; }
    .helpCases h2 + p {
      color: #54536C;
      font-size: clamp(15px, 3vw, 18px);
      text-align: center;
      font-family: "Open Sans", sans-serif;
      max-width: 900px;
      margin: -60px auto  50px;
      line-height: 1.3; }
  .helpCases .flex {
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-around;
    flex-wrap: wrap; }
    .helpCases .flex .item {
      width: 33.333%;
      text-align: center;
      margin: 50px 0 0 0;
      padding: 0 1.6665%; }
      .helpCases .flex .item .graphics img {
        max-height: 160px;
        width: auto;
        margin-bottom: 25px;
        max-width: 100%; }
      .helpCases .flex .item h3 {
        color: #54536C;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 25px; }
      .helpCases .flex .item p {
        color: #54536C;
        font-size: clamp(15px, 3vw, 15px);
        text-align: center;
        font-family: "Open Sans", sans-serif;
        line-height: 1.4;
        margin-bottom: 0px; }
        .helpCases .flex .item p a {
          color: #54536C;
          display: inline-block;
          margin-top: 20px; }

.how .video {
  position: relative;
  max-width: 1000px;
  margin: 0 auto 25px; }
  .how .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.how ul {
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 70px auto 0; }
  .how ul li {
    width: calc(25% - 15px); }
    .how ul li .count {
      background: #63D6B5;
      display: block;
      width: 44px;
      height: 44px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      font-family: "Poppins", sans-serif;
      font-size: clamp(18px, 5vw, 24px);
      font-weight: 800;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px; }
    .how ul li p {
      font-family: "Open Sans", sans-serif;
      font-size: clamp(15px, 3vw, 15px);
      line-height: 1.3;
      padding-right: 15px;
      margin-bottom: 0px; }
    .how ul li:not(:first-of-type) p {
      border-left: 1px solid #ccc;
      padding-left: 15px;
      margin-left: -15px; }

.screenRecorder .reviews {
  background: #fff; }

.reviews {
  background: #fafafa; }
  .reviews section {
    max-width: 1000px;
    margin: 0 auto; }
    .reviews section:not(:last-of-type) {
      border-bottom: 1px solid #eee;
      padding: 70px 0; }
    .reviews section:last-of-type {
      padding-top: 70px; }
      .reviews section:last-of-type .carousel {
        padding-bottom: 50px; }
        .reviews section:last-of-type .carousel .carousel-indicators {
          margin-bottom: 0px; }
    .reviews section:first-of-type {
      padding-top: 0px; }
  .reviews h3 {
    color: #54536C;
    font-size: clamp(18px, 4.5vw, 24px);
    font-weight: 700;
    text-align: center;
    font-family: "Poppins", sans-serif;
    max-width: 900px;
    margin: 0 auto  40px;
    line-height: 1.3; }
  .reviews p {
    color: #54536C;
    font-size: clamp(18px, 4.5vw, 18px);
    text-align: center;
    font-family: "Open Sans", sans-serif;
    max-width: 900px;
    margin: 0 auto 1em;
    line-height: 1.3; }
    .reviews p a {
      color: #06BAEF;
      font-weight: 600; }
      .reviews p a.orange {
        color: #F47503; }
      .reviews p a:hover {
        text-decoration: underline; }
  .reviews .carousel {
    max-width: 830px;
    margin: 0 auto;
    padding-bottom: 100px; }
    .reviews .carousel#crowd {
      max-width: 899px; }
    .reviews .carousel#capterra {
      max-width: 899px; }
    .reviews .carousel#google {
      max-width: 899px; }
      .reviews .carousel#google .carousel-item {
        text-align: center; }
        .reviews .carousel#google .carousel-item img {
          padding: 20px;
          border: 1px solid #e5e5e5; }
    .reviews .carousel#others {
      max-width: 899px; }
      .reviews .carousel#others .carousel-item {
        text-align: center; }
        .reviews .carousel#others .carousel-item img {
          padding: 20px;
          border: 1px solid #e5e5e5;
          background: #fff; }
    .reviews .carousel .carousel-item {
      text-align: center; }
      .reviews .carousel .carousel-item img {
        max-width: 100%;
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto; }
    .reviews .carousel .carousel-indicators {
      position: absolute;
      margin: 50px auto; }
      .reviews .carousel .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: 1px solid #63D6B5;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear; }
        .reviews .carousel .carousel-indicators [data-bs-target].active {
          background: #63D6B5; }
    .reviews .carousel .carousel-control-next, .reviews .carousel .carousel-control-prev {
      top: 50%;
      bottom: inherit;
      width: 52px;
      height: 52px;
      margin: -50px 0px 0px;
      padding: 10px; }
    .reviews .carousel .carousel-control-prev {
      -moz-transform: translate(-100%, -100%);
      -o-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
      -webkit-transform: translate(-100%, -100%);
      transform: translate(-100%, -100%); }
    .reviews .carousel .carousel-control-next {
      -moz-transform: translate(100%, -100%);
      -o-transform: translate(100%, -100%);
      -ms-transform: translate(100%, -100%);
      -webkit-transform: translate(100%, -100%);
      transform: translate(100%, -100%); }

.faqs #faqs {
  max-width: 1000px;
  margin: 0 auto; }
.faqs .accordion-item {
  border: 0px; }
  .faqs .accordion-item:first-of-type .accordion-button {
    border-top-color: #EBEBEB !important; }
    .faqs .accordion-item:first-of-type .accordion-button.collapsed {
      border-top-color: transparent !important; }
  .faqs .accordion-item .accordion-button {
    font-size: 20px;
    display: block;
    padding: 30px 60px 20px 20px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #EBEBEB #EBEBEB transparent  #EBEBEB;
    color: #54536C;
    line-height: 1.5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: none;
    font-weight: 700;
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.001);
    -webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.001);
    -moz-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.001);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0; }
    .faqs .accordion-item .accordion-button:hover, .faqs .accordion-item .accordion-button:focus {
      text-decoration: none;
      color: #54536C;
      box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.001);
      -webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.001);
      -moz-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.001); }
      .faqs .accordion-item .accordion-button:hover:before, .faqs .accordion-item .accordion-button:hover:after, .faqs .accordion-item .accordion-button:focus:before, .faqs .accordion-item .accordion-button:focus:after {
        background: #54536C; }
    .faqs .accordion-item .accordion-button:after {
      content: '';
      width: 14px;
      height: 2px;
      background: #54536C;
      position: absolute;
      right: 20px;
      top: 48px;
      transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg); }
    .faqs .accordion-item .accordion-button:before {
      content: '';
      width: 2px;
      height: 14px;
      background: #54536C;
      position: absolute;
      right: 26px;
      top: 42px;
      transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg); }
    .faqs .accordion-item .accordion-button.collapsed {
      border-color: #EBEBEB transparent transparent transparent;
      padding: 30px 60px 30px 20px;
      box-shadow: 0px 0px 0px 0;
      -webkit-box-shadow: 0px 0px 0px 0;
      -moz-box-shadow: 0px 0px 0px 0;
      font-weight: 400; }
      .faqs .accordion-item .accordion-button.collapsed:hover, .faqs .accordion-item .accordion-button.collapsed:focus {
        text-decoration: none;
        color: #F47503;
        box-shadow: 0px 0px 0px 0;
        -webkit-box-shadow: 0px 0px 0px 0;
        -moz-box-shadow: 0px 0px 0px 0; }
        .faqs .accordion-item .accordion-button.collapsed:hover:before, .faqs .accordion-item .accordion-button.collapsed:hover:after, .faqs .accordion-item .accordion-button.collapsed:focus:before, .faqs .accordion-item .accordion-button.collapsed:focus:after {
          background: #F47503; }
      .faqs .accordion-item .accordion-button.collapsed:before {
        background: #D0D0D0;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg); }
      .faqs .accordion-item .accordion-button.collapsed:after {
        background: #D0D0D0;
        top: 48px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg); }
  .faqs .accordion-item .accordion-body {
    font-size: clamp(18px, 3vw, 18px);
    line-height: 1.5;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #EBEBEB #EBEBEB #EBEBEB;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.001);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.001);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.001);
    position: relative;
    z-index: 2;
    padding-top: 0px;
    padding-bottom: 24px;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px; }
    .faqs .accordion-item .accordion-body .video {
      position: relative;
      margin-bottom: 30px; }
      .faqs .accordion-item .accordion-body .video iframe {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
    .faqs .accordion-item .accordion-body p, .faqs .accordion-item .accordion-body li {
      font-size: clamp(18px, 3vw, 18px);
      line-height: 1.5;
      margin: 0; }
      .faqs .accordion-item .accordion-body p:not(:last-of-type), .faqs .accordion-item .accordion-body li:not(:last-of-type) {
        margin-bottom: 25px; }
      .faqs .accordion-item .accordion-body p a, .faqs .accordion-item .accordion-body li a {
        color: #54536C;
        text-decoration: underline; }
        .faqs .accordion-item .accordion-body p a:hover, .faqs .accordion-item .accordion-body li a:hover {
          color: #F47503;
          text-decoration: none; }
        .faqs .accordion-item .accordion-body p a.link, .faqs .accordion-item .accordion-body li a.link {
          color: #63D6B5; }
          .faqs .accordion-item .accordion-body p a.link:hover, .faqs .accordion-item .accordion-body li a.link:hover {
            color: #F47503;
            text-decoration: none; }
    .faqs .accordion-item .accordion-body ul {
      margin-top: 25px; }
      .faqs .accordion-item .accordion-body ul:not(:last-of-type) {
        margin-bottom: 25px; }
      .faqs .accordion-item .accordion-body ul li ul {
        margin-left: 25px; }
        .faqs .accordion-item .accordion-body ul li ul li {
          list-style-type: disc; }

@media screen and (max-width: 991px) {
  .bannerWrap .graphics {
    width: 100%; }
    .bannerWrap .graphics svg {
      display: block;
      margin: 0 auto 25px; }
  .bannerWrap .desc {
    width: 100%; }
    .bannerWrap .desc h1, .bannerWrap .desc h2, .bannerWrap .desc p, .bannerWrap .desc li, .bannerWrap .desc .title {
      text-align: center !important; }

  .allInOne h2 {
    margin-bottom: 0px; }
  .allInOne .flex {
    flex-wrap: wrap; }
  .allInOne .item {
    width: calc(50% - 30px);
    margin-top: 70px; }
  .allInOne.four .flex {
    flex-wrap: wrap; }
  .allInOne.four .item {
    width: 50%;
    padding: 0 16px; }

  .bannerWrap .flex {
    flex-wrap: wrap;
    min-height: auto;
    padding: 140px 0 70px; }
  .bannerWrap .desc {
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    max-width: 500px; }
    .bannerWrap .desc h1, .bannerWrap .desc .title {
      text-align: center; }
    .bannerWrap .desc p {
      text-align: center; }
      .bannerWrap .desc p .gradientBtn {
        margin: 0 auto; }
      .bannerWrap .desc p small {
        max-width: inherit;
        text-align: center;
        max-width: inherit; }
    .bannerWrap .desc ul li {
      list-style-position: inside;
      margin-left: 0px; }
      .bannerWrap .desc ul li:before {
        position: static;
        display: inline-block;
        margin: 0 10px 0 0px;
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px); }
  .bannerWrap .graphics {
    width: 100%;
    text-align: center; }
    .bannerWrap .graphics img {
      max-width: 100%;
      width: auto;
      height: auto;
      display: block;
      margin: 0px auto 0px; }
  .bannerWrap h1, .bannerWrap h2, .bannerWrap .title {
    max-width: inherit;
    text-align: center; } }
@media screen and (max-width: 768px) {
  .reviews .carousel .carousel-control-next, .reviews .carousel .carousel-control-prev {
    display: none; } }
@media screen and (max-width: 767px) {
  .toolbar-header {
    padding: 8px;
    gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
}
.toolbar-header p {
  font-size: 14px;
}
.toolbar-header.chrome + .lds-animaker-overlay + header-component nav.navbar {
  top: 108px;
}

.bannerWrap.toolbar-add .flex {
  padding: 190px 0 50px;
}

  .bannerWrap .flex {
    padding: 120px 0 70px; }

  .platformsList {
    flex-wrap: wrap; }
    .platformsList .col {
      width: 100%;
      text-align: center; }
      .platformsList .col ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flex;
        display: flex;
        justify-content: center; }
        .platformsList .col ul li {
          text-align: center; }

  .whyVmaker .flex {
    margin: 0 auto; }
    .whyVmaker .flex .item:not(:last-of-type) {
      border-bottom: 1px solid #eee;
      margin-bottom: 40px;
      padding-bottom: 40px; }
  .whyVmaker ul {
    width: 100%;
    margin: 0px;
    flex-wrap: wrap; }
    .whyVmaker ul li {
      max-width: 100% !important;
      text-align: center; }
      .whyVmaker ul li:first-of-type .img {
        display: block !important;
        width: 100%;
        height: auto; }
      .whyVmaker ul li:last-of-type {
        display: none; }
      .whyVmaker ul li img {
        display: block;
        margin: 0 0 20px;
        max-width: auto;
        width: 100%; }
      .whyVmaker ul li h2 {
        text-align: center;
        margin-bottom: 1.25em; }
      .whyVmaker ul li p {
        text-align: center; }

  .helpCases .flex .item {
    width: 50%; }

  .badges .flex {
    flex-wrap: wrap; }
    .badges .flex .item {
      width: 50%; }

  .how ul {
    flex-wrap: wrap;
    margin-bottom: -30px; }
    .how ul li {
      width: calc(50% - 15px);
      margin-bottom: 30px; }
      .how ul li p {
        border: 0px !important; }

  .reviews .carousel-control-prev, .reviews .carousel-control-next {
    display: none; } }
@media screen and (max-width: 640px) {
  .platformsList {
    flex-wrap: wrap; }
    .platformsList .col {
      width: 100%;
      text-align: center; }
      .platformsList .col ul {
        flex-wrap: wrap; }
        .platformsList .col ul li {
          width: 50%;
          margin: 0px; }
          .platformsList .col ul li img {
            height: 90px; }
    .platformsList.three .col ul li {
      width: 33.3333%; } }
@media screen and (max-width: 579px) {
  .reviews h2 {
    margin-bottom: 40px; }
  .reviews section:not(:last-of-type) {
    padding: 30px 0; }
  .reviews section:last-of-type {
    padding-top: 30px; }

  .whyVmaker h2 {
    font-size: clamp(24px, 5vw, 30px);
    text-align: center; }
    .whyVmaker h2 + p {
      margin-bottom: 20px !important; }
  .whyVmaker ul li p {
    line-height: 1.6;
    text-align: center; }

  .helpCases h2 + p {
    margin: 0 0 20px; }
  .helpCases .flex .item {
    width: 100%;
    max-width: 100%;
    margin: 0; }
    .helpCases .flex .item:not(:last-of-type) {
      border-bottom: 1px dashed #e5e5e5;
      padding-bottom: 40px;
      margin: 0 0 30px; }

  .ctaHome h2 {
    font-size: 25px; }

  .how ul {
    margin-top: 40px; }
    .how ul li {
      width: 100%; }
      .how ul li:not(:last-of-type) {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 30px; }
      .how ul li:last-of-type {
        margin-bottom: 0px; }
      .how ul li .count {
        margin-bottom: 10px; }

  .downloadPlugin .flex {
    flex-wrap: wrap;
    justify-content: center; }
    .downloadPlugin .flex .item:first-child {
      margin-bottom: 30px; } }
@media screen and (max-width: 479px) {
  .whyVmaker ul li img {
    max-width: 100%; }

  .allInOne .item {
    width: 100%;
    max-width: 100%;
    margin-top: 50px; }
    .allInOne .item:not(:last-of-type) {
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 50px; }
    .allInOne .item .title {
      text-align: center; }
    .allInOne .item p {
      text-align: center; }
      .allInOne .item p:not(:last-of-type) {
        min-height: auto;
        margin-bottom: 20px; }
  .allInOne.four .flex .item {
    width: 100%; } }
@media screen and (max-width: 380px) {
  .platformsList.three .col ul {
    display: block; }
    .platformsList.three .col ul li {
      width: 100%; }

  .badges .flex .item img {
    height: auto; } }
.disclaimerTxt p {
  text-align: center;
  margin: 0 auto 5rem;
  max-width: 1000px;
  font-size: 20px; }

/*Hello Bar*/
.helloBarBody header-component .navbar {
  top: 50px; }
.helloBarBody header-component .navbar.active {
  top: 50px; }
.helloBarBody .heloBar {
  background: linear-gradient(135deg, #08b3e5 0%, #63d6b5 100%);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99; }
  .helloBarBody .heloBar .heloBarContent {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px; }
    .helloBarBody .heloBar .heloBarContent p {
      font-size: 16px;
      color: #fff !important;
      margin: 0px 30px 0px 0px; }
      @media screen and (max-width: 579px) {
        .helloBarBody .heloBar .heloBarContent p {
          font-size: 10px;
          margin: 0px 10px 0px 0px; } }
    .helloBarBody .heloBar .heloBarContent a {
      margin: 0;
      color: #fff !important;
      background: #000;
      padding: 5px 20px;
      border-radius: 35px;
      font-size: 14px;
      width: fit-content;
      cursor: pointer;
      text-align: center;
      text-decoration: none; }
      .helloBarBody .heloBar .heloBarContent a:hover {
        background: #fff;
        color: #000 !important; }
@media screen and (max-width: 839px) {
  .helloBarBody .fr-hello-bar header-component .navbar, .helloBarBody .fr-hello-bar header-component .navbar.active {
    top: 68px; } }

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