.elementor-10662 .elementor-element.elementor-element-c3f10c1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10662 .elementor-element.elementor-element-c3f10c1:not(.elementor-motion-effects-element-type-background), .elementor-10662 .elementor-element.elementor-element-c3f10c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theacademyoffinance.org/wp-content/uploads/sites/2/2025/06/fearless-girl.webp");}.elementor-10662 .elementor-element.elementor-element-c3f10c1 > .elementor-background-overlay{background-color:#000023;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10662 .elementor-element.elementor-element-c3f10c1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 30px 30px 30px;}.elementor-10662 .elementor-element.elementor-element-b89531c .aheto-heading__desc{text-align:center;color:#FFFFFF;font-family:"Adobe-Caslon-Pro", Sans-serif;font-size:20px;line-height:30px;}.elementor-10662 .elementor-element.elementor-element-b89531c .aheto-heading__title{text-align:center;color:#FFFFFF;font-size:50px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;}.elementor-10662 .elementor-element.elementor-element-b89531c .aheto-heading__subtitle{color:#FFFFFF;font-weight:400;letter-spacing:0.32px;}.elementor-10662 .elementor-element.elementor-element-65b29da{--display:flex;}.elementor-10662 .elementor-element.elementor-element-eda3204 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-10662 .elementor-element.elementor-element-c3f10c1:not(.elementor-motion-effects-element-type-background), .elementor-10662 .elementor-element.elementor-element-c3f10c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-10662 .elementor-element.elementor-element-c3f10c1 > .elementor-background-overlay{opacity:0.64;}.elementor-10662 .elementor-element.elementor-element-c3f10c1{padding:100px 20px 100px 20px;}.elementor-bc-flex-widget .elementor-10662 .elementor-element.elementor-element-6d8f4d9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10662 .elementor-element.elementor-element-6d8f4d9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10662 .elementor-element.elementor-element-b89531c .aheto-heading__title{font-size:30px;}}/* Start custom CSS */.elementor-62 .elementor-element.elementor-element-518baed div.swiper-button-prev, .elementor-62 .elementor-element.elementor-element-518baed div.swiper-button-next {
    display: none;
}


/* Add black overlay (50% opacity) to the banner background */
.aheto-banner-slider-wrap.s-back-switch::before {
    content: "" !important;
    position: absolute!important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.7 ) !important; /* Black with 50% opacity */
    z-index: 0 !important; /* Ensures it stays behind the text */
}

/* Make sure text/content stays above the overlay */
.aheto-banner-slider__content {
    position: relative !important;
    z-index: 1 !important;
}

/* Mobile styles (max-width: 767px) */
@media (max-width: 767px) {
  /* Black overlay (50% opacity) */
  .aheto-banner-slider-wrap.s-back-switch::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
  }

  /* Center content vertically & horizontally */
  .aheto-banner-slider-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important; /* Full viewport height */
  }

  /* Ensure text & buttons stay centered and readable */
  .aheto-banner-slider__content {
    position: relative;
    z-index: 1;
    text-align: center; /* Center-align text */
    width: 90%; /* Prevent text from touching edges */
    margin: 0 auto; /* Horizontal centering */
    padding: 20px 0; /* Add some spacing */
  }

  /* Adjust title & text size for mobile */
  .aheto-banner__title {
    font-size: 30px !important;
    line-height: 1.2em !important;
    margin-bottom: 15px !important;
  }

  .aheto-banner-slider__desc {
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }

  /* Stack buttons vertically on mobile */
  .aheto-banner-slider__links {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; /* Space between buttons */
    align-items: center !important;
  }

  /* Button styling adjustments */
  .aheto-banner-slider__links .aheto-link,
  .aheto-banner-slider__links .aheto-btn {
    width: 80%; /* Make buttons wider */
    max-width: 250px; /* But not too wide */
    margin: 0 !important;
  }
}

/* Force image height to 300px and maintain aspect ratio */
  .elementor-post__thumbnail img {
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important; /* Ensures images fill space without stretching */
  }
  
  /* Adjust grid item container height */
  .elementor-post.elementor-grid-item {
    height: auto !important; /* Allow content to expand naturally */
  }
  
  /* Ensure the thumbnail container respects the height */
  .elementor-post__thumbnail {
    height: 200px !important;
    overflow: hidden !important; /* Hide overflow if needed */
  }
  
  #swiper-unique-0 > div > div > div > div > div > a.aheto-btn.aheto-btn--primary{
          padding: 20px 80px !important;
  }
  
  
  body > div.container > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-1300240.animated-slow.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.animated.fadeIn > div > div > div > div.elementor-element.elementor-element-1b96768.elementor-widget.elementor-widget-aheto_heading > div > div > h4{
      font-size: 20px !important;
  }
  
.aheto-btn.aheto-btn--light:hover {
    background: #f3f2f278 !important;
}

<h4 class="aheto-heading__title">Our mission is to provide educational opportunities specific to finance for a wide range of potential students. We believe that sound financial education can directly enrich the lives of people from all walks of life. As the world has progressed over recent decades, opportunities for advancing financial education have been left behind. Our mission is to fill this void and enrich the lives of our students.</h4>{
        font-size: 20px !important;
}/* End custom CSS */