body {
        font-family: 'AvenirMedium', Lato, sans-serif;
          background-color: #0E0E0E;
          color: white;
          margin: 0;
          padding: 0;
/*             display: flex;
          justify-content: center;
          align-items: center; */
          /* height: 100vh; */
          display: flex;
          flex-direction: column;
          line-height: 1;
      }


      .modular__item-container {
          display: flex;
          flex-direction: column;
          background: #1e1e1e;
          border-radius: 10px;
          padding: 20px;
          max-width: 1200px;
          align-items: center;
          justify-content: center;
          margin: 50px auto;
          color: #fff;
          font-family: 'AvenirMedium', Lato, sans-serif;
          line-height: 1.06;
      }
      .modular__item-container.reversed {
          flex-direction: column-reverse;
      } 
      .media-section {
          max-width: 100%;
          border-radius: 5px;
          /* aspect-ratio: 16 / 9; */
          /* height: 100%; */
          object-fit: cover;
      }
      .media-section video {
          width: 100%;
          object-fit: cover;
          /* aspect-ratio: 16 / 9; */
          border-radius: 5px;
          height: 100%;
          /* height: 100%; */
          
          
      }
      .modular__text-section {
          margin: 20px;          
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          justify-content: center;

      }
      .title {
          font-family: 'AvenirMedium', Lato, sans-serif;
          font-size: 2rem;
          font-weight: bold;
          color: #F19A04;
          margin: 0 10px;
      }
      .description {
          /* font-size: 16px; */
          font-size: 1em;
          margin: 10px 0;
          min-height: 60px;
          padding: 25px;
          font-family: 'AvenirLight', Arial, sans-serif;
          color: #E6E6E6;
      }
      .buttons {
          display: flex;
          gap: 10px;
          align-items: center;
          justify-content: center;
      }
      .btn {
          padding: 10px 15px;
          border: none;
          cursor: pointer;
          border-radius: 5px;
          font-size: 16px;
          font-family: 'AvenirMedium', Lato, sans-serif;
          opacity: .95;
          display: none;
      }
      .btn-subscribe {
          background: #f19a04;
          color: white;
      }
      .btn-subscribe:hover{
       opacity: 1;
       color: #fff;
     }
      .btn-download {
          background: #D9D9D9;
          color: black;
          
      }
      .btn-download:hover{
       opacity: 1;
       color: #000;
      }
      .link-url {
          margin-top: 10px;
          color: #f4a41d;
          cursor: pointer;
          display: none;
      }
      a , a:hover {
        text-decoration: none;
      }
      a.btn-subscribe:visited, a.btn-subscribe:active{
         text-decoration: none;
        color: #fff !important;
         } 

      .link-url:hover{
          color: #fff;
      }
      @media (min-width: 1025px) {
          .modular__item-container{
              max-width: 1200px;
              width: 90% !important;
          }
          .description{
              padding: 0 25px;
          }
        .modular__item-container  .modular__text-section{
          max-width: 100%;
    
        }


      }

      @media (min-width: 769px) and (max-width: 1024px) {
          .description{
              font-size: .7em;
              padding: 0 25px;
          }
          .modular__item-container{
              max-width: 90% ;
          }
          .title {
          font-size: 1.5rem;
          }
        .modular__.text-section{
            max-width: 40%;
          }
      }
      @media (max-width: 768px) {
 
          .modular__item-container {
              flex-direction: column;
              text-align: center;
              max-width: 90%;
              margin: 10px auto;
          }
          .title {

              font-size: 1.7rem;
          }
          .modular__.text-section {
              margin-left: 0;
              margin-top: 20px;
          }
          .buttons {
              flex-direction: column;
              width: 100%;
          }
          .btn {
              width: 100%;
          }
          .description{
              font-size: 1em
          }
          .media-section{}
      }
i.foundry.foundry-triangle {
  font-size: 13px;
}
.active {
display: block;
}
* {text-decoration:none;}
      a.link-url:hover{
          color: #fff !important ;
      }

.no-background{
background-color: transparent;