.it-about-area {
    background-image: url("../img/welcome-2/s-bg.png");
    background-size: cover;
    background-position: center;
}
.sm-bg{
    background-image: url("../img/welcome-2/btn-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0px;
}
.explore-ahs-grade-heading {
    font-family: "Fredoka", sans-serif !important;
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #303030;
}

.explore-ahs-grade-highlight {
    font-family: "Fredoka", sans-serif !important;
    color: #228da1;
}

.explore-ahs-grade-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
    padding-top: 50px;
}

.explore-ahs-grade-card {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    text-align: left;
}

.explore-ahs-card-title {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 25px;
    color: #000;
    margin-bottom: 15px;
    font-weight: bold;
}

.explore-ahs-card-text {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 16px;
    color: #686767;
    line-height: 1.5;
    margin-bottom: 15px;
    height: 80px;
}

.ahs-card-content {
    padding: 20px;
}

.explore-ahs-card-icon img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.ahs-grade-card-button-1 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding: 20px;
}

.ahs-grade-card-button-1 button {
    background-color: #fdebc8;
    display: inline-block;
    width: 100%;
    color: #000;
    border-radius: 15px;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
    text-align: left;
}

.ahs-grade-card-button-1 button img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.ahs-grade-card-button-2 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding: 20px;
}

.ahs-grade-card-button-2 button {
    background-color: #dbffdd;
    display: inline-block;
    width: 100%;
    color: #000;
    border-radius: 15px;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
    text-align: left;
}

.ahs-grade-card-button-2 button img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.ahs-grade-card-button-3 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding: 20px;
}

.ahs-grade-card-button-3 button {
    background-color: #e8ebff;
    display: inline-block;
    width: 100%;
    color: #000;
    border-radius: 15px;
    padding: 3px 5px;
    font-size: 14px;
    margin: 5px;
    font-weight: bold;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
}

.ahs-grade-card-button-3 button img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.ahs-grade-card-button-4 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding: 20px;
}

.ahs-grade-card-button-4 button {
    background-color: #ffedea;
    display: inline-block;
    width: 100%;
    color: #000;
    border-radius: 15px;
    padding: 3px 5px;
    font-size: 14px;
    margin: 5px;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
}

.ahs-grade-card-button-4 button img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.ahs-grade-card-button-5 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding: 20px;
}

.ahs-grade-card-button-5 button {
    background-color: #dafcff;
    display: inline-block;
    width: 100%;
    color: #000;
    font-weight: bold;
    border-radius: 15px;
    padding: 3px 5px;
    font-size: 14px;
    margin: 5px;
    cursor: pointer;
    text-align: left;
}

.ahs-grade-card-button-5 button img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.ahs-grade-card-button-6 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    padding: 20px;
}

.ahs-grade-card-button-6 button {
    background-color: #fde7ff;
    display: inline-block;
    width: 100%;
    color: #000;
    border-radius: 15px;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
    text-align: left;
}

.ahs-grade-card-button-6 button img {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.banner-text {
    font-size: 24px;
    color: #303030;
    margin-bottom: 10px;
    font-weight: bold;
}
.banner-text span {
    color: #fb8503;
    font-weight: bold;
}