.course-button {
  background-color: #f39c34;
  border: none ;
  border-radius: 20px ;
  padding: 2px 28px ;
  display: inline-block ;
  margin-right: 12px ;
  transition: background-color 0.3s ease ;
}

.enroll-button {
  background-color: #054676 ;
  border: none ;
  border-radius: 20px ;
  padding: 2px 18px ;
  display: inline-block ;
  transition: background-color 0.3s ease ;
}

.course-button a,
.course-button a:active {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
}

.course-button a:hover {
  color: #000000 !important;
  text-decoration: none !important;
}

.enroll-button a,
.enroll-button a:active {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
}

.enroll-button a:hover {
  color: #000000 !important;
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {
  .course-button,
  .enroll-button {
    margin-top: 24px;         /* Adds extra space on top */
    vertical-align: middle;   /* Ensures both buttons align perfectly */
  }
	
	
	
	.course-button {
  background-color: #f39c34;
  border: none ;
  border-radius: 20px ;
  padding: 2px 28px ;
  display: inline-block ;
  margin-right: 12px ;
  transition: background-color 0.3s ease ;
}
.enroll-button {
  background-color: #054676 ;
  border: none ;
  border-radius: 20px ;
  padding: 2px 18px ;
  display: inline-block ;
  transition: background-color 0.3s ease ;
}
.course-button a,
.course-button a:active {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
}
.course-button a:hover {
  color: #000000 !important;
  text-decoration: none !important;
}
.enroll-button a,
.enroll-button a:active {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
}
.enroll-button a:hover {
  color: #000000 !important;
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  .course-button,
  .enroll-button {
    margin-top: 24px;
    vertical-align: middle;
  }
}

/* ===== FOOTER CSS ===== */
.footer-bar,.footer-widgets-container,.footer-widgets,#colophon .site-info,.savoy-footer-bar,.site-footer .footer-bar-wrap,.footer-bar-wrap{display:none!important}
.site-footer,#colophon{padding:0!important;background:#0a0a0a!important}
.footer-widgets-columns-1,.footer-widgets-columns-2,.footer-widgets-columns-3,.footer-widgets-columns-4,.widget-area.footer-1,.widget-area.footer-2,.widget-area.footer-3,.widget-area.footer-4{display:none!important}
.textwidget{max-width:100%!important;padding:0!important}
.widget{margin:0!important;padding:0!important}
@media(max-width:768px){.sf-row{flex-direction:column!important;gap:36px!important}.sf-brand{max-width:100%!important}.sf-links{grid-template-columns:1fr 1fr!important}.sf-wrap{padding:40px 24px 0!important}}
@media(max-width:480px){.sf-links{grid-template-columns:1fr!important}}

/* ===== FORCE REMOVE ANY THEME FOOTER AREA ===== */

/* Hide all possible footer wrappers */
#colophon,
.site-footer,
.footer-bar,
.footer-widgets,
.footer-widgets-container,
.site-info,
.ast-footer-copyright,
.footer-bar-wrap,
.savoy-footer-bar {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Remove outer container spacing */
body .site,
body .content-area,
body .site-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Fix any leftover gray section */
body {
  background: #000 !important;
}

/* Ensure your footer touches bottom */
.sf-wrap {
  margin-bottom: 0 !important;
}