.brand-logo {
  max-width: 200px;
}

@media (max-width: 1399px) {
  .brand-logo {
    max-width: 180px;
  }
}

@media (max-width: 1199px) {
  .brand-logo {
    max-width: 170px;
  }
}

@media (max-width: 767px) {
  .brand-logo {
    max-width: 150px;
  }
}

@media (max-width: 575px) {
  .brand-logo {
    max-width: 90px;
  }
}

.clases-img {
  max-width: 600px;
}

/* Fancy Boxes */

.fancy-icon-boxes-v2 .fancy-icon-box {
  border-radius: 7px;
  border-left-color: var(--color-ma-green);
  border-left-width: 5px;
  border-left-style: solid;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(219, 219, 219, 0.41);
  box-shadow: 0px 10px 30px 0px rgba(219, 219, 219, 0.41);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.fancy-icon-boxes-v2 h4 {
  color: var(--color-ma-green);
  cursor: pointer;
}

.fancy-icon-boxes-v2 .fancy-icon-box .box-icon {
  color: #ff0101;
  font-size: 55px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 55px;
  flex: 0 0 55px;
  line-height: 0.5;
}

.fancy-icon-boxes-v2 .fancy-icon-box .box-icon img,
.fancy-icon-boxes-v2 .fancy-icon-box .box-icon i {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.fancy-icon-boxes-v2 .fancy-icon-box .box-icon img {
  max-width: 55px;
}

.fancy-icon-boxes-v2 .fancy-icon-box .box-content .title {
  font-size: 24px;
  margin-bottom: 15px;
}

.fancy-icon-boxes-v2 .fancy-icon-box:hover::before,
.fancy-icon-boxes-v2 .fancy-icon-box:hover::after {
  height: 100%;
  visibility: visible;
}

.fancy-icon-boxes-v2 .fancy-icon-box:hover .box-icon img,
.fancy-icon-boxes-v2 .fancy-icon-box:hover .box-icon i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}


/* Pricing Area */

.pricing-area {
  background-color: aliceblue;
}


/*======= Pricing Table Two =======*/
.pricing-table-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: normal;
  gap: 50px;
  background-color: var(--color-white);
  padding: 45px 35px;
  border: 2px solid #e5ecfc;
  border-radius: 12px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: auto;
}

.pricing-table-two:hover {
  border-color: transparent;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(206, 189, 224, 0.36);
  box-shadow: 0px 10px 30px 0px rgba(206, 189, 224, 0.36);
}

.pricing-table-two .left-content {
  width: 30%;
  align-self: baseline;

  h4 {
    color: rgba(202, 91, 90);
  }
}

.pricing-table-two .right-content {
  width: 70%;
}

.pricing-table-two .plan-name {
  font-size: 17px;
  line-height: 1;
  color: var(--color-white);
  background-color: var(--color-ma-red);
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
  margin-bottom: 35px;
  -webkit-box-shadow: 0px 7px 25px 0px rgba(var(--color-ma-red), 0.4);
  box-shadow: 0px 7px 25px 0px rgba(var(--color-ma-red), 0.4);
}

.pricing-table-two .plan-cost {
  line-height: 1;
  letter-spacing: -1px;
}

.pricing-table-two .plan-cost .currency {
  color: var(--color-ma-red);
  font-size: 24px;
  top: -25px;
  position: relative;
}

.pricing-table-two .plan-cost .price {
  font-size: 65px;
  line-height: 1;
  color: var(--color-heading-3);
}

.pricing-table-two .plan-cost .plan-type {
  color: var(--color-body);
  font-size: 17px;
  margin-left: 5px;
}

.pricing-table-two .plan-feature li {
  color: var(--color-body);
  font-size: 17px;
  position: relative;
  line-height: 1.5;
}

.pricing-table-two .plan-feature li:not(:last-child) {
  margin-bottom: 10px;
}

.pricing-table-two .plan-feature li:after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  font-weight: 900;
  color: var(--color-ma-red);
}

.pricing-table-two .plan-feature li.disabled-feature:after {
  color: #b2c5f7;
}

.pricing-table-two .template-btn {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .ma-table {
    padding: 15px;
  }

  .ma-table td {
    padding: 0.2rem;
  }

  .ma-table th {
    padding: 0.2rem;
  }

  .pricing-table-two .plan-name {
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .pricing-table-two .left-content {
    text-align: center;
    margin: auto;
  }
}

/* Colors */
/* 
green: rgba(81, 188, 186, 0.5) 0%, 
red: rgba(202, 91, 90, 0.8) 100%); 
black: rgba(61, 61, 59, 1) 
*/

.wa-logo {
  margin-top: -5px;
  width: 20px;
}

#seemoreplans,
#seelessplans {
  cursor: pointer;
  color: rgba(61, 61, 59, 1);
}

.ma-table {
  overflow: auto;

  th {
    white-space: nowrap;
    color: rgba(61, 61, 59, 1);
    text-align: center;
  }

  td {
    white-space: nowrap;
    color: rgba(202, 91, 90);
    text-align: center;
  }
}

a:hover {
  color: var(--color-ma-green);
}

.ma-app-btn {
  color: var(--color-ma-red);
  background-color: transparent;
}

.class-details {
  font-size: smaller;
}