.btn-style:visited,
        .btn-style:link {
            color: #fff;
            /* This sets the text color to white for both normal and visited states */
        }

        .fixed {
            position: fixed;
            bottom: 15px;
            left: 0;
            right: 0;
            max-width: 600px;
            width: 95% !important
        }

        center p {
            text-align: center !important;
        }


        .btn-style {
            overflow: hidden;
            display: block;
            border-radius: 40px;
            background: -o-linear-gradient(45deg, #890100, #e50200);
            background: linear-gradient(45deg, #890100, #e50200);
            background-size: 200% 100%;
            background-position: 0 0;
            padding: 15px 50px;
            color: #fff;
            font-weight: 500;
            font-size: 20px;
            margin-top: 15px;
            text-align: center;
            width: 100%;
            -webkit-transition: 320ms;
            -o-transition: 320ms;
            transition: 320ms;
            position: relative;
            -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
        }

        img {
            max-width: 475px !important;
            width: 100%
        }

        .submit-form {
            width: 100% !important;
            border-radius: 6px !important;
            background: #f53136 !important;
            text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        }

        .nums-inp {
            border: none !important;
            padding: 0 !important;
            outline: 0 !important;
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            width: 20px !important;
            height: 20px !important;
            display: inline !important;
            color: red !important;
            font-family: Arial, Helvetica, sans-serif !important;
            margin-bottom: 0 !important;
        }

        .submit-form {
            width: 85%;
            border: none;
            color: #fff;
            padding: 15px;
            font-size: 20px;
            background-color: #d4282c;
            border-radius: 20px;
            -webkit-animation: a 1s infinite alternate;
            animation: a 1s infinite alternate;
            cursor: pointer;
            font-weight: 700;
            outline: none;
        }

        .promo__stat-list {
            margin: 20px 0
        }

        .time_remains {
            font-size: 1.1em;
            color: red;
            font-weight: 700;
        }

        b {
            text-align: center
        }

        i {
            font-size: 24px
        }

        img {
            max-width: 475px !important;
            width: 100%
        }

        .promo__stat-list {
            margin: 20px 0
        }

        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        main {
            display: block
        }

        a {
            background-color: transparent
        }

        img {
            border-style: none
        }

        input {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0;
            overflow: visible
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        html {
            box-sizing: border-box;
            font-size: 16px
        }

        *,
        ::before,
        ::after {
            box-sizing: inherit
        }

        a {
            text-decoration: none;
            color: inherit
        }

        body,
        h2,
        p,
        li {
            margin: 0
        }

        ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        input {
            color: inherit;
            font: inherit;
            letter-spacing: inherit
        }

        img {
            display: block;
            max-width: 100%
        }

        body {
            min-width: 320px;
            width: 100%;
            scroll-behavior: smooth;
            text-rendering: optimizeSpeed;
            line-height: 1.5;
            font-family: "Roboto", sans-serif;
            font-weight: 500;
            color: #000;
            background: #fff
        }

        .wrapper {
            max-width: 1020px;
            width: 100%;
            margin: 0 auto;
            padding: 0 20px
        }

        @media (max-width: 991px) {
            .wrapper {
                max-width: 480px
            }
        }

        @media (max-width: 767px) {
            .wrapper {
                padding: 0 10px
            }
        }

        .content {
            width: 100%;
            position: relative
        }

        .btn {
            background: #FF1E1E;
            border-radius: 20px;
            font-weight: 700;
            font-size: 20px;
            line-height: 0;
            text-align: center;
            color: #fff;
            display: block;
            padding: 30px 6px;
            cursor: pointer;
            transition: all .1s;
            margin: 0 auto;
            max-width: 635px;
            width: 100%;
            z-index: 1000
        }

        .article__btn {
            /*border-radius: 100px;*/
            /*padding: 30px 0;*/
            /*margin: 30px auto*/
        }

        .btn:hover {
            transform: scale(1.05)
        }

        @media (max-width: 991px) {
            .article__btn {
                padding: 10px;
                line-height: 28px
            }

            .header .wrapper {
                max-width: none
            }
        }

        .header__inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 110px
        }

        @media (max-width: 767px) {
            .header__inner {
                min-height: auto
            }
        }

        .header__logo {
            display: block;
            max-width: 240px;
            margin-right: 15px
        }

        .header__menu {
            display: flex;
            align-items: center;
            margin-right: 15px;
            cursor: pointer
        }

        .header__menu-btn {
            width: 40px;
            position: relative;
            display: inline-block;
            vertical-align: top;
            height: 50px;
            margin-right: 5px
        }

        @media (max-width: 991px) {
            .header__menu-btn {
                width: 35px;
                margin-right: 25px
            }
        }

        .header__menu-btn span {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            display: block;
            width: 100%;
            height: 3px;
            background: #000
        }

        .header__menu-btn span::before,
        .header__menu-btn span::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 3px;
            background: #000
        }

        .header__menu-btn span::before {
            top: 10px;
            left: 0
        }

        .header__menu-btn span::after {
            bottom: 10px;
            left: 0
        }

        .header__menu-text {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #141414
        }

        @media (max-width: 991px) {
            .header__menu-text {
                font-size: 0
            }
        }

        .header__input-wp {
            flex-grow: 1;
            margin-right: 15px
        }

        .header__input-wp input {
            width: 100%;
            /*background: url(files/free-search-icon-2903-thumb.png) no-repeat left 10px center/20px auto, #eaeaea;*/
            border-radius: 50px;
            border: none;
            padding: 4px 15px 4px 45px
        }

        @media (max-width: 991px) {
            .header__input-wp input {
                width: 32px;
                height: 32px;
                font-size: 0;
                padding: 0;
                /*background: url(files/free-search-icon-2903-thumb.png) no-repeat center/20px auto, #eaeaea*/
            }
        }

        .header__user {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #141414;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            cursor: pointer
        }

        @media (max-width: 991px) {
            .header__user {
                font-size: 0
            }
        }

        .header__user span {
            display: block;
            /*background: url(files/free-user-icon-3296-thumb.png) no-repeat center/24px auto, #eaeaea;*/
            width: 32px;
            border-radius: 50%;
            margin-right: 5px;
            height: 32px
        }

        p {
            text-align: justify
        }

        .promo .wrapper {
            max-width: 810px
        }

        .promo__inner {
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .promo__title {
            font-weight: 700;
            font-size: 49px;
            line-height: 65px;
            text-align: center;
            color: #000;
            text-shadow: 1px 3px 7px rgba(5, 5, 5, 0.69);
            background-position: 0 0;
            -webkit-background-clip: text;
            animation: background 5s infinite alternate;
            margin-bottom: 20px
        }

        @media (max-width: 767px) {
            .promo__title {
                line-height: 52px
            }

            .promo__title .doc {
                font-size: 32px
            }
        }

        @keyframes background {
            100% {
                background-position: 200px 0
            }

            50% {
                background-position: 0 0
            }

            0% {
                background-position: -200px 0
            }
        }

        .promo__stat-item {
            font-weight: 300;
            font-size: 20px;
            line-height: 42px;
            color: #000;
            display: inline-block;
            margin-right: 25px
        }

        @media (max-width: 991px) {
            .promo__stat-item {
                color: #000
            }
        }

        @media (max-width: 767px) {
            .promo__stat-item {
                font-size: 14px;
                line-height: 16px;
                margin-right: 10px
            }
        }

        .promo__stat-item::before {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px
        }

        /* .promo__stat-item:nth-child(1)::before {
            content: url(https://BullRun.asia/transits/th-BullRun-blog-mensclub8/img/icon__update.svg)
        } */

        /* .promo__stat-item:nth-child(2)::before {
            content: url(../book-english/files/iconmonstr-eye-9.png)
        } */



        .promo__stat-item:nth-child(3)::before {
            content: url(https://BullRun.asia/transits/th-BullRun-blog-mensclub8/img/icon__like.svg)
        }

        .article {
            padding-bottom: 0
        }

        .article .wrapper {
            max-width: 810px
        }

        .article img {
            margin-bottom: 20px
        }

        .article__inner>p {
            font-weight: 400;
            font-size: 18px;
            line-height: 32px;
            color: #141414;
            margin-bottom: 20px;
            align-self: center
        }

        @media (max-width: 767px) {
            .article__inner>p {
                font-size: 18px;
                line-height: 28px;
                margin-bottom: 5px
            }
        }

        .article__inner {
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .article__screen {
            position: relative
        }

        .article__screen img {
            max-width: 475px !important;
            width: 100%
        }

        .comments .wrapper {
            max-width: 820px;
            margin-bottom: 50px
        }

        .comments__header {
            padding: 5px 0;
            background: #f1f1f1;
            margin-bottom: 25px
        }

        .comments__title {
            font-weight: 500;
            font-size: 18px;
            line-height: 32px;
            color: #7c7c7c;
            max-width: 820px;
            margin: 0 auto;
            padding: 0 5px
        }

        .comments__list {
            display: flex;
            flex-direction: column
        }

        .card {
            margin-bottom: 40px;
            position: relative;
            padding-left: 100px;
            padding-bottom: 35px;
            border-bottom: 1px solid #dadada
        }

        @media (max-width: 767px) {
            .card {
                margin-bottom: 15px;
                padding-bottom: 15px;
                padding-left: 0
            }
        }

        @media (max-width: 991px) {
            .card__header {
                display: flex;
                align-items: center;
                margin-bottom: 10px
            }
        }

        .card__ava {
            position: absolute;
            width: 48px !important;
            height: 48px !important;
           left: 35px;
    top: 10px;
        }

        @media (max-width: 991px) {
            .card__ava {
                position: static;
                margin-right: 15px
            }
        }

        .card__name {
            font-weight: 700;
            font-size: 20px;
            line-height: 32px;
            text-align: left
        }

        .card__text {
            font-weight: 400;
            font-size: 18px;
            line-height: 25px;
            color: #141414;
            text-align: left
        }

        @media (max-width: 767px) {
            .card__text {
                font-size: 18px;
                line-height: 20px
            }
        }

        .card__text span {
            display: block;
            font-weight: 700;
            font-size: 14px;
            line-height: 32px;
            text-align: left
        }

        a {
            font-weight: 700
        }

        img {
            max-width: 100%
        }

        body {
            margin: 0;
            padding: 0
        }

        body * {
            font-family: Arial, sans-serif
        }

        a {
            color: #ba0009
        }

        a:hover {
            text-decoration: none
        }

        body img {
            max-width: 100%
        }

        .center {
            text-align: center
        }

        .comeback_layout {
            display: none;
            position: fixed;
            color: #000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 20000000;
            background: rgba(0, 0, 0, .75);
            overflow-y: scroll;
            -ms-overflow-style: none;
            overflow: -moz-scrollbars-none
        }

        .comeback_layout::-webkit-scrollbar {
            width: 0
        }

        .comeback_wrapper {
            width: 100%;
            max-width: 550px;
            margin: 2% auto
        }

        .comeback_container {
            border-radius: 2%;
            border: 4px dashed #000;
            background: linear-gradient(to top, #d9d9d9, #fff);
            padding: 5px 5px 25px;
            text-align: center
        }

        .comeback_container .btn {
            display: block;
            width: 95%;
            color: #fff;
            background: #c73030;
            text-transform: uppercase;
            padding: 10px 0;
            font-size: 19px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            vertical-align: middle;
            border: 1px solid transparent;
            border-radius: 13px;
            margin: 30px auto 0;
            text-decoration: none !important
        }

        .comeback_img {
            width: 57%;
            left: 15px;
            margin: 10px auto
        }

        @media (max-width: 700px) {
            .comeback_img {
                margin: 5px auto
            }

            .comeback_container p {
                line-height: 14px;
                font-size: 15px
            }
        }

        .comeback_header {
            margin-bottom: 25px
        }

        .comeback_header p {
            margin: 5px auto
        }

        .comeback_body {
            background: linear-gradient(to right, #000, #262424);
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: space-around
        }

        .comeback_body span {
            color: #fff;
            text-transform: uppercase;
            font-size: .9rem;
            margin-right: .5rem;
            margin-left: 1rem
        }

        .comeback_body img {
            position: relative;
            filter: drop-shadow(0 0 1rem white)
        }

        .comeback_footer p {
            text-align: center
        }

        .comeback_footer {
            margin-bottom: 30px;
            margin-top: 15px
        }

        .comeback_footer::before {
            content: "";
            background-size: 150px 150px;
            width: 150px;
            height: 150px;
            background-repeat: no-repeat;
            margin-left: 150px;
            margin-top: -20px;
            position: absolute
        }

        @media (max-width: 540px) {
            .comeback_footer::before {
                display: none
            }
        }

        @media (max-width: 430px) {
            img {
                max-width: 100%;
                width: 100%
            }

            .comeback_body span {
                font-size: .8rem
            }

            .comeback_footer p {
                margin-right: 1em
            }

            .comeback_container .btn {
                font-size: 12px
            }
        }

        hr {
            width: 100%;
            border-top: 2.5px dotted #000;
            border-right: 0;
            border-left: 0;
            border-bottom: 0;
            margin-top: 3rem;
            margin-bottom: 0;
        }

        hr:before {
            content: "";
            display: block;
            position: absolute;
            width: 5.5rem;
            height: 1rem;
            /*background: url(https://BullRun.asia/transits/th-BullRun-blog-mensclub8/img/dots.svg);*/
            background-repeat: no-repeat;
            background-position: center;
            left: 50%;
            margin: -0.55rem 0 0 -2.6rem;
            /*background-color: #fff;*/
        }

        @media (max-width: 400px) {
            .promo__title {
                font-size: 36px
            }
        }

        @media (max-width: 321px) {
            .promo__title {
                line-height: 43px
            }

            .comeback_img {
                width: 98%;
                left: 15px;
                margin: 10px auto;
            }

            .comeback_body span {
                font-size: .7rem;
                margin-left: 3rem
            }

            .btn {
                font-size: 18px
            }

            .comeback_body img {
                top: 0
            }

            .comeback_footer p {
                margin-right: 2em
            }

            .comeback_container .btn {
                width: 85%
            }
        }