html {     font-size: 10px; }  body {     font-family: "Roboto", sans-serif;     max-width: 100%;     width: 100%;     overflow-x: hidden;     margin: 0; }  *, *::before, *::after {     box-sizing: border-box; }  p a {   color: cornflowerblue; }  a, a:active, a:focus, a:visited {     text-decoration: none;     color: inherit;    }  .banner {     background: url(/shared/3101/bg.webp) center / cover no-repeat;     max-width: 100vw;     position: relative;     margin: 0 auto;     overflow: hidden;     padding-top: 4rem; }  .container {     max-width: 1240px;     padding: 0 2rem 0;     margin: 0 auto;     position: relative;     display: flex;     flex-direction: column;     align-items: flex-start; }  .banner__main {     max-width: 74rem;     width: 100%;     text-align: center; }  .logo {     display: block;     margin: 0 auto 10.6rem;     width: 26rem; }  img {     border-style: none;     max-width: 100%;     height: auto; }  .tr {     display: inline-block; }  .title {     font-size: 6.6rem;     line-height: 7.2rem;     font-weight: 900;     text-align: center;     text-transform: uppercase;     color: #fff; }  .btn {     position: relative;     background: linear-gradient(0deg, #40bc75 40%, #b0feab 100%);     border-radius: 20px;     max-width: 33rem;     height: 8.4rem;     width: 100%;     margin: 6rem auto 2.6rem;     border: 0;     z-index: 5;     cursor: pointer;     text-align: center;     text-decoration: none;     text-transform: uppercase;     display: flex;     justify-content: center;     align-items: center;     transition: all .2s ease; }  .btn span {     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     z-index: 3;     font-size: 3.1rem;     font-weight: 400;     color: #fff;     width: 100%;     text-transform: uppercase; }  .steps {     display: grid;     grid-template-columns: 32% 36% 30%;     background: url(/shared/3101/steps-bg.webp) 50% 50%;     background-size: 100% 100%;     margin: 3rem auto 0;     max-width: 97.6rem;     width: 100%;     height: 11rem; }  .steps > div {     position: relative;     text-align: center;     display: flex;     align-items: center;     justify-content: center; }  .steps > div > span {     text-transform: uppercase;     font-weight: 700;     font-size: 2.1rem;     color: #fff; }  .steps > div > span:first-child {     font-size: 3.6rem;     margin-right: 1.6rem; }  .banner__footer {     max-width: 49rem;     width: 100%;     margin: 10rem auto 0;     padding-bottom: 9rem;     text-align: center;     text-transform: uppercase; }  .banner__footer__wrapper {     display: flex;     align-items: center;     justify-content: center;     margin: 1rem 0 1.5rem; }  .banner__footer__wrapper > a {     display: flex;     align-items: center;     color: #475d8a;     font-size: 1.4rem;     font-weight: 300; }  .banner__footer__wrapper > a:first-child {     margin-right: 5rem;     text-transform: lowercase; }  .banner__footer__copyrights {     text-align: center;     font-size: 1.4rem;     font-weight: 300;     color: #475d8a; }  .main {     background-color: #252d40; } .toc_wrap_left {     background: #3d4558;     border-radius: 10px;     box-shadow: 0 11px 20px rgba(0, 0, 0, .15);     color: #fff;     float: left;     font-size: 16px;     font-weight: 400;     margin: 8px 20px 15px 0;     max-width: 45%;     overflow: hidden;     padding: 15px;     position: relative;     width: 375px;     z-index: 3; }  .ctoc-toggle {     cursor: pointer;     position: relative; }  .ctoc-toggle:before {     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6 .536 3h6.928L4 6Z' fill='%23D9D9D9'/%3E%3C/svg%3E");     background-position: 50%;     background-repeat: no-repeat;     content: "";     cursor: pointer;     height: 10px;     position: absolute;     right: 10px;     text-align: center;     top: 6px;     width: 16px; }  .ctoc-body {     display: none;     padding-top: 10px; }  .ctoc-body li {     margin-bottom: 13px;     position: relative; }  .ctoc__item {     color: #fff; } .toc_wrap_left.open .ctoc-body {     display: block; } .text {     width: 100%;     font-size: 16px;     background-color: rgb(71 85 105);     box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.4);     border-radius: 5px;     padding: 15px;     color: rgb(255 255 255); }  .banner__footer__wrapper > a > img {     margin-right: 7px; }  .footer {     background-color: rgb(30 41 59);     width: 100%;     text-align: center; }  .footer__links {     width: 100%;     padding: 15px 0; }  .footer__links ul {     list-style: none;     padding: 0;     display: flex;     justify-content: space-between;     align-items: center; }  .footer__links a {     color: #ffffff; }  .footer__trust {     width: 100%;     background-color: rgb(71 85 105);     border-radius: 5px;     padding: 15px 0; }  .footer__trust img {     margin: 0 auto; }  .footer__copyright {     width: 100%;     padding: 30px 0px;     color: #fff;     text-align: center; }  @media (max-width: 820px) {     .steps > div > span {         font-size: 1.5rem;     }     .steps > div > span:first-child {         font-size: 2.6rem;     } }  @media (max-width: 600px) {     html {         font-size: 7px;     }     .title {         font-size: 7.6rem;         line-height: 8.2rem;     }     .banner {         background: url(/shared/3101/bg-mob.webp) 100% 55% / cover no-repeat;         max-width: 192rem;         min-height: 112rem;         padding-bottom: 130px;     }     .steps {         display: flex;         flex-direction: column;         text-align: center;         background: url(/shared/3101/steps-bg-mob.webp) 50% 50%;         background-size: 100% 100%;         padding-top: 5.7rem;         width: 53rem;         height: 50rem;         margin-top: 59rem;     }     .steps>div:first-child {         margin-bottom: 13.4rem;     }     .steps>div:nth-child(2) {         margin-bottom: 13.3rem;         margin-right: 0;     }     .steps>div {         align-items: center;         justify-content: center;         margin-right: 0;         text-align: center;         width: 100%;         margin-bottom: 13rem;     }     .steps>div>span:first-child {         font-size: 3.6rem;     }     .steps>div>span {         font-size: 3rem;         line-height: unset;         text-align: center;     }     .footer__links a {         font-size: 14px;     }     .footer__links ul {         display: grid;         grid-template-columns: repeat(3, 1fr);         gap: 10PX;     }     .footer__copyright {         font-size: 12px;     } }  @media (max-width: 450px) {     html {         font-size: 4.7px;     } } .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: linear-gradient(0deg, #40bc75 40%, #b0feab 100%);     position: fixed;     bottom: 20px;     right: 20px;     color: #fff;     cursor: pointer;     padding: 10px;     border-radius: 4px;     border: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }  table {     width: 100%;     border: 2px solid #44c2f9; }  td, th {     border: 1px solid #44c2f9;     padding: 10px; }