.event{
    padding-top: 480px;
    padding-bottom: 70px;
    .event_wrapper{
          background-image:url(../images/eventbg.jpg);
          height: 370px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          border-radius: 15px;
          position: relative;
          z-index: 1;
          &::after{
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(to bottom, #da3859 0%, #146b45 100%);
            opacity: .85;
            border-radius: 15px;
            z-index: -1;
          }
          .event_left{
            position: absolute;
            top: 50%;
            left: 70px;
            transform: translateY(-50%);
            .dateBox{
                height: 120px;
                width: 110px;
                background-color: $white;
                border-radius: 7px;
                overflow: hidden;
                position: relative;
                .date_top{
                    height: 15px;
                    background-color: #f31f4a;
                    width: 100%;
                    position: relative;
                    &::after{
                        position: absolute;
                        content: '';
                        top: 55%;
                        left: 50%;
                        height: 6px;
                        width: 60%;
                        background-color: $white;
                        transform: translate(-50% ,-55%);
                        border-radius: 10px;
                    }
                }
                .dateDetail{
                    position: absolute;
                    top: 60%;
                    left: 50%;
                    transform: translate(-50%,-60%);
                    text-align: center;
                    .DateNumber{
                        span{
                            font-size: 44px;
                            color: $primaryColor;
                            font-weight: 700;
                        }
                    }
                    .dateInfo{
                        padding-top:10px;
                        h5{
                            font-size: 26px;
                            color: $black;
                            font-weight: 600;
                        }
                    }
                }
              }
              .timeBox{
                height: 120px;
                width: 110px;
                background-color: $white;
                border-radius: 7px;
                overflow: hidden;
                position: relative;
                margin-top: 20px;
                padding-top: 8px;
               .clockImg{
                text-align: center;
                img{
                    width: 45px;
                }
               }
                .dateDetail{
                    position: absolute;
                    top: 90%;
                    left: 50%;
                    transform: translate(-50%,-90%);
                    text-align: center;
                    .TimeT{
                        span{
                            font-size: 17px;
                            color: $black;
                            font-weight: 600;
                        }
                    }
                    .ActualTime{
                        padding-top:5px;
                        h5{
                            font-size: 23px;
                            color: $primaryColor;
                            font-weight: 700;
                        }
                    }
                }
              }
          }
          .event_right{
            padding-top: 50px;
            h4{
                font-size: 34px;
                color: $white;
                font-weight: 600;
                line-height: 44px;
            }
            p{
                font-size: 17px;
                color: $white;
                font-weight: 500;
                line-height: 26px;
            }
          }
          .eventApp{
            height: 55px;
            width: 90%;
            background-color: #fff;
            text-align: center;
            border-radius: 9px;
            border: 1px solid #f8d249;
            margin-top: 220px;
            a{
                line-height: 55px;
                font-size: 17px;
                color: $black;
                font-family: $font-1;
                img{
                    width: 20px;
                }
            }
          }

    }
}