.timer{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
    .time_wrapper{
        margin-top: 40px;
        .timer_text{
            position: relative;
            img{
                width: 100%;
                height: 140px;

            }
            .timer_overly{
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-color: rgba(94, 154, 141, 0.854);
                .wetting_text{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    text-align: center;
                    width: 100%;
                    h4{
                        font-size: 26px;
                        color: #f3f3f3;
                        font-weight: 600;
                        font-family: $font-2;
                        line-height: 36px;

                    }
                    h5{
                        font-size: 20px;
                        color: #f3f3f3;
                        font-weight: 600;
                        font-family: $font-2;

                    }
                }
            }
        }
        .offer{
            padding: 10px 32px;
            width: 100%;
            height: 140px;
            text-align: center;
            display: inline-block;
            background-color: #5e9a8d;
            ul{
                li{
                    display: inline-block;
                    margin: 0 10px;
                    height: 120px;
                    width: 120px;
                    position: relative;
                    border: 1px solid #f3f3f3;
                   h5{
                    text-align: center;
                    font-size: 28px;
                    font-weight: 500;
                    font-family: $font-1;
                    color: $white; 
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    br{
                        margin: 5px 0;
                    }

                }
                }
                // .demo1Bg{
                //     background: linear-gradient(to bottom, #791492 0%, #f13bfa 100%);
                //     opacity: 80%;
                // }
                // .demo2Bg{
                //     background: linear-gradient(to bottom, #a14c22 0%, #f55d14 100%);
                //     opacity: 80%;
                // } 
                // .demo3Bg{
                //     background: linear-gradient(to bottom, #1d5d89 0%, #0dabe6 100%);
                //     opacity: 80%;
                // }
                // .demo4Bg{
                //     background: linear-gradient(to bottom, #135242 0%, #046e52 100%);
                //     opacity: 80%;
                // }
            }
        }
    }
}