/*** 

====================================================================
			Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	padding: 70px 0 100px;
}

.pricing-section .content-column .inner-column{
	position: relative;
	padding-top: 20px;
	margin-bottom: 50px;
}

.pricing-section .sec-title{
	margin-bottom: 35px;
}

.pricing-section .tabs-box .tab{
	display: none;
}

.pricing-section .tabs-box .tab.active-tab{
	display: block;
}


.pricing-section .btn-box{
	position: relative;
	display: inline-block;
	overflow: hidden;
	border-radius: 30px;
	margin-bottom: 35px;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.1);
	-ms-box-shadow: 0 10px 20px rgba(0,0,0,.1);
	-o-box-shadow: 0 10px 20px rgba(0,0,0,.1);
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	border:1px solid #f3f3f3;
}

.pricing-section .btn-box li{
	position:relative;
	display: inline-block;
	margin: 0 -3px;
	font-size:15px;
	color:#3c4858;
	line-height:26px;
	padding:14px 40px;
	text-transform:capitalize;
	background:#ffffff;
	border-left:1px solid #f3f3f3;
	font-weight:500;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.pricing-section .btn-box li.active-btn,
.pricing-section .btn-box li:hover{
	background-color: #f44438;
	color: #ffffff;
}

.pricing-section p{
	display: block;
	font-size: 	14px;
	line-height: 27px;
	color: #888888;
	font-weight: 400;
}

.pricing-section .table-column .inner-column{
	padding-right: 20px;
}

.pricing-table{
	position:relative;
	margin-bottom:55px;
	text-align:center;
}

.pricing-table .inner-box{
	position:relative;
	overflow:hidden;
	padding: 75px 15px 75px;
	background-color: #ffffff;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	-webkit-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
	-o-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
	box-shadow: 0px 20px 35px rgba(0,0,0,.1);
}

.pricing-table .inner-box:hover{
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.pricing-table .table-header{
	position:relative;
	color:#333333;	
}

.pricing-table .table-header span{
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #3c4858;
	font-weight: 500;
	margin-bottom: 10px;
}

.pricing-table .table-header p{
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	font-weight: 500;
	letter-spacing: .5px;
	margin-bottom: 5px;
}

.pricing-table .table-header .price{
	display: block;
	font-size: 50px;
	line-height: 70px;
	color: #3c4858;
	font-weight: 800;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.pricing-table .table-header .price sup{
	font-weight: 500;
	font-size: 30px;
	margin-right: 3px;
}

.pricing-table .table-content{
	position:relative;
	padding:0 15px;
	text-transform:capitalize;	
	margin-bottom: 35px;
}

.pricing-table .table-content li{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color:#999999;	
	font-weight: 400;
	margin-bottom: 15px;
}

.pricing-table .table-content li .fa-check{
	color:#009900;
	padding-right:5px;	
}

.pricing-table .table-content li .fa-remove{
	color:#ff0000;
	padding-right:5px;
}

.pricing-table .table-content li span{
	color: #5366cf;
}

.pricing-table .table-footer{
	position:relative;
}

.pricing-section.style-two:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 1182px;
	width: 671px;
	background-image: url(../images/icons/bg-10.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}

.pricing-section.style-two .sec-title{
	margin-bottom: 60px;
}

.pricing-section.style-two .btn-box{
	margin-top: 25px;
}

.pricing-section.style-two{
	text-align: center;
	padding: 70px 0 0;
}

.pricing-section.style-two .btn-box{
	margin-bottom: 10px;
}


.new-pricing-block{
  position: relative;
  display: block;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 53px 30px 60px 30px;
  text-align: center;
  box-shadow: 0px 10px 50px rgb(0 0 0 / 10%);
}

.new-pricing-block .table-header{
  position: relative;
  display: block;
  margin-bottom: 36px;
}

.new-pricing-block .table-header h4{
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #3c4858;
  font-weight: 600;
  margin-bottom: 15px;
}

.new-pricing-block .table-header h2{
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  color: #f44438;
}

.new-pricing-block .table-content ul li{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 28px;
  color: #222;
  margin-bottom: 14px;
}

.new-pricing-block .table-content ul li:last-child{
  margin-bottom: 0px;
}

.new-pricing-block .table-content ul li.light{
  color: #808080;
}

.new-pricing-block .table-content{
  margin: 0px;
}

.new-pricing-block .table-footer{
  position: relative;
  padding-top: 44px;
}

.pricing-section .new-sec-title{
  margin-bottom: 37px;
}

.d-flex{
  display: flex;
  align-items: center;
}

.pricing-section.alternat-2{
  padding: 0px;
}

.pricing-section.alternat-2 .pricing-table{
  margin: 0px;
}

.pricing-section.alternat-2 .pattern-layer{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 1171px;
  background-repeat: no-repeat;
  z-index: -1;
}