/* ===================================
    Pricing Starts
====================================== */
.pricing-padding {
    padding: 7.5rem 0 4rem;
}

.price-transform {
    transform: translateY(-67px);
}

.price-box,
.price-box2 {
    color: #18191d;
    border-bottom: 1px solid #e6e1e1;
}

.price-box {
    padding-bottom: 10px;
}

.price-box2 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.price-sub-heading {
    font-size: 15px;
    color: #000000;
}

.price {
    padding-top: 40px;
    padding-bottom: 40px;
}

.dollar {
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    transform: translateX(-95%);
    top: 10px;
    font-weight: 400;
}

.price h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 62px;
    font-weight: 300;
    color: #18191d;
    margin-bottom: 0;
}

.pricing-item {
    position: relative;
    padding: 2rem 3rem 4rem;
    max-width: 365px;
    margin: 0 auto;
    cursor: pointer;
    z-index: 1;
    transition: 1s;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

.price span.month {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #18191d;
    text-transform: capitalize;
}

.price-description {
    padding-bottom: 40px;
}

.price-description p {
    color: #535353;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.price-description p:last-child {
    margin-bottom: 0;
}

.quarter-triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 55px solid #00b0b5;
    border-right-color: transparent;
    border-bottom-color: transparent;
    z-index: 0;
    transition: 1s;
}

.triangle-inner-content i {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #ffffff;
    font-size: 15px;
    z-index: 1;
}

.triangle-inner-content span {
    position: absolute;
    top: 28px;
    left: 8px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 100;
    transform: rotate(-45deg);
    z-index: 1;
    letter-spacing: 1px;
}

.pricing-padding .pricing-item:hover {
    background: #000000;
}

.pricing-item.price-transform:hover {
    background: #00b0b5;
}

.pricing-item:hover {
    background: #000000;
    color: #ffffff
}

.price_title h4 {
    font-size: 1.5rem;
}

.pricing-item:hover .price-box,
.pricing-item.price-transform:hover .price-box2,
.pricing-item:hover .price h2,
.pricing-item:hover .price-sub-heading,
.pricing-item:hover .price span,
.pricing-item:hover .price-description p,
.two-col-pricing .pricing-item:hover .price_title p,
.two-col-pricing .pricing-item:hover .price-description p:before {
    color: #e4e4e4;
}

.pricing-item:hover .price-box,
.pricing-item:hover .price-box2 {
    border-color: #ffffff;
}

.pricing-item .btn-pink {
    border-color: #ff1637;
    background-color: #ff1637;
}

.pricing-item .btn-black {
    border-color: #ffffff;
    border: 1px solid white;
    background-color: #00b0b5;
    padding: 8px 22px;
    border-radius: 20px;
    color: white;
}

.pricing-item:hover .btn-yellow,
.pricing-item:hover .btn-black,
.pricing-item:hover .btn-pink {
    background: #00b0b5;
    border-color: #ffffff;
}

.pricing-item:hover .btn-yellow:hover,
.pricing-item:hover .btn-black:hover {
    border-color: transparent;
}

/* pricing two */
.two-col-pricing .pricing-item {
    max-width: 100%;
    text-align: left;
    border-radius: 10px;
    padding: 3rem 5rem;
    border: 1px solid #f6f3f3;
}

.two-col-pricing .pricing-item:hover {
    background: linear-gradient(to right, #232526, #414345);
}

.two-col-pricing .premium-plan.pricing-item:hover {
     background: linear-gradient(to right, #232526, #414345);;
}

.two-col-pricing .price_title p {
    color: #6f6f6f;
    padding: 10px 0;
}

.two-col-pricing .dollar {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    top: 0;
    font-weight: 300;
}

.two-col-pricing .price-description {
    padding-bottom: 20px;
}

.two-col-pricing .price-description p {
    display: flex;
}

.two-col-pricing .price-description p:before {
    font-family: 'themify';
    content: "\e64c";
    color: #30e512;
    margin-right: 8px;
    width: 20px;
}

.two-col-pricing .price-description p.not-support:before {
    font-family: 'themify';
    content: "\e646";
    color: #ff434b;
    margin-right: 8px;
    width: 20px;
}

.two-col-pricing .price-description p.not-support {
    text-decoration: line-through;
}

.two-col-pricing .price-box {
    border: none;
    padding-bottom: 0;
}

.two-col-pricing .price {
    padding: 5px 0 20px;
}

/* pricing three */
.three-col-pricing .pricing-item-two {
    padding: 0;
    box-shadow: 0 0 0;
    border: 1px solid #e5e5e5;
    transition: 1s;
    max-width: 335px;
    margin: 0 auto;
}

.three-col-pricing .pricing-item-two:hover {
    transition: 1s;
}

.three-col-pricing .price-upper-column {
    max-width: 100%;
    text-align: center;
    padding: 1.5rem 0;
    display: block;
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5;
    transition: 1s;
}

.three-col-pricing .pricing-item-two:hover .price-upper-column {
    background: #2d9695;
}

.three-col-pricing .price h2 {
    color: #2d9695;
    font-size: 48px;
    font-weight: 600;
}

.three-col-pricing .rating {
    color: #2d9695;
}

/* three advance plan col pricing */
.three-col-pricing .advance-plan.pricing-item-two .price-upper-column {
    background: #2d9695;
    transition: 1s;
}

.three-col-pricing .advance-plan .price h2,
.three-col-pricing .advance-plan .rating,
.three-col-pricing .advance-plan .price_title h4,
.three-col-pricing .advance-plan span {
    color: #ffffff;
}

.three-col-pricing .advance-plan.pricing-item-two:hover .price-upper-column {
    background: #ffffff;
}

.three-col-pricing .advance-plan.pricing-item-two:hover .price h2,
.three-col-pricing .advance-plan.pricing-item-two:hover .price_title h4,
.three-col-pricing .advance-plan.pricing-item-two:hover span {
    color: #18191d;
}

.three-col-pricing .advance-plan.pricing-item-two:hover .rating {
    color: #2d9695;
}

.three-col-pricing .price-down-column {
    padding: 2rem 0;
}

.three-col-pricing .price-description {
    padding: 0 0 2rem 0;
    max-width: 250px;
    margin: 0 auto;
}

.three-col-pricing .price-description p {
    display: flex;
}

.three-col-pricing .price-description p:before {
    font-family: 'themify';
    content: "\e64c";
    color: #30e512;
    margin-right: 8px;
    width: 20px;
}

.three-col-pricing .price-box {
    border: none;
    padding-bottom: 0;
    margin: 0 auto;
    width: 130px;
    text-align: left;
}

.three-col-pricing .price {
    padding: 5px 0 5px;
}

.three-col-pricing .pricing-item-two:hover .price_title h4,
.three-col-pricing .pricing-item-two:hover .price h2,
.three-col-pricing .pricing-item-two:hover span,
.three-col-pricing .pricing-item-two:hover .rating {
    color: #fff;
}

.three-col-pricing .pricing-item-two:hover .btn-transparent2 {
    background: #2d9695;
    border-color: #2d9695;
    color: #fff;
}

.three-col-pricing .advance-plan.pricing-item-two:hover .btn-yellow {
    background: transparent;
    border-color: #18191d;
    color: #18191d;
}