.footer_area_for_discout_plugin {
    display: flex;
    flex-direction: column;
    align-items: center;  
    gap: 50px;
    margin-top: 50px;
    margin-bottom: 15px;  
    display: none;
}

.twenty_twentyfoure_footer_ui {
    display: none;
}

.container_welcome_message_in_discount_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.welcome_message_in_discount_footer_header {
    font-size: clamp(27px, 4vw, 36px);
    font-weight: 500;
    width: clamp(300px, 77vw, 1200px);
    text-align: center;
}

.welcome_message_in_discount_footer_header span {
    white-space: none;
}

.welcome_message_in_discount_footer_sub_header {
    width: clamp(300px, 77vw, 1200px);
    text-align: center;
}

.container_filter_menu_for_discounts {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: clamp(300px, 77vw, 1200px);
}

.discount_filter_tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px 0px 20px;    
    border-radius: 8px;
    cursor: pointer;
    border: solid transparent;
    position: relative;
}

.discount_filter_tab:hover {    
    border: solid white
}

.discount_filter_tab i {
    font-size: 27px;
    color: white;
}

.discount_filter_tab p {
    text-align: center;
}

.selected_discount_filter_tab {
    border: solid white
}

.button_to_reset_discout_filter {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #424242;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    /* padding: 5px; */
    font-size: 15px;
    z-index: 1;

}


.container_for_table_with_sales_PREVIEW {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;    
}

.table_with_sales_PREVIEW_header_and_desc, 
.table_with_discount_PREVIEW_header_and_desc {
    width: clamp(300px, 77vw, 1200px);
}

.header_sales_section_of_discout_plugin, 
.header_discount_section_of_discout_plugin {
    font-size: 19px;
    font-weight: 500;
}

.table_with_sales_PREVIEW_dynamic_ads_injects_here {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    width: clamp(300px, 77vw, 1200px);    
}

/* will HIDE all CHILD ELEMENTS that is after the 4th element*/
.table_with_sales_PREVIEW_dynamic_ads_injects_here > :nth-child(n+5) { 
    display: none;
}

.wrapper_sales_right_now_ad {
    width: 200px;
    min-height: 250px;
    background-color: white;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    
}

.img_sales_right_now_ad {
    width: 100%;
    filter: grayscale(1);
    transition: filter 0.3s ease;    
}

.wrapper_sales_right_now_ad:hover {
    outline: solid #5b5b5b 3px;
}

.wrapper_sales_right_now_ad:hover .img_sales_right_now_ad {
    filter: grayscale(0);
}

.header_sales_right_now_ad {
    font-size: 14;
    font-weight: 500;
    color: #222222;
    padding: 10px 10px 0px 10px;
}

.desc_sales_right_now_ad {
    font-size: 12;
    font-weight: 400;
    color: #222222;
    padding: 10px;
}

.button_view_more_from_sales_ad {
    padding: 10px;
    background-color: rgb(255 61 61);    
    transition: filter 0.3s ease;
    margin: 10px;
    border-radius: 5px;
    text-align: center;
    color: white;
}

.wrapper_sales_right_now_ad:hover .button_view_more_from_sales_ad {
    background-color: red;    
}

.wrapper_sales_right_now_ad:hover .button_view_more_from_sales_ad:hover {
    /*text-decoration: underline;*/
    outline: solid black;
}

.table_with_sales_PREVIEW_button_to_view_all_sales, 
.table_with_discount_PREVIEW_button_to_view_all_discounts {
    width: clamp(300px, 77vw, 1200px);
    display: flex;
    justify-content: right;
}

.view_more_button_sales_section_of_discout_plugin, 
.view_more_button_discount_section_of_discout_plugin {
    padding: 10px;
    border-radius: 6px;
    background-color: none;    
    cursor: pointer;
}

.view_more_button_sales_section_of_discout_plugin:hover, 
.view_more_button_discount_section_of_discout_plugin:hover {
    outline: solid white;
}


.container_for_table_with_discount_PREVIEW {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;    
}

.container_for_button_to_view_favourites {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 20px;
    border-top: solid white;
}

.container_for_button_to_view_favourites_inner {
    width: fit-content;
    border: solid transparent;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 15px;
}


.container_for_button_to_view_favourites_inner:hover {    
    border: solid white;    
}

.desc_sales_section_of_discout_plugin, 
.desc_discount_section_of_discout_plugin {
    font-size: 14px;
    font-weight: 400;
}

.table_with_discount_PREVIEW_dynamic_ads_injects_here {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    width: clamp(300px, 77vw, 1200px);
}

/* will HIDE all CHILD ELEMENTS that is after the 4th element*/
.table_with_discount_PREVIEW_dynamic_ads_injects_here > :nth-child(n+9) { 
    display: none;
}

.wrapper_discount_footer_ad {
    width: 200px;
    /*height: 200px;*/
    background-color: white;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wrapper_discount_footer_ad:hover {
    outline: solid #848484 3px;
}


.container_img_discount_ad {
    width: 80%;
    margin: 10px 0;
}

.img_discount_ad {    
    width: 100%;
    filter: grayscale(1);
    transition: filter 0.3s ease;    
}

.wrapper_discount_footer_ad:hover .img_discount_ad {
    filter: grayscale(0);
}

.green_sticker_discount_ad {
    text-align: center;
    background-color: #1ac558;
    padding: 10px;    
    border-radius: 7px;
    width: calc(100% - 20px);
    margin-bottom: 10px;
}

.wrapper_discount_footer_ad:hover .green_sticker_discount_ad {    
    background-color: #00ae40;
}

.wrapper_discount_footer_ad:hover .green_sticker_discount_ad:hover {    
    outline: solid black;
}

.container_for_table_with_ALL_discounts_displayed {
    display: flex;
    flex-direction: column;
    align-items: center;    
    width: clamp(300px, 77vw, 1200px);
    display: none;
}

.table_with_ALL_discounts_displayed_container_header {
    display: flex;
    flex-direction: row;     
    justify-content: space-between;
    width: 100%;
    border-bottom: solid white;
    padding-bottom: 10px;
}

.table_with_ALL_discounts_displayed_header {
    display: flex;
    flex-direction: row; 
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 500;
    width: 100%;
}

.table_with_ALL_discounts_displayed_close_button {
    font-size: 35px;
    cursor: pointer;
}

.element_with_local_discount_map_and_list {    
    display: flex;
    flex-direction: column;
    min-height: 100px;    
    width: 250px;
    margin-bottom: 30px;
}

.wrapper_list_of_dicounts_municipaliest {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}

.wrapper_search_bar_local_discounts {
    width: 100%;
}

.search_field_radio_list_of_municipalities {
    display: flex;    
    background-color: white;
    border-radius: 5px;
    padding: 3px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.wrapper_match_suggestions_municipality {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.match_suggestion_item_municipality {
    background-color: white;
    color: black;
    padding: 5px;
    border-radius: 5px;
}

#input_field_search_field_radio_list_of_municipalities {
    background: white;
    border: unset;
    border-radius: 6px 0 0 6px;
    padding: 0px 20px 0px 10px;    
    width: calc(100% - 20px);
    color: #3c3c3c !important;
    font-size: 16px;
}

.wrapper_element_radio_list_of_municipalities_border_top {
    width: 100%;
    border-top: solid white;
    margin-bottom: 10px;
}

.wrapper_element_radio_list_of_municipalities_border_bottom {
    width: 100%;
    border-top: solid white;
    margin-top: 10px;
}

#clear_input_field_search_field_radio_list_of_municipalities {
    border: unset;
    background-color: white;
    font-size: 20px;
    color: #bebebe;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20px;
    margin-left: -20px;
    display: none;
}

#button_input_field_search_field_radio_list_of_municipalities {
    background: white;
    border: unset;
    border-radius: 0 6px 6px 0;
    display: flex;
    align-items: center;
    padding: unset;
    padding-right: 6px;
    display: none;
}

.wrapper_element_radio_list_of_municipalities {
    height: 300px;
    overflow-y: scroll;    
    display: flex; 
    flex-direction: column;
    gap: 5px;    
    padding: 0px 0;
}

.wrapper_element_radio_list_of_municipalities::-webkit-scrollbar {
    width: 10px;
}

.wrapper_element_radio_list_of_municipalities::-webkit-scrollbar-track {
    background-color: transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    background-clip: padding-box;
}

.wrapper_all_discount_ads_and_local_discount_filter {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wrapper_element_radio_list_of_municipalities::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #d9d9d9;
}

.wrapper_element_municipality_in_list {
    display: flex;
    align-items: center;
    padding: 5px;
    gap: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.wrapper_element_municipality_in_list input {
    margin: unset;
}

.wrapper_element_municipality_in_list label {
    margin: unset;
    margin-left: unset !important;
    line-height: unset !important;
    margin-top: unset !important;
}

.table_with_ALL_discounts_displayed_dynamic_ads_injects_here {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;    
    min-height: 50px;
    margin-top: 40px;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
    max-height: 700px;
    overflow-y: scroll;
    
}

.table_with_ALL_discounts_displayed_dynamic_ads_injects_here::-webkit-scrollbar {
    width: 10px;
}

.table_with_ALL_discounts_displayed_dynamic_ads_injects_here::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #d9d9d9;
}

.table_with_ALL_discounts_displayed_bottom_border {
    width: 100%;
    margin-top: 20px;
    border-bottom: solid white;
}

.ALL_discounts_header {    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    visibility: none;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    padding-right: 20px;
    
}

.flex_wrapper_search_field_and_favourites_filtering {
    display: flex;
    gap: 10px;
    align-items: center;
}

.wrapper_search_for_discount_partner {
    display: inline;
    margin-left: 10px;
    position: relative;
    color: black;
    margin: 0;
}

#input_search_for_discount_partner {
    padding: 5px;
    border-radius: 5px;
}

#input_search_for_discount_partner::placeholder {
    margin-bottom: -3px;
}

#search_dropdown_partner_list {
    font-size: 14px;
    font-weight: 400;
}

.partner_in_dropdown_menu:hover {
    font-weight: 500;
    color: rgb(15, 15, 142);
    text-decoration: underline;
}

.container_tab_to_view_favourites {
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.table_with_ALL_sales_displayed_container_header {
    display: flex;
    flex-direction: row;     
    justify-content: space-between;
    width: 100%;
    border-bottom: solid white;
    padding-bottom: 10px;
}

.table_with_ALL_sales_displayed_header {
    display: flex;
    flex-direction: row; 
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 500;
}

.table_with_ALL_sales_displayed_header {
    display: flex;
    flex-direction: row; 
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 500;
}

.table_with_ALL_sales_displayed_close_button {
    font-size: 35px;
    cursor: pointer;
}

.container_for_table_with_ALL_sales_displayed {
    display: flex;
    flex-direction: column;
    align-items: center;    
    width: clamp(300px, 77vw, 1200px);
    display: none;
}

.table_with_ALL_sales_displayed_dynamic_ads_injects_here {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;    
    min-height: 50px;
    margin-top: 40px;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
    max-height: 700px;
    overflow-y: scroll;
    
}

.table_with_ALL_sales_displayed_dynamic_ads_injects_here::-webkit-scrollbar {
    width: 10px;
}

.table_with_ALL_sales_displayed_dynamic_ads_injects_here::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #d9d9d9;
}

.table_with_ALL_sales_displayed_bottom_border {
    width: 100%;
    margin-top: 20px;
    border-bottom: solid white;
}

#modal_root_container_discout_information_from_company {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000000a8;
    font-size: clamp(11px, 0.95vw, 14px);
    overflow-y: scroll;
}

#modal_content_container_discout_information_from_company {
    position: relative;
    margin-top: clamp(30px, 5vw, 50px);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 160px;
    padding: clamp(40px, 8vw, 80px) clamp(10px, 7vw, 80px);    
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: clamp(10px, 2vw, 30px);    
    width: clamp(300px, 77vw, 1200px);
    width: min(82.5%, 1285px);
    color: black;
}

#modal_close_button_discout {
    color: rgb(33, 33, 33);
    font-family: 'Times New Roman', Times, serif;
    font-size: clamp(30px, 4vw, 40px);
    font-weight: 400;
    line-height: 0;
    position: absolute;
    top: clamp(21px, 4vw, 40px);
    right: clamp(13px, 3vw, 32px);
    cursor: pointer;
}

.container_image_discount_modal {
    width: 100%;
    aspect-ratio: 23/9;
    background-color: lightblue;

}

.container_desciption_buttons_and_offsite_link_discount_modal {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 20px;
    position: relative;
    gap: 10px;
}
.container_header_and_desciption_discount_modal {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    width: 70%;
    gap: 10px;
}
.container_header_discount_modal {
    font-size: clamp(15px, 2.5vw, 24px);
    font-weight: 500;
    line-height: 1em;
}
.container_desciption_discount_modal {
    font-size: clamp(12px, 1.5vw, 14px);
    font-weight: 400;
    line-height: 1em;
}

.container_buttons_and_offsite_link_discount_modal {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.container_for_all_button_to_fetch_discount_code {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.container_button_to_fetch_discount_code_discount_modal {
    background-color: #00966c;    
    color: white;
    height: 60px;    
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 0px 6px 1px rgb(0 0 0 / 20%);
    cursor: pointer;
}

.container_offsite_link_discount_modal {
    background-color: rgb(255, 255, 255);        
    height: 150px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0px 6px 1px rgb(0 0 0 / 20%);
    cursor: pointer;
    color: inherit;
    text-decoration: none;

}

.container_button_to_add_favourite_discount_modal {
    background-color: #d44233;        
    height: 60px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0px 6px 1px rgb(0 0 0 / 20%);
    cursor: pointer;

}

.container_icon_discount_code {
    background-color: #56d379;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor:pointer;
}

.container_terms_and_condtions_discount_modal {
    
}

.container_terms_and_condtions_discount_modal_header {    
    width: 65%;    
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0px;
}

.container_terms_and_condtions_discount_modal_border_element {
    border-top: solid darkgrey 1px;
}

.container_terms_and_condtions_discount_modal_discount_expand_terms {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 20px 0px;
    cursor: pointer;
}

.big_img_modal_discount_ad {
    width: 100%;
}

.icon_offsite_link_discount_modal {
    font-size: 22px;    
    background: #246e8b;
    color: #fff;
    width: 90px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container_logo_offsite_link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.container_logo_offsite_link_img {
    width: 100%;    
}

.text_inside_button_to_add_favourite_discount {
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
    text-align: left;
    color: white;
}

.container_icon_add_favourite {
    background-color: #e74c3c;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor:pointer;
}

.container_button_to_notification_about_offsite_link {
    background-color: #2980b9;    
    color: white;
    height: 60px;    
    display: flex;
    align-items: center;    
    box-shadow: 0 0px 6px 1px rgb(0 0 0 / 20%);
    cursor: pointer;
    text-align: center;
    padding: 10px;
    line-height: 17px;
}

.container_button_sale_right_now_for_this_adverticer {
    background: radial-gradient(ellipse at center, #e74c3c 0%, #c0392b 100%);
    color: white;
    height: 60px;    
    display: flex;
    align-items: center;    
    justify-content: center;
    box-shadow: 0 0px 6px 1px rgb(0 0 0 / 20%);
    cursor: pointer;
    text-align: center;
    padding: 10px;
    line-height: 17px;
    gap: 5px;
}

.container_sales_right_now_in_partner_modal {
    width: 100%;
    background: radial-gradient(ellipse at center, #e74c3c 0%, #e55748 100%);    
    padding: 40px 30px;
    border-radius: 10px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}
    
.container_sales_right_now_in_partner_modal_header {
    width: 100%;    
    border-bottom: solid white 1px;
    color: white;
    font-size: 20px;    
    padding-bottom: 10px;
}

.container_sales_right_now_in_partner_modal_header_dynamic_content {
    padding: 20px 0px;
    display: flex;
    gap: 20px;
}

.container_yellow_ad_banner_and_expand_bubble {
    width: fit-content;
    margin-top: 30px;
}

.container_yellow_ad_banner {
    position: relative;
    background: yellow;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: clamp(1px, 0.5vw, 5px);
    padding-left: clamp(24px, 3vw, 30px);
    font-size: clamp(10px, 1vw, 12px);
    cursor: pointer;
    text-align: end;
    transition: 0.5s all;
}

.container_yellow_ad_banner::before {
    background: yellow;
    content: "";
    background-color: yellow;
    height: 100%;
    width: 9px;
    position: absolute;
    left: 100%;
    top: 0px;
    clip-path: polygon(100% 0, 0% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);
}

.name_and_slogan_yellow_ad_banner {
    min-width: 65px;
    overflow: hidden;
    white-space: nowrap;
    max-width: clamp(150px, 17vw, 176px);
}

.container_overlay_element_with_discout_codes {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffffe6;    
    outline: solid white 10px;
    display: none;
}

.inner_container_element_with_discout_codes {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    padding: 25px;    
    box-shadow: 0 0px 6px 1px rgb(0 0 0 / 20%);
    background-color: white;
    margin: 25px auto auto auto;
}

.left_container_element_with_discout_codes {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 10px;
}

.inner_container_element_with_discout_codes_close_button {
    width: 100%;
    text-align: right;
    font-size: 25px;
    cursor: pointer;
}

.left_and_right_container_element_with_discout_codes {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    gap: 20px;
}

.left_container_element_with_discout_codes_header_step_one {

}

.left_container_element_with_discout_codes_coupon_code {
    padding-left: 10px;
    
}

.left_container_element_with_discout_codes_button_to_copy_code {
    padding: 10px;
    background-color: #b1ffb1;
    border-radius: 6px;    
    margin-left: 0px;
    float: right;
    position: relative;
    width: 100%;
    text-align: center;   
    cursor: pointer;
}

.left_container_element_with_discout_codes_header_step_two {
    
}

.left_container_element_with_discout_codes_button_to_load_offsite_page {
    padding: 10px;
    background-color: #b1faff;
    border-radius: 6px;
    margin-left: 0px;
    float: right;
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.right_container_element_with_discout_codes {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.sales_ads_preview_hide_on_pageload {
    display: none;
}

.discount_ads_preview_hide_on_pageload {
    display: none;
}

.tab_to_display_test_ads {
    width: 100%;
    text-align: right;
    margin: 10px 0;
}

.container_terms_and_condtions_discount_modal_discount_expand_terms_text {
    display: none;
    font-weight: 400;
    font-size: 12px;
}

.container_for_table_with_ALL_facourites {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: clamp(300px, 77vw, 1200px);
    display: none;
}

.table_with_ALL_facourites_container_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid white;
    padding-bottom: 10px;
}

.table_with_ALL_facourites_header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 500;
}

.table_with_ALL_facourites_close_button {
    font-size: 35px;
    cursor: pointer;
}

.table_with_ALL_facourites_dynamic_ads_injects_here {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;
    min-height: 50px;
    margin-top: 40px;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
    max-height: 700px;
    overflow-y: scroll;
}

.table_with_ALL_facourites_bottom_border {
    width: 100%;
    margin-top: 20px;
    border-bottom: solid white;
}

#modal_root_container_register_user_for_discount_access {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000000a8;
    font-size: clamp(11px, 0.95vw, 14px);
    overflow-y: scroll;
}

#modal_content_container_register_user_for_discount_access {
    position: relative;
    margin-top: clamp(30px, 5vw, 50px);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 160px;
    padding: clamp(40px, 8vw, 80px) clamp(10px, 7vw, 80px);    
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: clamp(10px, 2vw, 30px);    
    width: clamp(320px, 77vw, 1200px);    
    color: #3a3a3a;
}

#modal_close_button_register_user_for_discount_access {
    color: rgb(33, 33, 33);
    font-family: 'Times New Roman', Times, serif;
    font-size: clamp(30px, 4vw, 40px);
    font-weight: 400;
    line-height: 0;
    position: absolute;
    top: clamp(21px, 4vw, 40px);
    right: clamp(13px, 3vw, 32px);
    cursor: pointer;
}

.logg_inn_to_view_favourites {
    font-weight: 600;
    cursor: pointer;
}

.logg_inn_to_view_favourites:hover {
    text-decoration: underline;
}

.register_user_for_discount_access_user_details_container {
    margin-left: 20px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.register_user_for_discount_access_user_details_container input {
    background-color: #f0f0f0;
    border: unset;
    padding: 10px;
    border-radius: 6px;
}

.register_user_for_discount_access_user_details_first_and_last_name  {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.register_user_for_discount_access_user_email_repeat {
    border: unset;
    padding: 10px;
    border-radius: 6px;
    background-color: #ff8929;
}

.register_user_for_discount_access_reg_options {
    font-weight: 500;
    font-size: 16px;
    white-space: normal;
    margin-top: 20px;
}

.register_user_for_discount_access_button_to_go_to_logginnpage {    
    margin-top: 20px;
    margin-bottom: 10px;
    border: unset;
    padding: 10px;
    border-radius: 6px;    
    background-color: #9bff8d;
    color: #173e06;    
    text-decoration: unset;
}

.transcript-sponser {
    filter: grayscale(1);
    transition: filter 0.3s ease;
    border-radius: 4px;
}

.notification_user_will_keep_discount_access_after_cancellation {
    background-color: rgb(255, 226, 98);
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

/* Override styles for screen widths from 768px to 481px */
@media screen and (max-width: 768px) {
    /* will HIDE all CHILD ELEMENTS that is after the 4th element*/
    .table_with_sales_PREVIEW_dynamic_ads_injects_here > :nth-child(n+3) { 
        display: none;
    }
    
    /* will HIDE all CHILD ELEMENTS that is after the 4th element*/
    .table_with_discount_PREVIEW_dynamic_ads_injects_here > :nth-child(n+4) { 
        display: none;
    }

    .container_tab_to_view_favourites {
        display: none;
    }

    .container_header_and_desciption_discount_modal, 
    .container_buttons_and_offsite_link_discount_modal {
        width: 50%;
    }

}

/* Override styles for screen widths below 480px */
@media screen and (max-width: 480px) {    
    .welcome_message_in_discount_footer_sub_header {
        display: none;
    }
    
    .table_with_sales_PREVIEW_dynamic_ads_injects_here, 
    .table_with_discount_PREVIEW_dynamic_ads_injects_here,
    .table_with_ALL_sales_displayed_dynamic_ads_injects_here, 
    .table_with_ALL_discounts_displayed_dynamic_ads_injects_here, 
    .table_with_ALL_facourites_dynamic_ads_injects_here {
        justify-content: center;
    }

    #modal_content_container_discout_information_from_company {
        width: 100vw;
        margin-top: 0px;

    }

    #modal_content_container_register_user_for_discount_access {
        width: 100vw;
        margin-top: 0px;
    }


}