/* var(--icon-size): 3rem;
var(--icon-color): #D8D8D8;
var(--main-color): #F85E6A; */


:root{
    --icon-size: 3rem;
    --icon-color: #D8D8D8;
    --main-color: #F85E6A;
}

/* // Pricing table */
.price{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pricing-table {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
    width: 100%;
    .pricing-option {
        width: 18%;
        background:white;
        float: left;
        padding: 2%;
        text-align: center;
        transition: all .3s ease-in-out;
        &:nth-child(even) {
            margin: 0;
        }
        &:hover {
            cursor: pointer;
            box-shadow: 0px 2px 30px rgba(0,0,0,0.3);
            transform: scale(1.04);
            i, h1, span, b {
                color: var(--main-color);
            }
            .front {
                opacity: 0;
                visibility: hidden;
            }
            .back {
                opacity: 1 !important;
                visibility: visible !important;
                a.button {
                    transform: translateY(0px) !important;
                }
            }
        }
        hr {
            border:none;
            border-bottom: 1px solid #F0F0F0;
        }
        i {
            font-size: var(--icon-size);
            color: var(--icon-color);
            transition: all .3s ease-in-out;
        }
        h1 {
            margin: 10px 0;
            color: #212121;
            transition: all .3s ease-in-out;
            font-size: 22px;
        }
        p {
            color: #999;
            padding: 0 10px;
            line-height: 1.3;
            font-family: "Anek Tamil", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            font-variation-settings:
                "wdth" 100;
        }
        .price {
            position: relative;
            .front {
                span.price {
                    font-size: 2rem;
                    text-transform: uppercase;
                    margin-top: 20px;
                    display: block;
                    font-weight: 700;
                    position: relative;
                    b {
                        position: absolute;
                        font-size: 1rem;
                        margin-left: 2px;
                        font-weight: 600;
                    }
                }
            }
            .back {
                opacity: 0;
                visibility: hidden;
                transition: all .3s ease-in-out;
                a.button {
                    background: var(--main-color);
                    padding: 15px 20px;
                    display: inline-block;
                    text-decoration: none;
                    color: white;
                    position: absolute;
                    font-size: 13px;
                    top: -5px;
                    left: 0;
                    right: 0;
                    width: 150px;
                    margin: auto;
                    text-transform: uppercase;
                    transform: translateY(20px);
                    transition: all .3s ease-in-out;
                    &:hover {
                        background: darken(var(--main-color), 10%);
                    }
                }
            }
        }
    }
}


/* // Responsive */
@media screen and (max-width: 600px) {
    .pricing-table {
        .pricing-option {
            padding: 5%;
            width: 90%;
            &:nth-child(even) {
                margin: 30px 0 !important;
            }
        }
    }
}


.tamil{
    font-family: "Anek Tamil", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            font-variation-settings:
                "wdth" 100;
                color: #212121;
                text-align: center;
                margin-bottom: 3rem;
                font-size: 28px;
}

.third-content{
    display: flex;
    justify-content: space-around;
    align-items: start;
}

.third-content img{
    width: 700px;
}