@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
.pricing3 {
  font-family: "Montserrat", sans-serif;
	color: #8d97ad;
  font-weight: 300;
}

.pricing3 .num-size {
  font-size: 40px;
}

.pricing3 .num-list-size {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}

.pricing3 h1, .pricing3 h2, .pricing3 h3, .pricing3 h4, .pricing3 h5, .pricing3 h6 {
  color: #3e4555;
}

.pricing3 .font-weight-medium {
	font-weight: 500;
}

.pricing3 .bg-light {
    background-color: #f4f8fa !important;
}

.pricing3 .subtitle {
    color: #8d97ad;
    line-height: 24px;
}

.pricing3 .col-lg-2 {
  padding-right: 0px;
  position: relative;
  z-index: 1;
}

.pricing3 .col-lg-10 {
  padding-left: 0px;
}

.pricing3 .nav-pills {
  flex-wrap: nowrap;
  border: 1px solid rgba(120, 130, 140, 0.13);
  border-radius: 4px;
  border-right: 0px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
  background: #1a1814;
}

.pricing3 .nav-pills .nav-link {
  padding: 30px 25px;
}

.pricing3 .nav-pills .nav-link h2 {
  color: #8d97ad;
}

.pricing3 .nav-pills .nav-link.active {
  /* background: #ffffff; */
  background: #050405;
  border-left: 3px solid rgb(255, 221, 155);
  border-radius: 5px;
  /* margin-left: -3px; */
  /* -webkit-box-shadow: -20px 0 40px rgba(0, 0, 0, 0.1); */
  /* box-shadow: -20px 0 40px rgba(0, 0, 0, 0.1); */
  /* box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18); */
}

.pricing3 .nav-pills .nav-link.active h2 {
  /* color: #263238; */
  color: #fff;
}
.pricing3 .nav-pills .nav-link.active .subtitle {
  /* color: #263238; */
  display: block;
  background: repeating-linear-gradient(135deg, rgb(255, 221, 155) 0, rgb(254, 215, 146) 20px, rgb(255, 225, 172) 40px, rgb(255, 255, 255) 70px, rgb(250, 198, 107) 125px, rgb(246, 194, 107) 160px, rgb(231, 177, 85) 175px, rgb(244, 193, 107) 185px, rgb(241, 191, 107) 220px, rgb(243, 190, 102) 235px, rgb(233, 177, 83) 250px, rgb(245, 190, 97) 280px, rgb(249, 188, 86) 305px, rgb(255, 251, 245) 385px, rgb(252, 195, 98) 415px, rgb(252, 195, 121) 450px, rgb(255, 221, 155) 500px);
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: repeat;
  background-attachment: fixed;
  backface-visibility: none;
  color: rgb(255, 221, 155);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 3px 1px #000);
}

.pricing3 .tab-content {
  background: #050405;
  overflow: hidden;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

.pricing3 .tab-content .pricing-box {
  padding: 40px 80px;
}

.pricing3 .tab-content .list-inline {
  margin-top: 20px;
}

.pricing3 .tab-content .list-inline li {
  padding: 5px 0;
  font-weight: 400;
}

.pricing3 .tab-content .list-inline li span {
  display: inline-block;
  vertical-align: middle;
}

.pricing3 .tab-content .list-inline li i {
  padding-right: 4px;
  display: inline-block !important;
}

.pricing-box .subtitle, .pricing-box li, .pricing-box h2, .pricing-box h6 {
  color: #fff;
}

.pricing3 .tab-content .bg-image {
  width: 20%;
  height: 20vh;
  background-size: contain;
  background-position: center;
}

.pricing3 .tab-content .bg-image .quote-box {
  /* padding: 40px; */
}

.pricing3 .btn-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

 .pricing3 .btn-danger-gradiant:hover {
  background: #ff6a5b;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
  background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}

.pricing3 .btn-md {
    padding: 15px 45px;
    font-size: 16px;
}

.pricing3 .display-5 {
    font-size: 3rem;
}

@media (max-width: 767px) {
  .pricing3 .col-lg-2 {
    padding-right: 15px;
  }
  .pricing3 .col-lg-10 {
    padding-left: 15px;
  }
  .pricing3 .nav-pills {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    border-bottom: 0px;
    border-right: 1px solid rgba(120, 130, 140, 0.13);
  }
  .pricing3 .nav-pills .nav-link {
    padding: 25px 18px;
  }
  .pricing3 .nav-pills .nav-link.active {
    border-left: 0px;
    border-top: 3px solid #ff4d7e;
    margin-top: -4px;
    margin-left: 0px;
    margin-bottom: -1px;
    -webkit-box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.1);
  }
  .pricing3 .tab-content .pricing-box {
    padding: 20px;
  }
}