
.pricing-item {
  transition: all .4s ease;
}
.pricing-item p {
  color: #77838F;
  font-size: 16px;
  line-height: 30px;
  transition: all .4s ease;
}
.pricing-item .additional{
  margin-bottom: 0px;
}

.pricing-item h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: .5rem;
  color: #14133b;
  margin-bottom: 0px;
  transition: all .4s ease;
}

.pricing-item .price  {
  transition: all .4s ease;
}

.pricing-item a {
	text-decoration: none !important;
	transition: all .4s ease 0s;
	color: #222;
  display: inline-block;
}

.pricing-item .pricing-features ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
}


.pricing-item img{
  max-width: 35%;
}

.pricing-item:hover {
  background: #fff;
  box-shadow: 0px 30px 60px 0px rgba(38, 59, 94, 0.1);
  border-color: #fff;
}
.pricing-item .pricing-header .badge {
	background: #222;
	font-weight: 600;
	padding: 2px 15px;
	transition: all .4s ease;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 14px;
}
.pricing-item:hover .badge {
  background: #007aff;
  right: -2px;
}

.pricing-item .heading{
  transition: all .4s ease;
}

.pricing-item .badge.badge-style-2 {
	right: -7px;
	top: 18px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.pricing-item:hover .badge.badge-style-2 {
  right: 0px;
}


.pricing-item:hover .btn {
  background: #007aff;
  border-color: #007aff;
  color: #fff;
}




/*  Hover Border style  */

.hover-border{
  transition: all 4s ease;
}
.hover-border:hover {
  border-color: #007aff;
}

.hover-border.featured{
  border-color: #007aff;
}

/*  Hover Border  Bottom style  */

.border-bottom-style {
  position: relative;
}

.border-bottom-style:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 0px;
  height: 2px;
  background: #007aff;
  transition: all .4s ease;
}

.border-bottom-style:hover:before {
  width: 100%;
}

.featured.border-bottom-style::before{
  width: 100%;
}

/*  Hover Border Top style  */

.border-top-style {
  position: relative;
}

.border-top-style:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 0px;
  height: 2px;
  background: #007aff;
  transition: all .4s ease;
}

.border-top-style:hover:before {
  width: 100%;
}

.featured.border-top-style:before{
  width: 100%;
}



/*  Hover Background style  */

.hover-pricing {
  position: relative;
  z-index: 1;
}

.hover-pricing:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  transition: all .4s ease 0s;
  background: #000;
  z-index: -1;
}

.hover-pricing:hover:before {
  width: 100%;
}

.featured.hover-pricing:before{
  width: 100%;
}


.pricing-item.featured.hover-pricing .pricing-features ul li ,
.hover-pricing:hover .pricing-features ul li {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

.pricing-item.featured.hover-pricing .btn ,
.hover-pricing:hover .btn {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.6);
}

.pricing-item.featured.hover-pricing .btn:hover ,
.hover-pricing:hover .btn:hover {
  background: #fff;
  color: #222;
  border-color: #fff;
}

.pricing-item.featured.hover-pricing .price span ,
.hover-pricing:hover .price span {
  color: #eee;
}

.pricing-item.featured.hover-pricing  p ,
.hover-pricing:hover p {
  color: #eee;
}

.pricing-item.featured.hover-pricing h2 ,
.hover-pricing:hover h2 {
  color: #fff;
}

.pricing-item.featured.hover-pricing .pricing-features ,
.hover-pricing:hover .pricing-features {
  color: #fff;
}


/*-----------------
Button
---------------------*/
.pricing-item .btn {
  font-weight: 600;
  position: relative;
  text-transform: capitalize;
  padding: 12px 30px;
  border-radius: 0px;
  font-size: 16px;
  border: 2px solid transparent;
  transition: all 0.6s ease;
}

.btn.btn-dark-outline {
  color: #333;
  background: transparent;
  border: 2px solid #333;
}

.btn.btn-dark-outline:hover {
  background: #007aff;
  border-color: #007aff;
  color: #fff;
}

.btn.btn-main-outline {
  color: #007aff;
  background: transparent;
  border: 2px solid #333;
}

.btn.btn-main-outline:hover {
  background: #007aff;
  border-color: #007aff;
  color: #fff;
}

.btn.btn-radius {
  border-radius: 35px;
}


.btn-grey {
  background: #e5e5e5;
  border-color: #e5e5e5;
}

.btn.btn-grey:hover {
  background: #007aff;
  border-color: #007aff;
  color: #fff;
}


.btn.btn-main {
  background: #007aff;
  border-color: #007aff;
  color: #fff;
}

.btn.btn-main:hover {
  color: #222;
  background: transparent;
  border-color: #222;
}


.mt-30 {
  margin-top: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}



.pricing-features .not-include {
  color: #888 !important;
  text-decoration: line-through !important;
}

.pricing-features .not-included i {
  color: #888!important;
}
