/* poster container */

        .price-poster{
            width:100%;
            margin:auto;
            background:white;
            padding:10px;
        }

        /* header */

       .poster-header{
            padding:0;
        }

        .poster-header{
            position: sticky;
            top: 0;
            z-index: 1000;
            background: white;
        }

        .poster-header-banner{
            position:relative;
            padding:25px 30px 25px 0px;
            background: linear-gradient(135deg,#ffffff 45%, #77bd94 45%);
            overflow:hidden;
        }

        /* orange corner */

        .poster-header-banner::before{
            content:"";
            position:absolute;
            top:0;
            right:0;
            width:420px;
            height:90px;
            background: linear-gradient(135deg,#77bd94 45%, #f5d17b 45%);

        }

        /* text style */

        .poster-header-banner h2{
            font-weight:bold;
            margin:0;
        }

        .poster-header-banner p{
            margin:0;
            font-size:14px;
        }
        table{
            width:100%;
        }
                
        .table-scroll{
            max-height:60vh;
            overflow-y:auto;
        }

        .table thead th{
            position: sticky;
            top: 0;
            background: #77bd94;
            z-index: 10;
        }

        @media (max-width:768px){

            .poster-header h2{
                font-size:20px;
            }

            .table td, .table th{
                font-size:14px;
            }

            img {
                width: 180px;
                text-align: left;
            }

            .poster-header-banner{
                text-align:center;
                padding:20px;
            }

            .poster-header-banner::before{
                width:120px;
                height:40px;
            }

            .poster-header-banner h2{
                font-size:22px;
            }


        }