.promotion-list-wrap { margin: 0 5px; }
.promotion-heading p { max-width: 633px;margin: 0 auto;width: 100%;}
.promotion-heading { margin: 0 0 75px 0; }
.promotion-list-wrap .promotion-list .promotion-wrap { position: relative; z-index: 1; }
.promotion-list-wrap { display: grid;grid-template-columns: 1fr; gap: 32px; position: relative; z-index: 1; }
.promotion-page-block .promotion-heading {  position: relative; z-index: 1; }
.promotion-page-block { background-color: #EAEDF1; position: relative; padding: 220px 0 180px 0; overflow: hidden; }

.promotion-list-wrap .promotion-list h2.wp-block-heading { color: #2C3749; font-family: Montserrat; font-size: 68px; font-style: normal; font-weight: 700; line-height:58px; letter-spacing: -1.56px; margin-bottom: 24px; }
.promotion-list-wrap .promotion-list h3.wp-block-heading { color: #2C3749; text-align: center; font-family: Montserrat; font-size: 56px; font-style: normal; font-weight: 700; line-height: 61.6px; letter-spacing: -1.12px; margin-bottom: 24px; }
.promotion-list-wrap .promotion-list h4.wp-block-heading { color: #2C3749; font-family: Montserrat; font-size: 54px; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: -0.96px; margin-bottom: 24px; }
.promotion-list-wrap .promotion-list h6.wp-block-heading { color: #2B8700; font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 700;line-height:27px;   letter-spacing: -0.18px; margin-bottom: 24px; }

.promotion-list-wrap .promotion-list.promotion-type-featured h2.wp-block-heading { font-size: 78px; }
.promotion-list-wrap .promotion-list.promotion-type-2-col h2.wp-block-heading { font-size: 62px; }
.promotion-list-wrap .promotion-list.promotion-type-1-col h2.wp-block-heading { font-size: 68px;}

.promotion-list-wrap .promotion-list.promotion-type-featured h3.wp-block-heading { font-size: 56px; }
.promotion-list-wrap .promotion-list.promotion-type-2-col h3.wp-block-heading { font-size: 56px; }
.promotion-list-wrap .promotion-list.promotion-type-1-col h3.wp-block-heading { font-size: 56px;}

.promotion-list-wrap .promotion-list.promotion-type-featured h4.wp-block-heading { font-size: 54px; }
.promotion-list-wrap .promotion-list.promotion-type-2-col h4.wp-block-heading { font-size: 48px; }
.promotion-list-wrap .promotion-list.promotion-type-1-col h4.wp-block-heading { font-size: 54px; }


.promotion-list-wrap .promotion-list h3 { margin-bottom: 24px; }
.no-promotions { text-align: center; }
.promotion-top-right-effect { position: absolute;top: 0; right: 0;z-index: 0; }
.promotion-bottom-left-effect { position: absolute;bottom: 0;left: 0; z-index: 0; }
.promotion-heading h2.wp-block-heading { margin-bottom: 0; }
.promotion-heading h1.wp-block-heading { margin: 0; }

/*Button layout*/
.promotion-content .wp-block-button.is-style-fill a { border-radius: 41.928px;background-color: #8FDB43;padding: 13px 25px;color: #1D2530;text-align: center;font-family: Montserrat;font-size: 14.675px;font-style: normal;font-weight: 700;line-height: 13.207px; letter-spacing: 0.734px;text-transform: uppercase;border: 3.482px solid transparent; display: inline-block; vertical-align: middle; }
.promotion-content .wp-block-button.is-style-fill a:hover { background-color: transparent; color: #1D2530; border-color: #8FDB43; }
.promotion-content .wp-block-button.is-style-outline a { display: inline-block; vertical-align: middle; border-radius: 41.875px;
border: 3.482px solid #8FDB43; background-color: transparent; padding: 13px 25px;color: #1D2530;text-align: center;font-family: Montserrat;font-size: 14.675px;font-style: normal;font-weight: 700;line-height: 13.207px; letter-spacing: 0.734px;text-transform: uppercase; }
.promotion-content .wp-block-button.is-style-outline a:hover { background-color: #8FDB43; color: #1D2530; border-color: #8FDB43; }

.promotion-content .wp-block-button a.wp-element-button { border-radius: 41.928px;background-color: #8FDB43;padding: 13px 25px;color: #1D2530;text-align: center;font-family: Montserrat;font-size: 14.675px;font-style: normal;font-weight: 700;line-height: 13.207px; letter-spacing: 0.734px;text-transform: uppercase;border: 3.482px solid transparent; display: inline-block; vertical-align: middle; }
.promotion-content .wp-block-button a.wp-element-button:hover { background-color: transparent; color: #1D2530; border-color: #8FDB43; }
.promotion-content .wp-block-button.is-style-outline a.wp-element-button { display: inline-block; vertical-align: middle; border-radius: 41.875px; border: 3.482px solid #8FDB43; background-color: transparent; padding: 13px 25px;color: #1D2530;text-align: center;font-family: Montserrat;font-size: 14.675px;font-style: normal;font-weight: 700;line-height: 13.207px; letter-spacing: 0.734px;text-transform: uppercase; }
.promotion-content .wp-block-button.is-style-outline a.wp-element-button:hover { background-color: #8FDB43; color: #1D2530; border-color: #8FDB43; }

/*Defualt Css Start Here*/
.promotion-content p { color: #2C3749; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: -0.18px; margin-bottom: 32px; }
.promotion-content p strong { display: block; }
.promotion-content p.promotion-link-popup__label { font-weight: 600; color: #2B8700; cursor: pointer; text-decoration: underline; margin: 0; cursor: auto; }
.promotion-content p.margin-bottom-17 { margin-bottom: 17px; }
.promotion-content p a { color: #2B8700; }
.promotion-content p.no-margin { margin-bottom: 0; }
.promotion-content .wp-block-button.promo-fill-btn.margin-bottom-32, .promotion-content .wp-block-button.is-style-outline.margin-bottom-32 { margin:0 0 32px 0; }
.promotion-content .wp-block-button.promo-fill-btn.margin-bottom-14, .promotion-content .wp-block-button.is-style-outline.margin-bottom-14 { margin:0 0 14px 0; }
.promotion-content .wp-block-button.no-margin { margin-bottom: 0; }

.promotion-content .wp-block-button.wp-block-button__width-50 { width: 332px; }
.promotion-content .wp-block-button.wp-block-button__width-75 { width: 337px; }
.promotion-content .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 { width: 332px; }
.promotion-content .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 337px; }

.promotion-content .wp-block-buttons.is-layout-flex { display: block; }
.promotion-content .wp-block-buttons.is-vertical { display: flex; gap: 14px; justify-content: center; align-items: center; }

.promotion-link-popup { margin-bottom: 32px; }
.promotion-content .wp-block-buttons { margin-bottom: 32px; }
.promotion-content > *:last-child { margin-bottom: 0 !important; margin-top: 0!important; }
.promotion-content .wp-block-image { margin-bottom: 32px; }

.promotion-type-1-col .promotion-content { max-width: 906px; margin: 0 auto; width: 100%; }

/* Featured Promotion Layout */
.promotion-list-wrap .promotion-list.promotion-type-featured { display: grid; grid-template-columns: 1fr; gap: 32px; }
.promotion-list-wrap .promotion-type-featured .promotion-bg.promotion-color { position: relative; border-radius: 18px; padding: 80px 82px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.promotion-list-wrap .promotion-list.promotion-type-featured .promotion-bg.promotion-color:before { content: ""; background: linear-gradient(335deg, rgba(44, 55, 73, 0.51) -22.53%, rgba(44, 55, 73, 0.03) 84.91%); background-blend-mode: multiply, normal; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 18px; }
.promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap { border-radius: 18px; background: #FFF; display: flex; max-width: 1000px; padding: 48px 62px 32px; flex-direction: column; align-items: flex-start; gap: 32px; }

/* 1 Column Layout */
.promotion-list-wrap .promotion-list.promotion-type-1-col { display: grid; grid-template-columns: 1fr; gap: 32px; }
.promotion-list-wrap .promotion-list.promotion-type-1-col .promotion-bg { border-radius: 18px; background: #FFF; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06); padding: 48px 62px 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }

/* 2 Column Layout - Side by Side Cards */
.promotion-list-wrap .promotion-list.promotion-type-2-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-column { display: flex; flex-direction: column; gap: 32px; }
.promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg .promotion-wrap {  border-radius: 18px; background: #FFF; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06); padding: 48px 42px 32px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; min-height: 400px; }
.promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-wrap {  text-align: left; width: 100%; }

/* Default Layout (fallback) */
.promotion-list-wrap .promotion-list .promotion-bg .promotion-wrap, .promotion-list-wrap .promotion-list .promotion-bg .promotion-wrap p { text-align: center; }
.promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap, .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap p { text-align: left; }
/*.grid-sizer,
.grid-item { width: calc(50% - 32px); }
.grid-item { margin-bottom: 32px; }*/
.promotion-list-wrap .promotion-list.promotion-type-2-col.promotion-two-col-mobile { display: none; }
.promotion-list-wrap .wp-block-group__inner-container { margin-bottom: 24px; }

/* Popup Modal Styles */
.promotion-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 99999; display: flex; justify-content: center; align-items: center; padding: 20px; }
/* Ensure popup content has proper styling */
#promotion-popup .promotion-popup-content { border-radius: 18px !important; background: #FFF !important; border: none !important; outline: none !important; }
/* Additional specificity to override any theme styles */
.promotion-page-block #promotion-popup .promotion-popup-content { border-radius: 18px !important; background: #FFF !important; border: none !important; outline: none !important; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) !important; }
.promotion-popup-content { background: #FFF !important; max-width: 100%; height: 100%; overflow: auto; position: relative; max-height: 85vh; }
.promotion-popup-content-wrap { background: #FFF !important; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); border-radius: 18px !important; width: 950px; padding: 34px 42px 34px 42px; height: 100%; }
.promotion-popup-close { position: absolute; top: 15px; right: 20px; font-size: 30px; font-weight: bold; color: #666; cursor: pointer; z-index: 10000; line-height: 1; }
.promotion-popup-close:hover { color: #000; }

.promotion-popup-body { padding: 0; display: block; overflow-y: auto; height: 100%; }
.promotion-popup-text h2, .promotion-popup-text h4 { color: #2C3749; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 26.4px; letter-spacing: -0.48px; }
.promotion-popup-text p { color: #2C3749; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%; letter-spacing: -0.14px; margin-bottom: 16px; }
.promotion-popup-text p strong { font-weight: 600; }

/*Prmotion Preview Page CSS Start Here*/
.single-promotion .promotion-page-block { padding: 190px 0 300px; }
.preview-promotion.promotion-page-block { padding: 190px 0 300px; }

.promotion-password-gate-container { padding: 190px 0; background: #EAEDF1; }
.promotion-password-gate h1 { color: #2C3749; font-family: Montserrat;font-size: 48px;font-weight: 700;line-height: 55.2px;  letter-spacing: -0.96px; }
.promotion-password-gate p, .promotion-password-gate label { color:#252525; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px;  }
.promotion-password-gate button.button.button-primary { border-radius: 41.928px;background-color: #8FDB43;padding: 17px 25px;color: #1D2530;text-align: center;font-family: Montserrat;font-size: 14.675px;font-style: normal;font-weight: 700;line-height: 13.207px; letter-spacing: 0.734px;text-transform: uppercase;border: 2px solid transparent; display: inline-block; vertical-align: middle; }
.promotion-password-gate button.button.button-primary:hover { background-color: transparent; color: #1D2530; border-color: #8FDB43; }
/*Prmotion Preview Page CSS Ends Here*/


/* Responsive Design */
@media (max-width: 1440px) {
    .promotion-page-block .container { max-width: 100%; }
}
@media (max-width: 1200px) {
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap { padding: 36px 46px 26px; max-width: 948px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg .promotion-wrap { padding: 31px 30px 26px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col .promotion-bg { padding: 31px 30px 26px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col { gap: 24px; }
    .promotion-list-wrap { gap: 24px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-column { gap: 24px; }
    .wp-block-spacer { height: 24px !important; }
    .promotion-list-wrap .promotion-type-featured .promotion-bg.promotion-color { padding: 59px 60px; }
    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 100%; max-width: 322px; }
    .promotion-content .wp-block-button.wp-block-button__width-75 { width: 100%; max-width: 340px; }
    .promotion-content .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 { width: 332px; }
    .promotion-content .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 340px; }

    .promotion-heading h2.wp-block-heading, .promotion-heading h1.wp-block-heading { font-size: 56px !important; letter-spacing: -1.12px; margin-bottom: 0; }
    .promotion-heading p { font-size: 18px !important; line-height: 23.4px; max-width: 564px; }
    .promotion-heading { margin-bottom: 62px; }
    .promotion-content .wp-block-button.is-style-fill a, .promotion-content .wp-block-button.is-style-outline a { font-size: 12px; line-height: 10.8px; letter-spacing: 0.6px; padding: 10px 24px; }
    .promotion-content p { font-size: 14px !important; line-height: 21px; letter-spacing: -0.14px; }
    .promotion-page-block { padding: 200px 0 113px 0; }
    .promotion-bottom-left-effect { max-width: 500px; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .promotion-bottom-left-effect svg { width: 100%; height: auto; }
}
@media (max-width: 1024px) { 
    .promotion-list-wrap .promotion-list h2.wp-block-heading { font-size: 48px; line-height: 42px; margin-bottom: 18px; letter-spacing: -0.96px; }
    .promotion-list-wrap .promotion-list h3.wp-block-heading { font-size: 40px; line-height: 44px; margin-bottom: 18px; letter-spacing: -0.8px; }
    .promotion-list-wrap .promotion-list h4.wp-block-heading { font-size: 35px; line-height: 40.25px; margin-bottom: 18px; letter-spacing: -0.7px; }
    .promotion-list-wrap .promotion-list h6.wp-block-heading { margin-bottom: 18px; }

    .promotion-list-wrap .promotion-list.promotion-type-featured h2.wp-block-heading { font-size: 56px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h2.wp-block-heading { font-size: 48px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h2.wp-block-heading { font-size: 56px;}

    .promotion-list-wrap .promotion-list.promotion-type-featured h3.wp-block-heading { font-size: 40px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h3.wp-block-heading { font-size: 38px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h3.wp-block-heading { font-size: 40px;}

    .promotion-list-wrap .promotion-list.promotion-type-featured h4.wp-block-heading { font-size: 38px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h4.wp-block-heading { font-size: 35px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h4.wp-block-heading { font-size: 38px; }

    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 255px; }
    .promotion-content .wp-block-button.wp-block-button__width-75 { width: 278px; }
    .promotion-content .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 { width: 255px; }
    .promotion-content .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 278px; }
    .promotion-content .wp-block-buttons.is-vertical { gap: 10px;  }
    .promotion-list-wrap .wp-block-image.mobile-small-img img { max-width: 250px; width: 100%; }

    /*.promotion-link-popup { margin-bottom: 24px; }
    .promotion-content .wp-block-buttons { margin-bottom: 24px; }
    .promotion-content p { margin-bottom: 24px; }*/
}
@media (max-width: 991px) {
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap { padding: 27px 35px; max-width: 728px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg .promotion-wrap { padding: 24px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col { gap: 18px; }
    .promotion-list-wrap { gap: 18px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-column { gap: 18px; }
    .promotion-list-wrap .promotion-type-featured .promotion-bg.promotion-color { padding: 45px 46px; }
    .promotion-heading h2.wp-block-heading, .promotion-heading h1.wp-block-heading { font-size: 44px !important; letter-spacing: -0.88px; }
    .promotion-heading p { font-size: 14px !important; line-height: 18.2px; max-width: 462px; }
    .promotion-heading { margin-bottom: 53px; }
    .promotion-content .wp-block-button.is-style-fill a, .promotion-content .wp-block-button.is-style-outline a { padding: 13px 24px; }
    .promotion-page-block { padding: 150px 0 52px 0; }
    .promotion-popup-content-wrap { width: 650px; padding: 24px; }
    .promotion-popup-content { width: 96%; }
    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 85%; }
    .promotion-content .wp-block-button.wp-block-button__width-75, .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 90%; }
    .wp-block-spacer { height: 18px !important; }
    .promotion-content .wp-block-buttons.is-vertical { gap: 8px;  }
    .promotion-list-wrap .wp-block-columns { margin: 0 0 24px 0; }

    /*.promotion-link-popup { margin-bottom: 18px; }
    .front-label-block.promotion-label-block { margin-bottom: 18px; }
    .promotion-content .wp-block-buttons { margin-bottom: 18px; }
    .promotion-content p { margin-bottom: 18px; }*/
}
@media (max-width: 767px) {
    .promotion-list-wrap .promotion-list h2.wp-block-heading { font-size: 36px; line-height: 43.6px; margin-bottom: 14px; letter-spacing: -0.72px; }
    .promotion-list-wrap .promotion-list h3.wp-block-heading { font-size: 30px; line-height: 33px; margin-bottom: 14px; letter-spacing: -0.6px; }
    .promotion-list-wrap .promotion-list h4.wp-block-heading { font-size: 27px; line-height: 31.05px; margin-bottom: 14px; letter-spacing: -0.54px; }
    .promotion-list-wrap .promotion-list h6.wp-block-heading { font-size: 16px; line-height: 24px; margin-bottom: 14px; }

    .promotion-list-wrap .promotion-list.promotion-type-featured h2.wp-block-heading { font-size: 42px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h2.wp-block-heading { font-size: 36px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h2.wp-block-heading { font-size: 44px;}

    .promotion-list-wrap .promotion-list.promotion-type-featured h3.wp-block-heading { font-size: 30px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h3.wp-block-heading { font-size: 30px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h3.wp-block-heading { font-size: 30px;}

    .promotion-list-wrap .promotion-list.promotion-type-featured h4.wp-block-heading { font-size: 29.2px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h4.wp-block-heading { font-size: 27px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h4.wp-block-heading { font-size: 29.2px; }

    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-column { gap: 20px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg .promotion-wrap { padding: 32px 24px 24px; text-align: center; } 
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap { padding: 32px 24px 24px; max-width: 526px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col .promotion-bg { padding: 32px 24px 24px; }
    .promotion-popup-body { flex-direction: column; }
    .promotion-popup-image { flex: none; width: 100%; }
    .promotion-popup-text h2 { font-size: 24px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg { padding: 0; min-height: auto; }
    .promotion-page-block { padding: 140px 0 50px 0; }
    .promotion-heading h2.wp-block-heading, .promotion-heading h1.wp-block-heading { font-size: 48px !important; line-height: 48px; letter-spacing: -0.96px; }
    .promotion-page-block .promotion-heading { max-width: 390px; width: 100%; margin: 0 auto 47px; }
    .promotion-page-block .promotion-heading h2 { margin-bottom: 10px; }
    .promotion-heading p { max-width: 342px; }
    .promotion-bottom-left-effect { max-width: 300px;width: 100%;height: 100%;top: 59%;transform: translateY(-50%);-webkit-transform: translateY(-50%); }
    .promotion-bottom-left-effect svg { height: 850px; width: 270px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg .promotion-wrap { min-height: fit-content; }
    /* .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap p { text-align: center !important; } */
    .promotion-list-wrap .promotion-type-featured .promotion-bg.promotion-color { padding: 24px 24px; }
    .promotion-content p { font-size: 14px !important; line-height: 18px; letter-spacing: -0.14px; }
    .promotion-popup-text p { font-size: 10px; line-height: 13px; letter-spacing: -0.1px; }
    .promotion-popup-text h2, .promotion-popup-text h4 { font-size: 16px; font-style: normal;font-weight: 700;line-height: 17.6px;  letter-spacing: -0.32px }
    .wp-block-spacer { height: 20px !important; }
    .promotion-password-gate h1 { font-size: 34px; line-height: 39.1px; letter-spacing: -0.68px; }
    .promotion-password-gate p, .promotion-password-gate label { font-size: 16px; line-height: 24px; letter-spacing: -0.14px; }
    .promotion-password-gate-container { padding: 120px 0 60px; }
    .promotion-password-gate { margin: 40px 20px !important; padding: 28px 14px !important; }
    .promotion-popup-content-wrap { width: 420px; }
    .promotion-link-popup__close { top: 16px; right: 10px;}
    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 100%; }
    .promotion-content .wp-block-button.wp-block-button__width-75, .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 100%; }
    .wp-block-spacer { height: 20px !important; }
    .promotion-content .wp-block-buttons.is-vertical { gap: 10px; }
    .promotion-label-text { font-size: 14px !important; }
    .promotion-content .wp-block-button a.wp-element-button { font-size: 10px; padding: 12px 24px; }
    .promotion-link-popup.promotion-link-popup--green .promotion-link-popup__label a { font-size: 11px; }

    .promotion-link-popup { margin-bottom: 18px; }
    .front-label-block.promotion-label-block { margin-bottom: 18px; }
    .promotion-content .wp-block-buttons { margin-bottom: 18px; }
    .promotion-content p { margin-bottom: 18px; }
    .promotion-content .wp-block-image { margin-bottom: 18px; }
}
@media (max-width: 600px) {
    .promotion-list-wrap .promotion-list.promotion-type-2-col.promotion-two-col-desktop { display: none; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col.promotion-two-col-mobile { display: grid; }
    .promotion-list-wrap { max-width: 480px; margin: 0 auto; width: 100%; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col {  grid-template-columns: 1fr; gap: 20px; }
    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 75.7%; }
    .promotion-content .wp-block-button.wp-block-button__width-75, .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 82.6%; }
    .promotion-list-wrap .wp-block-image img { max-width: 100%; margin: 0 auto; width: 100%; }
    .promotion-list-wrap .wp-block-image.mobile-small-img img { max-width: 178px; width: 100%; }
    .promotion-list-wrap .promotion-type-featured .promotion-bg.promotion-color { padding: 0; background-image: none !important; }
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-bg.promotion-color:before { display: none;}
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap { max-width: 100%; text-align: center; }
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap p { text-align: center !important; }

    .promotion-link-popup { margin-bottom: 20px; }
    .front-label-block.promotion-label-block { margin-bottom: 20px; }
    .promotion-content .wp-block-buttons { margin-bottom: 20px; }
    .promotion-content p { margin-bottom: 20px; }
    .promotion-content .wp-block-image { margin-bottom: 20px; }

    .promotion-content .wp-block-button a.wp-element-button { font-size: 12px; line-height: 10.8px; letter-spacing: 0.6px; padding: 13px 24px; }
    .promotion-link-popup.promotion-link-popup--green .promotion-link-popup__label a { font-size: 14px; line-height: 21px ; letter-spacing: -0.12px;}
}
@media (max-width: 480px) {
    .promotion-popup-content-wrap { max-width: 365px; width: 100%;  }
    .promotion-list-wrap { max-width: 370px; display: flex; flex-wrap: wrap; }
}
@media (max-width: 390px) {
    .promotion-list-wrap .promotion-list h2.wp-block-heading { font-size: 42px; line-height: 46.2px; margin-bottom: 14px; letter-spacing: -0.84px; }
    .promotion-list-wrap .promotion-list h3.wp-block-heading { font-size: 34px; line-height: 39.1px; margin-bottom: 14px; letter-spacing: -0.68px; }
    .promotion-list-wrap .promotion-list h4.wp-block-heading { font-size: 30px; line-height: 34.5px; margin-bottom: 14px; letter-spacing: -0.6px; }
    .promotion-list-wrap .promotion-list h6.wp-block-heading { font-size: 10px; line-height: 15px; letter-spacing: -0.1px; }

    .promotion-list-wrap .promotion-list.promotion-type-featured h2.wp-block-heading { font-size: 48px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h2.wp-block-heading { font-size: 42px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h2.wp-block-heading { font-size: 42px;}

    .promotion-list-wrap .promotion-list.promotion-type-featured h3.wp-block-heading { font-size: 34px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h3.wp-block-heading { font-size: 34px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h3.wp-block-heading { font-size: 34px;}

    .promotion-list-wrap .promotion-list.promotion-type-featured h4.wp-block-heading { font-size: 30px; }
    .promotion-list-wrap .promotion-list.promotion-type-2-col h4.wp-block-heading { font-size: 30px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col h4.wp-block-heading { font-size: 30px; }

    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 90%; }
    .promotion-content .wp-block-button.wp-block-button__width-75, .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 90%; }

    .promotion-list-wrap .promotion-list.promotion-type-2-col .promotion-bg .promotion-wrap { padding: 32px 14px 24px; } 
    .promotion-list-wrap .promotion-list.promotion-type-featured .promotion-wrap { padding: 32px 14px 24px; }
    .promotion-list-wrap .promotion-list.promotion-type-1-col .promotion-bg { padding: 32px 14px 24px; }
}
@media (max-width: 340px) {
    .promotion-content .wp-block-button.wp-block-button__width-50 { width: 95%; }
    .promotion-content .wp-block-button.wp-block-button__width-75, .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width: 95%; }
}