.cloud-plans__small-title {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.25rem;
  letter-spacing: -0.0274rem;
}

.cloud-plans__subtitle {
  font-family: Roboto;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: .025rem;
}

.cloud-plans__subtitle_2{
  font-size: 1rem;
}

.cloud-plans__choose-your-plan{
  padding-bottom: 4rem;
  padding-top: 2rem;
}

.cloud-plans__cloud-plan {
  gap: .75rem;
  border-radius: 4px;
  padding-top: 2.375rem;
  padding-bottom: 4.25rem;
  padding-inline: 1.9375rem;
}

.cloud-plans__need-sign-in {
  display: flex;
  align-items: center;
  margin-top: 3.5rem;
}

.cloud-plans__need-sign-in p {
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: .0313rem;
}

.cloud-plans__cloud-plan--with-label {
  position: relative;
}

.cloud-plans__cloud-plan--with-label label {
  padding-inline: 2rem;
  width: 100%;
}

.cloud-plans__cloud-plan--with-label label p {
  position: absolute;
  background-color: #E6F9E7;
  color: #44B04C;
  top: calc(-13px - 2.375rem);
  font-size: .625rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: .0938rem;
  text-align: center;
  border-radius: 4px;
  padding: .25rem 2rem;
  text-transform: uppercase;
}

.cloud-plans__cloud-plan h4 {
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0275rem;
}

.cloud-plans__cloud-plan button {
  padding: .25rem 2rem;
  font-weight: 700;
  margin: 0 auto;
  width: 100%;
}

.cloud-plans__cloud-plan button.button--secondary {
  border: 1px solid #DFDFDF;
}

.cloud-plans__cloud-plan--disabled a {
  cursor: default;
}

.cloud-plans__cloud-plan--disabled button,
.cloud-plans__cloud-plan--disabled button:hover {
  border: none !important;
  color: #00000099 !important;
  cursor: default;
}

.cloud-plans__cloud-plan footer b {
  padding-inline: 0.2rem;
}

.cloud-plans__cloud-plan__content {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-top: 2rem;
  letter-spacing: 0px;
  color: var(--on-surface-medium-emphasis);
}

.cloud-plans__cloud-plan picture {
  position: relative;
}

.cloud-plans__cloud-plan picture p {
  position: absolute;
  width: 100%;
  bottom: 5px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  letter-spacing: 0px;
  color: var(--on-surface-medium-emphasis);
}

.cloud-plans__cloud-plans-list--premium picture p {
  color: var(--on-primary-300);
}

.cloud-plans__cloud-plan footer {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: .025rem;
}

.cloud-plans__cloud-plan label {
  position: absolute;
}

.button-color--secondary {
  background-color: var(--secondary-700);
}

.button--secondary.button-color--secondary {
  background-color: inherit;
  color: var(--secondary-700);
}

.button--secondary.button-color--secondary:hover {
  background-color: inherit;
  color: var(--secondary-300);
}

.button-color--secondary:hover {
  background-color: var(--secondary-300);
}

.cloud-plans__need-more-space {
  padding-block: 3.625rem;
}

.cloud-plans__need-more-space h4 {
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.0275rem;
  color: var(--on-surface-high-emphasis);
}

.cloud-plans__plans {
  padding: 3.6875rem 0 5.5625rem 0;
}

.cloud-plans__plans p {
  color: var(--on-surface-high-emphasis);
}

.cloud-plans__plans a {
  text-decoration: underline;
}

#main #premium-subscription-variations {
  font-family: "century-gothic";
  color: #3e4349;
}

#main .monthly-button,
#main .yearly-button {
  font-weight: 600;
  background-color: #15c75b;
  margin-bottom: 4%;
  padding-left: 0px;
  padding-right: 0px;
}

#main .monthly-button,
#main .yearly-button,
#main .disabled-button {
  min-width: 137px;
}

#main .monthly-button:focus,
#main .monthly-button:hover {
  background-color: #10a84d;
}

#main .yearly-button {
  background-color: #02aced;
}

#main .yearly-button:focus,
#main .yearly-button:hover {
  background-color: #607d8b;
}

#main .variation-group {
  border-radius: 15px 15px 15px 15px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #cecece;
  box-shadow: 0px 0px 41px 0px #cecece;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0% 2% 0% 0%;
  flex: 0 1 220px;
  margin: 5px;
}

#heading-divider {
  --divider-border-style: solid;
  --divider-color: #e84131;
  --divider-border-width: 3px;
}

#main .writeup-content h2 {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
}

#main .disabled-button {
  font-weight: 600;
  fill: #ababab;
  color: #ababab;
  background-color: #fbfbfb;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #ababab;
}

#main .monthly-button,
#main .yearly-button {
  text-transform: uppercase;
}

#main .monthly-button-widget {
  margin-bottom: 2%;
}

#main #heading-divider .elementor-widget-container {
  margin: -10px 0px 0px 0px;
}

#main #heading-divider .elementor-divider-separator {
  width: 5%;
}

#main .disabled-button:hover,
#main .disabled-button:focus {
  background-color: #ececec;
}

#main .disabled-image {
  filter: grayscale(100%);
}

#main #premium-subscription-variations {
  margin-top: 5%;
}

#main #variations-row {
  flex-wrap: wrap;
  justify-content: center;
}

#main #support-email-link {
  color: #ff9801;
}

#main #error-no-creds {
  margin-top: 20px;
}

#premium-subscription-variations .elementor-container {
  justify-content: center;
  padding: 0 calc((100% - (220px * 3) - (5px * 7))/2);
  /* 3 is number of columns per row, 7 is margin on each side of the grid + 1 */
}