/* versions */

.versions-list > ul > li .year {
 color: #29B3B4;
 font-size: 30px;
 font-weight: bold;
}

.versions-list > ul li {
 line-height: 25px;
 position: relative;
 padding: 20px 15px 60px 0px;
}

.versions-list > ul li:before {
 position: absolute;
 right: -42px;
 background: #ffffff;
 content: " ";
 border: 4px solid #29B3B4;
 border-radius: 100px;
 display: inline-block;
 width: 25px !important;
 height: 25px !important;
}

.versions-list > ul {
 margin-left: 22px;
 margin-right: 32px;
 padding-right: 18px;
 list-style-type: none;
}

.versions-list > ul li:after {
 content: " ";
 background: #dcdcdc;
 width: 2px;
 height: 100%;
 display: block;
 position: absolute;
 right: -31px;
 top: 45px;
}

.versions-list > ul > li:last-child {
 margin-bottom: 30px;
 padding-bottom: 0px;
}

.version-contanier h3{
 font-size: 26px;
 color: #30346E;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 16px;
}

.version-contanier p{
 color: #575756;
 font-size: 14px;
}

.version-contanier .link-bnt-contanier {
 display: flex;
}

.version-contanier .link-bnt-contanier .link-bnt{
 border: 1px solid #30346E;
 border-radius: 10px;
 background: #fff;
 color: #30346E;
 font-weight: bold;
 padding: 5px 20px;
 margin-left: 15px;
 text-decoration: none;
}

.version-contanier .link-bnt-contanier .link-bnt.coming-soon{
 color: #C4C4C4;
 border-color: #C4C4C4;
 pointer-events:none;
}

[dir="ltr"] .version-contanier .link-bnt-contanier .link-bnt{
 margin-left: 0px;
 margin-right: 15px;
}

[dir="ltr"] .versions-list > ul li {
 padding: 20px 0px 60px 10px;
}

[dir="ltr"] .versions-list > ul li:before {
 right: 0px;
 left: -42px;
}

[dir="ltr"] .versions-list > ul {
 margin-left: 32px;
 margin-right: 22px;
 padding-right: 0px;
 padding-left: 18px;
}

[dir="ltr"] .versions-list > ul li:after {
 right: 0px;
 left: -31px;
}

@media (max-width: 500px){
 .version-contanier h3 {
   font-size: 22px;
 }

 .version-contanier .link-bnt-contanier {
   display: inline-grid;
 }

 .version-contanier .link-bnt-contanier .link-bnt {
   margin-bottom: 10px;
   margin-left: 0px;
   margin-right: 0px;
 }
}

/* versions End */

/* version-details */
.description-text{
 font-size: 14px;
 color: #575756;
 margin-bottom: 20px;
}
.award-card{
 flex: 25%;
 flex-grow: inherit;
 margin-left: 25px;
 margin-right: 25px;
 text-align: center;
 margin-top: 30px;
 padding: 40px 30px;
 border-radius: 24px;
 border: 1px solid #e8e8e83d;
 box-shadow: 0px 6px 14px rgb(0 0 0 / 5%);
 background-color: #fcfcfc;
 text-decoration: none;
}

.award-card:hover{
 text-decoration: none;
}
.award-card:first-child img {
 margin-bottom: 10px;
}
.award-card img {
 margin-bottom: 25px;
}

.award-card:last-child img {
 margin-bottom: 30px;
}

.award-card .title{
 display: flex;
 align-items: center;
 justify-content: center;
}

.award-card .title h4 {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: unset;
}

.award-card .title img{
 margin-bottom: unset;
 margin-left: 10px;
 margin-right: 10px;
}

[dir="ltr"] .award-card .title img{
 transform: rotate(180deg);
}
@media (max-width: 500px){
 .award-card {
   flex: 100%;
 }
}

/* version-details end */

/* winners */
.winners-container{
 display: flex;
 flex-wrap: wrap;
}
.winner-card{
 flex: 24%;
 flex-grow: inherit;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 45px;
 border-radius: 14px;
 border: 1px solid #e8e8e83d;
 position: relative;
 display: flex;
 height: 350px;
}
.winner-card-header{
 position: absolute;
 top: -25px;
 padding:5px 15px;
 background: #6F4B99;
 border-radius: 10px;
 width: 70%;
 left: 0;
 right: 0;
 margin: 0 auto;
}
.winner-card-header span{
 color: #fff;
 font-size: 14px;
 display: block;
 text-align: center;
}
.winner-card-footer{
 position: absolute; 
 bottom: 0; 
 width: 100%;
}
.winner-card-footer h3{
 font-size: 24px;
 color: #6F4B99;
 text-align: center;
 font-weight: bold;
 margin-bottom: 0px;
}
.winner-card-footer span{
 font-size: 16px;
 color: #6F4B99;
 display: block;
 text-align: center;
 padding-bottom: 18px;
}
.winner-card img{
 border-radius: 4%;
 width: 100%;
 mask-image:linear-gradient(0deg, rgba(255,255,255,0) 21%, rgba(255,255,255,0.9389880952380952) 45%, rgba(255,255,255,1) 100%);
 -webkit-mask-image:linear-gradient(0deg, rgba(255,255,255,0) 21%, rgba(255,255,255,0.9389880952380952) 45%, rgba(255,255,255,1) 100%);
}

@media (max-width: 500px){
 .winner-card {
   flex: 100%;
 }
}
/* winners end */

.hide {
    position: absolute;
    top: -10000px;
    left: -10000px;
}