@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
    font-family: "Font Awesome 6 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}
.fal,
.fa-light {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}
:root,
:host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}
.far,
.fa-regular {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}
:root,
:host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
:root,
:host {
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}
@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-thin-100.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-thin-100.ttf") format("truetype");
}
.fat,
.fa-thin {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
}
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 900;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 400;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 300;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}
@font-face {
    font-family: "Font Awesome 5 Duotone";
    font-display: block;
    font-weight: 900;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7,
        U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A,
        U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-v4compatibility.woff2") format("woff2"), url("https://www.50elef.co.il/lib/fontawesome/webfonts/fa-v4compatibility.ttf") format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161,
        U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252, U+F27A;
}

/*========================================
       Opening Section Start Here
=========================================*/

.opening-sec{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 30px;
}

.opening-sec .opening-img{
    height: 300px;
    border-bottom: 1px solid #cfcfcf;
}

.opening-sec .container{
    position: relative;
}

.opening-sec .container h1{
    position: absolute;
    top: -300px;
    right: 0;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
}

.breadcrumb-main{
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.breadcrumb{
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a{
    font-size: var(--font-size-20px);
    line-height: var(--line-heights-20px);
    font-family: var(--font-family-regular);
    color: var(--dark);
}

.breadcrumb .active{
    position: relative;
    color: #666666;
}

.breadcrumb .active::before{
    display: none;
}

.breadcrumb .active::after{
    content: "/";
    position: absolute;
    right: -10px;
    top: 0;
    font-size: var(--font-size-20px);
    line-height: var(--line-heights-20px);
    font-family: var(--font-family-regular);
    color: #666666;
}

/*========================================
       Opening Section End Here
=========================================*/

/*========================================
    Free consultation Css Start Here
=========================================*/

.free-consultation{
    position: relative;
}

.free-consultation .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 6px 0;
}

.free-consultation .consultation-text{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.free-consultation .fixed-btn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.free-consultation .fixed-btn .theme-btn{
    padding: 14px 30px 14px 36px;
    border-radius: var(--border-radius-30px) 0 0 var(--border-radius-30px);
}

.free-consultation .fixed-btn .theme-btn:hover{
    border: 2px solid var(--theme-btn-border-hover-color);
}

.free-consultation .small-btn{
    padding: 8px 18px;
    font-size: var(--font-size-20px);
    line-height: var(--line-heights-20px);
}

/*========================================
    Free consultation Css End Here
=========================================*/

/*========================================
       CTA Sec Css Start Here
=========================================*/

.cta-sec{
    position: relative;
    background-color: #e3d7ff;
    padding: 30px 0 30px 0;
}

.cta-sec .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.cta-sec .row{
    gap: 24px 0;
}

.cta-sec .input-otr label{
    display: none;
}

.cta-sec .theme-input{
    border: 2px solid var(--light);
}

.cta-sec .theme-input,
.cta-sec .theme-btn{
    width: 100% !important;
}

.cta-sec .message-text{
    text-align: center;
    margin-top: 10px;
}

/*========================================
       CTA Sec Css End Here
=========================================*/



/*========================================
    Podcast Deatils Css Start Here
=========================================*/

.podcast-details{
    position: relative;
    margin: 50px 0;
}

.podcast-details .row{
    gap: 24px 0;
}

.podcast-details .col-inr{
    margin-left: 40px;
}

.podcast-details .short-desc{
    margin: 24px 0 32px 0;
}

.podcast-details .short-desc p:not(:last-child){
    margin-bottom: 24px;
}

.podcast-details .short-desc p{
    color: var(--dark);
}

.podcast-details .p-cast-detail{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #cfcfcf;
    padding: 12px;
    gap: 12px 24px;
}

.podcast-details .user-details{
    display: flex;
    align-items: center;
    gap: 12px;
}

.podcast-details .userimg{
    width: 60px;
    height: 60px;
    border-radius: var(--border-radius-full-round);
    object-fit: cover;
    border: 3px solid var(--dark);
}

.podcast-details .name{
    font-family: var(--font-family-medium);
    line-height: var(--line-heights-16px);
}

.podcast-details .info{
    font-size: var(--font-size-16px);
    line-height: var(--line-heights-16px);
}

.podcast-details .play-details{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    margin: 36px 0;
}

.podcast-details .podcast-play,
.podcast-details audio{
    flex: 1;
    width: 100%;
}

.podcast-details .download-icon{
    width: 48px;
    height: 48px;
    border-radius: var(--border-radius-full-round);
    background-color: #C99BC0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.podcast-details .download-icon:hover{
    background-color: var(--light);
    box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.3);
}

.podcast-details .download-icon:hover .icon{
    color: var(--dark);
}

.podcast-details .download-icon .icon,
.podcast-details .icon{
    font-size: var(--Icon-font-size-20px);
    color: var(--dark);
    transition: .3s;
}

.podcast-details .podcast-tags,
.podcast-details .podcast-tags ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

.podcast-details .podcast-tags ul .theme-btn{
    background-color: transparent;
    border: 2px solid #cfcfcf;
    font-size: var(--font-size-16px);
    line-height: var(--line-heights-16px);
    padding: 8px 16px;
    cursor: pointer;
}

.podcast-details .podcast-tags ul .theme-btn:hover{
    background-color: var(--dark);
    border: 2px solid var(--dark);
    color: var(--light);
}

.podcast-details .col-img-inr{
    position: sticky;
    top: 120px;
    z-index: 999;
}

.podcast-details .col-img-inr .podcast-img{
    width: 100%;
    height: auto;
    object-fit: contain;
    box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.3);
}

/*========================================
    Podcast Deatils Css End Here
=========================================*/

/*========================================
     More Episodes Css Start Here
=========================================*/

.more-episodes{
    position: relative;
    margin: 60px 0;
}

.more-episodes .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.more-episodes .row{
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center;
    gap: 24px 0;
}

.more-episodes .col-inr{
    padding: 12px;
    border: 2px solid #cfcfcf;
    border-radius: var(--border-radius-12px);
    background-color: var(--light);
    height: 100%;
    display: flex;
    gap: 24px;
    transition: .3s;
}

.more-episodes .col-inr:hover{
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
}

.more-episodes .podcast-img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: var(--border-radius-10px);
}

.more-episodes .content-div{
    flex: 1;
    padding: 10px 0 0 0;
}

.more-episodes h3{
    font-size: var(--font-size-28px);
    line-height: var(--line-heights-28px);
    color: var(--dark);
    margin: 10px 0 8px 0;
}

.more-episodes .col-inr p{
    color: var(--dark);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.more-episodes .episode-num{
    font-size: var(--font-size-24px);
    line-height: var(--line-heights-20px);
    color: #666666;
}

.more-episodes .action{
    display: flex;
    align-items: center;
    justify-content: center;
}

/*========================================
     More Episodes Css End Here
=========================================*/

@media (min-width : 1199) and (max-width: 1400px){
    .container{
        max-width: 100%;
    }
}

@media (max-width : 1200px){
    header .navbar-main .container{
        max-width: 100%;
    }
    .menu-main .img-logo{
        height: 60px;
    }
    .menu-main .menu-ul{
        gap: 12px 20px;
    }
    .menu-main .menu-ul .menu-link{
        font-size: 18px;
    }
    .menu-main .action .theme-btn{
        padding: 12px 16px;
        font-size: var(--font-size-18px);
        line-height: var(--line-heights-18px);
    }
    .free-consultation .consultation-text{
        max-width: 600px;
    }
    .banner-sec .wrapper{
        left: 4%;
    }
}

@media (max-width : 992px){
    header .navbar-main{
        display: none;
    }
    .banner-sec{
        margin-top: 74px;
    }
    .banner-sec .bg-img{
        height: 400px;
        aspect-ratio: initial;
    }
    .banner-sec .wrapper{
        left: 0;
        padding: 0 12px;
        text-align: center;
    }
    .banner-sec .action{
        justify-content: center;
    }
    .banner-sec h1{
        font-size: var(--font-size-40px);
        line-height: var(--line-heights-40px);
    }
    .free-consultation .fixed-btn{
        display: none;
    }
    .free-consultation .wrapper{
        flex-direction: column;
        gap: 20px;
    }
    .about-sec .bg-img{
        display: none;
    }
    .about-sec .col-inr{
        text-align: center;
    }
    .about-sec .col-inr li{
        flex-direction: column;
    }
    .about-sec .col-inr .action{
        justify-content: center;
    }
    .about-sec .col-img-inr .about-img{
        width: 100%;
    }
    .about-sec2 .bg-img,
    .about-sec2 .bg-shape{
        display: none;
    }
    .about-sec2 .col-inr{
        text-align: center;
    }
    .about-sec2 .col-inr .action{
        justify-content: center;
    }
    .about-sec2 .col-img-inr .iframe-video{
        width: 100%;
    }
    .about-sec3 .about-img-slider{
        padding: 10px 0 70px 0;
    }
    .about-sec4 .row:last-child{
        flex-direction: column-reverse;
    }
    .about-sec4 .about-img{
        width: 100%;
    }
    .about-sec4 .col-inr{
        text-align: center;
    }
    .about-sec4 .col-inr .action{
        justify-content: center !important;
    }
    .features-sec2 .wrapper{
        margin-bottom: 50px;
    }
    .features-sec2 .row{
        gap: 60px 0;
        justify-content: center;
    }
    .who-we-are-sec .row{
        flex-direction: column-reverse;
    }
    .who-we-are-sec .col-inr{
        top: 0;
        text-align: center;
    }
    .features-sec3 .col-inr{
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 20px;
    }
    .features-sec3 .icon-div{
        width: auto;
    }
    .features-sec3 .content-div{
        padding: 0;
    }
    .social-media-sec .col-inr{
        text-align: center;
    }
    .social-media-sec .col-inr h2::after{
        left: 50%;
        right: inherit;
        transform: translateX(-50%);
    }
    .social-media-sec .col-inr .action{
        justify-content: center;
    }
    .abou-with-features .bg-img{
        display: none;
    }
    .contact-info .col-box-otr{
        padding: 0 12px;
    }
    .podcast-details .col-inr{
        margin-left: 0;
    }
    .podcast-details .col-img-inr{
        position: initial;
    }
    footer .col-menu-inr{
        padding: 0;
    }
}

@media (max-width : 768px){
    .more-episodes .col-inr{
        flex-direction: column;
        gap: 12px 24px;
    }
    .more-episodes .podcast-img{
        width: 100%;
        height: auto;
    }
    .more-episodes .content-div{
        padding: 0;
    }
}

@media (max-width : 576px){
    .features-sec .col-inr{
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .staticstics-sec .col-inr{
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}