.event_wrapper{
    padding-top: 60px;
      .event_wrap{
        padding: 10px 20px;
        background-color: #f3f3f398;
        border-radius: 16px;
        box-shadow: 0 1px 1px 1px rgba(0,0,0,.129);
        border-top: 5px solid $primaryColor;
        height: 280px;
        position: relative;
           .event_date{
                font-size: 40px;
                font-weight: 700;
                color: $primaryColor;
                padding-top: 20px;
           }
           .event_Month{
            font-size: 18px;
            font-weight: 500;
            color: #333;
            padding-top: 10px;
       }
       .event_title{
        font-size: 20px;
        font-weight: 600;
        color: #333;
        line-height: 28px;
        padding-top: 30px;
   }
    p{
        font-size: 14px;
        font-weight: 400;
        color: #585858;
        line-height: 22px;
        padding-top: 10px;
    }
      }
}

.joinEvent{
     max-width: 700px;
     background-color: #e4e4e48c;
     border: 1px solid #c3c3c388;
     padding: 80px;
     margin: 0 auto;
     border-radius: 12px;
     h6{
         font-size: 28px;
         color: $black;
         font-weight: 600;
         line-height: 30px;
         text-align: center;
         padding-bottom: 15px;
     }
 
     .joinEvent_bday{
           padding-top: 22px; 
         form{
             .form_control {
                 display: block;
                 margin-bottom: 8px;
                 width: 100%;
                 height: 50px; 
                 padding: 10px;
                 color: $black;
                 background-color: #ffffff;
                 background-clip: padding-box;
                 border-radius: 5px;
                 border: 1px solid rgba(173,173,184,0.574);
                 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                 -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                 -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                 -ms-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                 -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                 &:focus {
                     outline: 0; 
                 }
                 &::placeholder {
                     font-size: 15px;
                     color: #888686;
                     font-weight: 400;
                 }
     
                 &:optional {
                     color: #636262;
                 }
             }
             .policy{
                 .chequeB{
                     height: 16px;
                     width: 16px;
                 }
                 font-size: 15px;
                 color: $black;
             }
             .registration_btn{
                 margin-top: 20px;
                 background-color: $primaryColor;
                 height: 45px;
                 width: 100%;
                 color: $white;
                 font-size: 16px;
                 font-weight: 500;
                 text-align: center;
                 border-radius: 5px;
                 line-height: 50px;
                 cursor: pointer;
             }
             h3{
                 font-size: 16px;
                 color: $white;
                 font-weight: 400;
                 text-align: center;
                 cursor: pointer;
                 margin-top: 12px;
                 span{
                     color: #fffffffa;
                     font-weight: 900;
                 }
             }
         }
     }
    }