*{

    margin: 0;

    padding: 0;

}

.shreya-home-achivers-main-section{

    height: auto;

   background-color: #f5f4f9;

    /* background-color: #f5f4f9; */

    padding:30px 0px;

}

.shreya-home-achivers-main-section .shreya-home-achivers-main-heading{

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    /* border: 1px solid red; */

}

.shreya-home-achivers-main-section .shreya-home-achivers-main-heading h5{

    color: #ef8f26;

    position: relative;

    display: inline-block;

    font-size: 24px !important;
    font-weight: 600;
    font-family: 'Yantramanav', sans-serif;

    transition: .5s;

}

.shreya-home-achivers-main-section .shreya-home-achivers-main-heading h5::before{

     position: absolute;

    content: "";

    top: 10px;

    left: -45px;

    background: #ef8f26;

    height: 16px;

    width: 16px;

    transition: all 1000ms ease;

    animation: st__rotate 5s infinite linear;

    animation-play-state: running;

    z-index: 1;

}

.rotat{

    display: inline-block;

    position: relative;

}

.rotat::before{

        position: absolute;

    content: "";

    top: -5px;

    left: 20px;

    background: #ef8f26;

    height: 16px;

    width: 16px;

    transform: rotate(45deg);

    transition: all 1000ms ease;

   

    animation: st__rotate 5s infinite linear;

    

    animation-play-state: running;

    z-index: 1;



}

.rotat::after{

    position: absolute;

    content: "";

    top: -1px;

    left: 21px;

    background: #003e4d;

    height: 16px;

    width: 16px;

    transform: rotate(45deg);

    transition: all 1000ms ease;

    animation: st__rotate 5s infinite linear;

    animation-play-state: running;

    z-index: 1;

}

.shreya-home-achivers-main-section .shreya-home-achivers-main-heading h5::after{

     position: absolute;

    content: "";

    top: 10px;

    left: -39px;

    background: linear-gradient(#0b7e9b, #084252);

    height: 16px;

    width: 16px;

    transition: all 1000ms ease;

    animation: st__rotate 5s infinite linear;

    animation-play-state: running;

    z-index: 1;

}

@keyframes st__rotate{

    0% {

   

    transform: rotate(0deg);

}

100% {

    

    transform: rotate(360deg);

}

}

.shreya-home-achivers-main-container{

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    /* background-color: aquamarine; */

    padding:0px 0px;

}

.shreya-home-achivers-main-container .shreya-home-achivers-animation-1{

    position: absolute;

    background-image: url(../../../images/home/our-event-home/event1.jpg);

    width: 200px;

    height: 200px;

    background-size: cover;

    left: 5px;

    top: 30px;

    animation: up-down 3s ease-in-out infinite alternate;

    z-index:-9;

}

@keyframes up-down {

  0% {

    transform: translateY(0px);

  }

  100% {

    transform: translateY(-30px);

  }

}

.shreya-home-achivers-main-container .shreya-home-achivers-animation-2{

    position: absolute;

    background-image: url(../../../images/home/our-event-home/event2.png);

    width: 215px;

    height: 200px;

    background-size: cover;

    right:40px;

    top: 30px;

    animation: up-down 3s ease-in-out infinite alternate;

      z-index:-9;

}

.shreya-home-achivers-main-container .shreya-home-achivers-animation-3{

    position: absolute;

    background-image: url(../../../images/home/our-event-home/event3.png);

    width: 200px;

    height: 200px;

    background-size: cover;

    right:30px;

    top: 800px;

    animation: up-down 3s ease-in-out infinite alternate;

      z-index:-9;

}

.shreya-home-achivers-main-container .shreya-home-achivers-container{

    width: 85%;

    height: 100%;

    /* border: 1px solid red; */

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

    justify-content: center;

    /* margin-left: 100px; */

    /* padding: 0px 160px; */

    padding-bottom: 50px;

    

}

.shreya-home-achivers-main-container .shreya-home-achivers-container .shreya-home-achivers-card{

    /* background-color: antiquewhite; */

    width: 375px;

    height: 95%;

    box-shadow: 0 0 10px rgb(0,0,0,0.2);

}

.shreya-home-achivers-container .shreya-home-achivers-card .shreya-home-achivers-card-image{

    height: 250px;

    overflow: hidden;

}

.shreya-home-achivers-card:hover .shreya-home-achivers-card-image img {

    transform: scale(1.3);

}

.shreya-home-achivers-container .shreya-home-achivers-card .shreya-home-achivers-card-image img{

    height: 100%;

    width: 100%;

    background-size: cover;

   transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); 

}

.shreya-home-achivers-card .shreya-home-achivers-card-content{

    padding: 30px;

    background: #f0f7ff;

    position: relative;

    transition: all 0.5s ease 0s;

    z-index: 2;

}

.shreya-home-achivers-card .shreya-home-achivers-card-content::before{

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0%;

    /* background: #003e4d; */
    background: linear-gradient(#0b7e9b, #084252);

    z-index: -1;

    transition: .5s;

    

    

}

.shreya-home-achivers-card:hover .shreya-home-achivers-card-content::before{

    height: 100%;

}

.shreya-home-achivers-card:hover h3 {

    color: #fff !important;

}

.shreya-home-achivers-card:hover .shreya-home-achivers-card-content p{

    color: rgb(206, 200, 200);

}

.shreya-home-achivers-card:hover .shreya-home-achivers-card-time i{

    color: #a1c6f2;

}

.shreya-home-achivers-card:hover .shreya-home-achivers-card-time{

    color: #a1c6f2;

}

.shreya-home-achivers-card:hover .shreya-home-achivers-card-time strong{

    color: #fff;

}

.shreya-home-achivers-card .shreya-home-achivers-card-content .shreya-home-achivers-card-date{

    position: absolute;

    background-color: #ef8f26;

    width: 87px;

    height: 67px;

    left: 30px;

    top: -60px;

    color: #fff;

    text-align: center;

    font-size: 12px;

    /* font-weight: 600; */

    font-family: 'Jost', sans-serif;

}

.shreya-home-achivers-card .shreya-home-achivers-card-content .shreya-home-achivers-card-date strong{

    font-size: 24px;

    display: block;

    margin-top: 10px;

    font-weight: bold;

    color: #fff;

}

.shreya-home-achivers-card .shreya-home-achivers-card-content h3{

    color: #232323;

    overflow-wrap: break-word;

    font-size: 22px;

    font-family: 'Jost', sans-serif;

    

}

.shreya-home-achivers-card .shreya-home-achivers-card-content p{

font-family: "Poppins", sans-serif;

color: #757F95;

    font-size: 14px;

    text-align: justify;

    line-height: 20px;

    padding-top: 10px;

    padding-bottom: 12px;
    font-size: 15px;
    letter-spacing: 0.5px;

   

    

}

.shreya-home-achivers-card .shreya-home-achivers-card-time{

    font-family: 'Lexend', sans-serif;

    font-size: 13px;

    color: rgba(102, 99, 99, 0.823);

}

.shreya-home-achivers-card .shreya-home-achivers-card-time i{

    font-size: 12px;

}

.shreya-home-achivers-card .shreya-home-achivers-card-time strong{

    color: #ef8f26;

}