.events_section{
  
  background: linear-gradient(78deg, rgba(1,0,90,1) 0%, rgba(123,2,156,1) 100%);
  
    padding: 50px;
  }
  .events_section > h1{
    color: white;
    text-align: center;
    margin-bottom: 10px;
  }
  .container{
    width: 70%;
  }
  .events_section .section{
      position: relative;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .events_section .over-hide{
      overflow: hidden;
    }
    [type="radio"]:checked,
    [type="radio"]:not(:checked){
      position: absolute;
      left: -9999px;
    }
  
    /* carousel button images */
  
    .events_section .checkbox:checked + label,
    .events_section .checkbox:not(:checked) + label{
      position: relative;
      cursor: pointer;
      margin: 0 auto;
      text-align: center;
      margin-right: 6px;
      margin-left: 6px;
      display: inline-block;
      width: 50px;
      height: 50px;
      border: 3px solid #bdc3c7;
      background-size: cover;
      background-position: center;
      box-sizing: border-box;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      background-image: url('../images/carousel1.jpg');
      animation: border-transform 6s linear infinite alternate forwards;
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        animation-play-state: paused;
    }
    .events_section .checkbox.scnd + label{
      background-image: url('../images/carousel2.jpg');
    }
    .events_section .checkbox.thrd + label{
      background-image: url('../images/carousel3.jpg');
    }
    .events_section .checkbox.foth + label{
      background-image: url('../images/carousel4.jpg');
    }
  
     /* carousel button images ends */
    
    .events_section .checkbox:checked + label{
      box-shadow: 0 8px 25px 0 rgba(16,39,112,.3);
      transform: scale(1.3);
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        animation-play-state: running;
    }
    @keyframes border-transform{
      0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
      14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
      28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
      42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
      56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
      70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
      84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
    }
    
    .events_section .slider-height-padding {
      padding-top: 440px;
    }
    
    .events_section ul {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      z-index: 2;
      padding: 0;
      margin: 0;
      list-style: none;
    }
  
     /* carousel main images */
  
    .events_section ul li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: block;
      z-index: 2;
      padding: 0;
      margin: 0;
      list-style: none;
      height: 400px;
      border: 5px solid #bdc3c7;
      background-size: cover;
      background-position: center;
      background-image: url('../images/carousel1.jpg');
      border-radius: 50%;
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
      font-weight: 900;
      font-size: 16px;
      letter-spacing: 2px;
      line-height: 2.7;
      color: #343434;
      writing-mode: vertical-rl;
      opacity: 0;
      pointer-events: none;
      box-shadow: 0 8px 25px 0 rgba(16,39,112,.1);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
    .events_section ul li span {
      mix-blend-mode: difference;
    }
    .events_section ul li:nth-child(2) {
      background-image: url('../images/carousel2.jpg');
    }
    .events_section ul li:nth-child(3) {
      background-image: url('../images/carousel3.jpg');
    }
    .events_section ul li:nth-child(4) {
      background-image: url('../images/carousel4.jpg');
    }
  
     /* carousel main images ends */
    
    
    .events_section .checkbox.frst:checked ~ ul li:nth-child(1) {
      opacity: 1;
      pointer-events: auto;
      border-radius: 16px;
    }
    .events_section .checkbox.scnd:checked ~ ul li:nth-child(2) {
      opacity: 1;
      pointer-events: auto;
      border-radius: 16px;
    }
    .events_section .checkbox.thrd:checked ~ ul li:nth-child(3) {
      opacity: 1;
      pointer-events: auto;
      border-radius: 16px;
    }
    .events_section .checkbox.foth:checked ~ ul li:nth-child(4) {
      opacity: 1;
      pointer-events: auto;
      border-radius: 16px;
    }
    
    .events_section .logo {
        position: absolute;
        top: 30px;
        right: 30px;
        display: block;
        z-index: 2;
        transition: all 250ms linear;
    }
    .events_section .logo img {
        height: 26px;
        width: auto;
        display: block;
    }
    
    
    
    @media (max-width: 767px) {
      .container{
        width: 100%;
      }
      .events_section .slider-height-padding {
        padding-top: 340px;
      }
      .events_section ul li {
        height: 300px;
        font-size: 13px;
        letter-spacing: 1px;
      }
      .events_section{
        padding: 50px 12px;
      }
    }
    
    @media (max-width: 575px) {
      .events_section .slider-height-padding {
        padding-top: 240px;
      }
      .events_section ul li {
        height: 200px;
      }
    }