body {
           font-family: Arial, sans-serif;
           line-height: 1.6;
           margin: 20px;
           background-color: #f9f9f9;
           color: #333;
       }

       img {
           /* width: 250px; */

           margin: 0 auto;
           align-items: center;
           text-align: center;
       }

       h1,
       h2 {
           color: #222;
       }

       img {
           max-width: 100%;
           height: auto;
           display: block;
           /* margin: 10px 0; */
       }

       a {
           color: #fff;
           font-weight: bold;
           text-decoration: none;
       }

       a:hover {
           text-decoration: underline;
       }

       .section {

           margin-bottom: 30px;
           padding: 15px;
           /* background-color: #fff; */
           border-radius: 8px;
           box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
       }

       ul,
       li {

           padding: 0;
           text-decoration: none;
           list-style: none;
       }

       li {
           margin-bottom: 25px;
       }

       li:last-child {
           margin-bottom: 0;
       }



       .btn-cr {
           background-color: #B5342D !important;
           color: #e9f0f7 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-cr:hover,
       .btn-cr:focus,
       .btn-cr:active,
       .btn-cr:focus-visible,
       .btn-cr:visited {
           background-color: #B5342D !important;
           color: #e9f0f7 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-co {
           background-color: #DC923B !important;
           color: #e9f0f7 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-co:hover,
       .btn-co:focus,
       .btn-co:active,
       .btn-co:focus-visible,
       .btn-co:visited {
           background-color: #DC923B !important;
           color: #e9f0f7 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-cg {
           background-color: #4B9273 !important;
           color: #e9f0f7 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-cg:hover,
       .btn-cg:focus,
       .btn-cg:active,
       .btn-cg:focus-visible,
       .btn-cg:visited {
           background-color: #4B9273 !important;
           color: #e9f0f7 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-cp {
           background-color: #6310A2 !important;
           color: #e9f0f7 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-cp:hover,
       .btn-cp:focus,
       .btn-cp:active,
       .btn-cp:focus-visible,
       .btn-cp:visited {
           background-color: #6310A2 !important;
           color: #e9f0f7 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-cy {
           background-color: #EED560 !important;
           color: #000 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-cy:hover,
       .btn-cy:focus,
       .btn-cy:active,
       .btn-cy:focus-visible,
       .btn-cy:visited {
           background-color: #EED560 !important;
           color: #000 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-cb {
           background-color: #232323 !important;
           color: #e9f0f7 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-cb:hover,
       .btn-cb:focus,
       .btn-cb:active,
       .btn-cb:focus-visible,
       .btn-cb:visited {
           background-color: #232323 !important;
           color: #e9f0f7 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-ca {
           background-color: rgb(187, 141, 24) !important;
           color: #e9f0f7 !important;
           outline: none;
           box-shadow: none;
       }

       .btn-ca:hover,
       .btn-ca:focus,
       .btn-ca:active,
       .btn-ca:focus-visible,
       .btn-ca:visited {
           background-color: rgb(187, 141, 24) !important;
           color: #e9f0f7 !important;
           outline: none !important;
           box-shadow: none !important;
       }

       .btn-param {
           padding: 20px;
           border: none;
       }

       .card-body {
           border: none;
           text-align: center;
       }

       .card-body>ul>li>a {
           color: #fff;
       }

       .btn-divider {
           width: 100%;
           display: flex;
           align-items: center;
           margin-bottom: 30px !important;

       }

       .btn-divider .border-top {
           border-top: 1px solid #ccc;
       }

       .divider-circle {
           width: 20px;
           height: 20px;
           border-radius: 50%;
           background-color: transparent;
           /* или цвет по вкусу */
           color: #0000004e;
           border-color: #0000000f;
           border: 1px solid #0000002a;
           display: flex;
           justify-content: center;
           align-items: center;
           font-weight: normal;
           flex-shrink: 0;
       }

       .main-container {
           max-width: 350px;
           width: 100%;
           align-items: center;
           margin: 0 auto;
       }

       .title {}

       .text {}

       .second-title {}

       .footer-logo {
           width: 50px;
       }

       .header-section {
           display: flex;
           align-items: flex-end;
           margin-left: 15px;
           margin-right: 15px;
           margin-bottom: 15px;
           justify-content: center;
           /* flex-wrap: wrap; */
       }

       .header-img {
           width: 150px;
       }

       .header-item {
           font-weight: bold;
           font-size: xx-large;
       }

       .header-item-border {
           padding: 10px;
           border: 2px solid black;
           border-radius: 10px;
           margin-bottom: 7px;
           font-weight: bold;
       }

       .header-text {
           margin-left: 15px;
           text-align: center;
       }

       .step-color {
           color: #4B9273;
       }

       /* main {
           background-image: url('../images/fon1.jpg');
           background-position: center;
           background-size: cover;
           background-repeat: no-repeat;
           background-attachment: fixed;
       } */

       main::before {
           content: "";
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background-image: url('../images/fon1.jpg');
           background-position: center;
           background-size: cover;
           background-repeat: no-repeat;
           z-index: -1;
       }

       .section>a {

           color: #000;
       }

       @media (max-width: 424px) {
           .header-item {
               font-size: x-large;
           }

           .header-item-border {
               font-size: x-small;
           }
       }

       .copy-text {
           color: #000;
           text-shadow:
               0 0 4px #39ff14,
               0 0 10px #39ff14,
               0 0 20px #39ff14;
       }

       #typing {
           white-space: nowrap;
       }

       #typing::after {
           content: '|';
           margin-left: 2px;
           animation: blink 1s steps(1) infinite;
       }

       @keyframes blink {
           50% {
               opacity: 0;
           }
       }

       body:not(.home) #typing::after {
           content: '';
       }