/**

 * Plugin Name: Mentor Pricing Table for Elementor

 * Description: This is a pricing table for elementor page builder.

 * Plugin URI:  https://codecanyon.net/user/twinkletheme

 * Version:     1.0.0

 * Author:      TwinkleTheme

 * Author URI:  https://codecanyon.net/user/twinkletheme

 * Text Domain: mentor-pricing-table

 */



body {

    margin: 0;

    padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    font-weight: 700;

}



h1 {

    font-size: 36px;

}



h2 {

    font-size: 30px;

}



h3 {

    font-size: 24px;

}



h4 {

    font-size: 20px;

}



h5 {

    font-size: 18px;

}



h6 {

    font-size: 16px;

}



p {

    font-family: "Roboto", sans-serif;

    font-size: 14px;

}



img {

    width: 100%;

    height: 100%;

    display: inherit;

}



a {

    text-decoration: none;

    color: #222;

}



a:hover {

    text-decoration: none;

    color: #222;

}



a:focus,

input:focus,

button:focus {

    outline: none;

    text-decoration: none;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



[type=button]:focus,

[type=button]:hover,

[type=submit]:focus,

[type=submit]:hover,

button:focus,

button:hover {

    color: #fff;

    background-color: transparent;

    text-decoration: none;

}



.pt-0 {

    padding-top: 0px!important;

}



.pt-20 {

    padding-top: 20px!important;

}



.pt-40 {

    padding-top: 40px!important;

}



.pb-20 {

    padding-bottom: 20px!important;

}



.pb-35 {

    padding-bottom: 35px!important;

}



.pb-40 {

    padding-bottom: 40px!important;

}



.mt-80 {

    margin-top: 80px!important;

}



.mb-0 {

    margin-bottom: 0px!important;

}



.bg-1 {

    color: #fff;

    background-color: #F44336;

}



.bg-2 {

    color: #fff;

    background-color: #E91E63;

}



.bg-3 {

    color: #fff;

    background-color: #9C27B0;

}



.bg-4 {

    color: #fff;

    background-color: #673AB7;

}



.bg-5 {

    color: #fff;

    background-color: #3F51B5;

}



.bg-6 {

    color: #fff;

    background-color: #2196F3;

}



.bg-7 {

    color: #fff;

    background-color: #00BCD4;

}



.bg-8 {

    color: #fff;

    background-color: #009688;

}



.bg-9 {

    color: #fff;

    background-color: #4CAF50;

}



.bg-10 {

    color: #fff;

    background-color: #CDDC39;

}



.bg-11 {

    color: #222;

    background-color: #FFEB3B;

}



.block {

    display: block;

    padding-top: 10px;

}



.black {

    color: #fff;

    background-color: #222;

}





/*Button*/



.cmk-button {

    background-color: #fff;

    display: inline-block;

    text-decoration: none!important;

    color: #000;

    z-index: 5;

}



.transparent {

    background-color: transparent;

}



.cmk-button .before-button-icon i {

    float: left;

    padding: 5px 0;

    padding-right: 10px;

}



.cmk-button .after-button-icon i {

    float: right;

    padding: 5px 0;

    padding-left: 10px;

}



.cmk-button.xs {

    font-size: 13px;

    padding: 8px 20px;

}



.cmk-button.sm {

    font-size: 15px;

    padding: 8px 24px;

}



.cmk-button.md {

    font-size: 15px;

    padding: 12px 32px;

}



.cmk-button.lg {

    font-size: 18px;

    padding: 15px 40px;

}



.cmk-button.xl {

    font-size: 20px;

    padding: 20px 50px;

}



.cmk-button:hover {

    color: #fff!important;

}



.cmk-button:before,

.cmk-button:after {

    background-color: #000;

}



.cmk-button {

    margin: 30px 30px 0px 30px;

}



.play-btn {

    line-height: 45px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 45px;

    height: 45px;

    margin: -22px 0 0 -22px;

    text-align: center;

    border-radius: 50%;

    background: #fff;

}



.position-relative {

    position: relative;

}





/*Ribbon*/



.overflow {

    overflow: hidden;

}



.ribbon-style {

    position: relative;

}



.ribbon-position-left {

    left: -75;

}



.ribbon-position-right {

    right: -75;

}



.ribbon-style-1::before {

    background: #4CAF50;

    color: #fff;

    content: "Best Value";

    position: absolute;

    padding-top: 2px;

    height: 30px;

    width: 220px;

    top: 25px;

    left: -72px;

    transform: rotate(313deg);

    font-size: 15px;

    text-align: center;

}



.ribbon-style-2::before {

    background: #4CAF50;

    color: #fff;

    content: "Best Value";

    position: absolute;

    padding-top: 2px;

    height: 30px;

    width: 220px;

    top: 25px;

    right: -72px;

    transform: rotate(42deg);

    font-size: 15px;

    text-align: center;

}



.ribbon-style-3::before {

    background: #4CAF50;

    color: #fff;

    content: "Best Value";

    position: absolute;

    padding-top: 2px;

    height: 30px;

    width: 180px;

    top: 75px;

    left: -75px;

    transform: rotate(-90deg);

    font-size: 15px;

    text-align: center;

}



.ribbon-style-4::before {

    background: #4CAF50;

    color: #fff;

    content: "Best Value";

    position: absolute;

    padding-top: 2px;

    height: 30px;

    width: 180px;

    top: 75px;

    right: -75px;

    transform: rotate( 90deg);

    font-size: 15px;

    text-align: center;

}



.ribbon-style-5:before {

    background: #4CAF50;

    content: "";

    position: absolute;

    height: 4px;

    width: 100%;

    top: 0px;

    left: 0;

}





/*Transform Effect*/



.transform-effect-1:hover {

    transform: scale(1.126);

    transition: 0.5s;

}



.transform-effect-2:hover {

    -webkit-box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.1);

    transition: 0.5s;

}



.heading {

    padding: 20px 30px;

}



.subheading {

    display: block;

    padding: 0 30px;

    margin-bottom: 20px;

    font-size: 20px;

}



h5.price {

    padding: 20px 30px;

}



h6.duration {

    padding: 0px 30px;

}



.count {

    font-size: 40px;

    padding-right: 5px;

}



.trial {

    padding: 0px 30px 10px 30px;

}



.duration {

    font-size: 14px;

    font-weight: 400;

}



h6.duration-top {

    padding: 0 30px;

}



.special-note {

    padding: 30px;

}



.features-list {

    padding: 20px 0;

}



.features-list ul li {

    line-height: 2.2;

}



.features-list ul li i {

    padding-right: 15px;

}



.features-list li:last-child {

    border-style: none!important;

    border-width: 0!important;

    border-color: transparent!important;

    border-radius: 0!important;

}



.before-currency-icon i {

    float: left;

    padding: 5px 0;

    padding-right: 10px;

}



.after-currency-icon i {

    float: right;

    padding: 5px 0;

    padding-left: 10px;

}



.features-list li {

    padding: 0 30px;

    line-height: 1.9;

}



.del {

    text-decoration: line-through;

}



.media-icon i {

    width: 120px;

    height: 120px;

    background-color: #222;

    color: #fff;

    border-radius: 100%;

    text-align: center;

    line-height: 120px;

}



.media-icon i {

    margin: 30px;

}



.pricing-header-1 {

    position: relative;

    z-index: 1;

    color: #fff;

    margin: 30px 0;

    text-align: center;

}



.pricing-header-1:after {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    content: "";

    background: #fc5f45;

    height: 130px;

    width: 130px;

    margin: auto;

    border-radius: 50%;

    z-index: -1;

}



.pricing-header-1 .duration {

    display: block;

}



.pricing-style-1 .price {

    padding: 0px 30px;

    padding-bottom: 30px;

}



.pricing-style-10.bg-10 .duration-top {

    padding-top: 30px;

}