/*================================
Template Name: --- WebSite Name -----
Author: CodeGama
Author website: 
Version: 1.0
================================== */

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    /* Moblie Nav Style  */
.mobile-nav-header{
    display: block!important;
  }
.nav-bar-box{
        display: none!important;
    }
}


@media (max-width: 767.98px) {
    .order-by{
        order: 1;
    }
    
    .section-title h2 {
        font-size: 1.8em;
    }
    .sm-padding {
        padding: 2em 0;
    }
    .section-title h4 {
        font-size: 2em;
    }
    .step-to-step_card-box{
      flex-direction: column;
      text-align: center;
    }
    .step-to-step_subcard-box {
      grid-template-columns: repeat(1, 1fr)!important;
  }
  .step-to-step_subcard{
    padding: 2em!important;
  }
  .industry-recognition-img {
    max-width: 16em!important;
    margin: 0 auto;
}
.step-to-step_card-big {
  padding-top: 2em!important;
  margin-inline-start: 2em!important;
  margin-inline-end: 2em!important;
  padding-bottom: 2em;
}
.banner-wrapped_content {
  text-align: center;
}
.banner-wrapped_content h1 {
  font-size: 1.8em!important;
}
.banner_content-badge {
  margin: 0 auto;
  margin-bottom: 0.5em;
}
.feature_title h2,.step-to-step_card-big h2 ,.key-value_title h2,.cta-left-sec h2,.security-trust-info-sec h2,.contact_form-title  h2{
  font-size: 1.8em!important;
}
.feature_tab-card {
  padding: 1em!important;
}
.key-value-wrapped{
  text-align: center;
}
.key-value-card {
  padding: 1em!important;
  min-height: 100%!important;
  padding-bottom: 2em!important;
}
.key-value-card::after {
  top: unset!important;
  bottom: 0!important;
  width: 100%!important;
  height: 2px!important;
}
.key-value-card::before {
  top: unset!important;
  bottom: 0!important;
  width : 45px;
  height: 2px;
  animation: topToBottom 5slinear infinite;
  z-index: 2;
}
@keyframes topToBottom {
  0% {
    left: -30%;
}

100% {
    left: 100%;
}
}
.key-value-card_wrapped {
  padding-top: 2em!important;
}
.pricing-table {
  height: auto!important;
  margin-bottom: 1em;
}
.cta-box {
  grid-template-columns: repeat(1, 1fr)!important;
  text-align: center;
}
.cta-right-sec{
  display: none;
}
.cta-btn-sec{
  flex-direction: column;
}
.cta-btn{
  width: 100%;
}
.security-trust-sec{
  text-align: center;
}
.our-partner-card{
  flex-direction: column;
}
.our-partner-item h4{
  font-size: 1.2em!important;
}
.tns-nav {
  bottom: 0!important;
  left: 41%!important;
}
.testimonials-box {
  margin-top: 0em!important;
}
.section-title {
  margin-bottom: 2em!important;
}
.footer-bottom-sec {
  flex-direction: column-reverse;
  text-align: center;
}
.contact_avater{
  display: none;
}
.contact_form-title  {
  text-align: center;
}
.footer-widget-link-sec,.footer-widget-company-info-sec{
  padding-top: 2em;
}
.logo {
  max-width: 60px!important;
}
.faq-frame-img {
  max-width: 14em!important;
  margin: 0 auto;
}
.security-trust-img-sec{
  margin-bottom: 2em;
  text-align: center!important;
}
.security-trust-img-sec img{
  /* max-width: ; */
  max-width: 16em!important;
  margin: 0 auto;
}
.industry-recognition-img-sec{
  text-align: center!important;
  margin-bottom: 2em;
}
}

@media (max-width: 575.98px) {}


/* Large Device CSS */

/* @media screen and (min-width: 1400px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
  }
  @media screen and (min-width: 1600px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
  }
  @media screen and (min-width: 1900px) {
    .container {
      width: 1520px;
      max-width: 100%;
    }
  } */

@media screen and (min-width: 1400px) {
  .container {
    width: 1320px;
    max-width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1520px;
    max-width: 100%;
  }
  .badge-slider-card img{
      width: 11em;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1820px;
    max-width: 100%;
  }
  .faq-img {
      width: 80%;
  }
  .badge-slider-card img{
      width: 13em;
  }
}