
            .online_video {
                background: #fff;
                border-radius: 19px;
                overflow: hidden;
                box-shadow: 0 0 15px #f1f1f1
            }

            .video_container {
                padding: 2rem
            }

            .aiTools {
                background: #fff;
                border-radius: 19px;
                overflow: hidden;
                box-shadow: 0 0 15px #f1f1f1;
                height: 100%
            }

            .Aicontainer {
                padding: 2rem;
                padding-right: 0;
                padding-bottom: 0
            }

            .online_tool .globle_sh {
                font-weight: 700
            }

            .Aitools_row {
                display: flex;
                flex-direction: column;
                row-gap: 1rem
            }

            .Aitools_row video {
                background: #fff;
                object-fit: cover;
                transform: translateZ(0);
            }

            .video_wrap {
                position: relative
            }

            .video_wrap:before {
                width: 100%;
                height: 5px;
                right: 0;
                bottom: 2px;
                background: #fff;
                content: '';
                position: absolute;
                z-index: 2
            }

            .video_wrap video {
                position: relative;
                right: -3px
            }

            .video_thumb {
                position: relative
            }

            .video_thumb .top_icon {
                width: max-content;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                right: 1.3rem;
                top: -3rem;
                padding: 1rem;
                border: solid 1px #d1d1d1;
                border: solid 1px #ffffff;
                backdrop-filter: blur(18px);
                border-radius: 100px;
            }

            .video_thumb .top_icon span {
                background: linear-gradient(180deg, #FFFFFF 0%, #F9FCFF 100%);
                box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
                border-radius: 100px;
                padding: 1.5rem;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 70px;
                height: 70px
            }

            .online_tool a.globle_sh {
                display: inline-block;
                position: relative;
                margin-bottom: .7rem
            }

            .online_tool a.globle_sh:before {
                position: absolute;
                content: '';
                height: 1px;
                background: #555;
                right: 0;
                bottom: 0;
                width: 0%;
                transition: width cubic-bezier(0.42, 0, 0, 0.98) .5s;
                transform-origin: left center;
            }

            .online_video:hover a.globle_sh:before {
                width: 100%;
                left: 0
            }

            .aiTools:hover a.globle_sh:before {
                width: 100%;
                left: 0
            }


            .video_wrap {
                position: relative
            }

            .video_wrap:before {
                width: 100%;
                height: 5px;
                right: 0;
                bottom: 2px;
                background: #fff;
                content: '';
                position: absolute;
                z-index: 2
            }

            .video_wrap video {
                position: relative;
                right: -3px
            }

            .video_thumb {
                position: relative
            }

            .video_thumb .top_icon {
                width: max-content;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                right: 1.3rem;
                top: -3rem;
                padding: 1rem;
                border: solid 1px #d1d1d1;
                border: solid 1px #ffffff;
                backdrop-filter: blur(18px);
                border-radius: 100px;
            }

            .video_thumb .top_icon span {
                background: linear-gradient(180deg, #FFFFFF 0%, #F9FCFF 100%);
                box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
                border-radius: 100px;
                padding: 1.5rem;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 70px;
                height: 70px
            }

            .online_tool a.globle_sh {
                display: inline-block;
                position: relative;
                margin-bottom: .7rem
            }

            .online_tool a.globle_sh:before {
                position: absolute;
                content: '';
                height: 1px;
                background: #555;
                right: 0;
                bottom: 0;
                width: 0%;
                transition: width cubic-bezier(0.42, 0, 0, 0.98) .5s;
                transform-origin: left center;
            }

            .online_video:hover a.globle_sh:before {
                width: 100%;
                left: 0
            }

            .aiTools:hover a.globle_sh:before {
                width: 100%;
                left: 0
            }



@media Screen and (max-width:1400px){
.Aicontainer .learn_btn_line{
    font-size: 12px;
}
  
}



@media screen and (max-width:1280px) {
.Aicontainer .learn_btn_line{
    font-size: 12px;
}
.video_container .learn_btn_line{
    font-size: 11px;
}
.Aicontainer .globle_sh{
font-size: 14px;
}
}



@media screen and (max-width: 1190px) {
    .video_thumb .top_icon {
        padding: .5rem;
        right: -.5rem;
        top: -1rem;
    }
        .video_thumb .top_icon span {
        width: 50px;
        height: 50px;
        padding: 0;
    }

    .video_thumb .top_icon span img {
        width: 18px;
    }
}




    @media screen and (max-width: 991px) {
 .video_container {
                    display: flex;
                    column-gap: 2rem;
                    align-items: center
                }

                .Aicontainer .row {
                    align-items: center
                }

                .Aicontainer {
                    padding: 2rem
                }

                .online_tool {
                    row-gap: 1rem
                }

                .video_container {
                    padding-top: 1rem
                }

                .aiTools {
                    height: auto
                }

                .online_tool a.globle_sh {
                    line-height: 1.3
                }

    }



@media screen and (max-width:768px) {
    .video_thumb .top_icon span {
        width: 35px;
        height: 35px;
        padding: 0;
    }
}






            @media screen and (max-width:572px){

            .video_container {
                    flex-direction: column
                }

                .video_container {
                    padding-top: 2rem
                }

                .online_tool a.globle_sh {
                    white-space: normal
                }




            }