@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


.webinar_body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100vw !important;
    overflow-x: hidden !important;
}


/* ========== custom classes ============  */


.max_width_controller {
    max-width: 1366px;
    margin: 0 auto;
}


.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
    width: 24.6rem !important;
}



.error-text {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: block;
    font-family: poppins, serif;
}


.register_flow_target {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}



.webinar_body a {
    text-decoration: none;
    list-style: none;
}


/* width */
.webinar_body::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(112, 112, 112, 0.336);
}


/* Handle */
.webinar_body::-webkit-scrollbar-thumb {
    background: rgb(153, 153, 153);
    border-radius: 10px;
}

/* Handle on hover */
.webinar_body::-webkit-scrollbar-thumb:hover {
    background: #464646;
}

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 15rem);
    max-width: 1366px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.25rem;
    z-index: 2;
    color: white;

}


.sparkl_logo_box {
    border-radius: 0.375rem;
    background: linear-gradient(180deg, #FFCF66 0%, #FFB105 100%);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    padding: .5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;

    font-weight: 600;
}

.sparkl_logo {
    align-items: center;
    justify-content: center;
    gap: 1rem;
    display: flex;
    text-decoration: none;
    list-style: none;
    color: white;
}


.sparkl_logo_text {
    display: flex;
    align-items: center;
    justify-content: center;
}


.register_btn {
    display: flex;
    padding: 13px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-4XS, 0.25rem);
    border-radius: 0.5rem;
    font-weight: 600;
    font-family: "poppins";
    outline: none;
    border: none;
    text-decoration: none;
    list-style: none;
    cursor: pointer !important;
}

.register_flow_link {
    text-decoration: none;
    list-style: none;
    cursor: pointer;

}


/* ======================== Hero Section =============== */


.webinar_hero_section {
    min-height: 100vh;
    width: 100vw;
    background-color: #1A1A1A;
    padding-bottom: 7.5rem;
    color: white;
}


.herosection_heading_area {
    width: 100vw;
    height: 100vh;
    max-height: 33rem;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
}

.herosection_heading_area_cc {
    width: 100vw;
    height: 100vh;
    max-height: 33rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


.hero_section_heading_box {
    width: calc(100% - 15rem);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.herosection_sub_heading {
    overflow: hidden;
    color: var(--Neutral-Border, #D5D8DD);
    font-family: Poppins;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



.herosection_main_heading {
    color: var(--Neutral-White, #FFF);
    font-family: Poppins;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 4.8rem */
    letter-spacing: -0.08rem;


}

.herosection_main_heading span {
    font-family: Poppins;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 4.8rem */
    letter-spacing: -0.08rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    width: 43vw;
    display: flex;
}



.about_speaker_arrow {
    color: #FFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);
    font-family: Poppins;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 171.429% */

    display: flex;
    align-items: center;
    gap: .4rem;

    margin-bottom: .5rem;
    position: relative;
    transform: translate(-1.5rem);
}


.webinar_speaker_about {
    position: absolute;
    bottom: -1REM;
    right: 7.5rem;
}


.webinar_speaker_about_box {
    border-radius: 0rem 1rem 1rem 1rem;
    border: 1px solid var(--Pine-Green, #008578);
    background: rgba(0, 133, 120, 0.30);
    backdrop-filter: blur(7.5px);
    display: flex;
    width: 14rem;
    padding: 0.75rem 1.25rem 1rem 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.webinar_speaker_about_box h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;

}

.webinar_speaker_about_box i {

    color: #FFF;
    font-family: Poppins;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    width: 90%;
    margin: 0;
    /* 1.3rem */
}



.webinar_date_time_box {
    display: flex;
    padding: 1.5rem 2rem;
    align-items: center;
    gap: 5.5rem;

    width: max-content;
    border-radius: 0.5rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(26, 26, 26, 0.08) 100%);
    margin-left: 7.5rem;
    margin-top: 2rem;
}


.crash_courses_tab_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}


.webinar_date_box,
.webinar_time_box {
    display: flex;
    align-items: flex-start;
    gap: .5rem;

}


.webinar_date_time_text {
    color: var(--Neutral-White, #FFF);
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.4625rem */
}

.webinar_date_time_text_crash_course {
    overflow: hidden;
    color: var(--Neutral-White, #FFF);
    text-overflow: ellipsis;

    /* Heading H7- 16px/Regular */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: .5rem;
    /* 125% */
}


.crash_courses_chips_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.crash_courses_chip {
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.12);
    padding: .5rem 1rem;

    color: var(--Neutral-White, #FFF);
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 1.4625rem */
}




.webinar_register_box_btn {
  padding: 1rem 3rem;
    font-weight: 600 !important;
    color: var(--Neutral-Black, #1A1A1A);
    text-align: center;
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    /* 125% */
    letter-spacing: -0.005rem;
    cursor: pointer !important;
}


/* ============= webinar highlisht section ========== */



.webinar_highlight_box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8rem;
    width: calc(100% - 15rem);
    margin: 5rem auto;
}

.webinar_highlight_box_cc {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 8rem;
    width: calc(100% - 15rem);
    margin: 5rem auto;
}


.webinar_highlight_host {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
    width: 39%;
}

.webinar_highlight_host_cc {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 2rem;
    width: 50%;
}

.webinar_session_attend {
    width: 61%;
}


.webinar_highlight_host {
    overflow: hidden;
    color: var(--Neutral-Ash-Grey, #B6BBC0);
    text-overflow: ellipsis;
    /* Heading H7- 16px/Regular */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 125% */

}


.host_text {
    overflow: hidden;
    color: var(--Neutral-Border, #D5D8DD);
    text-overflow: ellipsis;
    /* Heading H8- 14px/Regular */
    font-family: Poppins;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 142.857% */
    display: inline-block;
    margin-bottom: .75rem;
}

.host_name_text {
    overflow: hidden;
    color: var(--Neutral-White, #FFF);
    text-overflow: ellipsis;
    /* Heading H6- 20px/Medium */
    font-family: Poppins;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.webinar_session_heading,
.webinar_attend_heading {
    overflow: hidden;
    color: var(--Neutral-White, #FFF);
    text-overflow: ellipsis;
    /* Heading H5- 24px/SemiBold */
    font-family: Poppins;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 2.25rem */
    letter-spacing: -0.03rem;
    margin-bottom: 1.5rem;
}

.webinar_session_pointer {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .75rem;
}

.webinar_session_pointer_text {
    overflow: hidden;
    color: var(--Neutral-Border, #D5D8DD);
    text-overflow: ellipsis;
    /* Heading H7- 18px/Regular */
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.webinar_attend_heading {
    margin-top: 2.5rem;
}


.webinar_attend_type {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    gap: 1rem
}

.webinar_attend_type span {
    color: var(--Neutral-Border, #D5D8DD);
    /* Heading H7- 18px/Regular */
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 1.5rem;
}

.webinar_attend_type span:nth-child(1) {
    padding-left: 0;
}

.webinar_attend_type span{
    border-right: 1px solid #ffffff33;
}


.webinar_attend_type span:last-child {
    border-right: none;
}



.webinar_contact_box {
    width: calc(100% - 15rem);
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}

.webinar_contact_email_area {
    width: 50%;
}

.webinar_contact_zoom_link {
    width: 60%;
}

.webinar_contact_email_area p {
    overflow: hidden;
    color: var(--Neutral-Border, #D5D8DD);
    text-overflow: ellipsis;

    /* Heading H7- 16px/Regular */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 125% */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

}


.contact_on_area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: .75rem;
    gap: 2rem;
}

.contact_via {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.contact_via a {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
    color: var(--Neutral-White, #FFF);
    text-overflow: ellipsis;

    /* Heading H7- 18px/Regular */
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.webinar_contact_zoom_link p {
    overflow: hidden;
    color: var(--Neutral-Border, #D5D8DD);
    text-overflow: ellipsis;

    /* Heading H7- 16px/Regular */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    /* 125% */
}


.orange_text {
    color: var(--Primary-Main, #FFB81C);
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 5px;
    text-decoration: none;
    list-style: none;
    margin-bottom: .5rem;
}

.webinar_contact_zoom_link p {
    display: flex;
    align-items: center;
}

.webinar_contact_zoom_link p img {
    margin-right: 5px;
}


/* ============ academics  */


.webinar_video_section {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    padding: 7.5rem 0;
}


.webinar_video_section_heading_area {
    position: relative;
    width: 40rem;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 3rem;
}

.quotes_svg {
    position: absolute;

    top: -.5rem;
    left: -3rem;

    z-index: 2;
}

.italic_heading {
    color: var(--Neutral-Black, #1A1A1A);
    text-align: center;
    font-family: Lora;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 600;
    line-height: 140%;
    /* 2.1rem */
    z-index: 3;


    max-width: 40rem;

}

.speaker_name_heading {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Poppins;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.025rem;
    margin-bottom: .5rem;
}


.speaker_name_paragraph {
    overflow: hidden;
    color: var(--Neutral-Granite, #7A7A7A);
    text-align: center;
    text-overflow: ellipsis;

    /* Heading H7- 18px/Medium */
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0;
}




.webinar_video {
    width: 100%;
    max-width: 66rem;
    overflow: hidden;
    margin: 0 auto;

}

.VideoForWebVersion {
    display: block;
}

.VideoForMobVersion {
    display: none;
}


/* ====================== Our Presenters =========================  */



.our_presenters_section_main_heading {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Poppins;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 2.6rem */
    letter-spacing: -0.04rem;
    text-align: center;
}


.presenters_box {
    width: calc(100% - 15rem);
    margin: 5rem auto;

    position: relative;

    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.presenters_box2 {
    flex-direction: row-reverse;
    margin-top: 7.5rem;
}

.presenter_bg_img_name {
    position: absolute;
    top: 0;
    left: 0;
    color: #F4F5F6;
    font-family: Poppins;
    font-size: 9.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 7.75rem;
    /* 81.579% */
    letter-spacing: -0.19rem;
    z-index: 1;

    width: 50%;
    
}

.presenter_bg_img_name2 {
    position: absolute;
    top: 0;
    right: 0;
    color: #F4F5F6;
    font-family: Poppins;
    font-size: 9.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 7.75rem;
    /* 81.579% */
    letter-spacing: -0.19rem;
    width: 50%;
}


.presenter_image_box img {
    z-index: 2;
    position: relative;
}


.presenter_position {
    color: var(--Pine-Green, #008578);
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.00563rem;
    text-transform: uppercase;
    z-index: 3;
    position: relative;
}


.presenter_name {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Poppins;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.04rem;
    position: relative;
    z-index: 3;
}

.presenter_about {
    overflow: hidden;
    color: var(--Neutral-Granite, #7A7A7A);
    text-overflow: ellipsis;

    /* Heading H6- 20px/Medium */
    font-family: Poppins;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.presenter_about_detailed {
    overflow: hidden;
    color: var(--Neutral-Black, #1A1A1A);
    text-overflow: ellipsis;
    
    /* Heading H7- 18px/Medium */
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 1rem 0;
    width: 70%;
}

.presenter_about_detailed2{
    margin-left: auto;
}

.presenter_paragraph {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Lora;
    font-size: 1rem;
    font-style: italic;
    font-weight: 500;
    line-height: 140%;
    max-width: 39.5rem;
    /* 1.4rem */
}



.presenter_textarea2 {
    text-align: right;
}








/* ====================== Registration Flow =========================  */



.registration_flow {
    min-height: 100vh;
    width: 100vw;

    overflow-x: hidden;


    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    padding-bottom: 3.5rem;

    position: relative;
}

.registration_flow_content {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 15rem);
    max-width: 1366px;

    margin-top: 7.5rem;
}


.registration_flow_timer,
.webinarDataCollectionForm {
    width: 50%;
}


.registration_flow_seats_btn {
    border-radius: 0.5rem;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    width: max-content;
    padding: .5rem;

    margin-bottom: 1.5rem;

    cursor: pointer !important;


}


.registration_flow_timer_heading {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-family: Poppins;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.05rem;

    margin-bottom: 1rem;
}

.registration_flow_timer_heading span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Poppins;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 3.25rem */
    letter-spacing: -0.05rem;
}


.registration_flow_timer_sub_heading {
    overflow: hidden;
    text-overflow: ellipsis;

    /* Heading H7- 18px/Regular */
    font-family: Poppins;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 3.5rem;
}


.time_left_box_heading {
    overflow: hidden;
    text-overflow: ellipsis;

    /* Heading H7- 16px/Medium */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.time_left_box_heading span {
    display: inline-block;
    width: 4rem;
    height: 0.09375rem;

}


.time_left_box_timing {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: .5rem;
}

.time_left_box {
    border-radius: 0.75rem;

    display: flex;
    width: 4rem;
    padding: 0.625rem 0rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: -0.25rem;
}


.time_left_box_heading {
    overflow: hidden;
    text-overflow: ellipsis;

    /* Heading H7- 16px/Medium */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

.time_left_box_heading_text {
    text-align: center;

    /* Heading H5- 24px/SemiBold */
    font-family: Poppins;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 2.25rem */
    letter-spacing: -0.03rem;

}


.time_left_box_para {
    text-align: center;

    /* Heading H9- 12px/Regular */
    font-family: Poppins;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* ============== form styles  */


.webinarDataCollectionForm {
    border-radius: 1.5rem;
    background: #FFF;
    box-shadow: 0px 16px 72px 0px rgba(61, 55, 6, 0.08);
    max-width: 25rem;
    width: 100%;
    padding: 2.5rem;
}

.webinarFormHeaderHeading {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.0625rem;
    margin: 0;
    margin-bottom: 2.5rem;

    width: 100%;
}


.webinar_inputFormFields_Headings {
    color: var(--Neutral-Black, #1A1A1A);

    /* Heading H9- 12px/SemiBold */
    font-family: Poppins;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .35rem;
    margin-top: 1.5rem;
}


.halfSplit_fields {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;
}





.webinar_action_btn {
    color: var(--Neutral-Black, #1A1A1A);
    text-align: center;
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 125% */
    letter-spacing: -0.005rem;

    display: flex;
    height: 3rem;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;

    border-radius: 0.5rem;

    width: 100%;
    outline: none;
    border: none;

    margin-top: 2.5rem;

    cursor: pointer !important;

}





.webinar_inputFormFields input,
.webinar_inputFormFields select {
    border-radius: 0.5rem;
    border: 1px solid var(--Neutral-Border, #D5D8DD);
    background: #F7F8FA;
    width: calc(100% - 2.5rem);
    padding: 1rem;

}


.webinar_inputFormFields select {
    width: 11.8rem !important;
}


.webinar_inputFormFields select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right 0.8rem center;
    background-size: 1rem;
    padding-right: 0rem;
}




/* =========== otp screen  */





.otp-input-form-text {


    color: var(--Neutral-Dark-Grey, #4F4F4F);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 1.4rem */
    letter-spacing: -0.03125rem;

}


.otp-inputfields {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 2rem 0;
}

.otp-inputfields .otp-input {
    display: flex;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--Neutral-Stroke, #E9EBEC);

    backdrop-filter: blur(4px);
    outline: none;
    color: #1a1a1a;
    text-align: center;
    font-family: Poppins;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    color: var(--Neutral-Dark-Grey, #4F4F4F);
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 1.625rem */
    letter-spacing: -0.03125rem;
}


.otp-input:focus {
    border: 2px solid #FBBD2D;
}

.resend-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .3rem;

    margin-bottom: .5rem;



}

.resend-btn-text {
    color: var(--Pine-Green, #008578);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 1.3rem */
    letter-spacing: -0.03125rem;

    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer;



}

#entered-mobile-number-span {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.03125rem;
}

.otp-resend-timer {
    color: var(--Neutral-Black, #1A1A1A);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.03125rem;
}


.change-mob-text {
    color: var(--Pine-Green, #008578);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.03125rem;
    cursor: pointer;
}








/* =============== footer  */

.webinar_footerBar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;

}

.webinar_footerBar ul {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 3.5rem;

    list-style: none;
}

.webinar_footerBar ul a {
    overflow: hidden;
    color: var(--Neutral-Black, #1A1A1A);
    text-overflow: ellipsis;

    /* Heading H7- 16px/Medium */
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

/* ====================== responsiveness =========================  */



.hideInWeb_showInMob {
    display: none;
}




@media screen and (width < 600px) {

    .hideInWeb_showInMob {
        display: block;
    }

    .VideoForWebVersion {
        display: none;
    }

    .VideoForMobVersion {
        display: block;
    }


    .herosection_heading_area_cc {
        width: 100vw;
        max-height: 60vh !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;

        background-position: 75%;
    }

}





@media screen and (width < 600px) {

    #crash_course_body {
        width: 100vw !important;
        overflow-x: hidden !important;
    }

    header {
        width: 90vw;
        top: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .herosection_heading_area {
        width: 100vw;
        max-height: 40vh;

    }

    .hero_section_heading_box {
        width: 100vw;
        position: absolute;
        bottom: 0;

    }

    .herosection_sub_heading {
        font-size: 1rem;
        padding-left: 1rem;

        width: 90%;
    }



    .herosection_main_heading {
        font-size: 2rem;
        padding-left: 1rem;
        width: 90%;

    }

    .herosection_main_heading span {
        font-size: 2.25rem;
    }


    .webinar_speaker_about {
        display: none;
    }


    .webinar_date_time_box {
        display: flex;
        padding: 1.5rem 2rem;
        align-items: center;
        gap: 2rem;

        width: calc(100vw - 6.5rem);
        flex-wrap: wrap;

        margin-left: 1rem;
        margin-top: 1rem;
    }



    .webinar_register_box_btn {
        width: 80vw;
        padding: 1rem 0;
        font-weight: 600;
    }




    .webinar_highlight_box {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100vw;
        padding: 1rem;
        margin: 3rem auto;
    }


    .webinar_highlight_box_cc {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4rem;
        width: 90%;
        margin: 0rem auto;
    }


    .cc_para {
        margin-top: 0 !important;
    }


    .webinar_contact_email_area_cc {
        width: 100%;
        position: relative;
        left: -1rem;
    }



    .webinar_highlight_host {
        flex-direction: row-reverse;
        align-items: flex-end;
        justify-content: flex-end;

        flex-wrap: wrap;
        width: 100%;
        gap: 1rem;
    }


    .webinar_host_image img {
        max-width: 37vw;
        width: 10rem;

    }


    .host_name_text {
        font-size: 1rem;
    }


    .webinar_host_name_about {
        font-size: .875rem;
        margin-bottom: .5rem;
    }

    .host_text {
        margin-bottom: .3rem;
    }



    .webinar_session_heading {
        text-align: center;
        width: 90vw;
        margin-top: 5rem;
    }


    .webinar_session_pointers_list {

        width: calc(100vw - 2rem);

    }


    .webinar_session_pointer {
        align-items: flex-start;
        margin-top: 0;
    }

    .webinar_session_pointer svg {
        position: relative;
        top: .5rem;
    }



    .webinar_attend_heading {
        width: calc(100vw - 2rem);
        text-align: center;
        margin-top: 5rem;
    }



    .webinar_attend_type {
        flex-wrap: wrap;
        width: calc(100vw - 4rem);
        justify-content: center;
    }




    .webinar_attend_type span:nth-child(2) {
        border-right: none;
    }



    .webinar_contact_box {
        width: calc(100vw - 2rem);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        margin-top: 5rem;
    }


    .webinar_contact_email_area {
        width: 100%;
    }

    .webinar_contact_zoom_link {
        width: 100%;
    }



    .webinar_contact_zoom_link p {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .webinar_contact_email_area p {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5rem;
    }


    .contact_on_area {
        gap: .4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }


    .contact_via a {
        font-size: 1rem;
    }

    .webinar_hero_section {
        padding-bottom: 2.5rem;
    }

    /* ================== video section =============== */
    .webinar_video_section {
        padding: 4rem 0;
        min-height: max-content;
    }




    /* ================== presenters section =============== */



    .our_presenters_section_main_heading {
        margin-top: 7rem;
        font-size: 1.5rem;

    }



    .AcademicCouncil_VideoSection {
        border-radius: 0 !important;
    }



    .presenters_para {
        color: var(--Neutral-Dark-Grey, #4F4F4F);
        text-align: center;
        font-family: Poppins;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 1.225rem */

        margin: 1rem auto;

        width: calc(100vw - 4rem);
    }




    .presenters_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

        margin: 3rem auto;

        width: calc(100vw - 2rem);

    }



    .presenter_bg_img_name {
        font-size: 6rem;
        line-height: 5rem;
    }



    .presenter_image_box img {
        width: 90vw;
    }

    .presenter_position {
        font-size: 1rem;
    }

    .presenter_name {
        font-size: 1.5rem;
    }


    .presenter_about {
        font-size: 1.125rem;
    }


    .presenter_about_detailed {
        font-size: 0.875rem;

    }



    .presenter_paragraph {
        font-size: 1rem;

    }


    .presenter_bg_img_name2 {
        width: 90vw;
        line-height: 4.3rem;
        font-size: 5.5rem;

    }




    .presenter_textarea2 {
        text-align: left;
    }



    .registration_flow_content {
        flex-direction: column;
        width: calc(100vw - 2rem);
    }


    .registration_flow_timer {
        width: 100%;
        text-align: center;
    }



    .registration_flow_seats_btn {
        margin: 1rem auto;
    }


    .registration_flow_timer_heading span,
    .registration_flow_timer_heading {
        font-size: 1.5rem;

    }


    .registration_flow_timer_sub_heading {
        font-size: 0.875rem;

    }




    .time-Line {
        display: none !important;
    }


    .time_left_box_heading {
        text-align: center;

        display: flex;
        align-items: center;
        justify-content: center;
    }


    .time_left_box_timing {
        justify-content: center;
        margin-bottom: 5rem;
    }



    .webinar_highlight_host_cc {
        width: 95%;
    }

    .contact_via_cc a {
        font-size: .95rem;
    }

    /* ============ form  */

    .webinarDataCollectionForm {
        max-width: calc(100vw - 4rem) !important;
        width: calc(100vw - 4rem) !important;

    }

    .webinar_inputFormFields select {
        width: 33vw !important;
    }



    .iti input.iti__tel-input,
    .iti input.iti__tel-input[type=text],
    .iti input.iti__tel-input[type=tel] {
        width: 70vw !important;
    }



    .registration_flow_timer,
    .webinarDataCollectionForm {
        width: 100%;
    }


    .webinarDataCollectionForm {
        width: calc(100vw - 7rem) !important;
        scale: 1.1;
    }


    .webinar_footerBar ul {
        gap: 1rem;
        padding: 0;
    }

    .webinar_footerBar ul a {
        font-size: .875rem;
    }


    .otp-inputfields .otp-input {
        width: 1.5rem;
        height: 1.5rem;
    }








    .webinar_video_section_heading_area {
        width: 75vw;
    }



    .italic_heading {
        font-size: 1rem;

    }

    .speaker_name_heading {
        font-size: 1rem;
    }


    .speaker_name_paragraph {
        font-size: .875rem;
    }



    .quotes_svg {
        position: absolute;
        top: -1rem;
        left: -2rem;
        z-index: 2;
        scale: .5;
    }


    .webinar_session_heading,
    .webinar_attend_heading {
        font-size: 1.25rem;
    }


    .webinar_session_pointer_text,
    .webinar_attend_type span {
        font-size: .875rem;
    }






    .herosection_main_heading span {
        width: min-content;
    }





}

.disabled-btn {
    color: #E9E9E9;
    cursor: default;
}





@media screen and (width > 1460px) {

    .webinar_date_time_box {
        display: flex;
        padding: 1.5rem 2rem;
        align-items: center;
        gap: 5.5rem;
        width: 100% !important;
        border-radius: 0.5rem;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(26, 26, 26, 0.08) 100%);
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
        max-width: 1366px;
        position: relative;
    }



    .webinar_speaker_about {
        position: absolute;
        bottom: -1REM;
        right: 15.5vw;
    }

}