.jodit-container p,
.jodit-viewer p {
  margin-bottom: 0 !important;
}

/* All GIF  */

/* home_pic 16/9 */
img#home_pic_container[src$=".gif"] {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}

/* logo_txt (title image) 2/1  */
img#logo_txt_container[src$=".gif"] {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
}

/* logo (home right side) 1/1 – same size as non-GIF  */
.logoContainer .headLogo img[src$=".gif"],
.headLogo img[src$=".gif"] {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* footer_logo 471/133  */
.footerlogo img[src$=".gif"] {
  aspect-ratio: 471 / 133;
  object-fit: cover;
  object-position: center;
}

/* right_logo 306/215 */
.right-logo-col img[src$=".gif"] {
  aspect-ratio: 306 / 215;
  object-fit: cover;
  object-position: center;
}

/* logo_header (lower page header image) 912/91 */
.header img[src$=".gif"] {
  aspect-ratio: 912 / 91;
  object-fit: cover;
  object-position: center;
}

/* header_bg (lower page header background) 1990/199 */
.header.header-bg-gif {
  display: block;
  width: 100%;
  aspect-ratio: 1990 / 199;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.monthly-payment-card {
  border: 1px solid #e5edf5;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(31, 41, 51, .06);
  overflow: hidden;
}

.monthly-payment-card .card-header {
  background: #f8fbfe;
  border-bottom: 1px solid #e5edf5;
  color: #405166;
  font-size: .88rem;
  padding: .8rem 1rem;
}

.monthly-payment-card .card-header .row,
.monthly-payment-card .card-body > .row {
  align-items: center;
}

.monthly-payment-card .card-body {
  padding: 1rem;
}

.monthly-payment-card .purchase-lesson-image {
  aspect-ratio: 1 / 1;
  background: #f1f5f9;
  border: 1px solid #e5edf5;
  border-radius: 8px;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.monthly-payment-card .purchase-lesson-title {
  color: #202d3a;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
  margin: .35rem 0 .55rem;
}

.monthly-payment-card .badge {
  border-radius: 999px;
  font-weight: 700;
  padding: .35rem .55rem;
}

.monthly-payment-card h5,
.monthly-payment-card h6 {
  color: #405166;
  line-height: 1.45;
}

.monthly-payment-card h6 {
  font-size: .92rem;
}

.monthly-payment-card .table-borderless {
  color: #405166;
  font-size: .9rem;
  margin-bottom: .35rem;
}

.monthly-payment-card .table-borderless td {
  padding: .1rem .35rem .1rem 0;
}

.monthly-payment-card .btn {
  border-radius: 6px;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .monthly-payment-card .card-body {
    padding: .85rem;
  }

  .monthly-payment-card .purchase-lesson-image {
    max-height: 210px;
  }
}