.detail{
    position: relative;
    padding-bottom: 40px;
    .details_bg{
        width: 100%;
        height: 240px;
        background-color: #F6F3EB;

        .detail_heading{
            text-align: center;
            padding-top: 60px;
            h4{
                font-size: 40px;
                color: $black;
                font-weight: 500;
                line-height: 50px;
            }
            p{
                font-style: normal;
                text-align: center;
            }
        }
    }
    .detail_wrapper{
         width: 80%;
         margin: -160px auto 0;
         background-color: $white;
         overflow: hidden;
         border-top-left-radius: 16px;
         border-top-right-radius: 16px;
         .detail_img{
             height: 500px;
             width: 100%;
             position: relative;
             display: flex;
             justify-content: center;
             align-items: center;
            img{
              height: 100%;
              width: 100%;
              object-fit: contain;
            }
            .detail_vedio_link{
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-color: rgba(0,0,0,0.5);
                display: flex;
                justify-content: center;
                align-items: center;
                a{
                    i{
                        font-size: 60px;
                        color: $white;
                    }
                }
            }
         }
         .detail_text{
            padding: 12px;
            h4{
                font-size: 28px;
                font-weight: 600;
                color: #333;
                text-align: center;
                line-height: 36px;
            }
         }
         .image_gallary_wrapper{
             h4{
                font-size: 20px;
                font-weight: 600;
                color: #333;
             }
             .image_gallary_wrap{
                height: 180px;
                width: 100%;
                background-color: #f3f3f3;
                border-radius: 10px;
                overflow: hidden;
                img{
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
             }
         }
         .vedio_wrapper{
            padding-top: 25px;
            h4{
                font-size: 20px;
                font-weight: 600;
                color: #333;
             }
             .video_item{
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 35px;
             }
             .vedio_wrap{
                height: 450px;
                width: 85%;
                border-radius: 12px;
             }
         }
         .pdf_wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            margin-top: 30px;
            .pdf_wrap{
                padding: 6px 20px;
                font-size: 16px;
                font-weight: 400;
                color: #fff;
                background-color: $primaryColor;
                border-radius: 35px;
                margin: 10px 10px;
            }
         }
    }
}