.plan{
   padding: 20px 0;
   .section_heading{
     text-align: center;
     h2{
       color: $black;
       font-weight: 600;
     }
     p{
       font-size: 15px;
       padding: 0 420px;
       text-align: center;
       padding-top: 15px;
     }
   }
  .plan_wrapper{
     padding-top: 40px;

     .plan_wrap{
        height: 500px;
        width: 100%;
        border: 1px solid #c7c7c7;
        border-radius: 10px;
        padding: 20px;
        &:hover{
          background-color: $primaryColor;
        }
        &:hover .plan_title{
         color: $white;
        }
        &:hover h2{
          color: $white;
         }
         &:hover h2 span{
          color: $white;
         }
         &:hover h5{
          color: $white;
         }
         &:hover ul li{
          color: $white;
         }
         &:hover ul li i{
          color: $white;
         }
         &:hover .plan_btn a{
          color: $black;
          background-color: $white;
         }
        .plan_title{
          text-align: center;
          font-size: 20px;
          color: #0F0449;
          font-weight: 500;
        }
        h2{
          font-size: 45px;
          font-weight: 700;
          color: #0F0449;
          padding: 28px 0 12px 0;
          text-align: center;
          span{
            font-size: 18px;
            color: $text;
            font-weight: 400;
          }
        }
        h5{
          text-align: center;
          font-size: 18px;
          color: $black;
          font-weight: 500;
        }
        ul{
           padding: 30px 0 30px 45px;
           li{
            font-size: 16px;
            font-weight: 400;
            color: $text;
            padding: 6px 0;
            i{
              color: $primaryColor;
              padding-right: 6px;
            }
           }
        }
        .plan_btn{
            margin-top: 40px;
            text-align: center;
          a{
             @include button;
          }
        }
     }
  }
}