/*============================================================================================
	Pricing Area
==============================================================================================*/
.pricing.style2 {
  overflow: hidden;
}
.pricing.style2 .pricing-single {
  background: #edf0fd;
  text-align: center;
  border-radius: 20px;
  margin-top: 58px;
  position: relative;
  z-index: 2;
  padding: 32px 0px 0px 0px;
  transition: all 0.4s ease;
}
.pricing.style2 .pricing-single:hover {
  box-shadow: 0px 36px 72px rgba(67, 97, 238, 0.08);
  background: var(--white-color);
}
.pricing.style2 .pricing-single-head-icon {
  margin-bottom: 24px;
}
.pricing.style2 .pricing-single-head-icon img {
	height: 40px;
	width: 100% !important;
	display: inline-block !important;
}

.pricing.style2 .pricing-single-head-sm-title {
	color: var(--white-color);
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	border-radius: 20px;
	padding: 8px 24px;
	background: var(--secondary-color);
	line-height: 120%;
	position: absolute;
	top: -18px;
	right: 32px;
}
.pricing.style2 .pricing-single-head-mbps-title {
	text-transform: capitalize;
	color: var(--primary-color);
	font-size: 32px;
	margin-bottom: 8px;
	position: relative;
	display: block;
}

.pricing.style2 .pricing-single-head-mbps-price {
  color: #0a2647;
  margin: 0;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  text-transform: none;
  line-height: 120%;
}
.pricing.style2 .pricing-single-features {
  margin-top: 32px;
}
.pricing.style2 .pricing-single-features-list {
  text-align: left;
  padding: 0px 64px;
  margin: 24px 0px;
}
.pricing.style2 .pricing-single-features-list li {
	margin-bottom: 16px;
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	color: var(--title-color);
	position: relative;
	padding-left: 14px;
}
.pricing.style2 .pricing-single-features-list li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: var(--title-color);
  left: 0;
  top: 10px;
}
.pricing.style2 .pricing-single-features-list li:last-child {
  margin: 0;
}
.pricing.style2 .pricing-single-buttons .theme-btn.order-now-btn {
  width: 100%;
  padding: 12px 24px;
  border: none;
}
.pricing.style2 .pricing-single-buttons {
  padding: 0px 32px 24px 32px;
}

.pricing.style2 .pricing-single-features-head {
	background: linear-gradient( 270deg, rgba(67, 97, 238, 0) 0%, rgba(67, 97, 238, 0) 15.64%, #4361ee 36.24%, #4361ee 51.18%, #4361ee 65.51%, rgba(67, 97, 238, 0) 85.38%, rgba(67, 97, 238, 0) 101.44% );
	filter: drop-shadow(0px 1px 2px rgba(10, 38, 71, 0.08));
	border-radius: 4px;
	padding: 4px;
}
.pricing.style2 .pricing-single-features-title {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	color: var(--white-color);
	position: relative;
	display: inline-block;
	padding: 0px 28px;
}
.pricing.style2 .pricing-single-features-title::before,
.pricing.style2 .pricing-single-features-title::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background: rgba(250, 250, 252, 0.32);
  top: 50%;
}
.pricing.style2 .pricing-single-features-title::before {
  left: 0;
}
.pricing.style2 .pricing-single-features-title::after {
  right: 0;
}

@media only screen and (max-width: 767px) {
  .pricing.style2 .pricing-single-head-sm-title {
    font-size: 16px;
  }
  .pricing.style2 .pricing-single-head-mbps-title {
    font-size: 28px;
  }
  .pricing.style2 .pricing-single::before {
    height: 210px;
  }
  .pricing.style2 .pricing-single-features-list li {
    margin-bottom: 12px;
    font-size: 16px;
  }

  .pricing.style2 .pricing-single-features-list {
    padding: 0px 44px;
  }
  .pricing.style2 .pricing-request-modal-header h3 {
    font-size: 22px;
  }
}
/*============================================================================================
	End Pricing Area
==============================================================================================*/