/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 10px !important;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}/*-- Use For Custom Styling --*/
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}/* ===================================
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    Pricing Starts
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}====================================== */
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}.pricing-padding {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding: 7.5rem 0 4rem;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-transform {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    transform: translateY(-67px);
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-box,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-box2 {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #212622;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-bottom: 1px solid #e6e1e1;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-box {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding-bottom: 10px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-box2 {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding-top: 20px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding-bottom: 40px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-sub-heading {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 15px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding-top: 40px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding-bottom: 40px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .dollar {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    position: absolute;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-family: "Montserrat", sans-serif;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 20px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    transform: translateX(-95%);
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    top: 10px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-weight: 400;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price_title {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price h2 {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-family: "Open Sans", sans-serif;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 62px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-weight: 300;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    margin-bottom: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    position: relative;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding: 2rem 3rem 4rem;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    max-width: 365px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    margin: 0 auto;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    cursor: pointer;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    z-index: 1;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    transition: 1s;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    background: #202020;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price span.month {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-family: "Open Sans", sans-serif;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 15px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-weight: 400;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    text-transform: capitalize;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-description {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    padding-bottom: 40px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-description p {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    text-transform: capitalize;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    margin-bottom: 20px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price-description p:last-child {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    margin-bottom: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .quarter-triangle {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    position: absolute;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    top: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    left: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    width: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    height: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border: 55px solid #c29b5d;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-right-color: transparent;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-bottom-color: transparent;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    z-index: 0;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    transition: 1s;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .triangle-inner-content i {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    position: absolute;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    top: 15px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    left: 15px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 15px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    z-index: 1;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .triangle-inner-content span {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    position: absolute;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    top: 28px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    left: 8px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 15px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-weight: 100;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    transform: rotate(-45deg);
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    z-index: 1;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    letter-spacing: 1px;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .price_title h4 {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    font-size: 1.5rem;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price-box,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item.price-transform:hover .price-box2,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price h2,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price-sub-heading,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price span,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price-description p,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .two-col-pricing .pricing-item:hover .price_title p,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .two-col-pricing .pricing-item:hover .price-description p:before {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price-box,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .price-box2 {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-pink {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-color: #e57bff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    background-color: #e57bff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #fff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-yellow {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-color: #c29b5d;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    background-color: #c29b5d;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #fff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-blue {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-color: #84a1d2;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    background-color: #84a1d2;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #fff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-pink:focus,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-pink:hover,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-yellow:focus,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-yellow:hover,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-blue:focus,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item .btn-blue:hover {
/* ===================================
       Pricing section css
====================================== */
.pricing-sec{
    
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    color: #202020;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .btn-yellow,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .btn-pink,
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  .pricing-item:hover .btn-blue {
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    background: transparent;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}    border-color: #ffffff;
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #9cc11a;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#0596a1;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}  }
/* ===================================
       Pricing section css
====================================== */

.pricing-sec{
}
.pricing-sec .pricing-heading-area .sub-heading{
    font-family: Roboto, sans-serif;
    font-size:18px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 20px;
}
.pricing-sec .pricing-heading-area .heading{
    margin-bottom: 40px;
}
.pricing-sec .pricing-heading-area .text{
    color: #202020;
    opacity: .8;
    width: 60%;
    margin: 0 auto;
}
/*pricing cards*/
.pricing-sec .pricing-cards{
    font-family: Roboto, sans-serif;
    padding-top: 100px;
}
.pricing-sec .pricing-cards .pricing-box{
    box-shadow: 1px 1px 25px #e2e2e2;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .header-content{
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header{
    padding: 35px 25px;
    background-color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-header-overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top:100%;
    z-index: 1;
    background-color: #421761;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-header-overlay,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-header-overlay{
    top: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price{
    color: #575757;
    font-size: 48px;
    font-weight: 500;
    display: inline-block;
    /*align-items: center;*/
    margin-bottom: 8px;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text {
    color: #FFFFFF !important;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header i.dollar {
    margin-left: 4px;
    font-size: 18px;
    position: absolute;
    top: 33%;
    display: inline-block;
    transform: translateY(-50%);
    color: #202020;
}
.pricing-sec .pricing-cards .pricing-box:hover .pricing-box-header i.dollar ,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header i.dollar {
    color: #FFFFFF;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .sub-text{
    color: #595f6f;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail{
    padding: 35px 25px;
}
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay{
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    top:0;
    z-index: 1;
    background-color:#c29b5d;
    display: block;
    transition: .3s ease;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-detail-overlay, .pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-detail-overlay{
    bottom: 0;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul{
    padding-left: 0;
    position: relative;
    z-index: 11;
}
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li{
    list-style: none;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 300;
    margin-bottom: 10px;
    transition: .3s ease;
    display: inline-block;
}
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li{
    color: #FFFFFF;
}

.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li:last-child{
    margin-bottom: 0;
}

/* ===================================
    Scrollbar
====================================== */
/*html{*/
/*    scroll-behavior: smooth;*/
/*}*/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    width: 12px;
    background:white;
    border-left: 0 solid white;
    border-right: 0 solid white;
}
::-webkit-scrollbar-thumb {
    background: #0596a1;
    width: 0;
    height: 25%;
    transition: .5s ease;
}

/* ===================================
               department
====================================== */

.department-sub {font-size: 16px; margin-bottom: 20px;
    color: #7e8186; }
.title-clr {color: #c29b5d; }
.department-title h2 {font-size: 48px; margin-bottom: 80px; font-weight: 400; color: #3c3f46;
    font-family: 'Poppins', sans-serif;
}

.feature-item{
    text-align: right;
    cursor: pointer;
}

.feature-item .feature-heading{
    color: #3c3f46;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    margin-bottom: 10px;
    line-height: 1.2;
    font-weight: 400;
}
.feature-txt {text-align: left; display: table-cell; vertical-align: middle;}
.feature-item .icon {
    background-color: #c29b5d ;
    width: 70px;
    height: 70px;
    max-width: 70px;
    min-width: 70px;
    text-align: center;
    display: table;
    position: relative;
    border-radius: 50%;
    z-index: 1;
    font-size: 26px;
    line-height: 70px;
    color: #fff;
    margin: 0 15px 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.feature-item .icon-2 {
    background-color: #421761;
    width: 70px;
    height: 70px;
    max-width: 70px;
    min-width: 70px;
    text-align: center;
    display: table;
    position: relative;
    border-radius: 50%;
    z-index: 1;
    font-size: 26px;
    line-height: 70px;
    color: #fff;
    margin: 0 15px 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}


.feature-item:hover .icon{
    background-color:#421761;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.feature-item:hover .icon-2{
    background-color:#c29b5d ;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}