.mylink ul li a {
    color: #000;
}

.mylink ul li a:hover, a:focus {
    color: #1353e4 !important;
}

.mylink a {
    color: #777;
}

.mylink a:hover {
    color: #1353e4;
}


.mylink1 p {
    line-height: 18px;
}

.jury .thumb-info .thumb-info-title {
    font-size: 14px;
    padding:10px 18px 10px;
    font-weight: normal;
    bottom:5%;
    line-height: 18px;
}

.word-rotator.slide span {
    
    padding:0.01em 0;
}

.card {
    border: 1px solid rgba(0,0,0, 0.1)
    
}

.padNav1 {
    margin-right:20px;
}

.card-body {
    padding: 2rem 2rem 1rem;
}

.videopad {
    padding-right:50px;
}

.divider-dark {
    border: 0;
    height: 1px;
    background: rgba(96,96,96,.3);
}

.myBtnn {
    display: block;
    background-color: #05285e;
    color: #FFF;
    text-decoration: none !important;
}

.myBtnn:hover {
    background-color: rgb(25,135,84);
    color: #FFF;
}

.counters strong {
    font-size: 20px !important;
    line-height: 35px;
}

.counters label {
    font-size: 15px;
    line-height: 20px;
}

a.btn:focus {
  color: #fff !important; /* or your custom color */
}




.myspace .call-to-action.button-centered .call-to-action-content {
    
    padding: 15px 0 0;
}


.box-btm {
  display: flex;
}

.h3New {
    color:rgb(105 132 137); font-size:1.4rem;
}

.h3New1 {
    margin-top:10px;
display: block;
    color:rgb(105 132 137); font-size:1.2rem;
}



@media(max-width:768px) {
    .videopad {
        padding-right:0px;
    }
    
    .padNav1 {
    margin-left: inherit;
}
}


@media(max-width:575px) {
    .videopad {
    padding-right:0px;
    }   
}


/*timeline html*/



/*
    body {
      background-color: #f5f3f5;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
*/
    .timeline-section {
      position: relative;
      padding: 60px 20px;
      background: linear-gradient(135deg, #f5f3f5, #ffffff);
    }
    .timeline-step {
      background: #ffffff;
      border-radius: 20px;
      padding: 25px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      max-width: 300px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      position: relative;
      z-index: 1;
    }
    .timeline-step:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    }
    .timeline-step h5 {
      color: #0a7d39;
      font-weight: 700;
      margin-top: 10px;
      font-size: 1.2rem;
    }
    .timeline-step p {
      font-size: 0.95rem;
      color: #444;
    }
    .timeline-step a {
      color: #f7a600;
      text-decoration: underline;
    }

    .tag {
      background: #f7a600;
      color: white;
      font-size: 0.75rem;
      font-weight: bold;
      padding: 6px 14px;
      border-radius: 30px;
      position: absolute;
      top: -15px;
      left: 20px;
      z-index: 2;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    .arrow {
      width: 60px;
      height: 30px;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M13.172 12l-4.95-4.95 1.414-1.414L17 12l-7.364 7.364-1.414-1.414z\"/></svg>');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
    .arrow.right {
      right: -35px;
    }

    .timeline-row {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 60px;
    }

    @media (max-width: 991px) {
      .timeline-row {
        flex-direction: column;
        align-items: center;
      }
      .arrow {
        display: none;
      }
    }
  
/*timeline html*/