.fhc-event-featureimng.during-event,
.fhc-event-content.during-event {
    display: none;
}


.fhc-event-featurefrom.pre-event,
.fhc-event-featurefrom.during-event {
    display: none;
}

.fhc-event-requrstmaterical.pre-event,
.fhc-event-requrstmaterical.post-event {
    display: none;
}

.fhc-event-requrstmaterical.during-event {
    display: block;
}

.fhc-event-conffrequrstmaterical.during-event,
.fhc-event-meetingfrom.during-event,
.fhc-event-meetingfrom.post-event {
    display: none;
}

.fhc-event-conffrequrstmaterical.pre-event,
.fhc-event-conffrequrstmaterical.post-event {
    display: block;
}

.fhc-event-futelink.pre-event,
.fhc-event-eventsite.post-event {
    display: none;
}

.fhc-event-futelink.post-event {
    display: block;
}


.fhc-event-locationinfo.during-event {
    display: none;
}

.fhc-event-duringeventmsg.pre-event,
.fhc-event-duringeventmsg.post-event {
    display: none;
}

.fhc-event-duringeventmsg.during-event {
    display: block;
}


/*Meeting From css */
label.fhc-meet-field span {
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    color: #fff;
}

label.fhc-meet-checkbox span.fhcmeet-checkbox-text {
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0%;
}

p.fhc-meet-legend {
    font-family: Manrope;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 35px;

}

.fhc-meet-inputdiv input {
    width: 100%;
    min-height: 40px;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #707070;
    margin-bottom: 10px;
}

label.fhc-meet-checkbox span.fhcmeet-checkbox-text a {
    color: #fff !important;
    text-decoration: underline;
}

button.fhc-event-signle-bookingmeet.fhc-event-single__cta {
    font-family: "Manrope", Sans-serif;
    font-size: clamp(14px, 1.389vw, 20px);
    font-weight: 500;
    line-height: clamp(21px, 1.875vw, 27px);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5058823529411764) !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
    border-color: var(--e-global-color-secondary) !important;
    border-radius: 0px 14px 0px 0px !important;
    ;
    padding: 14px 12px 14px 12px !important;
    ;
    text-decoration: none;
    background-color: var(--e-global-color-accent) !important;
    max-width: max-content;
    margin: 0px !important;
}

p.fhc-meet-error {
    color: #ff1d1d !important;
    font-weight: 500;
}

button.fhc-event-signle-bookingmeet.fhc-event-single__cta.is-loading {
    position: relative;
    color: transparent !important;
    opacity: .7;
}

button.fhc-event-signle-bookingmeet.fhc-event-single__cta.is-loading:after {
    content: ''; 
    position: absolute;
    top: calc(50% - (clamp(24px, 2.08vw, 30px) / 2));
    right: 0;
    width: clamp(24px, 2.08vw, 30px);
    height: clamp(24px, 2.08vw, 30px);
    margin-top: -14px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: fhc-btn-spin .6s linear infinite;
    left: 0;
    text-align: center;
    margin: 0 auto !important;
}

span.fhc-meet-error.fhc-meet-field-error {
    display: none !important;
}

span.fhc-meet-error.fhc-meet-field-error.is-invalid {
    display: block !important;
}

@keyframes fhc-btn-spin {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width:1366px) {
    button.fhc-event-signle-bookingmeet.fhc-event-single__cta {
        padding: 12px 12px 12px 12px !important;
    }
}

@media screen and (max-width:1200px) {
    button.fhc-event-signle-bookingmeet.fhc-event-single__cta {
        padding: 10px 12px 10px 12px !important;
    }
}

@media screen and (max-width:880px) {
    button.fhc-event-signle-bookingmeet.fhc-event-single__cta {
        padding: 8px 12px 8px 12px !important;
    }
}