/*
Theme Name: My Landing Theme TR Fixed
Theme URI: https://example.com
Author: Dmitriy
Author URI: https://example.com
Description: Минимальная WordPress тема для лендинга (турецкий язык по умолчанию, с index.php)
Version: 1.1
License: GNU General Public License v2 or later
Text Domain: my_landing_theme_tr_fixed
*/
        @font-face {
            font-display: swap;
            font-family: Montserrat;
            src: url(/static/fonts/Montserrat-Medium.ttf);
            font-style: normal;
            font-weight: 400
        }

        @font-face {
            font-display: swap;
            font-family: Montserrat;
            src: url(/static/fonts/Montserrat-Regular.ttf);
            font-style: normal;
            font-weight: 400
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald Light'), local('Oswald-Light'), url(/static/fonts/Oswaldlight.woff2) format('woff2'), url(/static/fonts/Oswaldlight.woff) format('woff'), url(/static/fonts/Oswaldlight.ttf) format('truetype');
            font-weight: 300;
            font-style: normal
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald Regular'), local('Oswald-Regular'), url(/static/fonts/Oswaldregular.woff2) format('woff2'), url(/static/fonts/Oswaldregular.woff) format('woff'), url(/static/fonts/Oswaldregular.ttf) format('truetype');
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald RegularItalic'), local('Oswald-RegularItalic'), url(/static/fonts/Oswaldregularitalic.woff2) format('woff2'), url(/static/fonts/Oswaldregularitalic.woff) format('woff'), url(/static/fonts/Oswaldregularitalic.ttf) format('truetype');
            font-weight: 400;
            font-style: italic
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald Medium'), local('Oswald-Medium'), url(/static/fonts/Oswaldmedium.woff2) format('woff2'), url(/static/fonts/Oswaldmedium.woff) format('woff'), url(/static/fonts/Oswaldmedium.ttf) format('truetype');
            font-weight: 500;
            font-style: normal
        }

        .rating-table .star {
            display: flex;
            flex-direction: row;
            height: 20px
        }

        .rating-table .star-gray {
            background: url(/static/img/stars-gray.svg);
            height: 20px;
            width: 110px;
            position: relative
        }

        .rating-table .star-yellow {
            position: absolute;
            left: 0;
            top: 0;
            background: url(/static/img/stars-yellow.svg);
            height: 20px
        }

        .rating-table .star-100 {
            width: 100%
        }

        .rating-table .star-90 {
            width: 90%
        }

        .casino-rating td:nth-child(5),
        .casino-rating th:nth-child(5) {
            width: 10%
        }

        .casino-rating td,
        .casino-rating th {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 14%
        }

        .casino-rating th {
            background: #050322;
            color: rgba(255, 255, 255, .8);
            padding: 15px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .2)
        }

        .casino-rating td {
            background: #1d1c30;
            color: rgba(255, 255, 255, .6);
            padding: 10px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08)
        }

        .casino-rating td:not(:last-child),
        .casino-rating th:not(:last-child) {
            border-right: 1px solid rgba(255, 255, 255, .08)
        }

        @media (max-width:668px) {

            .casino-rating tr td:nth-child(4),
            .casino-rating tr th:nth-child(4) {
                display: none
            }
        }

        @media (max-width:500px) {
            .rating-table .star {
                display: none
            }
        }

        h2 {
            color: #fff;
            font-family: Oswald, sans-serif;
            font-size: 32px
        }

        h3 {
            color: #fff;
            font-family: Oswald, sans-serif;
            font-size: 26px
        }

        body {
            background: #050322;
            margin: 0;
            font-family: Montserrat, sans-serif;
            font-weight: 400;
            overflow-x: hidden
        }

        .logo {
            width: 50px
        }

        h1 {
            font-family: Oswald, sans-serif;
            text-transform: uppercase;
            color: #f6a800
        }

        li,
        p {
            color: #9996cb;
            font-family: Montserrat, sans-serif;
            font-weight: 400;
            line-height: 26px
        }

        main {
            position: relative
        }

        header {
            background: #010010;
            box-shadow: 0 0 10px 5px rgba(0, 0, 0, .5);
            border-bottom: 1px solid #9996cb
        }

        .site-width {
            width: 90%;
            max-width: 1200px;
            margin: auto
        }

        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 70px
        }

        .logo-box {
            text-decoration: none
        }

        .header nav,
        .logo-box {
            display: flex
        }

        .header ul {
            display: flex;
            flex-direction: column;
            font-weight: 700;
            position: absolute;
            top: calc(100% + 1px);
            width: 100%;
            left: 0;
            font-size: 17px;
            margin: 0;
            padding-left: 0;
            max-height: 0;
            overflow-y: hidden
        }

        .header ul li {
            list-style-type: none;
            background: #180e3d
        }

        .header ul a {
            text-decoration: none;
            display: flex;
            justify-content: center;
            width: 100%;
            color: #fff;
            border-bottom: 1px solid rgba(255, 255, 255, .3);
            padding: 15px 0;
            font-size: 20px
        }

        @media (min-width:690px) {
            .header ul {
                flex-direction: row;
                position: initial;
                width: initial;
                max-height: initial;
                overflow-y: initial
            }

            .header ul li {
                margin-left: 20px;
                background: 0 0
            }

            .header ul a {
                display: initial;
                width: initial;
                border-bottom: initial;
                padding: initial;
                font-size: 17px;
                color: #9996cb
            }
        }

        .logo-text {
            color: #fff;
            font-size: 36px;
            letter-spacing: 6px;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 3px;
            font-family: Oswald, sans-serif;
            font-style: italic
        }

        .logo-sub-text {
            top: -5px;
            font-size: 14px;
            align-items: center;
            font-family: Oswald, sans-serif;
            letter-spacing: 3.4px;
            position: relative;
            left: 2px;
            text-align: center
        }

        .logo-text-box {
            margin-left: 10px;
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: flex-start
        }

        .best-casino {
            background: #050322;
            position: relative
        }

        .best-casino {
            background: #050322
        }

        .best-casino .b-3-2 {
            position: relative;
            bottom: -15px
        }

        .yellow-btn {
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            background: #f6a800;
            width: 150px;
            height: 50px;
            border: none;
            border-radius: 5px;
            border-bottom: 3px solid #ad6f00;
            font-size: 15px;
            color: #694900;
            text-shadow: inset 1px 1px 5px rgba(0, 0, 0, .5);
            font-weight: 700
        }

        .razmetka .b-3-2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            text-align: center
        }

        .razmetka .b-3-2>div {
            display: flex;
            margin: 0 20px;
            max-width: 320px;
            flex: 1 1 320px;
            flex-direction: column;
            box-shadow: 0 0 10px 5px rgba(0, 0, 0, .8)
        }

        .razmetka .b-3-2>div:nth-child(odd) {
            position: relative;
            top: 30px
        }

        .razmetka .b-3-2 .header-box {
            display: flex;
            color: #fff;
            flex-direction: column;
            justify-content: center;
            background: #3b2f76;
            padding: 20px 0 15px;
            font-size: 38px;
            font-family: Oswald, sans-serif;
            border-radius: 8px 8px 0 0
        }

        .razmetka .b-3-2 .header-box span:first-child {
            font-family: Oswald, sans-serif;
            color: #9996cb;
            font-size: 22px;
            padding-bottom: 10px
        }

        .razmetka .b-3-2 .main-box {
            background: #1d1c30;
            display: flex;
            color: #fff;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 20px
        }

        .razmetka .casino-img {
            width: 100%;
            border-top: 2px solid #f6a800;
            border-bottom: 2px solid #f6a800
        }

        .read-review {
            color: #fff;
            margin-top: 7px;
            font-size: 14px;
            text-decoration: none
        }

        .razmetka .payments {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 10px;
            margin-bottom: 30px;
            margin-top: -15px;
            flex-wrap: wrap
        }

        .razmetka .payments span {
            margin: 10px 5px 0
        }

        .razmetka .payments img {
            display: flex;
            width: 40px;
            margin: 10px 5px 0;
            height: 26px;
            opacity: .6
        }

        .razmetka .b-3-2 .basic {
            background: #2f1b78
        }

        .razmetka .b-3-2 .pro {
            background: #3b2f76;
            position: relative
        }

        .o-h {
            overflow: hidden
        }

        .top-1 {
            background: rgba(0, 0, 0, .8);
            position: absolute;
            color: #f6a800;
            display: flex;
            justify-content: center;
            width: 200px;
            padding: 5px 0;
            transform: rotate(45deg);
            right: -60px;
            top: 18px;
            font-weight: 700;
            font-size: 16px
        }

        .razmetka .b-3-2 .starter {
            background: #4f4776
        }

        .b-4 {
            margin-top: 40px;
            margin-bottom: 40px
        }

        #burger-container {
            position: relative;
            display: none;
            top: 2px;
            width: 30px;
            margin: 0
        }

        #burger {
            display: block
        }

        #burger span {
            background: rgba(255, 255, 255, .8);
            display: block;
            width: 30px;
            height: 2px;
            margin-bottom: 4px;
            position: relative;
            top: 0
        }

        @media (max-width:1133px) {

            .rating-table tr td:nth-child(5),
            .rating-table tr td:nth-child(6),
            .rating-table tr th:nth-child(5),
            .rating-table tr th:nth-child(6) {
                display: none
            }

            .casino-rating tr td:nth-child(4),
            .casino-rating tr th:nth-child(4) {
                width: 20%
            }

            .razmetka .b-3-2>div:nth-child(odd) {
                top: 0
            }

            .razmetka .b-3-2>div {
                margin-top: 40px
            }
        }

        @media (max-width:690px) {
            #burger-container {
                display: inline-block
            }

            header {
                position: fixed;
                width: 100%;
                z-index: 3;
                top: 0
            }

            main {
                padding-top: 71px
            }
        }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }

                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }

        @font-face {
            font-display: swap;
            font-family: Montserrat;
            src: url(/static/fonts/Montserrat-Medium.ttf);
            font-style: normal;
            font-weight: 400
        }

        @font-face {
            font-display: swap;
            font-family: Montserrat;
            src: url(/static/fonts/Montserrat-Regular.ttf);
            font-style: normal;
            font-weight: 400
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald Light'), local('Oswald-Light'), url(/static/fonts/Oswaldlight.woff2) format('woff2'), url(/static/fonts/Oswaldlight.woff) format('woff'), url(/static/fonts/Oswaldlight.ttf) format('truetype');
            font-weight: 300;
            font-style: normal
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald Regular'), local('Oswald-Regular'), url(/static/fonts/Oswaldregular.woff2) format('woff2'), url(/static/fonts/Oswaldregular.woff) format('woff'), url(/static/fonts/Oswaldregular.ttf) format('truetype');
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald RegularItalic'), local('Oswald-RegularItalic'), url(/static/fonts/Oswaldregularitalic.woff2) format('woff2'), url(/static/fonts/Oswaldregularitalic.woff) format('woff'), url(/static/fonts/Oswaldregularitalic.ttf) format('truetype');
            font-weight: 400;
            font-style: italic
        }

        @font-face {
            font-display: swap;
            font-family: Oswald;
            src: local('Oswald Medium'), local('Oswald-Medium'), url(/static/fonts/Oswaldmedium.woff2) format('woff2'), url(/static/fonts/Oswaldmedium.woff) format('woff'), url(/static/fonts/Oswaldmedium.ttf) format('truetype');
            font-weight: 500;
            font-style: normal
        }

        .rating-table .star {
            display: flex;
            flex-direction: row;
            height: 20px
        }

        .rating-table .star-gray {
            background: url(/static/img/stars-gray.svg);
            height: 20px;
            width: 110px;
            position: relative
        }

        .rating-table .star-yellow {
            position: absolute;
            left: 0;
            top: 0;
            background: url(/static/img/stars-yellow.svg);
            height: 20px
        }

        .rating-table .star-100 {
            width: 100%
        }

        .rating-table .star-90 {
            width: 90%
        }

        .casino-rating td:nth-child(5),
        .casino-rating th:nth-child(5) {
            width: 10%
        }

        .casino-rating td,
        .casino-rating th {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 14%
        }

        .casino-rating th {
            background: #050322;
            color: rgba(255, 255, 255, .8);
            padding: 15px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .2)
        }

        .casino-rating td {
            background: #1d1c30;
            color: rgba(255, 255, 255, .6);
            padding: 10px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08)
        }

        .casino-rating td:not(:last-child),
        .casino-rating th:not(:last-child) {
            border-right: 1px solid rgba(255, 255, 255, .08)
        }

        @media (max-width:668px) {

            .casino-rating tr td:nth-child(4),
            .casino-rating tr th:nth-child(4) {
                display: none
            }
        }

        @media (max-width:500px) {
            .rating-table .star {
                display: none
            }
        }

        h2 {
            color: #fff;
            font-family: Oswald, sans-serif;
            font-size: 32px
        }

        h3 {
            color: #fff;
            font-family: Oswald, sans-serif;
            font-size: 26px
        }

        body {
            background: #050322;
            margin: 0;
            font-family: Montserrat, sans-serif;
            font-weight: 400;
            overflow-x: hidden
        }

        .logo {
            width: 50px
        }

        h1 {
            font-family: Oswald, sans-serif;
            text-transform: uppercase;
            color: #f6a800
        }

        li,
        p {
            color: #9996cb;
            font-family: Montserrat, sans-serif;
            font-weight: 400;
            line-height: 26px
        }

        main {
            position: relative
        }

        header {
            background: #010010;
            box-shadow: 0 0 10px 5px rgba(0, 0, 0, .5);
            border-bottom: 1px solid #9996cb
        }

        .site-width {
            width: 90%;
            max-width: 1200px;
            margin: auto
        }

        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 70px
        }

        .logo-box {
            text-decoration: none
        }

        .header nav,
        .logo-box {
            display: flex
        }

        .header ul {
            display: flex;
            flex-direction: column;
            font-weight: 700;
            position: absolute;
            top: calc(100% + 1px);
            width: 100%;
            left: 0;
            font-size: 17px;
            margin: 0;
            padding-left: 0;
            max-height: 0;
            overflow-y: hidden
        }

        .header ul li {
            list-style-type: none;
            background: #180e3d
        }

        .header ul a {
            text-decoration: none;
            display: flex;
            justify-content: center;
            width: 100%;
            color: #fff;
            border-bottom: 1px solid rgba(255, 255, 255, .3);
            padding: 15px 0;
            font-size: 20px
        }

        @media (min-width:690px) {
            .header ul {
                flex-direction: row;
                position: initial;
                width: initial;
                max-height: initial;
                overflow-y: initial
            }

            .header ul li {
                margin-left: 20px;
                background: 0 0
            }

            .header ul a {
                display: initial;
                width: initial;
                border-bottom: initial;
                padding: initial;
                font-size: 17px;
                color: #9996cb
            }
        }

        .logo-text {
            color: #fff;
            font-size: 36px;
            letter-spacing: 6px;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 3px;
            font-family: Oswald, sans-serif;
            font-style: italic
        }

        .logo-sub-text {
            top: -5px;
            font-size: 14px;
            align-items: center;
            font-family: Oswald, sans-serif;
            letter-spacing: 3.4px;
            position: relative;
            left: 2px;
            text-align: center
        }

        .logo-text-box {
            margin-left: 10px;
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: flex-start
        }

        .best-casino {
            background: #050322;
            position: relative
        }

        .best-casino {
            background: #050322
        }

        .best-casino .b-3-2 {
            position: relative;
            bottom: -15px
        }

        .yellow-btn {
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            background: #f6a800;
            width: 150px;
            height: 50px;
            border: none;
            border-radius: 5px;
            border-bottom: 3px solid #ad6f00;
            font-size: 15px;
            color: #694900;
            text-shadow: inset 1px 1px 5px rgba(0, 0, 0, .5);
            font-weight: 700
        }

        .razmetka .b-3-2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            text-align: center
        }

        .razmetka .b-3-2>div {
            display: flex;
            margin: 0 20px;
            max-width: 320px;
            flex: 1 1 320px;
            flex-direction: column;
            box-shadow: 0 0 10px 5px rgba(0, 0, 0, .8)
        }

        .razmetka .b-3-2>div:nth-child(odd) {
            position: relative;
            top: 30px
        }

        .razmetka .b-3-2 .header-box {
            display: flex;
            color: #fff;
            flex-direction: column;
            justify-content: center;
            background: #3b2f76;
            padding: 20px 0 15px;
            font-size: 38px;
            font-family: Oswald, sans-serif;
            border-radius: 8px 8px 0 0
        }

        .razmetka .b-3-2 .header-box span:first-child {
            font-family: Oswald, sans-serif;
            color: #9996cb;
            font-size: 22px;
            padding-bottom: 10px
        }

        .razmetka .b-3-2 .main-box {
            background: #1d1c30;
            display: flex;
            color: #fff;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 20px
        }

        .razmetka .casino-img {
            width: 100%;
            border-top: 2px solid #f6a800;
            border-bottom: 2px solid #f6a800
        }

        .read-review {
            color: #fff;
            margin-top: 7px;
            font-size: 14px;
            text-decoration: none
        }

        .razmetka .payments {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 10px;
            margin-bottom: 30px;
            margin-top: -15px;
            flex-wrap: wrap
        }

        .razmetka .payments span {
            margin: 10px 5px 0
        }

        .razmetka .payments img {
            display: flex;
            width: 40px;
            margin: 10px 5px 0;
            height: 26px;
            opacity: .6
        }

        .razmetka .b-3-2 .basic {
            background: #2f1b78
        }

        .razmetka .b-3-2 .pro {
            background: #3b2f76;
            position: relative
        }

        .o-h {
            overflow: hidden
        }

        .top-1 {
            background: rgba(0, 0, 0, .8);
            position: absolute;
            color: #f6a800;
            display: flex;
            justify-content: center;
            width: 200px;
            padding: 5px 0;
            transform: rotate(45deg);
            right: -60px;
            top: 18px;
            font-weight: 700;
            font-size: 16px
        }

        .razmetka .b-3-2 .starter {
            background: #4f4776
        }

        .b-4 {
            margin-top: 40px;
            margin-bottom: 40px
        }

        #burger-container {
            position: relative;
            display: none;
            top: 2px;
            width: 30px;
            margin: 0
        }

        #burger {
            display: block
        }

        #burger span {
            background: rgba(255, 255, 255, .8);
            display: block;
            width: 30px;
            height: 2px;
            margin-bottom: 4px;
            position: relative;
            top: 0
        }

        @media (max-width:1133px) {

            .rating-table tr td:nth-child(5),
            .rating-table tr td:nth-child(6),
            .rating-table tr th:nth-child(5),
            .rating-table tr th:nth-child(6) {
                display: none
            }

            .casino-rating tr td:nth-child(4),
            .casino-rating tr th:nth-child(4) {
                width: 20%
            }

            .razmetka .b-3-2>div:nth-child(odd) {
                top: 0
            }

            .razmetka .b-3-2>div {
                margin-top: 40px
            }
        }

        @media (max-width:690px) {
            #burger-container {
                display: inline-block
            }

            header {
                position: fixed;
                width: 100%;
                z-index: 3;
                top: 0
            }

            main {
                padding-top: 71px
            }
        }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                .full-width-table {
                    width: 100%;
                    margin: 20px 0;
                    border-collapse: collapse;
                    font-family: Arial, sans-serif;
                }

                .full-width-table th,
                .full-width-table td {
                    padding: 10px;
                    border: 1px solid #ffffff;
                    text-align: left;
                }

                .full-width-table th {
                    background: linear-gradient(145deg, #0066cc, #0099cc);
                    color: white;
                }

                .full-width-table td {
                    background: linear-gradient(145deg, #002244, #005577);
                    color: white;
                }
                        .step {
                            background-color: #f0f0f0;
                            border: 1px solid #ddd;
                            border-radius: 5px;
                            padding: 10px;
                            margin: 10px 0;
                        }

                        .step-header {
                            font-weight: bold;
                            color: #333;
                        }

                        .step-content {
                            margin-top: 5px;
                        }
                .step {
                    background-color: #f0f0f0;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    padding: 10px;
                    margin: 10px 0;
                }

                .step-header {
                    font-weight: bold;
                    color: #333;
                }

                .step-content {
                    margin-top: 5px;
                }
                .step {
                    background-color: #f0f0f0;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    padding: 10px;
                    margin: 10px 0;
                }

                .step-header {
                    font-weight: bold;
                    color: #333;
                }

                .step-content {
                    margin-top: 5px;
                }