.plan-boxrr{width:40%;}
.headingsubtitle { width: 100%; height: auto; float: left;  display: block;  font-size: 23px;  text-align: center;}
.headingsubtitle span {  padding: 8px 24px;  border-radius: 5px;  background-color: #ff7726;  color: #fff;  font-weight: 400;}
    /* Base Styles */
    /*body { font-family: Arial, sans-serif; margin: 0; background: #fff; padding: 20px; box-sizing: border-box;}
    h2, p {text-align: center; margin: 10px 0; }*/
    
    
.plans-container .high a{cursor:pointer!important;}
.plans-container .standard a{cursor:default!important;}
.plans-container .fa-linux{font-size: 45px;  float: left;  margin-top: 9px;}
.plans-container .fa-windows{font-size: 36px;  float: left;  margin-top: 9px;}

.plans-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 1000px; margin: 20px auto;}
/* Plan Boxes */
.plan-boxrr a { display: block; text-decoration: none; color: inherit; padding: 10px 15px; border-radius: 8px; text-align: center;
 transition: transform 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);}
.plan-boxrr a:hover { transform: translateY(-5px);    }
.standard a { background-color: #007bff; color: #fff; }
.high a { background-color: #f1f1f1; color: #000; }
.plan-title { font-size: 22px !important;  font-family: Arial; font-weight: bold; margin-bottom: 2px; }
.plan-desc { font-size: 15px; line-height: 1.5; }
@media screen and (max-width: 768px) {
  .plans-container { flex-direction: column; align-items: center; }
  .plan-boxrr { width: 90%; }
}