/* start of font stack */
@font-face {
    font-family: 'HurmeGeometricSans1';
    src: url('./fonts/HurmeGeometricSans1W05-Rg.woff2') format('woff2'),
    url('./fonts/HurmeGeometricSans1W05-Rg.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'HurmeGeometricSans1';
    src: url('./fonts/HurmeGeometricSans1W05-SmBd.woff2') format('woff2'),
    url('./fonts/HurmeGeometricSans1W05-SmBd.woff') format('woff');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'HurmeGeometricSans1';
    src: url('./fonts/HurmeGeometricSans1W05-Bold.woff2') format('woff2'),
    url('./fonts/HurmeGeometricSans1W05-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
/* end of font stack */

/* start of global variables */
:root {
    --obp-primary-color: #0057b7;
    --obp-darkGrey-color: #4A4A4A;
    --obp-midGrey-color: #808080;
    --obp-lightGrey-color: #D8D8D8;
    --obp-lighterGrey-color: #F4F4F4;
    --obp-alert-color: #D32F2F;
    --obp-success-color: #227122;
    --obp-focus-color: #5393C1;
    --obp-white-color: #ffffff;
    --obp-fontFamily: 'HurmeGeometricSans1', sans-serif;
}
/* end of global variables */

body {
    color: var(--obp-darkGrey-color);
    font-family: var(--obp-fontFamily) !important;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
}
p {
    font-size: 16px;
    line-height: 1.5;
}
.body-small-text {
    font-size: 14px;
    line-height: 1.5;
}
.slds-backdrop {
    background-color: rgba(0, 87, 183, 0.8) !important;
}
.dc-text-field {
    color: var(--obp-darkGrey-color) !important;
}

/* start of color classes */
.primary-color {
    color: var(--obp-primary-color);
}
/* end of color classes */

/* start of heading sizes */
h1, .heading1,
.titleStyle .slds-rich-text-editor__output > span,
.cpd-courseFeedback .courseFeedback-passed-msg,
.cpd-certificate .certificate-heading-msg,
.cpd-takeQuiz-failed .takeQuiz-failed-msg,
.cpd-details .cpdDetails-overview-content .cpdDetails-overview-title,
.webinar-details .webinarDetails-overview-content .webinarDetails-overview-title {
    font-size: 28px !important;
    line-height: 1.125 !important
}
h2, .heading2,
.userProfile-sldsLayout-padd .slds-modal__container .slds-modal__header h1.slds-text-heading_small,
.webinar-details .webinar-details-nav-section .webinar-details-nav-heading {
    font-size: 24px !important
}
h3, .heading3,
.webinar-details .webinar-details-nav-section .webinar-details-speakerHeading,
.your-courses-activities .your-ca-subHeader,
.cpd-details .cpdDetails-course .cpdDetails-course-title,
.comm-page-custom-pep-after-survey .slds-accordion__summary-heading,
.comm-page-custom-producthub-overview .forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout .layout_title {
    font-size: 20px !important
}
h4, .heading4 {
    font-size: 18px !important
}
h5, .heading5 {
    font-size: 16px !important
}
h6 {
    font-size: 14px !important
}
h1, h2, h3, h4, h5, h6 {
    /* color: var(--obp-primary-color); */
    font-family: var(--obp-fontFamily) !important;
    font-weight: 700;
}
h2, h3, h4, h5, h6 {
    line-height: 1.25 !important
}
/* end of heading sizes */

/* start of button css */
a:focus,
button:focus,
a:focus-visible,
button:focus-visible {
    outline-color: var(--obp-primary-color) !important;
}
.slds-accordion button.slds-accordion__summary-action:focus {
    outline: 2px solid;
}
.opb-btn-link {
    background: transparent !important;
    border: 0 !important;
    color: var(--obp-primary-color) !important;
    padding: 2px !important;
    text-decoration: underline !important;
}
.opb-btn-link:focus {
    outline: 2px solid !important;
}
/* end of button css */

/* Start of primary button */
button.slds-button_brand,
.obp-primary-btn-wrap button,
.obp-primary-button,
.feedback-contact-support .feedbackForm-footer-btn .feedback-button,
.comm-page-custom-learning-activity-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .ok-button,
body[class*='comm-page-custom-lunch-and-learn-subpage'] .comm-content-header .bannerLayoutButton,
.cpd-courseFeedback .courseFeedback-submit-btn,
.cpd-takeQuiz .takeQuiz-submit-btn,
.cpd-details .cpdDetails-overview-btn .cpd-ghost-btn button.slds-button_brand,
.cpd-certificate .certificate-btn .certificate-download-btn,
.cpd-thankYou .thankYou-btn .thankYou-moreCourses-btn,
.cpd-course-content .courseContent-buttons .courseContent-quiz-btn,
.cpd-course-content .courseContent-buttons .courseContent-next-btn {
    background-color: var(--obp-primary-color) !important;
    border-radius: 25px !important;
    border: 1px solid var(--obp-primary-color) !important;
    color: #FFF !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600;
    padding: 14px 30px !important;
    text-align: center !important;
    outline-offset: 4px;
    text-decoration: none !important;
    transition: background 0.24s ease 0s, color 0.24s ease 0s, outline 0.24s ease 0s;
}
button.slds-button_brand:disabled,
.obp-primary-btn-wrap button:disabled,
.obp-primary-button:disabled,
.comm-page-custom-learning-plan-detail-standard .contentRegion .ltuiLearningPlanActivitiesCmp .slds-vertical-tabs .slds-vertical-tabs__content .col-button_brand .slds-button_brand[disabled]:hover,
.feedback-contact-support .feedbackForm-footer-btn .feedback-button:disabled,
.feedback-contact-support .feedbackForm-footer-btn .feedback-button[disabled]:hover,
.cpd-details .cpdDetails-overview-btn .cpd-ghost-btn button.slds-button_brand:disabled {
    background-color: var(--obp-lightGrey-color) !important;
    border-radius: 25px !important;
    border: 1px solid var(--obp-lightGrey-color) !important;
    color: var(--obp-darkGrey-color) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600;
    padding: 14px 30px !important;
    pointer-events: none;
    text-align: center !important;
    outline-offset: 4px;
    transition: background 0.24s ease 0s, color 0.24s ease 0s, outline 0.24s ease 0s;
}
button.slds-button_brand:hover,
button.slds-button_brand:focus,
.obp-primary-btn-wrap button:hover,
.obp-primary-btn-wrap button:focus,
.obp-primary-button:hover,
.obp-primary-button:focus,
body[class*='comm-page-custom-lunch-and-learn-subpage'] .comm-content-header .bannerLayoutButton:hover,
body[class*='comm-page-custom-lunch-and-learn-subpage'] .comm-content-header .bannerLayoutButton:focus,
.feedback-contact-support .feedbackForm-footer-btn .feedback-button:hover,
.feedback-contact-support .feedbackForm-footer-btn .feedback-button:focus,
.comm-page-custom-learning-activity-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .ok-button:hover,
.comm-page-custom-learning-activity-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .ok-button:focus {
    background-color: #FFF !important;
    color: var(--obp-primary-color) !important;
    padding: 14px 30px !important;
    text-decoration: none !important;
    transform: none !important;
}
.cpd-courseFeedback .courseFeedback-submit-btn:hover,
.cpd-courseFeedback .courseFeedback-submit-btn:focus,
.cpd-takeQuiz .takeQuiz-submit-btn:hover,
.cpd-takeQuiz .takeQuiz-submit-btn:focus,
.cpd-thankYou .thankYou-btn .thankYou-moreCourses-btn:hover,
.cpd-thankYou .thankYou-btn .thankYou-moreCourses-btn:focus,
.cpd-certificate .certificate-btn .certificate-download-btn:hover,
.cpd-certificate .certificate-btn .certificate-download-btn:focus,
.cpd-course-content .courseContent-buttons .courseContent-quiz-btn:hover,
.cpd-course-content .courseContent-buttons .courseContent-next-btn:hover,
.cpd-course-content .courseContent-buttons .courseContent-quiz-btn:focus,
/*.cpd-course-content .courseContent-buttons .courseContent-next-btn:focus,*/
.cpd-details .cpdDetails-overview-btn .cpd-ghost-btn button.slds-button_brand:hover,
.cpd-details .cpdDetails-overview-btn .cpd-ghost-btn button.slds-button_brand:focus {
    background-color: transparent !important;
    color: var(--obp-primary-color) !important;
    padding: 14px 30px !important;
    text-decoration: none !important;
    transform: none !important;
}
.cpd-course-content .courseContent-buttons .courseContent-next-btn:active {
    background-color: var(--obp-primary-color) !important;
    color: #FFF !important;
    padding: 14px 30px !important;
    text-decoration: none !important;
}
.slds-button:focus,
.obp-primary-btn-wrap button:focus,
.obp-primary-button:focus,
.obp-outline-btn-wrap button:focus,
.obp-outline-button:focus {
    outline: 2px solid var(--obp-primary-color);
}
/* End of primary button */

/* Start of outline button */
.slds-button > a,
.slds-webinar-btn,
.slds-button_outline-brand,
.obp-outline-btn-wrap button,
.obp-outline-button,
.comm-page-custom-posttolinkedin .linkedin-post .linkedin-btn .linkedin-cancel-btn button,
.comm-page-custom-learning-activity-detail-standard .ltuiLearningObjectWrapperCmp .ltuiTemplateMainCmp .slds-button_neutral,
.comm-page-custom-learning-activity-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .cancel-button,
.comm-page-custom-learning-plan-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .cancel-button,
.comm-page-custom-learning-activity-detail-standard .comm-panels-container .slds-modal .modal-container .modal-footer .slds-button,
.comm-page-custom-learning-activity-detail-standard .ltuiLearningObjectWrapperCmp .ltuiTemplateMainCmp .pop-up-container .footer-custom .cancel-button,
.cpd-thankYou .thankYou-btn .thankYou-webinars-btn,
.cpd-certificate .certificate-btn .certificate-activites-btn,
.userProfile-sldsLayout-padd .slds-modal .slds-modal__footer .slds-practice-cancel-btn,
.productContainer .slds-modal .slds-modal__footer .slds-practice-cancel-btn,
.userProfile-sldsLayout-padd .slds-modal .slds-modal__content .practice-back-btn button.slds-button_brand,
.cpd-course-content .courseContent-buttons .courseContent-pre-btn,
.cpd-details .cpdDetails-overview-btn .cpd-white-btn button.slds-button_brand,
.webinar-details .webinar-sldsLayout-padd .slds-modal__container .slds-modal__content .slds-webinar-close-btn,
.webinar-details .webinar-sldsLayout-padd .slds-modal__container .slds-modal__content .slds-webinar-close-single-btn:hover {
    background-color: transparent !important;
    border-radius: 25px !important;
    border: 1px solid var(--obp-primary-color) !important;
    color: var(--obp-primary-color) !important;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 14px 30px !important;
    text-align: center !important;
    outline-offset: 4px;
    transition: background 0.24s ease 0s, color 0.24s ease 0s, outline 0.24s ease 0s;
    text-decoration: none !important;
}
.cpd-thankYou .thankYou-btn .thankYou-webinars-btn,
.cpd-certificate .certificate-btn .certificate-activites-btn,
.cpd-course-content .courseContent-buttons .courseContent-pre-btn,
.cpd-details .cpdDetails-overview-btn .cpd-white-btn button.slds-button_brand {
    background-color: transparent !important;
}
.slds-button > a:hover, .slds-button > a:focus,
.slds-webinar-btn:hover, .slds-webinar-btn:focus,
.slds-button_outline-brand:hover,
.slds-button_outline-brand:focus,
.obp-outline-btn-wrap button:hover,
.obp-outline-btn-wrap button:focus,
.obp-outline-button:hover,
.obp-outline-button:focus,
.comm-page-custom-posttolinkedin .linkedin-post .linkedin-btn .linkedin-cancel-btn button:hover,
.comm-page-custom-posttolinkedin .linkedin-post .linkedin-btn .linkedin-cancel-btn button:focus,
.comm-page-custom-learning-activity-detail-standard .ltuiLearningObjectWrapperCmp .ltuiTemplateMainCmp .pop-up-container .footer-custom .cancel-button:hover,
.comm-page-custom-learning-activity-detail-standard .ltuiLearningObjectWrapperCmp .ltuiTemplateMainCmp .pop-up-container .footer-custom .cancel-button:focus,
.comm-page-custom-learning-plan-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .cancel-button:hover,
.comm-page-custom-learning-plan-detail-standard .comm-panels-container .slds-modal .modal-container .modal-body .modal-footer .cancel-button:focus,
.userProfile-sldsLayout-padd .slds-modal .slds-modal__footer .slds-practice-cancel-btn:hover,
.userProfile-sldsLayout-padd .slds-modal .slds-modal__footer .slds-practice-cancel-btn:focus,
.userProfile-sldsLayout-padd .slds-modal .slds-modal__content .practice-back-btn button.slds-button_brand:hover,
.userProfile-sldsLayout-padd .slds-modal .slds-modal__content .practice-back-btn button.slds-button_brand:focus,
.cpd-thankYou .thankYou-btn .thankYou-webinars-btn:hover,
.cpd-thankYou .thankYou-btn .thankYou-webinars-btn:focus,
.cpd-certificate .certificate-btn .certificate-activites-btn:hover,
.cpd-certificate .certificate-btn .certificate-activites-btn:focus,
.cpd-course-content .courseContent-buttons .courseContent-pre-btn:hover,
.cpd-details .cpdDetails-overview-btn .cpd-white-btn button.slds-button_brand:hover,
.cpd-details .cpdDetails-overview-btn .cpd-white-btn button.slds-button_brand:focus {
    background-color: var(--obp-primary-color) !important;
    color: #FFF !important;
    padding: 14px 30px !important;
}
.slds-button-group .slds-button--neutral {
    background-color: unset !important;
    border: none !important;
}
/* End of outline button */

/* Start of white button */
.forceCommunityBannerLayout .bannerLayoutButton,
.obp-white-btn-wrap button,
.obp-white-button {
    background-color: #FFF !important;
    border-radius: 25px !important;
    color: var(--obp-primary-color) !important;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 20px !important;
    border: 0px !important;
    padding: 14px 30px !important;
    text-align: center !important;
    outline-offset: 4px;
    transition: background 0.24s ease 0s, color 0.24s ease 0s, outline 0.24s ease 0s;
}
.forceCommunityBannerLayout .bannerLayoutButton:hover,
.forceCommunityBannerLayout .bannerLayoutButton:focus,
.obp-white-btn-wrap button:hover,
.obp-white-btn-wrap button:focus,
.obp-white-button:hover,
.obp-white-button:focus {
    background-color: var(--obp-primary-color) !important;
    color: #FFF !important;
}
/* End of white button */

/* Start of line clamp style */
.line-clamp-3,
.line-clamp-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.line-clamp-5 {
    -webkit-line-clamp: 5;
}
/* End of line clamp style */

/* Start of carousel prev/next button */
.carousel-prev-btn,
.carousel-next-btn {
    background-color: #fff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 16%) !important;
    height: 50px !important;
    width: 50px !important;
    padding: 0 14px !important;
    line-height: 1 !important;
    outline-offset: 2px;
    outline: none;
    display: none;
}
.carousel-prev-btn:hover,
.carousel-next-btn:hover,
.carousel-prev-btn:focus,
.carousel-next-btn:focus {
    background-color: var(--obp-primary-color) !important;
}
.carousel-prev-btn:focus,
.carousel-next-btn:focus {
    outline: 2px solid !important;
}
.carousel-prev-btn:after {
    content: url('/sfsites/c/resource/OBP_LeftArrow');
    width: 22px;
}
.carousel-prev-btn:hover:after,
.carousel-prev-btn:focus:after {
    content: url('/sfsites/c/resource/OBP_LeftArrow_OnHover');
}
.carousel-next-btn:after {
    content: url('/sfsites/c/resource/OBP_RightArrow');
    width: 22px;
}
.carousel-next-btn:hover:after,
.carousel-next-btn:focus:after {
    content: url('/sfsites/c/resource/OBP_RightArrow_OnHover');
}
/* End of carousel prev/next button */

/* Start of card hover and click event css */
.stretched-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0);
}
.comm-page-home .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout .slds-is-relative,
.comm-page-custom-lunch-and-learn .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout .slds-is-relative,
body[class*='comm-page-custom-producthub-'] .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout .slds-is-relative.slds-hyphenate {
    position: static;
}
.comm-page-home .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout,
.comm-page-custom-lunch-and-learn .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout,
body[class*='comm-page-custom-producthub-'] .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout,
.comm-page-custom-my-interactive-courses-certificates .comm-layout-column .ltuiUserAchievementsCmp .tile-view .item-container-tile {
    transition: all ease .4s;
}
.comm-page-home .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout a.js-content-navlink::after,
.comm-page-custom-lunch-and-learn .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout a.js-content-navlink::after,
body[class*='comm-page-custom-producthub-'] .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout .slds-hyphenate > span > .js-content-navlink::after,
.comm-page-custom-my-interactive-courses-certificates .ltuiTemplateMainCmp .items-list.ltuiTemplateListCmp .item-container-tile a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
/* End of card hover and click event css */

/* Start of Student transition banner -  popup  */
/* .slds-modal__container .slds-modal__close::before {
    content: url(/sfsites/c/resource/OBP_CloseIcon);
    display: block;
    width: 24px;
    height: 24px;
} */
.slds-modal__container .slds-modal__close:focus {
    outline: 2px solid var(--obp-primary-color);
}
.comm-page-home .slds-modal__container .slds-modal__close .slds-button {
    width: 100%;
    height: 100%;
}
.slds-modal .slds-modal__header .slds-modal__close svg,
.comm-page-home .slds-modal__container .slds-modal__close .slds-button .slds-button__icon_large {
    fill: var(--obp-primary-color);
}
.comm-page-home .slds-modal__container > .slds-modal__close {
    top: 3.5rem !important;
}
.slds-combobox_container .slds-combobox .slds-combobox__form-element > button {
    line-height: 3.125rem;
}
.obp-student-banner-modal .slds-modal__footer .slds-button,
.practiceUpdateThankYouPopup .slds-modal__footer .slds-button,
.obp-guest-user-modal .slds-modal__footer .slds-button,
.obp-post-usage-modal .slds-modal__footer .slds-button {
    min-width: 120px;
}
.obp-guest-user-modal .slds-modal__footer .obp-primary-btn-wrap {
    margin: 0 0 0 8px;
}
/* Student transition banner -  popup end */

/* Start of breadcrumb */
.obp-breadcrumbstyle .obp-breadcrumb-links .slds-breadcrumb .slds-breadcrumb__item > a {
    text-decoration: underline !important;
    white-space: nowrap !important;
    color: var(--obp-darkGrey-color) !important;
    margin-left: 5px;
    max-width: 29ch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slds-breadcrumb .slds-breadcrumb__item:before {
    left: 0rem !important;
}
.obp-breadcrumb-links .slds-breadcrumb.slds-wrap {
    flex-wrap: nowrap !important;
}
.orderSampleBreadcrumb .slds-breadcrumb .slds-breadcrumb__item:last-child > a {
    text-decoration: none !important;
    cursor: auto !important;
}
/* End of breadcrumb */

/* Start of header */
.siteforceCptBody .cHeader .selfServiceProfileMenuTrigger .trigger-link {
    color: var(--obp-primary-color) !important;
}
.siteforceCptBody .cHeader .selfServiceProfileMenuTrigger .trigger-link:focus {
    box-shadow: none !important;
}
.siteforceCptBody .cHeader .selfServiceProfileMenuTrigger .profileName {
    font-size: 14px !important;
    max-width: 7rem !important;
}
.siteforceCptBody,
.siteforceCptBody .siteforceContentArea {
    background-color: var(--obp-lighterGrey-color) !important;
    border: none !important;
}
.siteforceCptBody .cHeader .cBrandingLogo {
    width: 90px !important;
    height: 44px !important;
}
.siteforceCptBody .cHeader .cBrandingLogo:focus {
    outline-width: 2px !important;
    outline-style: solid !important;
}
.siteforceCptBody .comm-navigation {
    max-width: 1100px !important;
}
.cHeaderTopInternalWrapper .forceCommunityGlobalNavigation nav>ul>li.slds-list__item:first-child {
    display: none; /* hide home menu */
}
.forceCommunityGlobalNavigation .overflowContainer .slds-list_vertical .slds-list__item .slds-button {
    text-align: left;
}
.forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>.slds-list_vertical>.slds-list__item+.slds-list__item>.comm-navigation__item>a {
    border-top: none !important;
}
.forceCommunityGlobalNavigation .slds-list__item a,
.forceCommunityGlobalNavigation .slds-list__item button {
    text-transform: uppercase !important;
    color: var(--obp-darkGrey-color);
    font-weight: bold !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
}
a.slds-is-active {
    color: var(--obp-primary-color) !important;
    font-weight: bold;
}
.siteforceCptBody .comm-navigation .comm-navigation__list .comm-navigation__item button:hover,
.siteforceCptBody .comm-navigation .comm-navigation__list .comm-navigation__item a:hover {
    color: var(--obp-primary-color) !important;
}
.siteforceCptBody .comm-navigation .comm-navigation__list .comm-navigation__item button.slds-is-active:not([data-type="home"]) {
    color: var(--obp-primary-color) !important;
}
.slds-button:focus {
    box-shadow: none !important;
}
.forceCommunityGlobalNavigation .slds-list__item button .slds-button__icon--right {
    background-color: #F00;
    border: 1px solid green;
    display: none;
}
.selfServiceUserProfileMenu .login .login-link {
    background-color: var(--obp-primary-color);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 5px 15px 7px;
    text-align: center;
    outline-offset: 4px;
    transition: background 0.24s ease 0s, color 0.24s ease 0s, outline 0.24s ease 0s;
    white-space: nowrap;
}
.selfServiceUserProfileMenu .login .login-link .linkLabel {
    color: #FFF !important;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 20px !important;
}
.selfServiceUserProfileMenu .login .login-link:hover {
    background-color: #FFF;
    border: 1px solid var(--obp-primary-color);
    padding: 4px 14px 6px;
    text-decoration: none;
}
.selfServiceUserProfileMenu .login .login-link:hover .linkLabel {
    color: var(--obp-primary-color) !important;
}
.siteforceCptBody.bodyMenuMobile .cHeaderWrapper .comm-navigation__list .slds-list__item button.slds-button {
    text-align: left !important;
}
.cHeaderWrapper .cProfileMenu .uiMenu .uiMenuList--default.uiMenuList {
    left: unset !important;
    transform: none !important;
}
.cHeaderWrapper .cProfileMenu .selfServiceUserProfileMenu .menuList .scrollable .home,
.cHeaderWrapper .cProfileMenu .selfServiceUserProfileMenu .menuList .scrollable .myAccount {
    display: none !important;
}
.siteforceCptBody .siteforceContentArea.siteforceSldsOneColLayout .contentRegion {
    background-color: var(--obp-lighterGrey-color) !important;
}
/* End of header */

/* Start of footer */
.cFooterPanel .dc-footer-wrapper {
    overflow: hidden;
    background-color: #FFF;
    padding: 40px 0.75rem;
}
.cFooterPanel .dc-footer-main {
    max-width: 1400px;
    margin: auto;
}
.cFooterPanel .footer-logos {
    width: 100%;
    display: flex;
    align-items: center;
}
.cFooterPanel .fLogo-left-section {
    width: 50%;
}
.cFooterPanel .footer-brand-logo {
    background-image: var(--lwc-brandLogoImage, url(/mtpocdcdev/file-asset/temporarylogo?v=1&height=300&width=300));
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    cursor: pointer;
    position: relative;
    display: block;
    width: 90px;
    height: 44px;
}
.cFooterPanel .fLogo-left-section a.footer-brand-logo:hover,
.cFooterPanel .fLogo-left-section a.footer-brand-logo:focus {
    text-decoration: none !important;
}
.cFooterPanel .fLogo-right-section {
    width: 50%;
    display: block;
    text-align: right;
}
.cFooterPanel .fLogo-text {
    color: var(--obp-darkGrey-color);
    font-size: 12px;
    line-height: 20px;
    margin-right: 0px;
}
.cFooterPanel .fLogo-mobile {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cFooterPanel .fLogo-oralB,
.cFooterPanel .fLogo-fixodent {
    margin-right: 10px;
}
.cFooterPanel .text-seperator-Line {
    border: 0px solid var(--obp-lightGrey-color);
    border-bottom-width: 1px;
    box-sizing: content-box;
    height: 1px;
    margin: 40px 0px;
    overflow: visible;
}
.cFooterPanel .footer-cs-social-icons {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.cFooterPanel .footer-cs,
.cFooterPanel .footer-socialIcons {
    width: 100%;
    display: flex;
    justify-content: center;
}
.cFooterPanel .footer-socialIcons {
    margin-top: 40px;
}
.cFooterPanel .footer-socialIcons a {
    margin-right: 30px;
}
.cFooterPanel .footer-socialIcons a:last-child {
    margin-right: 0px;
}
.cFooterPanel .footer-socialIcons .footer-facebook-mobile {
    display: block;
}
.cFooterPanel .footer-socialIcons .footer-facebook-desktop {
    display: none;
}
.cFooterPanel .footer-cs-btn {
    background-color: #FFF;
    border: 1px solid var(--obp-primary-color);
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 2px;
    text-decoration: none;
    width: 238px;
}
.cFooterPanel .footer-cs-btn .footer-cs-btn-text {
    color: var(--obp-primary-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-left: 35px;
}
.cFooterPanel .footer-cs-btn:hover {
    text-decoration: none !important;
}
.cFooterPanel .footer-country-wrapper {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.cFooterPanel .footer-links-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 24px 0 0 0;
}
.cFooterPanel .footer-copyright,
.cFooterPanel a.footer-btn-link {
    color: var(--obp-darkGrey-color);
    font-size: 12px;
    line-height: 20px;
}
.cFooterPanel .footer-copyright {
    margin: 0 10px 15px 10px;
    width: 100%;
}
.cFooterPanel .footer-country-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.cFooterPanel a.footer-btn-link {
    text-decoration: none;
}
.cFooterPanel .footer-links-wrapper a.footer-btn-link {
    margin: 0 10px 15px 10px;
}
.cFooterPanel .footer-country-group a.footer-btn-link {
    margin: 0 5px 15px 5px;
}
.cFooterPanel .footer-links-wrapper a.footer-site-map {
    margin-right: 0px !important;
}
.cFooterPanel .footer-links-wrapper a.footer-btn-link:hover,
.cFooterPanel .footer-country-group a.footer-btn-link:hover {
    color: var(--obp-darkGrey-color);
    text-decoration: underline;
}
.cFooterPanel .footer-legalText {
    color: var(--obp-darkGrey-color);
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 1rem 0;
}
/* End of footer */

/* Start of Home Page */
.heroBannerWrap .heroHeading,
.heroBannerWrap .slds-rich-text-editor__output {
    line-height: 1.125 !important;
}
.comm-page-home .siteforceCptBody .cCenterPanel {
    margin: 0 auto !important;
}
.comm-page-home .comm-content-header.comm-layout-column:after {
    content: '';
    display: block;
    clear: both;
}
.comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(2),
.comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(3) {
    margin: 20px 0 !important;
}
.comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(2) .forceCommunityBannerLayout .js-content-image.contentImage,
.comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(3) .forceCommunityBannerLayout .js-content-image.contentImage {
    background-position: top right !important;
}
.comm-page-home .cCenterPanel .comm-content-header .forceCommunityBannerLayout .js-content h2.js-content-title {
    font-weight: normal !important;
    display: -webkit-box;
    -webkit-line-clamp: initial;
    max-height: initial;
}
.homePage-carousel-heading {
    margin-bottom: 30px;
}
.homePage-carousel-heading h2,
.homePage-carousel-heading .home-recommended-courses-heading {
    color: var(--obp-darkGrey-color) !important; 
    font-weight: normal !important; 
}
.comm-page-home .cCenterPanel .contentRegion .ui-widget:nth-child(1) {
    margin: 0 !important;
}
.comm-page-home .cCenterPanel .slds-col--padded.contentRegion {
    margin-bottom: 50px;
}
.comm-page-home .cCenterPanel .slds-col--padded.contentRegion .view-all-webinar {
    margin-bottom: 50px !important;
    margin-top: 45px !important;
}
.comm-page-home .cCenterPanel .view-all-webinar a {
    background-color: var(--obp-primary-color);
    border-radius: 25px;
    color: #FFF !important;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 20px !important;
    display: flex;
    justify-content: center;
    padding: 15px 0px;
    text-align: center;
    width: 180px;
    margin: 0 auto;
    outline-offset: 4px;
    transition: background 0.24s ease 0s, color 0.24s ease 0s, outline 0.24s ease 0s;
}
.comm-page-home .cCenterPanel .view-all-webinar a:hover,
.comm-page-home .cCenterPanel .view-all-webinar a:focus {
    background-color: #FFF !important;
    border: 1px solid var(--obp-primary-color) !important;
    color: var(--obp-primary-color) !important;
    padding: 14px 0px;
    text-decoration: none !important;
}
.comm-page-home .forceCommunityDynamicCollectionGrid .forceCommunityTileLayout>div {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 10%);
}
.comm-page-home .forceCommunityDynamicCollectionGrid .forceCommunityTileLayout>div .slds-is-relative.slds-hyphenate {
    padding: 1.25rem !important;
}
.comm-page-home .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout a.js-content-navlink {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comm-page-home .forceCommunityDynamicCollectionGrid .forceCommunityTileLayout .slds-grid .slds-col a.js-content-title.js-content-navlink span {
    font-size: 20px;
    line-height: 1.25;
}
.comm-page-home .slds-popover_tooltip,
.comm-page-home .slds-popover--tooltip {
    background-color: var(--obp-primary-color);
}
.comm-page-home .slds-popover_tooltip .slds-popover__body, 
.comm-page-home .slds-popover--tooltip .slds-popover__body {
    font-size: 14px;
    line-height: 1.5;
    color: #FFF;
}
/* End of Home Page */

/* Accessibility css start
hyperlink accessibility fix for below components
    - eCPD courses modal
    - Rich text editor
*/
.slds-modal__container .slds-modal__content a,
.slds-rich-text-editor__output a {
    color: var(--obp-primary-color) !important;
    text-decoration: underline !important;
}
.slds-modal__container .slds-modal__content a:hover,
.slds-rich-text-editor__output a:hover {
    color: var(--obp-primary-color) !important;
    text-decoration: none !important;
}
.slds-modal__container .slds-modal__content a:focus,
.slds-rich-text-editor__output a:focus {
    outline: 2px solid;
}
/* Accessibility css end */

/* Start of error page */
.comm-page-service-not-available .uiOutputRichText,
.comm-page-error .cCenterPanel .uiOutputRichText {
    margin: 48px 0;
}
.comm-page-service-not-available .uiOutputRichText>div,
.comm-page-error .cCenterPanel .uiOutputRichText>div {
    text-align: center;
}
.comm-page-service-not-available .We-are-sorry-our-we,
.comm-page-error .Page-Not-Found {
    margin-top: 30px;
    margin-bottom: 30px;
}
.comm-page-service-not-available .-Error-We-are-try,
.comm-page-error .-Error-The-page-y {
    color: var(--obp-darkGrey-color);
    font-size: 16px;
}
.comm-page-service-not-available .-Error-We-are-try .text-style-1,
.comm-page-error .-Error-The-page-y .text-style-1 {
    display: block;
    font-weight: bold;
}
.comm-page-service-not-available .uiOutputRichText .buttonWrap,
.comm-page-error .uiOutputRichText .buttonWrap {
    display: block;
    margin: 0 auto;
    border: 0px;
    background-color: var(--obp-lighterGrey-color) !important;
}
.comm-page-service-not-available .uiOutputRichText .buttonWrap>a,
.comm-page-error .uiOutputRichText .buttonWrap>a {
    margin-top: 30px;
    display: inline-block;
    min-width: 180px;
}
/* End of error page */

/* Start of Toast message */
.slds-notify_toast svg.slds-icon {
    fill: #fff !important;
}
.slds-toast_warning svg.slds-icon {
    fill: #222 !important;
}
/* End of Toast message */

/* Start of Technical Banner */
.slds-notify.slds-notify_alert .technical-banner-container p {
    color: #FFF;
    font-weight: 600;
    font-size: 14px !important;
}
.slds-notify.slds-alert_warning .technical-banner-container p {
    color: var(--obp-darkGrey-color);
}
.slds-notify.slds-notify_alert .technical-banner-container p a {
    font-size: 14px !important;
    color: currentColor !important;
    text-decoration: underline !important;
}
.slds-notify.slds-notify_alert .technical-banner-container p a:hover {
    text-decoration: none !important;
}
.slds-notify.slds-notify_alert .technical-banner-button svg {
    fill: #FFF;
}
.slds-notify.slds-alert_warning .technical-banner-button svg {
    fill: var(--obp-darkGrey-color);
}
/* End of Technical Banner */

/* Start of Your Courses and Activities */
.your-courses-activities .your-ca-cards .slds-card__header {
    display: none !important;
}
.your-courses-activities .your-ca-cards .slds-card {
    transition: all ease 0.4s;
    overflow: hidden;
    width: auto;
}
/* End of Your Courses and Activities */

.siteforceCptBody .cCenterPanel {
    margin-top: 0 !important;
}
/*.cCenterPanel .siteforceSldsOneColLayout .slds-col--padded.contentRegion,*/ 
.siteforceCptBody .cHeaderTopInternalWrapper, 
.cCenterPanel .comm-content-header .userProfile-sldsLayout-padd,
.comm-page-contactsupport .siteforceContentArea .comm-content-header .forceCommunityRichText,
.comm-page-contactsupport .siteforceContentArea .accordion-wrapper,
.comm-page-detail-005 .cHeaderWrapper .userProfile-sldsLayout-padd,
.comm-page-detail-a09 .cCenterPanel .webinar-details {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.obp-not-supported-mobile {
    display: block !important;
}
.btnOneTrust {
    display: none !important;
}
#onetrust-banner-sdk #onetrust-policy h3,
#onetrust-banner-sdk #onetrust-policy h2 {
    font-size: 1em !important;
    font-weight: 600;
}
.siteforceLoadingBalls {
    visibility: hidden;
}
/*banner start*/
.forceCommunityBannerLayout .layout_subtitle {
    -webkit-line-clamp: revert !important;
}
/*banner end*/

/* Start of PEP style */
.comm-page-custom-patient-evaluation-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer,
.comm-page-custom-patient-eval-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer {
    padding-right: var(--lwc-spacingLarge, 1.5rem) !important;
    padding-left: var(--lwc-spacingLarge, 1.5rem) !important;
}
.comm-page-custom-patient-evaluation-program .cCenterPanel .comm-content-footer > div,
.comm-page-custom-patient-eval-program .cCenterPanel .comm-content-footer > div {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 12px 0px;
}
.comm-page-custom-patient-evaluation-program .cCenterPanel .comm-content-footer > div > div,
.comm-page-custom-patient-eval-program .cCenterPanel .comm-content-footer > div > div {
    padding: var(--lwc-spacingXSmall,0.5rem);
    margin: 0 0 20px 0px !important;
    width: 100%;
}
.comm-page-custom-pep-overview .completed-circle svg {
    fill: #fff;
}
/* End of PEP style */

/* Start of media query */
@media only screen and (max-width: 359px) {
    .obp-guest-user-modal {
        display: none !important;
    }
}

@media only screen and (min-width: 360px) {
    .btnOneTrust {
        display: block !important;
    }
    .obp-not-supported-mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 576px) {
    /* your courses page */
    .your-courses-activities .your-ca-cards .slds-card {        
        height: 420px;
    }
}

@media only screen and (max-width: 767px) {
    /* Header */
    .siteforceCptBody .cHeader .selfServiceProfileMenuTrigger .trigger-link {
        text-decoration: underline !important;
    }
    .siteforceCptBody .cHeader .selfServiceProfileMenuTrigger .profileName {
        max-width: 5rem !important;
    }
    .selfServiceUserProfileMenu .login .login-link {
        padding: 3px 12px 5px;
    }
    .selfServiceUserProfileMenu .login .login-link .linkLabel {
        font-size: 14px !important;
    }
    .selfServiceUserProfileMenu .login .login-link:hover {
        padding: 2px 11px 4px;
    }
    .selfServiceUserProfileMenu li.uiMenuItem a {
        color: #222222 !important;
        font-size: 12px !important;
        padding: 0.8rem 1.5rem !important;
    }
    /* Home page */
    .comm-page-home .slds-popover_tooltip,
    .comm-page-home .slds-popover--tooltip {
        width: 240px;
    }
    /* NPS Mobile CSS */
    .QSIFeedbackButton button {
        bottom: 10px !important;
    }
    .QSIFeedbackButton button > div {
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
    }
    /* Page 404 */
    .comm-page-service-not-available .Page-Not-Found,
    .comm-page-error .Page-Not-Found {
        font-size: 32px !important;
        line-height: 36px;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }
    /* breadcrumb */
    .orderSampleBreadcrumb .slds-breadcrumb .slds-breadcrumb__item:last-child > a {
        overflow: visible;
        max-width: initial;
        text-overflow: unset;
    }
    /* Modal */
    .slds-modal .slds-modal__container {
        margin: 0 0.75rem;
    }
    .slds-modal .slds-modal__container .slds-modal .slds-modal__container {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 768px) {
    h1, .heading1,
    .titleStyle .slds-rich-text-editor__output > span,
    .cpd-courseFeedback .courseFeedback-passed-msg,
    .cpd-certificate .certificate-heading-msg,
    .cpd-takeQuiz-failed .takeQuiz-failed-msg,
    .cpd-details .cpdDetails-overview-content .cpdDetails-overview-title,
    .webinar-details .webinarDetails-overview-content .webinarDetails-overview-title {
        font-size: 32px !important;
    }
    .cCenterPanel .siteforceSldsOneColLayout .slds-col--padded.contentRegion, 
    .cCenterPanel .comm-content-header .userProfile-sldsLayout-padd,
    .comm-page-contactsupport .siteforceContentArea .comm-content-header .forceCommunityRichText,
    .comm-page-contactsupport .siteforceContentArea .accordion-wrapper,
    .comm-page-detail-005 .cHeaderWrapper .userProfile-sldsLayout-padd,
    .comm-page-detail-a09 .cCenterPanel .webinar-details,
    .comm-page-custom-patient-evaluation-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer,
    .comm-page-custom-patient-eval-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    /* Page Header */
    .siteforceCptBody .cptNavBar {
        max-width: calc(100vw - 330px) !important;
    }
    /* Page Footer */
    .cFooterPanel .footer-cs-social-icons {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: unset;
    }
    .cFooterPanel .footer-cs {
        width: 50%;
        display: block;
    }
    .cFooterPanel .footer-socialIcons {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        margin-top: 0px;
    }
    .cFooterPanel .footer-links-wrapper {
        text-align: left;
        justify-content: flex-start;
        margin: 16px -10px 0 -10px;
    }
    .cFooterPanel .footer-country-group {
        justify-content: flex-start;
        margin: 0 -5px;
    }
    .cFooterPanel .footer-copyright {
        width: auto;
    }
    .cFooterPanel .footer-links-wrapper a.footer-site-map {
        margin-right: 20px !important;
    }
    .cFooterPanel .fLogo-right-section {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .cFooterPanel .fLogo-text {
        margin-right: 20px;
    }
    .cFooterPanel .footer-legalText {
        text-align: left;
    }
    
    /* Start of home page */
    .homePage-carousel-heading {
        margin-bottom: 45px;
    }
    .comm-page-home .slds-modal_small .slds-modal__container {
        width: 40%;
        min-width: 26rem;
    }
    .comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(2),
    .comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(3) {
        float: left;
        width: 50%;
        margin: 40px 0px 60px 0px !important;
    }
    .comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(2) {
        padding: 0 20px 0 0
    }
    .comm-page-home .cCenterPanel .comm-content-header .ui-widget:nth-child(3) {
        padding: 0 0 0 20px;
    }
    .comm-page-custom-learning-plan-detail-standard .comm-content-header .ltuiLearningHeaderCmp .header-container,
    .comm-page-home .cCenterPanel .comm-content-header .forceCommunityBannerLayout .js-content {
        padding-left: 39px;
        padding-right: 39px;
    }
    .comm-page-home .cCenterPanel .slds-col--padded.contentRegion {
        margin-bottom: 80px;
    }
    /* .comm-page-home .cCenterPanel .webinar-wrapper .webinar-prev-btn,
    .comm-page-home .cCenterPanel .webinar-wrapper .webinar-next-btn {
        display: flex !important;
        justify-content: center !important;
    } */
    .comm-page-home .cCenterPanel .slds-col--padded.contentRegion .view-all-webinar {
        margin-bottom: 90px !important;
    }
    .comm-page-home .cCenterPanel .view-all-webinar a {
        margin: 0 auto 0 0;
    }
    /* End of home Page */

    .carousel-prev-btn,
    .carousel-next-btn {
        display: flex !important;
        align-items: center !important;
    }
    /* Courses */
    .your-courses-activities .your-ca-cards .slds-card,
    .obp-listing .obp-listing-card .slds-card {
        height: 420px;
    }
    /* Start of PEP style */
    .comm-page-custom-patient-evaluation-program .cCenterPanel .comm-content-footer > div,
    .comm-page-custom-patient-eval-program .cCenterPanel .comm-content-footer > div {
        margin: 0px -10px 42px -10px;
    }
    .comm-page-custom-patient-evaluation-program .cCenterPanel .comm-content-footer > div > div,
    .comm-page-custom-patient-eval-program .cCenterPanel .comm-content-footer > div > div {
        width: 50%;
    }
    /* End of PEP style */
    /* Start of error page */
    .comm-page-service-not-available .uiOutputRichText,
    .comm-page-error .cCenterPanel .uiOutputRichText {
        margin: 78px 0;
    }
    /* End of error page */
}

@media only screen and (min-width: 992px) {
    h1, .heading1,
    .titleStyle .slds-rich-text-editor__output > span, 
    .cpd-courseFeedback .courseFeedback-passed-msg,
    .cpd-details .cpdDetails-overview-content .cpdDetails-overview-title,
    .webinar-details .webinarDetails-overview-content .webinarDetails-overview-title {
        font-size: 36px !important;
    }
    h2, .heading2,
    .userProfile-sldsLayout-padd .slds-modal__container .slds-modal__header h1.slds-text-heading_small,
    .webinar-details .webinar-details-nav-section .webinar-details-nav-heading {
        font-size: 28px !important;
    }
    h3, .heading3,
    .webinar-details .webinar-details-nav-section .webinar-details-speakerHeading,
    .your-courses-activities .your-ca-subHeader,
    .cpd-details .cpdDetails-course .cpdDetails-course-title,
    .comm-page-custom-pep-after-survey .slds-accordion__summary-heading,
    .comm-page-custom-producthub-overview .forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout .layout_title {
        font-size: 24px !important;
    }
    h4, .heading4 {
        font-size: 20px !important;
    }
    h5 {
        font-size: 18px !important;
    }
    h6 {
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 1025px) {
    #onetrust-banner-sdk #onetrust-policy h3,
    #onetrust-banner-sdk #onetrust-policy h2 {
        font-size: 1.18em !important;
    }
    .cCenterPanel .siteforceSldsOneColLayout .slds-col--padded.contentRegion, 
    .cCenterPanel .comm-content-header .userProfile-sldsLayout-padd,
    .comm-page-contactsupport .siteforceContentArea .comm-content-header .forceCommunityRichText,
    .comm-page-contactsupport .siteforceContentArea .accordion-wrapper,
    .comm-page-detail-005 .cHeaderWrapper .userProfile-sldsLayout-padd,
    .comm-page-detail-a09 .cCenterPanel .webinar-details,
    .comm-page-custom-patient-evaluation-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer,
    .comm-page-custom-patient-eval-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .comm-page-custom-learning-plan-detail-standard .comm-content-header .ltuiLearningHeaderCmp .header-container,
    .comm-page-home .cCenterPanel .comm-content-header .forceCommunityBannerLayout .js-content {
        padding-left: 54px;
        padding-right: 54px;
    }
    /* Start of PEP style */
    .comm-page-custom-patient-evaluation-program .cCenterPanel .comm-content-footer > div > div,
    .comm-page-custom-patient-eval-program .cCenterPanel .comm-content-footer > div > div {
        width: 33.33333333%
    }
    /* End of PEP style */
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    /* Header */
    .siteforceCptBody .cptNavBar {
        max-width: calc(100vw - 260px) !important;
    }
}

@media screen and (min-width: 1081px) {
    .footer-socialIcons .footer-facebook-mobile {
        display: none;
    }
    .footer-socialIcons .footer-facebook-desktop {
        display: block;
    }
    .footer-socialIcons a {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    h1, .heading1,
    .titleStyle .slds-rich-text-editor__output > span, 
    .cpd-courseFeedback .courseFeedback-passed-msg,
    .cpd-certificate .certificate-heading-msg,
    .cpd-takeQuiz-failed .takeQuiz-failed-msg,
    .cpd-details .cpdDetails-overview-content .cpdDetails-overview-title,
    .webinar-details .webinarDetails-overview-content .webinarDetails-overview-title {
        font-size: 42px !important;
    }
    h2, .heading2,
    .userProfile-sldsLayout-padd .slds-modal__container .slds-modal__header h1.slds-text-heading_small,
    .webinar-details .webinar-details-nav-section .webinar-details-nav-heading {
        font-size: 32px !important;
    }
    /* Ux improvement - Click and hover */
    .comm-page-home .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout:hover,
    .comm-page-custom-lunch-and-learn .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout:hover,
    body[class*='comm-page-custom-producthub-'] .contentRegion .forceCommunityDynamicCollectionGrid .forceCommunityFlexTileLayout:hover,
    .comm-page-custom-my-interactive-courses-certificates .comm-layout-column .ltuiUserAchievementsCmp .tile-view .item-container-tile:hover,
    .your-courses-activities .your-ca-cards .slds-card:hover {
        transform: scale(1.05);
    }
    /* Courses */
    .obp-listing .obp-listing-card .slds-card {
        height: 420px !important;
    }
}

@media only screen and (min-width: 1280px) {
    #onetrust-banner-sdk #onetrust-policy h3,
    #onetrust-banner-sdk #onetrust-policy h2 {
        font-size: 1.3em !important;
    }
    .cCenterPanel .siteforceSldsOneColLayout .slds-col--padded.contentRegion, 
    .cCenterPanel .comm-content-header .userProfile-sldsLayout-padd,
    .comm-page-contactsupport .siteforceContentArea .comm-content-header .forceCommunityRichText,
    .comm-page-contactsupport .siteforceContentArea .accordion-wrapper,
    .comm-page-detail-005 .cHeaderWrapper .userProfile-sldsLayout-padd,
    .comm-page-detail-a09 .cCenterPanel .webinar-details,
    .comm-page-custom-patient-evaluation-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer,
    .comm-page-custom-patient-eval-program .siteforceSldsOneColLayout .slds-col--padded.comm-content-footer {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    /* Home page */
    .comm-page-custom-learning-plan-detail-standard .comm-content-header .ltuiLearningHeaderCmp .header-container,
    .comm-page-home .cCenterPanel .comm-content-header .forceCommunityBannerLayout .js-content {
        padding-left: 64px;
        padding-right: 64px;
    }
    /* Start of PEP style */
    .comm-page-custom-patient-evaluation-program .cCenterPanel .comm-content-footer > div > div,
    .comm-page-custom-patient-eval-program .cCenterPanel .comm-content-footer > div > div {
        width: 25%
    }
    /* End of PEP style */
}

@media only screen and (min-width: 1400px) {
    h1, .heading1,
    .titleStyle .slds-rich-text-editor__output > span, 
    .cpd-courseFeedback .courseFeedback-passed-msg,
    .cpd-certificate .certificate-heading-msg,
    .cpd-takeQuiz-failed .takeQuiz-failed-msg,
    .cpd-details .cpdDetails-overview-content .cpdDetails-overview-title,
    .webinar-details .webinarDetails-overview-content .webinarDetails-overview-title {
        font-size: 48px !important;
    }
    h2, .heading2,
    .userProfile-sldsLayout-padd .slds-modal__container .slds-modal__header h1.slds-text-heading_small,
    .webinar-details .webinar-details-nav-section .webinar-details-nav-heading {
        font-size: 36px !important;
    }
    #onetrust-banner-sdk #onetrust-policy h3,
    #onetrust-banner-sdk #onetrust-policy h2 {
        font-size: 1.4em !important;
    }
    .cCenterPanel .siteforceSldsOneColLayout .slds-col--padded.contentRegion {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    /* Modal */
    .slds-modal .slds-modal__container {
        max-width: 580px !important;
    }
}

@media screen and (min-width: 1420px) {
    /* Header */
    .siteforceCptBody .cHeaderWrapper .cHeaderTop .cHeaderTopInternalWrapper {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 1600px) {
    #onetrust-banner-sdk #onetrust-policy h3,
    #onetrust-banner-sdk #onetrust-policy h2 {
        font-size: 1.6em !important;
    }
    /* Header */
    .forceCommunityGlobalNavigation .slds-list__item button,
    .forceCommunityGlobalNavigation .slds-list__item a {
        font-size: 14px !important;
    }
}
/* Start of media query */