/* Index Main Image Bar */
section.section.atp-spotlight-background {
    background-image: url(../atp-spotlight/images/atp-spotlight_banner_main_page_1903x450.png);
    background-color: #000000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Medium screen image */
@media (max-width: 1440px){
    section.section.atp-spotlight-background {
        background-image: url(../atp-spotlight/images/atp-spotlight_banner_main_page_1440x450.png);
    }
}

/* Medium screen image */
@media (max-width: 1024px) {
    section.section.atp-spotlight-background {
        background-image: url(../atp-spotlight/images/atp-spotlight_banner_main_page_1024x450.png);
    }
}

/* Small screen image */
@media (max-width: 768px) {
    section.section.atp-spotlight-background {
        background-image: url(../atp-spotlight/images/atp-spotlight_banner_main_page_768x450.png);
    }
}

/* Extra small screen image, for mobile devices */
@media (max-width: 480px) {
    section.section.student-spotlight-background {
        background-image: url(../atp-spotlight/images/images/atp-spotlight_banner_main_page_480x450.png);
    }
}

/* Index Main Image Bar */
section.section.atp-spotlight-profile-background-mansolhab {
    background-image: url(../atp-spotlight/images/monsolhab_spotlight_banner_indv_page_1903x450.png);
    background-color: #000000;
    background-position: top center; /* Align image to the top and center it horizontally */
    background-size: cover; /* Stretch the image to cover the full width */
    background-repeat: no-repeat;
    width: 100%;
    max-height: 450px; /* Limit the height to a maximum of 450px */
    height: auto; /* Allow the height to adjust but not exceed max-height */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Align content at the top */
    overflow: hidden; /* Ensure any excess image is hidden */
}

/* Medium screen image */

@media (max-width: 1440px){
   section.section.atp-spotlight-profile-background-mansolhab {
        background-image: url(../atp-spotlight/images/monsolhab_spotlight_banner_indv_page_1440x450.png);
    }
}

/* Medium screen image */
@media (max-width: 1024px) {
    section.section.atp-spotlight-profile-background-mansolhab {
        background-image: url(../atp-spotlight/images/monsolhab_spotlight_banner_indv_page_1020x450.png);
    }
}

/* Small screen image */
@media (max-width: 768px) {
    section.section.atp-spotlight-profile-background-mansolhab {
        background-image: url(../atp-spotlight/images/monsolhab_spotlight_banner_indv_page_768x450.png);
    }
}

/* Extra small screen image, for mobile devices */
@media (max-width: 480px) {
    section.section.atp-spotlight-profile-background-mansolhab {
        background-image: url(../atp-spotlight/images/images/monsolhab_spotlight_banner_indv_page_480x450.png);
    }
}
section.section.atp-spotlight-profile-background-technocrats {
    background-image: url(../atp-spotlight/images/technocrats_spotlight_banner_indv_page_1903x450.png);
    background-color: #000000;
    background-position: top center; /* Align image to the top and center it horizontally */
    background-size: cover; /* Stretch the image to cover the full width */
    background-repeat: no-repeat;
    width: 100%;
    max-height: 450px; /* Limit the height to a maximum of 450px */
    height: auto; /* Allow the height to adjust but not exceed max-height */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Align content at the top */
    overflow: hidden; /* Ensure any excess image is hidden */
}

/* Medium screen image */

@media (max-width: 1440px){
   section.section.atp-spotlight-profile-background-technocrats {
        background-image: url(../atp-spotlight/images/technocrats_spotlight_banner_indv_page_1440x450.png);
    }
}

/* Medium screen image */
@media (max-width: 1024px) {
    section.section.atp-spotlight-profile-background-technocrats {
        background-image: url(../atp-spotlight/images/technocrats_spotlight_banner_indv_page_1020x450.png);
    }
}

/* Small screen image */
@media (max-width: 768px) {
    section.section.atp-spotlight-profile-background-technocrats {
        background-image: url(../atp-spotlight/images/technocrats_spotlight_banner_indv_page_768x450.png);
    }
}

/* Extra small screen image, for mobile devices */
@media (max-width: 480px) {
    section.section.atp-spotlight-profile-background-technocrats {
        background-image: url(../atp-spotlight/images/images/technocrats_spotlight_banner_indv_page_480x450.png);
    }
}
/* Index Main Image Bar */
section.section.atp-spotlight-profile-background-kelemarc {
    background-image: url(../atp-spotlight/images/kelemarc_atp_spotlight_banner_1903x450.png);
    background-color: #000000;
    background-position: top center; /* Align image to the top and center it horizontally */
    background-size: cover; /* Stretch the image to cover the full width */
    background-repeat: no-repeat;
    width: 100%;
    max-height: 450px; /* Limit the height to a maximum of 450px */
    height: auto; /* Allow the height to adjust but not exceed max-height */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Align content at the top */
    overflow: hidden; /* Ensure any excess image is hidden */
}

/* Medium screen image */
@media (max-width: 1440px){
   section.section.atp-spotlight-profile-background-kelemarc {
        background-image: url(../atp-spotlight/images/kelemarc_atp_spotlight_banner_1440x450.png);
    }
}

/* Medium screen image */
@media (max-width: 1024px) {
    section.section.atp-spotlight-profile-background-kelemarc {
        background-image: url(../atp-spotlight/images/kelemarc_atp_spotlight_banner_1024x450.png);
    }
}

/* Small screen image */
@media (max-width: 768px) {
    section.section.atp-spotlight-profile-background-kelemarc {
        background-image: url(../atp-spotlight/images/kelemarc_atp_spotlight_banner_768x450.png);
    }
}

/* Extra small screen image, for mobile devices */
@media (max-width: 480px) {
    section.section.atp-spotlight-profile-background-kelemarc {
        background-image: url(../atp-spotlight/images/kelemarc_atp_spotlight_banner_480x450.png);
    }
}



/* Style for h2 with class color-snow */
h2.color-snow {
    font-size: 4rem; /* Adjust the heading font size */
    color: #ffffff; /* Color for better visibility */
    margin-bottom: 20px; /* Adjust spacing below the heading */
    line-height: 1.2; /* Line height for better readability */
}




/* Heading Font Size Adjustments */
@media only screen and (max-width: 1024px) {
  h2.color-snow {
    line-height: 1.0;
    font-size: 1.8em; /* Updated size */
  }
}

@media only screen and (max-width: 576px) {
  h2.color-snow {
    line-height: 1.0;
    font-size: 1.5em; /* Adjust this for smaller screens */
  }
}

@media only screen and (max-width: 375px) {
  h2.color-snow {
    line-height: 1.0;
    font-size: 1.4em; /* Adjust this for extra small screens */
  }
}

@media only screen and (max-width: 320px) {
  h2.color-snow {
    line-height: 1.0;
    font-size: 1.7em; /* Adjust this for very small screens */
  }
}

/* Icon Spacing */
.icon-spacing {
    margin-right: 20px; /* Adjust the space between icon and text */
}

/* Price Circle Styling */
.price-circle-program {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background-image: url(../img/programs/plain_marketing_badge_oshacademy_blue_120px.png);
    background-color: transparent;
    border-radius: 100%;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 100px;
    margin: auto;
    z-index: 10;
}

/* Price Circle on Extra Small Screens */
@media (max-width: 375px) {
    .price-circle-program {
        background-color: transparent;
        border-radius: 0%;
        line-height: 1em;
    }
}

@media (max-width: 320px) {
    .price-circle-program {
        background-color: transparent;
        border-radius: 0%;
        line-height: 1em;
    }
}

/* Price Circle Font Adjustments */
.price-circle-font-1 {
    line-height: .9em;
    font-size: 1.0em; /* Adjusted */
}

.price-circle-font-2 {
    line-height: 1.0em;
    font-size: 2.8em; /* Adjusted */
    margin-top: 5px;
}

.price-circle-font-3 {
    line-height: 1.0em;
    font-size: 2.2em; /* Adjusted */
    margin-top: 5px;
}

/* Strikethrough Price Adjustments */
.strikethrough-price {
    font-size: 2.2em; /* Adjusted */
    color: crimson;
    text-decoration: line-through;
}

/* Multi-line Buttons with Smaller Text Above */
.btn-multiline-container-bus {
    height: 45px;
    width: 200px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
}

/* Image Expansion */
.container-img-exp {
    position: relative;
    width: 100%;
    height: 100vh;
}

#dynamicImage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
    max-width: 100%;
    height: auto;
}

/* Background Image for Business Account */
.req-bus-acct-bg-img {
    background-image: url("../../pages/business-solutions/images/request-business-account-bg-fade-b.jpg");
    background-color: #FFFFFF;
    margin-top:-35px;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    transition: background-size 0.3s ease;
}

/* Section Title */
.section-bar-title-lb-xl-font-new {
    font-size: 22pt; /* Adjusted */
    padding: 10px;
    color: #4682B4;
    text-align: center;
    font-weight: bold;
    background-color: #f2f2f2;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to right, #32546F, #32546F);
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
    border: 1px solid #4682B4;
    margin: 10px 0;
}