.swiper {
    width: 100%;
    height: 100%;
  }
  
  section.flex-block-spotlight_section {    
      padding: 20px 120px; 
  }

  .spotlight_section-container {
       padding: 30px 120px;
       color:#FFF;
       width:100%;
       background-color:#FFF;
  } 

  .flex-block-spotlight_section  h2,
  .flex-block-spotlight_section  p,
  .flex-block-spotlight_section  a {
      color:#FFF;
  }
  
  .spotlight-title {
      display:block;
      text-align:center;
      margin-top:10px;
  }
  .spotlight-content {
          margin-top:20px;
          margin-bottom:20px;
  }
  .spotlight-card {
      height:220px;
      xwidth:50% !important;
  }
  
  .flex-block-spotlight_section .swiper { 
      xpadding:30px; 
  }



  .flex-block-spotlight_section img { 
      xwidth:200px;
      
  }

  .spotlight_section-container {
    --nav-active-background:rgb(0, 0, 0);
    .swiper-container {
        width:100%;
        position:relative;
        opacity:0;
    }    
    .swiper-button-prev,
    .swiper-button-next {
        color:#FFF;
    }
    .swiper-container.swiper-initialized {
        opacity:1;
    }
    .swiper-pagination-bullet {
      
        width:15px;
        height:15px;
        
    }
    .swiper-pagination  {
        position:relative;      
    }


    .swiper-pagination-bullet {

        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        opacity: 0.2;
        margin:0px 4px !important;

    }
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color:var(--nav-active-background);
        opacity:1;
    }
    .swiper-wrapper { 
        margin-bottom:40px; 
    }

    .spotlight-header {
        font-family: MARTIN !important;       
        font-weight: 400 !important;
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 69px;
        line-height: 4.3125rem !important;
        margin: 0 0 32px;
        font-size: 90px;
        font-size: 5.625rem !important;
        line-height: 69px;
        line-height: 4.3125rem;
        margin: 0 0 32px;
        letter-spacing: unset !important;       
    }
  
        
}

 p {
    --body_typography-font-family:Gibson;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem;
}
  .spotlight_container {
          display:flex;
          flex-direction:row;
          flex-wrap:nowrap;
          position:relative;
          align-items: center;
          width:100%;
  }
  
  
  .spotlight_section-left {
      width:40%
   }
   
  .spotlight_section-right {
      width:60%
   }
  

  
  @media (max-width:1260px) {
          .spotlight_container {
                  flex-direction:column;
          }
          .spotlight_section-left,
          .spotlight_section-right {
              width:100% !important;
          }
          
          .spotlight_section-right  {
              margin-top:20px;
          }
          
      .spotlight_section-container {
          padding: 10px 40px;
      
      }
      section.flex-block-spotlight_section {    
          padding: 20px;
      }
          
  }

  .spotlight-title:hover {
      text-decoration:underline;
  }


  .spotlight_section-container{
    container-type: inline-size;
    container-name: spotlightcontainer;

 }

.spotlight-slider-top {
    .spotlight_container {
        flex-direction:column !important;
    }

    
    .spotlight_section-left,
    .spotlight_section-right {
        width:100% !important;
    }

    .spotlight_section-right  {
        margin-top:20px;
    }

    .spotlight_section-container {
      padding: 10px 40px;

    }
    section.flex-block-spotlight_section {    
     padding: 20px;
    }
}
.spotlight-slider-top .swiper-pagination  {
    position:relative;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;        
}



  @container spotlightcontainer (max-width: 760px) {
    .spotlight_container {
        flex-direction:column !important;
    }

    
    .spotlight_section-left,
    .spotlight_section-right {
        width:100% !important;
    }

    .spotlight_section-right  {
        margin-top:20px;
    }

    .spotlight_section-container {
      padding: 10px 40px;

    }
    section.flex-block-spotlight_section {    
     padding: 20px;
    }
  }