html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;     font-optical-sizing: auto;     font-weight: 400;     font-style: normal;     background-color: #131222; }  *, ::after, ::before {     box-sizing: border-box; }  .header {     width: 100%;     z-index: 99;     position: fixed;     top: 0;     left: 0;     background: #212121; }  .container {     max-width: 1320px;     margin: 0 auto;     padding: 0 12px; }  .header__wrapper {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: space-between;     transition: all 0.9s;     padding: 21px 0 21px; }  .header__bar {     display: none; }  .logo {     max-width: 160px;     height: auto; }  .logo__link {     display: block; }  .menu {     position: relative;     display: flex;     align-items: center;     padding: 0;     margin: 0;     list-style: none; }  .menu__item {     transition: all 0.6s;     position: relative;     text-transform: capitalize;     border-radius: initial; }  .menu__item:not(:last-child) {     margin-right: 35px; }  .menu__link {     color: #fff;     font-weight: 600;     font-size: 18px;     transition: all 0.3s;     text-decoration: none; } .menu__link:hover {     color: #ffc827; } .menu__link:hover .rela {   color: #fff; } .menu__item.gap {     display: flex;     gap: 13px; }  .btn {     text-decoration: none;     padding: 8px 20px;     font-size: 14px;     font-family: "Montserrat", sans-serif;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     display: inline-block;     text-transform: capitalize;     transition: all 0.3s;     text-align: center;     position: relative;     overflow: hidden;     z-index: 1;     color: #fff;     background-color: transparent;     border: 1px solid #ffc827; }  .btn:before {     content: "";     position: absolute;     bottom: 100%;     left: 100%;     width: 100%;     height: 100%;     background-color: #ffc827;     transition: all 0.6s;     z-index: -1; }  .btn:after {     content: "";     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 100%;     z-index: -2; }  .btn:hover::before {     width: 100%; }  .btn:hover:before {     bottom: 0;     left: 0; }  .iframe__inner {     height: 580px;     position: relative;     transition: .2s ease;     width: 100%; } iframe {     width: 100%;     height: 100%; } img {     max-width: 100%;     height: auto; } h2 {     font-size: 30px;     font-weight: 700;     text-transform: uppercase;     line-height: 45px;     color: #ffffff; } .bread {     margin-top: 95px; } .banner-section h1 {     font-size: 56px;     margin-top: -7px;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     text-transform: uppercase;     line-height: 80px;     color: #fff;     margin-bottom: .5rem; } .main {     color: #ffffff;     padding: 50px 0 0;   	line-height: 1.5; }  .main ul {     padding: 0;     margin: 15px 0;     list-style: none; }  .main ul li {     margin-bottom: 20px;     padding-left: 35px;   	position: relative; } .main ul li:before {     content: '';     display: block;     width: 30px;     height: 30px;     background: url(/shared/3160/list.svg) no-repeat;     background-size: contain;     position: absolute;     left: 0; } .main ul li span {     display: inline-block;     width: 30px;     height: 30px; }  .main a {     text-decoration: none;     margin: 0;     color: #b7256e; } .footer {     background-color: #131222;     padding: 80px 0; }  .footer__wrapper {     display: flex;     flex-wrap: wrap; }  .footer__description {     flex: 0 0 auto;     width: 33.33333333%;     padding: 0 24px; }  .footer__description__title {     color: #fff;     text-transform: uppercase;     margin-bottom: 0;     margin-bottom: 20px; }  .footer__description__text {     color: #fff;     margin-bottom: 5px;     font-size: 16px;     line-height: 30px;     font-weight: 400; }  .footer__menu {     flex: 0 0 auto;     width: 16.66666667%;     padding: 0 24px; }  .footer__menu__list {     padding: 0;     margin: 0;     list-style: none; }  .footer__menu__item {     font-size: 16px;     text-transform: uppercase;     padding: 5px 0; }  .footer__menu__link {     color: #fff;     transition: all 0.4s ease-in-out;     text-decoration: none;     margin: 0; } .footer__menu__link:hover {     text-decoration: underline; } h1 span, h2 span {     color: #ffc827; }  @media (max-width: 1380px) {     .container {         max-width: 1140px;     }   	.footer .container {         max-width: 1380px;     } } @media (max-width: 1200px) {     .container {         max-width: 980px;     }     .footer__menu {         flex: 0 0 auto;         width: 24%;         padding: 0 24px;     }     .footer__wrapper {         justify-content: space-between;     }     .banner-section h1 {         line-height: 65px;         font-size: 50px;     }       .payments {         display: flex;         justify-content: flex-start;         gap: 10px;     } }  @media (max-width: 992px) {     .container {         max-width: 720px;     }     .header__bar {         display: block;         position: relative;         width: 40px;         height: 20px;     }     .header__bar span {         position: absolute;         width: 100%;         height: 2px;         display: inline-block;         transition: all 0.3s;         left: 0;         background: #ffc827;     }     .header__bar span:first-child {         top: 0;         background: #ffc827;     }     .header__bar span:nth-child(2) {         top: 44%;         width: 30px;         background: #ffc827;     }     .header__bar span:last-child {         bottom: 0;         width: 25px;         background: #ffc827;     }     .header__bar.active span:first-child {         transform: rotate(45deg) translate(3px, 9px);     }     .header__bar.active span:nth-child(2) {         opacity: 0;     }     .header__bar.active span:last-child {         transform: rotate(-45deg) translate(3px, -9px);         width: 40px;     }     .menu {         display: none;     }     .menu.active {         position: relative;         top: 100%;         width: 100%;         display: inline !important;         left: 0;         margin-top: 20px;         z-index: 999;         padding: 0px 0px;         transition: all 2s !important;         transform-origin: top;         max-height: calc(100vh - 130px);         overflow-y: auto;         border-radius: 10px;     }     .menu li a {         display: block;         padding: 10px 10px 14px;     }     .menu li:not(:last-child) {         margin-right: 0;         margin-bottom: 15px;     }     .footer__description {         flex: 0 0 auto;         width: 100%;         padding: 0 24px;     }     .footer__menu {         flex: 0 0 auto;         width: 50%;         padding: 0 24px;     } } @media screen and (max-width: 575px) {     .banner-section h1 {         font-size: 32px;         line-height: 45px;     } } @media screen and (max-width: 414px) {     .footer__wrapper {         flex-direction: column;     }     .footer__menu {         width: 100%;     } }  p img {     margin: 10px 0; } .breadcrumbs-list__item {     position: relative;     color: #ffc827; } .breadcrumbs-list .breadcrumbs-list__item:before {     display: none; } .breadcrumbs-list__item:not(:first-child)::before {     position: absolute;     right: 100%;     content: "";     top: 0;     width: 6px;     height: 6px;     margin-top: 7px;     background-color: #fff;     border-radius: 100%;     left: -15px; } .breadcrumbs-list__item a {     color: #ffffff; } .post__author {     display: flex;     align-items: center;     gap: 15px;     padding: 10px;     border-radius: 10px; } .post__author__photo {     display: inline-block;     width: 100px;     height: auto;     border-radius: 50%; } .post__author__photo img {     border-radius: 50%; } .post__author__info {     display: flex;     align-items: center;     gap: 15px; } .post__author__info .name, .post__author__info p {     margin: 0; }  .post__author__info p {     color: #b1b1b1; }  @media (max-width: 520px) {     .post__author__info {         flex-direction: column;     } } table { width: 100%; } table,td, th {     border: 1px solid #ffc827;    border-collapse: collapse; } td, th { padding: 10px   } p img {   margin: 10px 0;   max-width: 100%; } .main a:hover {     color: #fd8ec6;     text-decoration: underline; } .button .btn {     background: #d5a003;     color: #fff;   	display: block; } .button a:hover {     color: #fff;     text-decoration: none; } .payments {   display: flex;   justify-content: flex-end;   align-items: center;   flex-wrap: wrap;   list-style: none;   padding: 0; } .img__link {   display: inline-block;   height: 40px;   margin-right: 24px;   width: 80px; } .img__link img {   height: 100%;   object-fit: contain;   width: 100%; } .footer__wrapper__bottom {     display: grid;     grid-template-columns: 1fr 1fr;   margin-top: 50px;   color: #fff; } @media screen and (max-width: 414px) { 	.footer__wrapper__bottom {         display: block;         text-align: center;     }   .footer__wrapper__bottom .logo {     margin: 0 auto;   } } .footer__social { 	display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     margin-top: 20px;     gap: 8px; } .footer__social a {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: #ffffff1f;     border-radius: 50%;     height: 40px;     width: 40px; }  .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; } .footer__img {   padding: 0;   display: flex;   justify-content: flex-end;   gap: 24px;   flex-wrap: wrap; } @media screen and (max-width: 414px) { .footer__img {   justify-content: flex-start; } } .pay__block .img__link {   margin: 0; } .pay__block {   display: flex;     flex-direction: column;     justify-content: space-between; }