@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {box-sizing: border-box; text-decoration: none; list-style: none; padding: 0; margin: 0; margin-bottom: 0px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, li ul, li ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1;}
h2 {font-size: 15px; line-height: 1;}
h3 {font-size: 15px; font-weight: 700;}
h4 {font-size: 14px; font-weight: 700;}
h5 {font-size: 10px;}
p {font-size: 14px; margin-bottom: 0px;}
a, button {outline: none; text-decoration: none !important; transition: all 0.3s ease-in-out;}
select {outline: none;}
html{scroll-behavior: smooth;}
.disabled {opacity: 0.5; pointer-events: none;}
h1, h2, h3, h4, h5, h6, a { font-family: var(--primary-family); }
p { font-family: var(--primary-family); }
.use-icon-box {position: absolute; height: 0; width: 0; opacity: 0;}

@font-face {
    font-family: 'Almoni';
    font-weight: 100;
    src: url('../../assets/fonts/almoni/almoni-thin-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 200;
    src: url('../../assets/fonts/almoni/almoni-ultralight-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 300;
    src: url('../../assets/fonts/almoni/almoni-light-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 400;
    src: url('../../assets/fonts/almoni/almoni-regular-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 500;
    src: url('../../assets/fonts/almoni/almoni-medium-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 600;
    src: url('../../assets/fonts/almoni/almoni-demibold-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 700;
    src: url('../../assets/fonts/almoni/almoni-bold-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 800;
    src: url('../../assets/fonts/almoni/almoni-ultrabold-aaa.otf') format('opentype');
}

@font-face {
    font-family: 'Almoni';
    font-weight: 900;
    src: url('../../assets/fonts/almoni/almoni-black-aaa.otf') format('opentype');
}
@font-face {
    font-family: 'Almoni';
    font-weight: 950;
    src: url('../../assets/fonts/almoni/almoni-ultrablack-aaa.otf') format('opentype');
}

/* scrollbar */
/* width */
.search-body-items::-webkit-scrollbar, .card-news-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.search-body-items::-webkit-scrollbar-thumb {
  background: #A3A3A3; 
  border-radius: 10px;
}
.card-news-container::-webkit-scrollbar-thumb {
  background: #FF97A0;
  border-radius: 10px;
}


/* -----------------
    Theme Color's
------------------- */
:root {
    --primary-family: 'Noto Sans Hebrew';
    --secondary-family: 'Almoni';
	--primary-dark: #171717;
    --primary-white: #EBEBEB;
	--black: #000000;
    --white: #FFFFFF;
	
}

/* -----------------
    Theme Multipal Color's
------------------- */
:root .primary-blue {
    --linear-bg-color: rgb(239 235 255 / 50%);
    --bg-color: #EFEBFF;
    --text-color: #351A75;
    --svg-color: #7D52F4;
}
:root .primary-green {
    --linear-bg-color: rgb(228 251 248 / 50%);
    --bg-color: #E4FBF8;
    --text-color: #0B463E;
    --svg-color: #22D3BB;
}
:root .primary-red {
    --linear-bg-color: rgba(255 235 236 / 50%);
    --bg-color: #FFEBEC;
    --text-color: #681219;
    --svg-color: #FB3748;
}
:root .secondary-blue {
    --linear-bg-color: rgba(235 241 255 / 50%);
    --bg-color: #EBF1FF;
    --text-color: #351A75;
    --svg-color: #335CFF;
}
:root .secondary-green {
    --linear-bg-color: rgba(224 250 236 / 50%);
    --bg-color: #E0FAEC;
    --text-color: #0B4627;
    --svg-color: #1FC16B;
}




/*                                          <===============>   <===============>   <===============>
*                                        <===============>      Yiddish 24 CSS HERE       <===============>
*                                           <===============>   <===============>   <===============>
*/

.main-page-wrapper .container {
    max-width: 1440px;
    padding: 0;
}
.dir-rtl {
    direction: rtl;
}

/* Svg Color */
.fill-dark {
    fill: var(--primary-dark);
}
.fill-white {
    fill: var(--white);
}




/* -----------
    Button Area
---------------------*/
.blue-btn, .primary-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    font-family: var(--primary-family);
    font-weight: 600;
    font-size: 13.5px;
    line-height: 18px;
    border-radius: 4px;
    border: initial;
    box-shadow: 0px 1px 2px 0px #0A0D1408;
    padding: 8px;
    outline: none;    
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.default-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-family: var(--secondary-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 92%;
    border-radius: 4px;
    border: initial;
    padding: 8px;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.blue-btn:hover, .primary-btn:hover, .default-btn:hover {
    box-shadow: 0px 1px 8px 0px #0a0d142b;
    opacity: 0.8;
}
.blue-btn {
    background: #2547D0;
    color: var(--white);
}
.primary-btn {
    background: var(--white);
    color: #181D27;
}



/*                                          =============== ***
.                                                   Header Area
.                                                   *** ===================== 
*/

.header-wraper {
    background: var(--white);
    padding: 20px 16px;
}
.header-division {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Navigation */
.nav-items {
    display: flex;
    align-items: center;
    gap: 10px;
}
.nav-item {
    position: relative;
}
.nav-items li a, .side-tab-items li a {
    font-family: var(--secondary-family);
    font-weight: 600;
    font-size: 16px;
    padding: 10px 9px;
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--primary-dark);
}

/* Color's Code */
.nav-item.dark a:not(.sub-nav-items a) {
    color: var(--primary-dark);
    fill: #A3A3A3;
}
.nav-item.darkblue a:not(.sub-nav-items a) {
    color: #351A75;
    fill: #7D52F4;
}
.nav-item.darkgreen a:not(.sub-nav-items a) {
    color: #0B463E;
    fill: #22D3BB;
}
.nav-item.darkred a:not(.sub-nav-items a) {
    color: #681219;
    fill: #FB3748;
}

/* Sub Nav */
.sub-nav-items {
    position: absolute;
    top: 100%;
    padding-top: 20px;
    z-index: 1;
    width: max-content;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.sub-nav-item a:hover {
    background: #E0FAEC;
    color: #0B4627;
}
.sub-nav-item a {
    border-radius: 4px;
}
.nav-items li:hover .sub-nav-items, .btn-group-wrapper:hover .sub-nav-items {
    opacity: 1;
    visibility: visible;
    padding-top: 16px;
}
.sub-nav-inner {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    background: var(--white);
    border-radius: 8px;
    padding: 8px;
    border: 1px solid var(--primary-white);
    box-shadow: 0px 48px 48px -24px #3333330A, 0px 24px 24px -12px #3333330A, 0px 12px 12px -6px #3333330A, 0px 6px 6px -3px #3333330A, 0px 3px 3px -1.5px #33333305, 0px 1px 1px 0.5px #3333330A, 0px 0px 0px 1px #3333330A, 0px -1px 1px -0.5px #3333330F inset;
}
.btn-group-wrapper .listing-group:not(.active) {
    display: none;
}
.listing-group {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.list-item {
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
}
.list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}


/*-----------------
        Head Button Area
    --------------*/
.head-btn-area {
    display: flex;
    align-items: stretch;
    gap: 12px;
}
.head-btn-area .primary-btn {
    border: 0.9px solid var(--primary-white);
}
.btn-group-wrapper {
    position: relative;
}


/* Search Engine */
.head-search-engine {
    position: relative;
}
.search-input {
    position: relative;
}
.search-input input {
    background: var(--primary-white);
    outline: none;
    border: 1px solid var(--primary-white);
    padding: 8px 30px;
    border-radius: 4px;
    font-family: var(--primary-family);
    font-weight: 600;
    font-size: 13.5px;
    line-height: 18px;
}
.search-icon, .cross-ico {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    top: 0;
}
.dir-rtl .search-icon {
    padding-right: 8px;
    right: 0;
}
.dir-rtl .cross-ico {
    padding-left: 8px;
    left: 0;
}
.dir-rtl .search-output-wrapper {
    left: 0;
}
.search-output-wrapper {
    position: absolute;
    top: 100%;
    margin-top: 16px;
    background: var(--white);
    box-shadow: 0px -2px 27px 0px #00000026;
    border-radius: 8px;
    z-index: 1;
    padding: 8px;
    display: none;
}

/* search Head */
.search-head {
    margin-bottom: 8px;
}
.search-head-listing {
    display: flex;
    align-items: stretch;
    gap: 11px;
}
.search-head-listing a {
    display: block;
    font-family: var(--primary-family);
    font-weight: 600;
    font-size: 13.5px;
    line-height: 18px;
    padding: 8px;
    border-radius: 4px;
    color: #5C5C5C;
}
.search-head-listing a:hover, .search-head-listing .active a {
    background: var(--primary-white);
    color: #181D27;
}

/* search-body */
.search-body-items {
    max-height: 320px;
    overflow-y: auto;
}
.search-item {
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.search-item:not(:last-child) {
    margin-bottom: 8px;
}
.search-news-img {
    width: 100%;
    max-width: 49px;
    aspect-ratio: 1/1;
}
.search-news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.news-title {
    font-family: var(--secondary-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.news-details {
    font-family: var(--secondary-family);
    font-weight: 700;
    font-size: 12px;
    line-height: 131%;
}

.search-ico-wrapper {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.search-content, .ico-list {
    display: flex;
    align-items: center;
    gap: 10px;
}
.search-item:hover {
    background: #F7F7F7;
}
.search-item:hover .search-ico-wrapper {
    opacity: 1;
    visibility: visible;
}

/* Top Ads */
.top-ads-area {
    margin-bottom: 25px;
}
.ads-images {
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.ads-img {
    width: 100%;
}
.ads-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

/*                                          =============== ***
.                                                   Main Content Area
.                                                   *** ===================== 
*/

.main-content-inner {
    display: flex;
    align-items: stretch;
}
.additional-content, .news-side-baar {
    width: 100%;
}
.more-news-area {
    padding: 6px 4px;
    background: var(--primary-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date-bulletin {
    display: flex;
    align-items: center;
    gap: 10px;
}
.more-news-area p {
    font-family: var(--secondary-family);
    font-weight: 400;
    font-size: 14.92px;
    line-height: 92%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0px;
    color: #5C5C5C;
}
.date-bulletin p span {
    font-weight: 600;
}
.additional-news-head {
    display: flex;
    align-items: center;
    gap: 16px;
}
.additional-news-head a {
    font-family: var(--secondary-family);
    font-weight: 600;
    font-size: 14.92px;
    line-height: 92%;
    text-align: center;
    color: #5C5C5C;
    display: flex;
    align-items: center;
    gap: 8px;
}
.more-news-area svg {
    color: #5C5C5C;
}

/* Main News Area */
.main-news-wrapper {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--primary-white);
}
.main-news-content, .side-news-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.main-news-content {
    justify-content: space-between;
}
.large-content-card, .medium-content-card, .small-content-card {
    padding: 20px;
    display: flex;
    gap: 15px;
    position: relative;
    align-items: flex-start;
    transition: all 0.4s ease-in-out;
}
.large-content-card, .medium-content-card {
    flex-direction: column;
    flex: 1;
}
.small-content-card {
    border-top: 1px solid var(--primary-white);
}

.side-news-content {
    border-right: 1px solid var(--primary-white);
}
.group-block-layout {
    display: flex;
    align-items: stretch;
}
.group-block-layout .medium-content-card:not(:last-child):before {
    border-left: 1px solid var(--primary-white);
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: calc(100% - 40px);
}


.large-content-card .new-description {
    font-weight: 700;
    font-size: 36px;
}
.large-content-card .ico-svg {
    width: 28px;
    height: 28px;
}
.large-content-card .ico-svg:before {
    content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.1934%2027.4459C6.73731%2027.4459%200.693359%2021.402%200.693359%2013.9459C0.693359%206.48987%206.73731%200.445923%2014.1934%200.445923C21.6494%200.445923%2027.6934%206.48987%2027.6934%2013.9459C27.6934%2021.402%2021.6494%2027.4459%2014.1934%2027.4459ZM14.1934%2024.7459C17.0577%2024.7459%2019.8047%2023.6081%2021.8301%2021.5827C23.8555%2019.5573%2024.9934%2016.8103%2024.9934%2013.9459C24.9934%2011.0816%2023.8555%208.33456%2021.8301%206.30917C19.8047%204.28378%2017.0577%203.14592%2014.1934%203.14592C11.329%203.14592%208.582%204.28378%206.55661%206.30917C4.53121%208.33456%203.39336%2011.0816%203.39336%2013.9459C3.39336%2016.8103%204.53121%2019.5573%206.55661%2021.5827C8.582%2023.6081%2011.329%2024.7459%2014.1934%2024.7459V24.7459ZM12.3331%209.10617L18.9197%2013.4964C18.9938%2013.5457%2019.0545%2013.6125%2019.0965%2013.6909C19.1385%2013.7694%2019.1605%2013.8569%2019.1605%2013.9459C19.1605%2014.0349%2019.1385%2014.1225%2019.0965%2014.2009C19.0545%2014.2793%2018.9938%2014.3462%2018.9197%2014.3955L12.3317%2018.7857C12.2505%2018.8395%2012.1562%2018.8704%2012.0588%2018.875C11.9615%2018.8796%2011.8647%2018.8577%2011.7788%2018.8118C11.6928%2018.7658%2011.6209%2018.6975%2011.5707%2018.614C11.5204%2018.5305%2011.4937%2018.4349%2011.4934%2018.3375V9.55437C11.4935%209.4567%2011.5202%209.36091%2011.5705%209.27719C11.6208%209.19348%2011.6929%209.12498%2011.7791%209.07898C11.8652%209.03299%2011.9623%209.01123%2012.0598%209.01602C12.1574%209.02081%2012.2518%209.05196%2012.3331%209.10617V9.10617Z%22%20fill%3D%22%23171717%22/%3E%3C/svg%3E");
    display: inline-block;
    width: 28px;
    height: 28px;
}

.ico-svg {
    position: relative;
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    transition: all 0.4s ease-in-out;
}
.ico-svg:before {
    content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.1934%2027.4459C6.73731%2027.4459%200.693359%2021.402%200.693359%2013.9459C0.693359%206.48987%206.73731%200.445923%2014.1934%200.445923C21.6494%200.445923%2027.6934%206.48987%2027.6934%2013.9459C27.6934%2021.402%2021.6494%2027.4459%2014.1934%2027.4459ZM14.1934%2024.7459C17.0577%2024.7459%2019.8047%2023.6081%2021.8301%2021.5827C23.8555%2019.5573%2024.9934%2016.8103%2024.9934%2013.9459C24.9934%2011.0816%2023.8555%208.33456%2021.8301%206.30917C19.8047%204.28378%2017.0577%203.14592%2014.1934%203.14592C11.329%203.14592%208.582%204.28378%206.55661%206.30917C4.53121%208.33456%203.39336%2011.0816%203.39336%2013.9459C3.39336%2016.8103%204.53121%2019.5573%206.55661%2021.5827C8.582%2023.6081%2011.329%2024.7459%2014.1934%2024.7459V24.7459ZM12.3331%209.10617L18.9197%2013.4964C18.9938%2013.5457%2019.0545%2013.6125%2019.0965%2013.6909C19.1385%2013.7694%2019.1605%2013.8569%2019.1605%2013.9459C19.1605%2014.0349%2019.1385%2014.1225%2019.0965%2014.2009C19.0545%2014.2793%2018.9938%2014.3462%2018.9197%2014.3955L12.3317%2018.7857C12.2505%2018.8395%2012.1562%2018.8704%2012.0588%2018.875C11.9615%2018.8796%2011.8647%2018.8577%2011.7788%2018.8118C11.6928%2018.7658%2011.6209%2018.6975%2011.5707%2018.614C11.5204%2018.5305%2011.4937%2018.4349%2011.4934%2018.3375V9.55437C11.4935%209.4567%2011.5202%209.36091%2011.5705%209.27719C11.6208%209.19348%2011.6929%209.12498%2011.7791%209.07898C11.8652%209.03299%2011.9623%209.01123%2012.0598%209.01602C12.1574%209.02081%2012.2518%209.05196%2012.3331%209.10617V9.10617Z%22%20fill%3D%22%23D1D1D1%22/%3E%3C/svg%3E");
    display: inline-block;
    width: 22px;
    height: 22px;
    transition: all 0.4s ease-in-out;
}
.playing-now .ico-svg:before, .playing-now:hover .ico-svg:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.948%2013.8439L3.948%206.88387L5.388%206.88387L5.388%2013.8439L3.948%2013.8439ZM14.748%2015.8439L14.748%204.88387L16.188%204.88387L16.188%2015.8439L14.748%2015.8439ZM11.148%2016.8439L11.148%203.88387L12.588%203.88387L12.588%2016.8439L11.148%2016.8439ZM7.548%2014.8439L7.548%205.88387L8.988%205.88387L8.988%2014.8439L7.548%2014.8439Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E")!important;
}
.played-card .ico-svg:before, .playing-now:hover .ico-svg:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2210%22%20viewBox%3D%220%200%2013%2010%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5.26738%207.41815L11.8856%200.799194L12.9044%201.81727L5.26738%209.45431L0.685303%204.87223L1.70338%203.85415L5.26738%207.41815Z%22%20fill%3D%22%23A3A3A3%22/%3E%3C/svg%3E")!important;
}
.played-card .new-description {
    color: #A3A3A3;
}

.new-description-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}
.new-description {
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 19.92px;
    line-height: 92%;
    text-align: justify;
    color: var(--primary-dark);
    width: 100%;
    margin-bottom: 20px;
}
.news-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}
.small-content-card .news-img {
    width: 100%;
    max-width: 170px;
    aspect-ratio: 1/.66;
}

/*--------------->
    Additional Content Box Hover
<-------------------*/
.additional-content .large-content-card:hover, .additional-content .medium-content-card:hover, .additional-content .small-content-card:hover {
    box-shadow: 0px 16px 32px -12px #0E121B1A;
}
.large-content-card:hover .card-bottom-btn, .medium-content-card:hover .card-bottom-btn, .small-content-card:hover .card-bottom-btn .card-item-btn {
    opacity: 1;
}
.additional-content .large-content-card:hover .ico-svg:before, .additional-content .medium-content-card:hover .ico-svg:before, .additional-content .small-content-card:hover .ico-svg:before {
  content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.70745%2014.7C3.73089%2014.7%200.507446%2011.4766%200.507446%207.50002C0.507446%203.52346%203.73089%200.300018%207.70745%200.300018C11.684%200.300018%2014.9074%203.52346%2014.9074%207.50002C14.9074%2011.4766%2011.684%2014.7%207.70745%2014.7ZM6.71529%204.91882C6.67195%204.88991%206.62159%204.87329%206.56956%204.87074C6.51753%204.86818%206.46579%204.87979%206.41983%204.90432C6.37388%204.92885%206.33544%204.96538%206.3086%205.01003C6.28177%205.05468%206.26754%205.10577%206.26745%205.15786V9.84218C6.26754%209.89427%206.28177%209.94536%206.3086%209.99001C6.33544%2010.0347%206.37388%2010.0712%206.41983%2010.0957C6.46579%2010.1202%206.51753%2010.1319%206.56956%2010.1293C6.62159%2010.1267%206.67195%2010.1101%206.71529%2010.0812L10.2282%207.73978C10.2677%207.71349%2010.3001%207.67785%2010.3225%207.63602C10.3449%207.59419%2010.3566%207.54747%2010.3566%207.50002C10.3566%207.45257%2010.3449%207.40585%2010.3225%207.36402C10.3001%207.32219%2010.2677%207.28655%2010.2282%207.26026L6.71457%204.91882H6.71529Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E");
}


/*--------------------
    News Side Baar 
    ---------------------*/
.news-side-baar {
    max-width: 392px;
    background: #FFF8F9;
    border-left: 1px solid #FFD5D8;
}
.news-side-baar .more-news-area {
    background: #D02533;
}
.news-side-baar .more-news-area svg {
    fill: #FFC0C5;
}
.more-title {
    font-family: 'Almoni';
    font-weight: 600;
    font-size: 14.92px;
    line-height: 92%;
    text-align: center;
    vertical-align: middle;
    color: #FFEBEC;
}
.card-news-container {
    max-height: calc(785px - 31px);
    overflow-y: auto;
}
.news-side-baar .small-content-card .news-img {
    max-width: 48px;
    aspect-ratio: 1/1;
}
.news-side-baar .small-content-card {
    border-top: initial;
    padding: 12px 20px;
}
.news-side-baar .new-description {
    font-weight: 600;
    font-size: 16px;
    color: #681219;
    transition: all 0.4s ease-in-out;
}
.news-side-baar .ico-svg {
    width: 14px;
    height: 14px;
}
.news-side-baar .ico-svg:before {
    content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.1934%2027.4459C6.73731%2027.4459%200.693359%2021.402%200.693359%2013.9459C0.693359%206.48987%206.73731%200.445923%2014.1934%200.445923C21.6494%200.445923%2027.6934%206.48987%2027.6934%2013.9459C27.6934%2021.402%2021.6494%2027.4459%2014.1934%2027.4459ZM14.1934%2024.7459C17.0577%2024.7459%2019.8047%2023.6081%2021.8301%2021.5827C23.8555%2019.5573%2024.9934%2016.8103%2024.9934%2013.9459C24.9934%2011.0816%2023.8555%208.33456%2021.8301%206.30917C19.8047%204.28378%2017.0577%203.14592%2014.1934%203.14592C11.329%203.14592%208.582%204.28378%206.55661%206.30917C4.53121%208.33456%203.39336%2011.0816%203.39336%2013.9459C3.39336%2016.8103%204.53121%2019.5573%206.55661%2021.5827C8.582%2023.6081%2011.329%2024.7459%2014.1934%2024.7459V24.7459ZM12.3331%209.10617L18.9197%2013.4964C18.9938%2013.5457%2019.0545%2013.6125%2019.0965%2013.6909C19.1385%2013.7694%2019.1605%2013.8569%2019.1605%2013.9459C19.1605%2014.0349%2019.1385%2014.1225%2019.0965%2014.2009C19.0545%2014.2793%2018.9938%2014.3462%2018.9197%2014.3955L12.3317%2018.7857C12.2505%2018.8395%2012.1562%2018.8704%2012.0588%2018.875C11.9615%2018.8796%2011.8647%2018.8577%2011.7788%2018.8118C11.6928%2018.7658%2011.6209%2018.6975%2011.5707%2018.614C11.5204%2018.5305%2011.4937%2018.4349%2011.4934%2018.3375V9.55437C11.4935%209.4567%2011.5202%209.36091%2011.5705%209.27719C11.6208%209.19348%2011.6929%209.12498%2011.7791%209.07898C11.8652%209.03299%2011.9623%209.01123%2012.0598%209.01602C12.1574%209.02081%2012.2518%209.05196%2012.3331%209.10617V9.10617Z%22%20fill%3D%22%23D02533%22/%3E%3C/svg%3E");
    display: inline-block;
    width: 14px;
    height: 14px;
}
.card-list:hover .ico-svg:before {
    content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.1934%2027.4459C6.73731%2027.4459%200.693359%2021.402%200.693359%2013.9459C0.693359%206.48987%206.73731%200.445923%2014.1934%200.445923C21.6494%200.445923%2027.6934%206.48987%2027.6934%2013.9459C27.6934%2021.402%2021.6494%2027.4459%2014.1934%2027.4459ZM14.1934%2024.7459C17.0577%2024.7459%2019.8047%2023.6081%2021.8301%2021.5827C23.8555%2019.5573%2024.9934%2016.8103%2024.9934%2013.9459C24.9934%2011.0816%2023.8555%208.33456%2021.8301%206.30917C19.8047%204.28378%2017.0577%203.14592%2014.1934%203.14592C11.329%203.14592%208.582%204.28378%206.55661%206.30917C4.53121%208.33456%203.39336%2011.0816%203.39336%2013.9459C3.39336%2016.8103%204.53121%2019.5573%206.55661%2021.5827C8.582%2023.6081%2011.329%2024.7459%2014.1934%2024.7459V24.7459ZM12.3331%209.10617L18.9197%2013.4964C18.9938%2013.5457%2019.0545%2013.6125%2019.0965%2013.6909C19.1385%2013.7694%2019.1605%2013.8569%2019.1605%2013.9459C19.1605%2014.0349%2019.1385%2014.1225%2019.0965%2014.2009C19.0545%2014.2793%2018.9938%2014.3462%2018.9197%2014.3955L12.3317%2018.7857C12.2505%2018.8395%2012.1562%2018.8704%2012.0588%2018.875C11.9615%2018.8796%2011.8647%2018.8577%2011.7788%2018.8118C11.6928%2018.7658%2011.6209%2018.6975%2011.5707%2018.614C11.5204%2018.5305%2011.4937%2018.4349%2011.4934%2018.3375V9.55437C11.4935%209.4567%2011.5202%209.36091%2011.5705%209.27719C11.6208%209.19348%2011.6929%209.12498%2011.7791%209.07898C11.8652%209.03299%2011.9623%209.01123%2012.0598%209.01602C12.1574%209.02081%2012.2518%209.05196%2012.3331%209.10617V9.10617Z%22%20fill%3D%22%23FF97A0%22/%3E%3C/svg%3E");
}
.news-side-baar .card-list:hover .new-description {
    color: #FB3748;
}


/*                                          =============== ***
.                                                   Main Popular Area
.                                                   *** ===================== 
*/

.main-popular-wrapper {
    position: relative;
    padding: 20px 16px;
}
.main-popular-wrapper .row {
    margin: 0px;
}
.main-popular-wrapper .popular-card-wrapper {
    padding-left: 20px;
    padding-right: 0px;
}
.main-popular-wrapper .sidebaar-wrapper {
    padding: 0px;
}

/* ------------------------
    Popular Card
-------------------- */
.popular-group-layout {
    padding: 20px 0px;
    border-radius: 4px;
    background: var(--linear-bg-color);
    overflow: hidden;
}
.popular-group-layout:not(:last-child) {
    margin-bottom: 20px;
}

/* ------> Card Head <------ */
.news-top-head {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0px 30px;
}
.head-title {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-color);
    fill: var(--svg-color);
}
.head-title h2 {
    font-family: var(--secondary-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 92%;
    margin: 0px;
}
.news-top-head .default-btn {
    background: var(--bg-color);
    color: var(--text-color);
    fill: var(--text-color);
}

/* ------> Card Listing <------ */
.popular-card-listing {
    padding: 0px 20px;
}
.news-card-items {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.news-card-item {
    padding: 10px;
    border-radius: 8px;
    background: transparent;
    transition: all 0.4s ease-in-out;
}
.img-block {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.img-block img {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-action {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 0px 4px;
}
.play-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 116%;
    border: 1px solid #E1E4EA;
    border-radius: 100px;
    padding: 2px 2px 2px 6px;
    color: #222530;
    fill: #525866;
}
.play-btn svg {
    width: 12px;
    height: 12px;
    transition: all 0.4s ease-in-out;
}
.news-date {
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 131%;
    color: #A3A3A3;
}
.heading-content-area {
    margin: 12px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
.ico-img-wrap {
    width: 100%;
    max-width: 35px;
    aspect-ratio: 1/1;
}
.ico-img-wrap img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
}
.heading-content-text {
    width: 100%;
}
.headline-desc {
    font-family: var(--secondary-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 92%;
    text-align: justify;
    margin-bottom: 12px;
    display: block;
    color: #0E121B;
}
.headline-sub-desc {
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 131%;
    color: #414651;
}
.card-bottom-btn {
    justify-content: space-between;
}
.card-bottom-btn, .card-btn-group {
    display: flex;
    align-items: center;
    gap: 10px;
}
.card-bottom-btn .card-item-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-family: var(--secondary-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 92%;
    border-radius: 4px;
    border: initial;
    outline: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    color: var(--black);
    fill: #525866;
    opacity: 0;
}
.playing-next .card-bottom-btn .card-btn-group .card-item-btn:first-child {
    opacity: 1;
    fill: #335CFF;
}
.news-card-item:hover {
    background: var(--white);
    box-shadow: 0px 16px 32px -12px #0E121B1A;
}
.news-card-item:hover .card-bottom-btn .card-item-btn {
    opacity: 1;
}
.news-card-item:hover .play-btn {
    background: #FB3748;
    border-color: #FB3748;
    color: var(--white);
    fill: var(--white);
}
.news-card-item:hover .play-btn span {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.news-card-item:hover .play-btn::after {
    content: 'לייוו';
    position: relative;
    transition: all 0.4s ease-in-out;
}

/* popular-video */
.popular-video .news-card-items {
    row-gap: 9px;
    column-gap: 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.popular-video .img-block {
    padding-top: 56%;
}

/* Interviews Block */

/* Owl Slider */
.popular-card-listing .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: rgb(90 90 90 / 80%);
    box-shadow: 0px 4px 12.2px 0px rgba(0, 0, 0, 0.04);
    width: 44px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    color: var(--white);
    position: absolute;
    top: calc(50% - 10%);
    transform: translatey(-50%);
}
.owl-carousel .owl-nav button.owl-next {
    left: 25px;
}
.owl-carousel .owl-nav button.owl-prev {
    right: 25px;
}
.owl-carousel .owl-nav button.owl-next:before, .owl-carousel .owl-nav button.owl-prev:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    backdrop-filter: blur(15.600000381469727px);
    z-index: -1;
    border-radius: 50%;
}
.owl-prev.disabled, .owl-next.disabled {
    display: none;
}

/* --------------------
    Played Box 
----------------------- */

.played-podcast .headline-desc {
    color: #525866;
}




/* ------------------------
    Sidebaar Wrapper
-------------------- */

.bulletin-news-ads:not(:last-child) {
    margin-bottom: 20px;
}
.bulletin-news-ads a {
    display: block;
}
.bulletin-news-ads img {
    border-radius: 4px;
}


/* ------------------------
    Audio Custom Player
-------------------- */
.audio-custom-player {
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(90, 90, 90, 0.8);
    border-radius: 100px;
    box-shadow: 0px 4px 12.2px 0px rgba(0, 0, 0, 0.04);
    z-index: 9;
    padding: 0px 70px;
    max-width: 1440px;
    margin: 0 auto;
}
.audio-custom-player:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(15.600000381469727px);
    z-index: -1;
    border-radius: 100px;
}
.audio-custom-player img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}
.audio-content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    flex-direction: row-reverse;
}

/* -------------
    Player Control Button
    ------------------*/
.player-controls-btn {
    display: flex;
    align-items: stretch;
    gap: 12px;
}
.audio-volume-wrapper, .player-listing-wrapper, .play-back-speed, .player-more-info {
    display: flex;
    align-items: center;
}
.player-more-info svg, .volumn-text svg, .player-btn svg {
    fill: var(--white);
    opacity: .3;
    transition: all 0.4s ease-in-out;
}
.player-btn, .speed-add, .player-more-info, .volume-up, .volume-mute, .volumn-text {
    cursor: pointer;
}
.player-more-info svg, .volumn-text svg, .player-btn svg, .speed-add {
    color: var(--white);
    fill: var(--white);
    opacity: .3;
}
.speed-add {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 19.16px;
    line-height: 131%;
    width: 24px;
}

/*  *** Volume Up Down ***  */
.audio-volume-wrapper:hover .volume-updown-wrapper {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% - 8px);
}
.audio-volume-wrapper:hover .volumn-text svg {
    opacity: 1;
}
.volume-updown-wrapper {
    position: absolute;
    bottom: calc(100% - 20px);
    z-index: -1;
    right: 20px;
    width: 100%;
    max-width: 290px;
    padding-bottom: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.volume-updown-inner {
    background: var(--white);
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px -2px 27px 0px #00000026;
    display: flex;
    align-items: center;
    gap: 8px;
}
.volume-updown-wrapper input {
    display: none;
}
.volume-bar {
    width: 100%;
    height: 8px;
    background: #D1D1D1;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
.bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
    border-radius: 4px;
}

/*  *** Player List wrapper ***  */
.player-listing-wrapper:hover .player-list-wrapper {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% - 8px);
}
.player-listing-wrapper:hover .player-btn svg {
    opacity: 1;
}
.player-list-wrapper {
    position: absolute;
    bottom: calc(100% - 20px);
    z-index: -1;
    right: 20px;
    width: 100%;
    max-width: 340px;
    padding-bottom: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.player-list-inner {
    background: var(--white);
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px -2px 27px 0px #00000026;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.player-list-items {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.player-list-item {
    justify-content: space-between;
}
.player-list-item, .player-content {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.player-news-img {
    width: 100%;
    max-width: 49px;
    aspect-ratio: 1/1;
}
.player-description .news-title {
    font-weight: 500;
    font-size: 12px;
}

/* Empty Player */
.empty-player-content {
    padding: 0px 14px;
    max-width: 196px;
}
.empty-player-content h3 {
    font-family: var(--secondary-family);
    font-weight: 700;
    font-size: 36px;
    line-height: 74%;
    text-align: center;
    margin-bottom: 16px;
}
.empty-player-content p {
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 131%;
    text-align: center;
}
.empty-player-content p svg {
    margin: 0px 2px;
}

/*  *** PlayBack Speed ***  */
.play-back-speed:hover .sub-list-wrapper {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% - 8px);
}
.play-back-speed:hover .speed-add {
    opacity: 1;
}
.sub-list-wrapper {
    position: absolute;
    bottom: calc(100% - 20px);
    z-index: -1;
    right: 20px;
    width: 100%;
    max-width: 290px;
    padding-bottom: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.sub-list-inner {
    background: var(--white);
    padding: 8px 8px 28px;
    border-radius: 8px;
    box-shadow: 0px -2px 27px 0px #00000026;
    position: relative;
}
.sub-list-content {
    display: flex;
    align-items: center;
    /* gap: 8px; */
    justify-content: space-between;
    margin: 0px 6px;
    background: #D1D1D1;
    border-radius: 4px;
    position: relative;
    height: 6px;
}
.slide-tab {
    position: relative;
    appearance: none;
    height: 8px;
    width: 8px;
    z-index: 1;
    flex: 1;
}
.slide-tab:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 8px;
    height: 100%;
    aspect-ratio: 1/1;
    background: #A3A3A3;
    border-radius: 50%;
    right: 0;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
}
.slide-tab:after {
    content: attr(value);
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #A3A3A3;
    width: 100%;
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.step-1.slide-tab:before {
    margin-left: 0;
}
.step-5.slide-tab:before {
    margin-right: 0;
}
.step-1.slide-tab:after {
    text-align: left;
}
.step-5.slide-tab:after {
    text-align: right;
}

.slider-bg {
    position: absolute;
    top: -3px;
    left: 0;
    /* width: calc(20% - 7px); */
    width: 20%;
    height: 12px;
    transition: all 0.4s ease-in-out;
}
.slider-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 100%;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
}
.slide-tab:checked:before {
    background: #000;
}
.slide-tab:checked:after {
    color: #000;
}
.sub-list-content .slide-tab:not(.step-1, .step-5):checked ~ .slider-bg::before {
    margin: 0 auto;
    right: 0;
}
.sub-list-content .slide-tab.step-5:checked ~ .slider-bg::before {
    margin-right: 0;
    right: 0;
}
.sub-list-content .slide-tab:checked ~ .slider-bg::before {
    background: #000;
}
.sub-list-content .step-1:checked ~ .slider-bg {
    transform: translateX(calc(0%));
}
.sub-list-content .step-2:checked ~ .slider-bg {
    transform: translateX(calc(100%));
}
.sub-list-content .step-3:checked ~ .slider-bg {
    transform: translateX(calc(200%));
}
.sub-list-content .step-4:checked ~ .slider-bg {
    transform: translateX(calc(300%));
}
.sub-list-content .step-5:checked ~ .slider-bg {
    transform: translateX(calc(400%));
}




/* Song Info */
.songInfo-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0px;
}
.icon-img {
    width: 100%;
    max-width: 72px;
}
.song-info h3 {
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 131%;
    color: var(--white);
}
.song-info p {
    font-family: var(--secondary-family);
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    color: var(--white);
}

.song-progressbar-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}
.song-progress-bar {
    width: 100%;
}
.progress-fixed-bar {
    border-radius: 4px;
    position: relative;
    height: 8px;
    background: #7C7C7C;
}
.progress-move {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: var(--white);
    display: block;
    z-index: 1;
    border-radius: 4px;
}
.song-duration-section {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--secondary-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 131%;
    color: var(--white);
}

/* player-controls */
.player-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    fill: var(--white);
}



/*                                          =============== ***
.                                                   Footer Area
.                                                   *** ===================== 
*/

.footer-wrapper {
    padding: 100px 16px;
    background: #1570EF;
    margin-top: 80px;
}
.footer-logo img {
    width: 100%;
}
.footer-inner-panel {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.app-store-panel {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: flex-end;
    margin-bottom: 50px;
}
.text-content-area {
    display: flex;
    gap: 25px;
}
.text-content-area span, .text-content-area a {
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: justify;
    color: var(--white);
}
.copyright-with-menu p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--white);
    text-align: left;
}

/*                                          =============== ***
.                                                   Footer Area
.                                                   *** ===================== 
*/

.advertisement-wrapper .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.advertisement-wrapper .modal-header {
    border-bottom: initial;
    padding-bottom: 16px;
    justify-content: space-between;
}
.advertisement-wrapper .skip-btn, .advertisement-wrapper .volume-btn {
    background: initial;
    border: initial;
    color: var(--white);
    fill: var(--white);
    cursor: pointer;
    outline: initial;
    font-size: 14px;
    text-decoration: none;
}
.advertisement-wrapper .skip-timer small {
    font-size: 100%;
}
.skip-btn, .skip-btn span {
    display: flex;
    align-items: center;
    gap: 2px;
}
.advertisement-wrapper .modal-body {
    padding: 0;
}
.advertisement-wrapper .modal-body img, .advertisement-wrapper .modal-body video {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    max-height: calc(100vh - 213px);
    margin: 0 auto;
}
.advertisement-wrapper .modal-content {
    border: initial;
    background: initial;
    padding: 0 15px;
}
.advertisement-wrapper .btn.btn-secondary {
    background: var(--white);
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 8px;
    width: 100%;
    padding: 15px;
    border: initial;
    border-radius: 6px;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
}
.advertisement-wrapper .modal-footer {
    border-top: initial;
    padding: 0;
    margin-top: 16px;
}