* {
    box-sizing: border-box;
}


.columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}

/*----desiging h2----*/
h2{
    text-align:center;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 25px;
    color: #000000;

}

/*----desiging button----*/
.button {
    background-color: chartreuse;
    border: none;
    color: rgb(0, 0, 0);
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    border-radius: 5px;
}
.button:hover {
    color: ivory;
    background-color: red;
}

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}

/*----designing table----*/
table,th,td {
    border:1px solid black;
    background-color:#ffccc6;
}
caption { 
    display: table-caption;
    text-align: left;
    
}

/*---- next section of page i.e pricing table----*/
.bg-gradient {
    background: #C9D6FF;
    background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF); 
    background: linear-gradient(to right, #E2E2E2, #C9D6FF);
    } 
    ul li {
      margin-bottom:1.4rem;
    }
    .pricing-divider {
    border-radius: 20px;
    background: #ff0000e6;
    padding: 1em 0 4em;
    position: relative;
    }
    .blue .pricing-divider{
    background: #000000; 
    }
    .green .pricing-divider {
    background:  #b913c4; 
    }
    .red b {
      color:#ff0000e6;
    }
    .blue b {
      color:#000000; 
    }
    .green b {
      color:#b913c4;
    }
    .pricing-divider-img {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 80px;
    }
    .deco-layer {
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
    }
    .btn-custom  {
      background:#C64545; color:#fff; border-radius:20px
    }
    
    .img-float {
      width:50px; position:absolute;top:-3.5rem;right:1rem
    }
    
    .princing-item {
      transition: all 150ms ease-out;
    }
    .princing-item:hover {
      transform: scale(1.05);
    }
    .princing-item:hover .deco-layer--1 {
      -webkit-transform: translate3d(15px, 0, 0);
      transform: translate3d(15px, 0, 0);
    }
    .princing-item:hover .deco-layer--2 {
      -webkit-transform: translate3d(-15px, 0, 0);
      transform: translate3d(-15px, 0, 0);
    }