@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

.gln-pricing-wrapper,
.gln-pricing-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gln-pricing-column {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 15px
}
.gln-pricing-title-section {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.gln-pricing-title-section h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
}
.gln-pricing-title-section h3 span {
    margin-left: 20px;
    font-weight: 700;
}
.gln-pricing-title-section p {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    background-color: #2b5aa5;
    color: #fff;
    border-radius: 40px;
    padding: 10px 20px;
    margin-bottom: 0;
}
.gln-pricing-description-section {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}
.gln-pricing-column.active {
    background-color: var(--gln-site-primary-color);
}
.gln-pricing-column.active .gln-pricing-description-section,
.gln-pricing-column.active .gln-pricing-title-section h3 {
    color: var(--gln-site-white-color);
}
.gln-pricing-column.active .gln-pricing-title-section p {
    background-color: var(--gln-site-white-color);
    color: var(--gln-site-primary-color);
}
.gln-checkout-btn {
    background-color: #cd0000;
    border: 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 40px;
    padding: 10px 20px;
}
.gln-sub-check-wrapper label {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.gln-sub-check-wrapper label span {
    font-weight: 700;
}
.gln-hidden {
    display: none;
}
.gln-sub-check-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
:root {
  --form-control-disabled: #959495;
  --gln-site-primary-color: #2b5aa5;
  --gln-site-pricing-bg-color: #f8f8f8;
  --gln-site-white-color: #fff;
}
#gln-sub-check {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}
#gln-sub-check::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--gln-site-primary-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}
#gln-sub-check:checked::before {
  transform: scale(1);
}
#gln-sub-check:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
#gln-sub-check:disabled {
  --gln-site-primary-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
@media (hover: hover) {
    .gln-pricing-column:hover {
        background-color: var(--gln-site-primary-color);
    }
    .gln-pricing-column:hover .gln-pricing-description-section,
    .gln-pricing-column:hover .gln-pricing-title-section h3 {
        color: var(--gln-site-white-color);
    }
    .gln-pricing-column:hover .gln-pricing-title-section p {
        background-color: var(--gln-site-white-color);
        color: var(--gln-site-primary-color);
    }
}
@media only screen and (max-width:480px) {
    .gln-pricing-title-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .gln-pricing-description-section {
        font-size: 16px;
    }
}
@media only screen and (min-width:500px) and (max-width:840px) {
    .gln-pricing-title-section h3 {
        font-size: 18px;
    }
    .gln-pricing-title-section h3 span {
        margin-left: 10px;
    }
    .gln-pricing-description-section {
        font-size: 16px;
    }
}