.customer_workshopSection {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.parentContainer {
    background: radial-gradient(100% 615.6% at 100% 45.47%, #F4E7FB 0%, #F7FBF8 69.32%, #F5FDFF 100%);
    align-items: center;
    height: 466px;
    padding: 24px 0px 48px 0px;
    gap: 32px;
    display: flex;
    justify-content: center;
}

.headerContainer {
    max-width: var(--container-max-width-desktop);
    padding: 0px 32px 0px 32px;
    gap: 32px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.titleContainer {
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.titleText {
    height: 40px;
    max-width: var(--width-xl);
    font-size: 24px;
    opacity: 0px;    
    font-family: Segoe ui;
    font-weight: 600;
    line-height: var(--Line-height800);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    justify-content: center;
    display: flex;
    align-items: center;
}

.subtitleText1 {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Brand-Foreground-1-Rest, #1C60DF);
}

.subtitleText2 {
    font-family: Segoe ui;
    font-size: var(--Font-size400);
    font-weight: 600;
    line-height: var(--Line-height400);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.subtitleText3 {
    font-family: Segoe ui;
    font-size: var(--Font-size400);
    font-weight: 600;
    line-height: var(--Line-height400);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.subtitleText {
    font-size: 14px;
    text-align: center;
    height: 22px;
    gap: 8px;
    display: flex;
    justify-content: center;
}

.descriptionContainer {
    height: 260px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    width: 786px;
    justify-content: center;
}

.titleDescription {
    font-family: Segoe ui;
    font-size: 12px;
    font-weight: 400;
    line-height: var(--Lineheight300);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
    justify-content: center;
    display: flex;
    text-wrap-style: balance;
}

.subtitle1 {
    font-family: Segoe ui;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.objectivesContent {
    font-family: Segoe ui;
    font-weight: 400;
    line-height: var(--Lineheight300);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
    width: 786px;
}

.subtitle2 {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
}

.bookWorkshopContainer {
    padding: 64px 0px 64px 0px;
    gap: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--Neutral-Background-2-Rest, #FAFAFA);
}

.workshopFormHeader {
    max-width: var(--container-max-width-desktop);
    padding: 0px var(--container-padding-desktop) 0px var(--container-padding-desktop);
    gap: 32px;
    display: flex;
    flex-direction: column;
}

.fromStep {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-4-Rest, #707070);
}

.fromHeader {
    font-family: Segoe ui;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: background: var(--Neutral-Foreground-1-Rest, #242424);
}

.sessionYearDetails {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 12px 10px 12px 10px;
    background: #FAFAFA;
}

.scheduleSession {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    border-bottom: 4px solid var(--Brand-Foreground-1-Rest, #1C60DF);
    gap: 6px;
    display: flex;
    margin: 12px 10px;
    align-items: center;
    justify-content: center;
}

.sessionHeader {
    height: 74px;
    max-width: var(--container-max-width-desktop);
    padding: 0px var(--container-padding-desktop) 0px var(--container-padding-desktop);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.sessionStep {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-4-Rest, #707070);
}

.sessionSubHeader {
    width: 768px;
    height: 40px;
    font-family: Segoe ui;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    align-items: center;
    display: flex;
    justify-content: center;
}

.sessionContainer {
    background: var(--Neutral-Background-2-Rest, #FAFAFA);
    padding: 64px 0px 64px 0px;
    gap: 56px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sessionDateDetails {
    display: flex;
    flex-direction: row;
    width: 592px;
    height: 74px;
    min-width: 560px;
    padding: 16px 32px 16px 16px;
    gap: 16px;
    border-radius: 8px;
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-3-Rest, #F0F0F0);
    align-items: center;
    box-shadow: 0px 1px 2px 0px #00000047;
}

.sessionDateTimeDetails {
    display: flex;
    justify-content: space-between;
    width: 496px;
    height: 42px;
    gap: 8px;
    align-items: center;
}

.sessionDateTime {
    height: 42px;
    gap: 4px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sessionDate {
    color: var(--Neutral-Foreground-1-Rest, #242424);
    width: 384px;
    height: 22px;
    max-width: 384px;
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: var(--Line-height400);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.sessionTime {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-4-Rest, #707070);
}

.sessionType {
    width: 51px;
    height: 16px;
    font-family: Segoe ui;
    font-size: 12px;
    font-weight: 600;
    line-height: var(--Line-height200);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Status-Danger-Foreground-1-Rest, #B10E1C);
}

.bookingButtonDiv {
    width: 592px;
    height: 46px;
    font-family: 'Segoe UI';
    padding: 6px 20px 6px 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    background: var(--Brand-Background-1-Rest, #1C60DF);
    color: #FFFFFF;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.scheduleSessionContainer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.sessionDeatils {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.registerSuccessContainer {
    padding: 24px 0px 95px 0px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--Neutral-Background-2-Rest, #FAFAFA);
}

.registerSuccessSection1 {
    display: flex;
    width: 1280px;
    height: 285px;
    max-width: var(--container-max-width-desktop);
    padding: 0px 32px 0px 32px;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.successMessageDetails {
    width: 768px;
    height: 74px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.successMessageHeader {
    width: 768px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: Segoe ui;
    font-size: 24px;
    font-weight: 600;
    line-height: var(--Lineheight800);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.successMessageBody {
    width: 768px;
    height: 22px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: var(--Neutral-Foreground-4-Rest, #707070);
    font-family: Segoe ui;
    font-size: 12px;
    font-weight: 600;
    line-height: var(--Lineheight400);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.viewWorkshopButtonDiv{
    width: 536px;
    height: 46px;
    border-radius: 10px;
    font-family: 'Segoe UI';
    padding: 6px 20px 6px 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    background: var(--Brand-Background-1-Rest, #1C60DF);
    color: #FFFFFF;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.viewWorkshopButton{
    height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    /*padding: 12px 226.5px;*/
    font-size: 14px;
    display: flex;
    align-items: center;
    font-family: Segoe ui;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    width: 116px;
    justify-content: center;
}

.subtitleText4{
    font-family: Segoe ui;
    font-size: var(--Font-size400);
    line-height: var(--Line-height400);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-3-Rest, #616161);
    font-weight: 400;
}

.customerFeatureContainer {
     padding: 64px 112px;
}

.customerFeatureSection {
    gap: 32px;
    display: flex;
    flex-direction: column;
    height: 424px;
}

.customerFeatureHeader {
    height: 32px;
    font-family: Segoe ui;
    font-size: 18px;
    font-weight: 600;
    line-height: var(--Line-height600);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
}

.customerWorkshopDetails {
    width: 394.67px;
    height: 360px;
    min-height: 360px;
    padding: 24px 24px 60px 24px;
    gap: 16px;
    border-radius: 16px;
    background: var(--White, #FFFFFF);
    border: 1px solid var(--Stroke, #EAECF0);
    display: flex;
    flex-direction: column;
}

.customerWorkshopDetailBody {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
    height: 146px;
}

.customerVirtualMeeting {
    font-family: Segoe ui;
    font-size: 12px;
    font-weight: 600;
    line-height: var(--Line-height300);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Secondary, #475467);
}

.customerWorkshopDetailsSection {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.workshopCatelogItemContainer {
    background: radial-gradient(100% 615.6% at 100% 45.47%, #F4E7FB 0%, #F7FBF8 69.32%, #F5FDFF 100%);
    padding: 112px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.workshopCatelogSectionFirst {
    height: 44px;
    justify-content: space-between;
    display: flex;
}

.workshopCatelogHeader {
    font-family: Segoe UI;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
}

.search-container {
    width: 320px;
    height: 40px;
    padding: 0px 12px 0px 12px;
    gap: 8px;
    border-radius: 4px;
    display: flex;
    background: var(--White, #FFFFFF);
    border: 1px solid var(--Stroke, #EAECF0);
}

.workshopCatelogSectionSecond {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}

#customerWorkshopDetails{
    width: 348px;
}

.customerWorkshopDetailsHeader {
    font-family: Segoe ui;
    font-size: var(--Size500);
    font-weight: 600;
    line-height: var(--Lineheight500);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
    text-wrap-style: balance;
}

#PreviousButton:focus {
    background-color: white;   
    border-color: var(--Brand-Background-1-Rest, #1C60DF);     
}

#PreviousButton:hover {
    background-color: white;       
}

.reserveKickstarterEventContainer {
    background-image: url(EventBanner.png);
}

.reserveKickstarterEventTime {
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: white;
}

.reserveEventButton{
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 0px;
}

.reserveKickstarterEventBanner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 0px 24px 0px;
}

.reserveKickstarterEventHeader {
    font-family: Segoe UI;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
}

.kickstarterEventRecord {
    width: 272px;
    height: 76px;
    padding: 16px 24px 16px 24px;
    gap: 40px;
    border-radius: 16px;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0.3px 0.9px 0px #0000001A;
    margin-bottom: -35px;
}

.kickstarterEventRecordContainer {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.kickstarterEventRecordDetail {
    width: 48px;
    height: 44px;
}

.kickstarterEventRecordDigit {
    font-family: Segoe UI;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2A2A2A;
}

.kickstarterEventRecordHeader {
    font-family: Segoe UI;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2A2A2A;
}

.reserveEventButton {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
}

.eventTextHeader {
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1a76bc;
    width: 281px;
}

.eventTextSubHeader {
    font-family: Segoe UI;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2A2A2A;
}

.eventTextBody{
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2A2A2A;
}

.WorkshopLocationContent{
    display: flex;
    flex-direction: row;
    gap: 0px;
    border-radius: 16px;
    padding: 8px 20px;
    border: 1px solid #A9DAFF;
}

.WorkshopLocationName{
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    height: 12px;
    display: flex;
    align-items: center;
    color: #1a76bc;
    margin-top: -1px;
}

.firstEventContainerContent{
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.firstEventContainer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.partnerEventContainer {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 962px;
}

.reserveKickstarterEventPartnerLogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 0px 24px 0px;
}

.partnerLogo{
    width: 150px;
    height: 50px;
    border-radius: 4px;
}

.WorkshopLocationContentContainer{
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

.WorkshopLocationContentContainer {
    display: flex;
    gap: 8px;
}

.row.sectionBlockLayout.text-start {
    display: none !important;
}

select#modality{
    width: 480px;
    height: 42px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    gap: 8px;
    border-radius: 8px;
    border-width: 1px;
    display: flex;
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
    margin-top: -25px;
}

select#region {
    width: 480px;
    height: 42px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    gap: 8px;
    border-radius: 8px;
    border-width: 1px;
    display: flex;
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
    margin-top: -25px;
}

@media (max-width: 320px){
    .partnerEventMainContainer {
    	display: flex;
    	justify-content: center;
     }
 
     .reserveKickstarterEventBanner{
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
     }
     .xrm-attribute-value {
    	margin-top: -10px;
     }
     .reserveKickstarterEventPartnerLogo {
    	width: 160px;
     }
     .footerEventContainer {
    	padding: 0px !important;
     }
    .microsoftFooterSubContainer1 {
    	flex-direction: column;
    	align-items: flex-start !important;
        gap: 16px;
     }
     .footerLinkSection {
    	flex-direction: column !important;
    	gap: 8px !important;
     }
     .microsoftFooterSubContainer2 {
    	flex-direction: column-reverse;
    	align-items: flex-start;
    	gap: 16px;
    	height: 72px;
      }
     .footerBody {
    	font-weight: 600;
    	color: #2A2A2A;
     }
     .firstEventContainerContent{
	width: 300px !important;
    
     }
     .firstEventContainer{
	width: 300px !important;
     }
     .aboutProgramContainer{
	flex-direction: column !important;
        gap: 40px !important;
        padding: 25px 20px 64px 20px !important;
     }
     .partnerEventContainer{
	width: 250px !important;
     }
     .workshopReviewsSection{
	flex-direction: column !important;
    	align-items: center !important;
     }
     .PartnerDetailsQuerySubContainer {
    	width: 285px;
     }
     .partnerQueriesContainer{
	width: 300px !important;
     }
     .footerBody{
	font-size: 10px !important;
    }
    .eventTextHeader{
        width: 260px !important;
    }
    .eventQuestion{
        width: 270px !important; 
    }
}
@media (min-width: 321px) and (max-width: 360px){
    .partnerEventMainContainer {
    	display: flex;
    	justify-content: center;
     }
 
     .reserveKickstarterEventBanner{
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
     }
     .xrm-attribute-value {
    	margin-top: -10px;
     }
     .reserveKickstarterEventPartnerLogo {
    	width: 180px;
     }
     .footerEventContainer {
    	padding: 0px !important;
     }
    .microsoftFooterSubContainer1 {
    	flex-direction: column;
    	align-items: flex-start !important;
        gap: 16px;
     }
     .footerLinkSection {
    	flex-direction: column !important;
    	gap: 8px !important;
     }
     .microsoftFooterSubContainer2 {
    	flex-direction: column-reverse;
    	align-items: flex-start;
    	gap: 16px;
    	height: 72px;
      }
     .footerBody {
    	font-weight: 600;
    	color: #2A2A2A;
     }
     .firstEventContainerContent{
	width: 320px !important;
    
     }
     .firstEventContainer{
	width: 320px !important;
     }
     .aboutProgramContainer{
	flex-direction: column !important;
        gap: 40px !important;
     }
     .partnerEventContainer{
	width: 250px !important;
     }
     .workshopReviewsSection{
	flex-direction: column !important;
    	align-items: center !important;
     }
     .PartnerDetailsQuerySubContainer {
    	width: 285px;
     }
     .partnerQueriesContainer{
	width: 320px !important;
     }
     .footerBody{
	font-size: 10px !important;
    }
}

@media (min-width: 361px) and (max-width: 640px){
     .xrm-attribute-value {
    	display: flex !important;
    	justify-content: center;
        flex-direction: column;
    }
    .aboutEventProgramContainer{
 	gap: 16px !important;
    }
    .footerLinkSection {
    	flex-direction: column !important;
    	gap: 8px!important;
    }
    .microsoftFooterSubContainer1 {
    	flex-direction: column;
    	align-items: flex-start !important;
    	gap: 16px;
        padding: 16px 0px 24px 0px !important;
    }
    .workshopReviewsSection{
	flex-direction: column !important;
	gap: 18px !important;
    }
    .workshopReviewsContainer{
        align-items: center;
    }
    .reviewerName{
       font-weight: 600 !important;
       font-size: 12px !important;
    }
    .reserveKickstarterEventContainer{
	width: 640px;
    }
    .aboutProgramContainer {
    	gap: 16px !important;
    	justify-content: flex-start !important;
    	padding: 25px 20px 64px 20px !important;
    }
    .firstEventContainerContent {
    	width: 291px !important;
    }
    .empowerBanner{
	height: 340px !important;
    }
    .teamBanner{
	height: 230px !important;
    }
    .footerEventContainer{
	padding: 16px 20px 0px 20px !important;
    }
    .eventMainContainer {
    	width: 640px;
    }
    .workshopReviewsSubSection{
       width: 500px !important;
    }
    .partnerEventContainer{
	width: 538px !important;
    }    
}