#curriculum {
    background-color: #fff;
    position: relative;
    padding-top: 6vw;
    /* margin-bottom: 8vw; */
    /* padding: 4vw 10vw 9vw 10vw; */
    overflow: hidden;
}

.curriculum-context-container {
    display: flex;
    margin-bottom: 6vh;

}

.curriculum-heading-container h4 {
    color: #3d4d5d;
    font-size: 3vw;
    font-style: normal;
    font-weight: 300;
    line-height: 125%;
    display: inline-grid;
    width: 23vw;
    margin-right: 4vw;
}

.curriculum-heading-container span {
    color: #FF752C;
    font-weight: 900;
}

.curriculum-desc-container p {
    color: #3d4d5d;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
    width: 49vw;
}

.curriculum-desc-container span {
    color: #FF752C;
    font-weight: 700;
}

.curriculums_btns_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}

.curriculum_content_container {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

.cbc {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.389vw;
    gap: 1vw;
    height: 6vw;
    width: 24vw;
}

#I {
    width: 2.917vw;
}

#CT {
    width: 2.500vw;
}

#RW {
    width: 2.526vw;
}

#C {
    width: 2.639vw;
}

#G {
    width: 2.500vw;
}

.innovation_container {
    background: #F9CF53;
}

.creative_thinking_container {
    background: #9181F4;
}

.real_world_container {
    background: #FD8A8A;
}

.collaboration_container {
    background: #54BAB9;
}

.globe_container {
    background-color: #8CC0DE;
}

.cbc p {
    color: #fff;
    font-size: 1.66vw;
    font-weight: 700;
    font-style: normal;
}

.innovation_text {
    color: #3d4d5d !important;
}

.text {
    transform: unset !important;
}

.curriculum-snake-img {
    position: absolute;
    top: 17vw;
    left: 0;
}

.curriculum-head-img {
    display: none;
}

.curriculum-kite-img {
    position: absolute;
    right: -9vw;
    top: 17vw;
    width: 23vw;
}

.blue-ball {
    background-color: #4E3BC2;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 52vh;
    left: 18vw;
}

.orange-ball {
    background-color: #FF752C;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 9.5vw;
    right: 12vw;
}

.yellow-ball {
    background-color: #FFC34D;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 30vw;
    right: 14vw;
}

.Curriculum-cta-container {
    text-align: center;
    margin-top: 5vh;
}

@media screen and (orientation: landscape) {
    .blue-ball {
        top: 29vw;
    }
}

.curriculum_modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    /* Optional background overlay */
    display: none;
    justify-content: center;
    align-items: center;
    /* transform: translateY(100%); */
    /* Start off-screen (pushed down) */
    z-index: 999;
}

.curriculum_form_modal {
    background-color: #fff;
    width: 60%;
    padding: 1vw 1vw 3vw 1vw ;
    border-radius: 10px;
    position: relative;
}

.modal_step_one,
.modal_step_two {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.modal_step_one_heading,
.modal_step_two_heading {
    font-family: Nunito;
    font-size: 1.39vw;
    font-weight: 800;
    line-height: 1.94vw;
    text-align: left;
}

.modal_step_one_subheading,
.modal_step_two_subheading {
    font-family: Nunito;
    font-size: 0.97vw;
    font-weight: 400;
    line-height: 1.33vw;
    text-align: left;
    color: #51667B;
    margin-top: 0.56vw;
}

.modal_step_one_input_container,
.modal_step_two_input_container {
    height: auto;
    width: 100%;
    margin: auto;
    padding: 8px;
    background-color: #FAFAFA;
    border-radius: 20px;
    margin-bottom: 2vw;
    margin-top: 2.22vw;
}

.modal_step_two_input_container {
    background-color: #F3FFF5;
    padding: 16px;
    text-align: center;
}

.curriculum_modal.show {
    display: flex;
}

.close_modal {
    position: absolute;
    top: 10px;
    right: 16px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.modal_step_one_form {
    margin: 0 auto;
    padding: 16px;
    border-radius: 8px;
}

.modal_step_one_form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #7D7D7D;
}

.modal_step_one_desktop_input {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
    margin-top: 2.22vw;
}

.modal_step_one_form input,
.modal_step_one_form select {
    width: 100%;
    padding: 10px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.modal_step_one_form select option {
    max-height: 40px;
    overflow-y: auto;
}

.modal_step_one_form_button,
.modal_step_two_form_button {
    height: 3.333vw;
    position: absolute;
    bottom: 1vw;
    left: 22vw;
    padding: 0;
    background-color: #4E3BC2;
    color: white;
    border: none;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    border-radius: 24px;
    min-width: 170px;
    text-align: center;
}

.modal_step_two_check_image {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.modal_step_two_green_txt {
    font-size: 24px;
    font-weight: 800;
    line-height: 33.6px;
    text-align: center;
    color: #3EB655;
    width: 90%;
    margin: auto;
}

.modal_two_sub_txt {
    font-family: Nunito;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    text-align: center;
    color: #51667B;
    width: 90%;
    margin: auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.modal_step_two_form_button {
    border: 1px solid #4E3BC2;
    background-color: white;
    color: #4E3BC2;
}

.hide {
    display: none;
}

.curriculum-error-messege {
    display: flex;
    align-items: center;
    display: none;
    margin-bottom: 9px;
}

.curriculum_form_cont {
    text-align: center;
    margin-top: 24px;
}

.curriculum_cta_cont {
    display: flex;
    flex-direction: row-reverse;
    gap: 32px;
    justify-content: center;
}

.booking_cta {
    width: 18.33vw;
    height: 3.33vw;
    border-radius: 84.26px;
    background-color: #4E3BC2;
    color: white;
    font-family: Nunito;
    font-size: 0.97vw;
    font-weight: 800;
    line-height: 1.46vw;
    letter-spacing: 0.02em;
    text-align: center;
    border: none;
}

.curriculum_download_img {
    height: 1.67vw;
    width: 1.67vw;
}

.curriculum_cta {
    width: 18.33vw;
    height: 3.33vw;
    gap: 0px;
    border-radius: 84.26px;
    border: 1px solid #4E3BC2;
    color: #4E3BC2;
    background-color: white;
    font-family: Nunito;
    font-size: 0.97vw;
    font-weight: 700;
    line-height: 1.46vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.desktop_parent_input {
    width: 50%;
}

.desktop_grade_input {
    width: 50%;
}

.custom-select-wrapper {
    position: relative;
    width: 100%;
}

.custom-select {
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.select-selected {
    padding: 10px;
    font-size: 14px;
    line-height: 28px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    border-radius: 8px;
}

.dropdown-icon {
    font-size: 14px;
    margin-left: 10px;
    pointer-events: none;
    padding-right: 6px;
    background-color: white;
}

.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-height: 7vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 99;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.select-items::-webkit-scrollbar {
    width: 6px;
}

.select-items::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.select-items::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.select-items div {
    padding: 0.5vw 1vw;
    cursor: pointer;
    font-size: 1.1vw;
}

.select-items div:hover {
    background-color: #f1f1f1;
}

.select-hide {
    display: none;
}

.select-selected-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select-items-active {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.curriculum_email {
    height: 3.333vw ;
    background-color: white !important;
}

.c_success_img{
  width: 7vw;
}