body, html {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}
.div-txt-copy p {
    position: relative;
    background: #f1f3f9;
    padding: 5px 40px 5px 10px;
    border-radius: 6px;
}
.div-txt-copy .copy-button {
                padding: 6px 8px;
                color: #fff;
                border: 1px solid #bfc3c8;
                font-size: 14px;
                outline: none;
                border-radius: 8px;
                cursor: pointer;
                margin: 0;
                line-height: 1;
                min-height: auto;
                margin-left: 5px;
                width: 30px;
                background: #28a745;
                position: absolute;
                right: 5px;
                top: 4px;
}

.div-txt-copy p:nth-of-type(1)::before {
    content: "1.";
}
.div-txt-copy p:nth-of-type(1)::before,.div-txt-copy p:nth-of-type(2)::before,.div-txt-copy p:nth-of-type(3)::before,.div-txt-copy p:nth-of-type(4)::before,.div-txt-copy p:nth-of-type(5)::before,.div-txt-copy p:nth-of-type(6)::before,.div-txt-copy p:nth-of-type(7)::before,.div-txt-copy p:nth-of-type(8)::before,.div-txt-copy p:nth-of-type(9)::before,.div-txt-copy p:nth-of-type(10)::before,.div-txt-copy p:nth-of-type(11)::before,.div-txt-copy p:nth-of-type(12)::before,.div-txt-copy p:nth-of-type(13)::before,.div-txt-copy p:nth-of-type(14)::before,.div-txt-copy p:nth-of-type(15)::before,.div-txt-copy p:nth-of-type(16)::before,.div-txt-copy p:nth-of-type(17)::before,.div-txt-copy p:nth-of-type(18)::before,.div-txt-copy p:nth-of-type(19)::before,.div-txt-copy p:nth-of-type(20)::before,.div-txt-copy p:nth-of-type(21)::before,.div-txt-copy p:nth-of-type(22)::before,.div-txt-copy p:nth-of-type(23)::before,.div-txt-copy p:nth-of-type(24)::before,.div-txt-copy p:nth-of-type(25)::before,.div-txt-copy p:nth-of-type(26)::before,.div-txt-copy p:nth-of-type(27)::before,.div-txt-copy p:nth-of-type(28)::before,.div-txt-copy p:nth-of-type(29)::before,.div-txt-copy p:nth-of-type(30)::before {
                content: attr(data-counter);
                line-height: 25px;
                display: inline-block;
                /* min-width: 25px; */
                margin: 0 6px 0 0;
                /* padding: 0 5px; */
                text-align: center;
                vertical-align: 0px;
                color: #000;
                border-radius: 10px;
                /* background: linear-gradient(45deg, #444444 0%, #9a9a9a 100%); */
                font-size: 16px;
            }

            .div-txt-copy p:nth-of-type(1)::before {
                content: "1.";
            }

            .div-txt-copy p:nth-of-type(2)::before {
                content: "2.";
            }

            .div-txt-copy p:nth-of-type(3)::before {
                content: "3.";
            }

            .div-txt-copy p:nth-of-type(4)::before {
                content: "4.";
            }

            .div-txt-copy p:nth-of-type(5)::before {
                content: "5.";
            }

            .div-txt-copy p:nth-of-type(6)::before {
                content: "6.";
            }

            .div-txt-copy p:nth-of-type(7)::before {
                content: "7.";
            }

            .div-txt-copy p:nth-of-type(8)::before {
                content: "8.";
            }

            .div-txt-copy p:nth-of-type(9)::before {
                content: "9.";
            }

            .div-txt-copy p:nth-of-type(10)::before {
                content: "10.";
            }

            .div-txt-copy p:nth-of-type(11)::before {
                content: "11.";
            }

            .div-txt-copy p:nth-of-type(12)::before {
                content: "12.";
            }

            .div-txt-copy p:nth-of-type(13)::before {
                content: "13.";
            }

            .div-txt-copy p:nth-of-type(14)::before {
                content: "14.";
            }

            .div-txt-copy p:nth-of-type(15)::before {
                content: "15.";
            }

            .div-txt-copy p:nth-of-type(16)::before {
                content: "16.";
            }

            .div-txt-copy p:nth-of-type(17)::before {
                content: "17.";
            }

            .div-txt-copy p:nth-of-type(18)::before {
                content: "18.";
            }

            .div-txt-copy p:nth-of-type(19)::before {
                content: "19.";
            }

            .div-txt-copy p:nth-of-type(20)::before {
                content: "20.";
            }

            .div-txt-copy p:nth-of-type(21)::before {
                content: "21.";
            }

            .div-txt-copy p:nth-of-type(22)::before {
                content: "22.";
            }

            .div-txt-copy p:nth-of-type(23)::before {
                content: "23.";
            }

            .div-txt-copy p:nth-of-type(24)::before {
                content: "24.";
            }

            .div-txt-copy p:nth-of-type(25)::before {
                content: "25.";
            }

            .div-txt-copy p:nth-of-type(26)::before {
                content: "26.";
            }

            .div-txt-copy p:nth-of-type(27)::before {
                content: "27.";
            }

            .div-txt-copy p:nth-of-type(28)::before {
                content: "28.";
            }

            .div-txt-copy p:nth-of-type(29)::before {
                content: "29.";
            }

            .div-txt-copy p:nth-of-type(30)::before {
                content: "30.";
            }
@media only screen and (min-width: 1300px) {
    .container-width, .full-width .ubermenu-nav, .container, .row {
        max-width: 1320px !important;
    }
}