.elementor-60 .elementor-element.elementor-element-b402fb5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-60 .elementor-element.elementor-element-dcbf1fd{width:var( --container-widget-width, 7.723% );max-width:7.723%;--container-widget-width:7.723%;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-dcbf1fd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-0aea43d.elementor-element{--align-self:center;}.elementor-60 .elementor-element.elementor-element-0aea43d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;color:#000000;}.elementor-60 .elementor-element.elementor-element-8625f40{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-60 .elementor-element.elementor-element-51a5a97 .elementor-button{background-color:#242424;fill:#FFFFFF;color:#FFFFFF;border-radius:20px 20px 20px 20px;}.elementor-60 .elementor-element.elementor-element-51a5a97.elementor-element{--align-self:flex-end;}.elementor-60 .elementor-element.elementor-element-d926b61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 22px;padding:0px 0px 0px 0px;}.elementor-60 .elementor-element.elementor-element-e608666{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-60 .elementor-element.elementor-element-4a4fede0{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-410e97af{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-410e97af img{width:100%;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-60 .elementor-element.elementor-element-aad45d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 19px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-60 .elementor-element.elementor-element-aad45d9 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-60 .elementor-element.elementor-element-aad45d9 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-60 .elementor-element.elementor-element-aad45d9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-60 .elementor-element.elementor-element-cc5882f img{border-radius:9px 9px 9px 9px;}.elementor-60 .elementor-element.elementor-element-d716df9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:050px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-734b5d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-60 .elementor-element.elementor-element-734b5d0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-60 .elementor-element.elementor-element-21371f1{width:var( --container-widget-width, 102.623% );max-width:102.623%;--container-widget-width:102.623%;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-21371f1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-60 .elementor-element.elementor-element-8003457{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-72163c7{text-align:start;color:#000000;}.elementor-60 .elementor-element.elementor-element-2901119{text-align:start;}.elementor-60 .elementor-element.elementor-element-2901119 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:800;color:#000000;}.elementor-60 .elementor-element.elementor-element-4fe3eb3{width:var( --container-widget-width, 75% );max-width:75%;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:start;}.elementor-60 .elementor-element.elementor-element-4fe3eb3.elementor-element{--align-self:flex-start;}.elementor-60 .elementor-element.elementor-element-0c97791{--display:flex;}.elementor-60 .elementor-element.elementor-element-2cefd11{--display:flex;}.elementor-60 .elementor-element.elementor-element-3a4f5b8{--display:flex;}.elementor-60 .elementor-element.elementor-element-8ad85f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-60 .elementor-element.elementor-element-8ad85f0.e-con{--align-self:center;}.elementor-60 .elementor-element.elementor-element-1290315{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-d4d931a{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-d4d931a img{width:100%;}.elementor-60 .elementor-element.elementor-element-cb0def2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-cb0def2:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-cb0def2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-60 .elementor-element.elementor-element-676ddcc .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-60 .elementor-element.elementor-element-676ddcc .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-60 .elementor-element.elementor-element-676ddcc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-60 .elementor-element.elementor-element-676ddcc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-60 .elementor-element.elementor-element-676ddcc .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-60 .elementor-element.elementor-element-676ddcc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-60 .elementor-element.elementor-element-d349338{text-align:center;color:#FFFFFF;}@media(min-width:768px){.elementor-60 .elementor-element.elementor-element-734b5d0{--width:22.081%;}.elementor-60 .elementor-element.elementor-element-8ad85f0{--width:44%;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-dcbf1fd{width:var( --container-widget-width, 52.443px );max-width:52.443px;--container-widget-width:52.443px;--container-widget-flex-grow:0;}.elementor-60 .elementor-element.elementor-element-4fe3eb3{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-581fd03 */<style>
/* Container for side-by-side layout */
.coffee-promo-container {
    display: flex;
    flex-direction: row; /* Forces side-by-side */
    gap: 30px;           /* Adjust this value to increase/decrease the middle gap */
    width: 100%;
}

.promo-card {
    flex: 1; /* Both cards take equal width */
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box; /* Ensures padding doesn't break layout */
}

/* Black Card Styles */
.launch-offer {
    background-color: #000;
    color: #fff;
}

/* White Card Styles */
.rewards-offer {
    background-color: #fff;
    color: #333;
}

/* Typography and Elements */
.promo-icon { font-size: 24px; margin-bottom: 15px; }
.promo-title { margin: 0 0 10px 0; font-size: 1.5em; font-weight: bold; }
.promo-text { margin-bottom: 20px; line-height: 1.5; }
.promo-footer { font-size: 0.9em; opacity: 0.8; }

.tracker-dots { display: flex; gap: 10px; }
.dot {
    width: 30px; height: 30px;
    border-radius: 50%; border: 1px solid #ccc;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
}
.gift-dot { background-color: #000; color: #fff; border: none; }

/* Responsive: Stacks on smaller screens */
@media (max-width: 768px) {
    .coffee-promo-container {
        flex-direction: column;
        gap: 20px;
    }
}
</style>/* End custom CSS */