body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      color: var(--text);

  }

  @font-face {
      font-family: 'ProximaNovaRegular';
      src: url('../fonts/ProximaNovaRegular.ttf') format('truetype');
      font-weight: 400;
  }

  @font-face {
      font-family: 'ProximaNova bold';
      src: url('../fonts/ProximaNova Extrabold.ttf') format('truetype');
      font-weight: 900;
  }

  @font-face {
      font-family: 'ProximaNova Semibold';
      src: url('../fonts/ProximaNova Semibold.ttf') format('truetype');
      font-weight: 900;
  }



  .share-text-btn-white {
      color: #fff;
      display: flex;
      align-items: center;
      grid-column-gap: 6px;
      text-decoration: none;
  }

  .download-text-btn-white {
      color: #000;
      display: flex;
      background: #fff;
      align-items: center;
      grid-column-gap: 6px;
      border-radius: 5px;
      overflow: hidden;
      text-decoration: none;
  }

  .download-text-btn-white span {
      width: 100%;
      font-size: 20px;
      font-family: 'ProximaNova bold';
      font-weight: normal;
      display: inline-block;
      padding: 10px 40px;
      color: #0F566C;
  }

  .download-text-btn-white .icon-panel {
      width: 48px;
      min-width: 48px;
      height: 48px;
      background: #0F566C;
      display: flex;
      align-items: center;
      justify-content: center;
  }





 .download-text-btn-sm {
      color: #000;
      display: flex;
      background: #fff;
      align-items: center;
      grid-column-gap: 6px;
      border-radius: 5px;
      overflow: hidden;
      text-decoration: none;
  }

  .download-text-btn-sm span {
      width: 100%;
      font-size: 12px;
      font-family: 'ProximaNova bold';
      font-weight: normal;
      display: inline-block;
      padding: 5px 10px;
      color: #0F566C;
  }

  .download-text-btn-sm .icon-panel {
      width: 25px;
      min-width: 25px;
      height: 27px;
      background: #0F566C;
      display: flex;
      align-items: center;
      justify-content: center;
  }


  .player-wrapper-section .video-player-section-nishmas {
      background: #559FC6;
      padding-top: 75px;
  }

  .video-heading-panel {
      background: rgba(255, 255, 255, .65);
      font-size: 40px;
      padding: 35px;
      text-align: center;
      color: #0F566C;
      border-radius: 10px;
      margin-bottom: 20px;
      font-family: "open sans";
  }

  .video-text-panel {
      background: rgba(255, 255, 255, .65);
      font-size: 20px;
      padding: 35px;
      text-align: center;
      color: #0F566C;
      border-radius: 10px;
  }



  .player-wrapper-section .center-content-panel {
      max-width: 1270px;
      margin: 0 auto;
      padding:0 30px;
  }

  .video-info-section-panel {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
      margin-top: 20px;
  }

  .video-info-section-panel .cols {
      display: flex;
      align-items: center;
      grid-column-gap: 20px;
  }

  .rounded-button-fn {
      background: #0F566C;
      display: inline-flex;
      padding: 6px 15px 6px 6px;
      border-radius: 45px;
      align-items: center;
      color: #fff;
      grid-column-gap: 10px;
      font-family: 'ProximaNovaRegular';
      text-decoration: none;
  }

  .rounded-button-fn b {
      font-weight: normal;
      font-family: 'ProximaNova Semibold';
  }

  .rounded-button-fn img {
      width: 35px;
      height: 35px;
      border-radius: 100%;
  }

  .video-info-section-panel .date-section {
      font-size: 14px;
      color: #fff;
  }

  .button-section-video {
      display: flex;
      justify-content: center;
      margin-top: 75px;
  }

  .large-text-btn-video {
      background: #0F566C;
      display: inline-flex;
      padding: 13px 13px 13px 13px;
      border-radius: 45px;
      align-items: center;
      color: #fff;
      grid-column-gap: 14px;
      font-family: 'ProximaNovaRegular';
      text-decoration: none;
      font-size: 26px;
  }

  .large-text-btn-video b {
      font-weight: normal;
      font-family: 'ProximaNova Semibold';
  }

  .large-text-btn-video img {
      width: 64px;
      height: 64px;
      border-radius: 100%;
  }

  .large-text-btn-video span b {
      display: block;
      font-family: 'ProximaNova bold';
  }

  .large-text-btn-video .icon-panel {
      width: 64px;
      min-width: 64px;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .say-join-nishmas.nishmas-buttons-panel {
      background: #fff;

  }

  .nishmasBtn-lg {
      background: #787483;
      color: #fff;
  }

  .nishmasBtn-lg:hover {
      background: #3F3D46;
  }

  .video-bottom-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;
  }

  .nishmas-video-list-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap:60px 30px;
  }

  .nishmas-video-list .heading {
      font-size: 16px;
      text-align: right;
      font-weight: bold;
      color: #fff;
      margin-bottom: 10px;
  }

  .video-wrapper {
      position: relative;
  }

  .video-player {
      min-height: 200px;
      background: #ccc;
  }

  .video-playing-icon {
      width: 76px;
      height: 76px;
      border-radius: 100%;
      background: #000000;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
  }

  .video-title {
      position: absolute;
      left: 0;
      top: 10px;
      padding: 8px 20px;
      background: #0F566C;
      color: #fff;
      font-size: 16px;
      line-height: 20px;
      font-family: 'ProximaNova bold';
  }


  .nishmas-video-section {
      background: #3F3D46;
      padding: 100px 0;
  }

  .filter-section {
      display: flex;
      justify-content: space-between;
    
  }

  .nishmas-video-section .content-center {
      max-width: 1270px;
      margin: 0 auto;
      padding:0 30px;
  }

   .video-bottom-section  .date-section {
      font-size: 12px;
      color: #fff;
  }

.sort-panel{  height: 40px; display: flex; align-items: center; white-space: nowrap; background: #fff; padding: 0 0 0 20px; border-radius: 5px;}
.sort-panel .seprator{height:20px; margin: 0 10px; text-align: center;  display: flex; justify-content: center; width:1px; background: #0F566C;}
.sort-panel .sorting{display: flex; align-items: center;}
.sort-panel .sorting input{color:#000; width:16px; padding: 0;   border: 0;  outline: none;}

.sort-select-values{
    font-size:16px; font-family: 'ProximaNova bold'; width:30px; letter-spacing: -.1rem;
}

.sort-panel .down-arrow{width:30px;}

.search-panel{
font-size:16px; display: flex; justify-content: space-between; align-items: center; background: #fff; height: 40px; padding: 0 20px; border-radius: 5px;
}

.search-panel .search-text{display: flex; justify-content: space-between; align-items: center;}

.search-panel .seprator{height:20px; margin: 0 10px; text-align: center;  display: flex; justify-content: center; width:1px; background: #0F566C;}

.search-panel input{border: 0; font-size:16px; outline: none;}

.sort-panel{position: relative;}

ul.sorting-dropdown input[type="radio"]{
    opacity: 0; visibility: hidden; position: absolute;
}

ul.sorting-dropdown{list-style: none; margin: 0; padding: 0; position: absolute; top:100%; width:70px;   right:0; border-radius: 5px; overflow: hidden; z-index: 2; padding-top: 1px; display: none;}

ul.sorting-dropdown li{position: relative; list-style: none; margin: 0; padding: 0;}

ul.sorting-dropdown li label{padding: 8px 10px; display: block;font-size:16px; text-transform: uppercase; border-bottom: 1px solid #ccc; width:100%; box-sizing: border-box;
cursor: pointer; font-family: 'ProximaNovaRegular'; background: #fff;}

ul.sorting-dropdown li:last-child label{border: 0;}

ul.sorting-dropdown li input:checked ~ label{background: #eee;}


@media(max-width:991px){
    .nishmas-video-list-wrapper {
  grid-template-columns: 1fr 1fr;
}
    
    .video-heading-panel{font-size:30px; padding: 20px;}
    .video-text-panel{padding: 20px;}
    
    .button-section-video{margin-top: 40px;}
    .download-text-btn-white span{padding: 10px 14px;}
    .download-text-btn-white span{font-size:16px;}
    .video-info-section-panel .cols{grid-column-gap: 10px;}
    
    .video-player-section-nishmas .container-content{padding: 80px 0;}
   .nishmas-video-section{padding: 80px 0;}
}


@media(max-width:767px){
    .video-info-section-panel{align-items: flex-start;}
    .video-info-section-panel .cols:nth-child(1){
        flex-wrap:wrap; grid-row-gap: 15px;
    }
    .filter-section{padding-bottom: 30px;}
   
    
}


@media(max-width:600px){
    .nishmas-video-list-wrapper {
  grid-template-columns: 1fr;
}
    
     .nishmas-video-section{padding: 40px 0;}
    
    .say-join-nishmas.nishmas-buttons-panel{padding: 40px 0;}
    
     .video-player {
      min-height: 300px;
     
  }
    
    .nishmas-video-section .content-center{padding: 0 16px;}
    .player-wrapper-section .center-content-panel{padding: 0 16px;}
    .video-text-panel{padding: 30px 20px;}
    
    .video-player-section-nishmas .container-content.largeVideo{padding: 40px 0;}
    
      .video-heading-panel {
    font-size: 24px;
  }
    
     .search-panel input{width:160px;}
    
    
}



@media(max-width:480px){
    
     .video-heading-panel {
    font-size: 20px; padding: 10px 16px;
  }
    
    .video-text-panel {
    padding: 20px 16px; font-size:16px;
  }

     .video-player {
      min-height: 240px;
     
  }
    
    .video-info-section-panel {
    flex-wrap:wrap; grid-row-gap:30px; justify-content: center;
  }
    
    .video-info-section-panel .cols:nth-child(1){width:auto; justify-content: center;}
    
      .download-text-btn-white span {
    font-size: 14px;
  }
    
    .download-text-btn-white .icon-panel {
  width: 40px;
  min-width: 40px;
  height: 40px;
    }
    
    .large-text-btn-video{font-size:20px;}
    
   .search-panel input{width:200px;}
    
    .filter-section{flex-wrap:wrap; grid-row-gap: 20px; justify-content: flex-end;}
    .filter-section .cols{width:100%; display: flex; justify-content: flex-end;}
    .sort-panel{max-width: 150px;}
}


@media(max-width:400px){
     
     .button-section-video {
    margin-top:30px;
  }

  .large-text-btn-video{font-size:16px;}  
    .large-text-btn-video img {
  width: 54px;
  height: 54px;
    }
    
    .large-text-btn-video{padding: 10px;}
    .large-text-btn-video .icon-panel{width:44px; min-width: 44px; height: 54px;}
    
    .search-panel input{width:100%;}
}