/* Main stylesheet */
/* Base */
body {
  font-family: "PT Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "PT Sans", sans-serif;
}

h1 {
  font-size: 40px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 38px;
  }
}

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 54px;
}
@media screen and (max-width: 991px) {
  h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  h2 {
    line-height: 44px;
  }
}

h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
}

p {
  margin: 0;
}

/* Empty Space */
.space-sm {
  padding: 7.5px 0;
}

.space-md {
  padding: 15px 0;
}

.space-lg {
  padding: 30px 0;
}

/* Box */
.box {
  padding: 30px;
  border-radius: 4px;
  background-color: #ffffff;
}

.box-shadow {
  box-shadow: 0 0 33px 0 rgba(15, 22, 33, 0.1);
}

/* section */
.section {
  padding: 60px 0;
}
@media screen and (max-width: 991px) {
  .section {
    padding: 30px 0;
  }
}

.section .lead {
  color: #565454;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.section .lead-lg {
  font-size: 24px;
}

.section .lead-md {
  font-size: 20px;
}

.section .icon {
  width: 40px;
  height: 40px;
}

.section .sub-title {
  color: #b5b5b5;
}

/* Cover */
/* .cover {
  background: url(../images/pashi-saag-istock.png) no-repeat center center scroll;
} */

/* @media (min-width: 576px) {
  .cover {
    background: none;
  }
}

@media (min-width: 768px) {
  .cover {
    background: none;
  }
}

@media (min-width: 992px) {
  .cover {
    background: url(../images/pashi-saag-istock.png) no-repeat;
    background-position: 42% 75%;
    background-size: 2000px;
  }
}

@media (min-width: 1200px) {  } */

/* Header */
.logo {
  font-size: 1.75rem;
  color: black;
  font-weight: bold;
}
/* .logo  a {
      color: black;
    } */

.header {
  padding: 20px 0;
}
.header .nav-item .nav-link {
  color: #000000;
  font-weight: 700;
  padding: 10px 20px;
}
.header .nav-item .nav-link.active {
  color: #b5b5b5;
}
.header .nav-item .nav-link:hover,
.header .nav-item .nav-link:focus {
  color: #28a745;
}
@media screen and (max-width: 991px) {
  /* .header .navbar-nav { */
  /* margin-top: 16px; */
  /* background: rgba(255, 58, 85, 0.05); */
  /* }  */
}

.navbar-toggler {
  padding: 15px 17.32px;
  color: #ff3a55;
  /* background: rgba(255, 58, 85, 0.05); */
  font-size: 29px;
}

/* Hero */
.hero {
  padding: 50px 0;
}
@media screen and (max-width: 991px) {
  .hero {
    padding: 35px 0 0;
  }
}
.hero .btn-text {
  padding: 10px;
}
.hero .btn-or {
  color: #b5b5b5;
  font-size: 18px;
  font-weight: 700;
}

/* Feature */
.feature .single-feature .title {
  font-weight: 700;
}
.feature .single-feature h3.title {
  font-size: 24px;
}
.feature .single-feature h4.title {
  font-size: 18px;
}
.feature .single-feature h4.subtabove {
  font-size: 18px;
  font-weight: normal;
}
.feature .single-feature h4.subtbelow {
  font-size: 18px;
  font-weight: bold;
}
.feature .single-feature .feature-img {
  height: 125px;
  margin: 0 auto;
}
.feature .single-feature .feature-more {
  font-weight: 700;
}

/* CTA */
.CTA {
  color: #ffffff;
}
.CTA .CTA-btn {
  background-image: linear-gradient(to right, #ff0729, #ff6d81);
}

/* Banner */
.banner {
  color: #ffffff;
  background-color: #3a4aa3;
}
.banner .banner-btn {
  border-radius: 25px;
}

/* Footer */
.footer {
  position: relative;
  bottom: 0;
  font-size: 16px;
}
.footer .nav-link {
  color: #b5b5b5;
  font-weight: 700;
}

.btn-lg {
  padding: 10px 35px;
}

.saagvariantdes {
  min-height: 80%;
}

.invalid-feedback {
  float: left;
  overflow: visible;
  height: 0px;
}

.zero_saag {
  font-size: 80%;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.badge {
  font-size: 85%;
  border: 1px solid;
}

.badge-dgray {
  background-color: #6c757d;
  border-color: #6c757d;
}

.badge-purp {
  background-color: #bc2e6f;
  border-color: #bc2e6f;
}

.badge-ochre {
  background-color: #cc7722;
  border-color: #cc7722;
}

.badge-green {
  background-color: #18a07c;
  border-color: #18a07c;
}
.badge-deepblue {
  background-color: #2c45af;
  border-color: #2c45af;
}
.badge-lightblue {
  background-color: #3d87f2;
  border-color: #3d87f2;
}
.badge-pink {
  background-color: #ff408e;
  border-color: #ff408e;
}
.badge-red {
  background-color: #cc333e;
  border-color: #cc333e;
}
.badge-purple {
  background-color: #9125e5;

  border-color: #9125e5;
}
.badge-orange {
  background-color: #bc7d33;
  border-color: #bc7d33;
}
.badge-yellow {
  background-color: #f9bd00;
  border-color: #f9bd00;
}
.badge-lightgreen {
  background-color: #00b353;
  border-color: #00b353;
}

.bg-magenta {
  background-color: #7f235b;
}

.bg-lightred {
  background-color: #fff5f5;
}

.bg-lightgreen {
  background-color: #eefbee;
}

.bg-lightmagenta {
  background-color: #7f235b0f;
}

.jumbotron {
  padding-top: 0px;
}

a.badge:hover {
  background-color: white !important;
  color: black !important;
  border-color: black !important;
  text-decoration: none;
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */

.round_button {
  padding: 12px 24px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}

.green {
  color: rgb(69, 181, 73);
}
.bg-green {
  background-color: rgb(69, 181, 73);
  color: white;
}

.schedule_meeting {
  padding: 12px 24px;
  border-radius: 20px;
  background-color: #28a745;
  border: 0px;
  color: white !important;
  max-width: 200px;
  text-align: center;
  font-weight: bold;
}

.rounded-button {
  padding: 10px 22px;
  border-radius: 20px;
  background-color: #fff;
  border: 2px solid #28a745;
  color: #28a745 !important;
  max-width: 200px;
  text-align: center;
  font-weight: bold;
  text-decoration: none !important;
}

@media screen and (max-width: 991px) {
  .header {
    padding: 0px;
  }
}

.compare-box span {
  font-size: 13px;
  font-family: "Mulish", sans-serif;
}

.revenue h3,
h5 {
  font-family: "Mulish", sans-serif;
}

@media screen and (max-width: 768px) {
  .pashi-intro {
    font-size: 20px !important;
  }

  .heading {
    font-size: 22px;
  }

  .heading img {
    width: 30px;
  }

  .compare-box span {
    font-size: 12px;
  }

  .revenue h5 {
    font-size: 18px;
  }
  .revenue h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 567px) {
  .revenue h5 {
    font-size: 14px;
  }
  .revenue h3 {
    font-size: 20px;
  }
}

.nav-item {
  background-color: white;
}

.common-roi-image {
  display: flex;
  justify-content: center;
}

.header .schedule {
  order: 1;
}

.header .buttons {
  order: 2;
}

@media screen and (min-width: 768px) {
  .header .schedule {
    order: 2;
  }

  .header .buttons {
    order: 1;
  }
}

/* .roi_inputs {
    border-color: #28a475; 
    background-color: white;
} */

/*Slider for ROI Calculator*/
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #c1f0cc;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #28a745;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #28a745;
  cursor: pointer;
}

/* podcast episode page */

  .transcript {
    margin-top: 15px;
    margin-top: 15px;    
  }

  .transcript-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color:#0645AD;
  }

  .transcript-link:hover {
    color: #0645AD;
    text-decoration: underline;
    text-decoration-color:#0645AD;
  }

