@font-face {font-family: "Custom";src: url("../fonts/OpenSans-Regular.woff") format("woff");}
@font-face {font-family: "Custom-m";src: url("../fonts/OpenSans-Bold.woff") format("woff");}
:root {--bg-color: #333333;--second-bg: none;--hover:#D26E4B;--icon-btn-border: none;--btn-color: #59BAFF;--main-color: #191919;--shadow-color: #FFD96F;--shape-color: #EF9400;--top-shadow-color: #FFDC6C;--back-shadow-color: #543400;--top-shadow-color-gr: #66f2b8;--back-shadow-color-gr: #0c3a23;--main-color-gr: #00ae65;--shape-color-gr: #008d51;--hover-shadow-color-gr: #43ba7c;}
svg.app {margin-right: 10px;}
.review-img {width:100%;border-radius:50%;}
.nav_btn {display:flex;background-color: var(--bg-color);padding: 10px;border-radius: 5px;gap:5px;cursor: pointer;margin: 5px 0;max-width:fit-content;}
span.nav_hide {display:none}
.nav_btn.active span.nav_hide{display:block }
.nav_btn.active span.nav_show{display:none;}
.auth_img {margin: 10px 0;cursor: pointer;display:flex;align-items:center;justify-content:center;max-height:500px;}
.auth_img img {max-height:500px;border-radius: 0px;}
@media (max-width: 525px) {.auth_img img {max-height:200px;}
.auth_img {max-height:300px;}
}
.header_right-menu {position: absolute;top: 50%;left:5px;transform: translateY(-50%);display:none;}
.nav-list{display:none;border-radius: 5px;margin-bottom: 10px;padding:20px;background-color: var(--bg-color);width:100%;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 10px;grid-row-gap: 10px;}
.nav-list.active {display:grid;}
.nav-list li {border-radius:5px;padding:5px;background-color: var(--main-color);}
.nav-list li:hover {opacity:0.9}
.nav-list li a {width:100%;display:block}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 18px;font-family: "Custom";color: #fff;scroll-behavior: smooth;}
.info-section {text-align:center }
.faq h2 {border:0;}
img.login {object-fit:contain;margin:0 auto;max-width:350px;display: block;width:100%;height:100%;}
.bonuses_container-text button {margin-top:auto;}
.bonuses_container button {max-width:250px;margin: auto auto;}
.bonuses_container-text ul {margin-bottom:10px;}
.slots article span {position: absolute;bottom:10px;left:50%;transform: translateX(-50%);width:100%;text-align: center;color:#fff;z-index: 999;}
.gradient {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;width: 100%;height: 65%;pointer-events: none;content: "";background: linear-gradient(180deg, transparent 50%, var(--card-gradient, #292626 100%, #121212 100%));border-radius: inherit;}
.footer_center-logo:nth-child(1) img {max-width: 60px !important;}
img.register {object-fit:contain;margin:0 auto;max-width:550px;display: block;width:100%;height:100%;}
.messege__send span{color:#fff}
.aside__btns-login {font-size:16px;text-decoration: none;text-transform: uppercase;display:block;color: #fff;font-weight: bold;width: 100%;padding: 8px 15px;background-color: #364D6A;text-align: center;border-radius: 25px;-webkit-transition: 0.3s all;transition: 0.3s all;}
.aside__btns-login:hover {opacity: 0.8;}
.aside__btns-login:active {-webkit-transform: scale(0.96);transform: scale(0.96);}
.aside__btns-register {display: block;text-decoration: none;text-transform: uppercase;color: #fff;width: 100%;font-weight: bold;padding: 8px 15px;background-color:var(--hover);text-align: center;border-radius: 25px;-webkit-transition: 0.3s all;transition: 0.3s all;font-size:16px;}
.aside__btns-register:hover {opacity: 0.8;}
.aside__btns-register:active {-webkit-transform: scale(0.96);transform: scale(0.96);}
button {border:0;}
button:hover{cursor:pointer}
.info-section a {color:var(--hover);font-weight: bold;}
.aside_container-btns {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;gap: 10px;}
svg:not(.btn__svg) {fill: #fff;stroke: #fff;path-stroke: #fff;path-fill: #fff;}
svg.arrow path {fill: #fff;stroke: #fff;}
h1 {font-size: 2rem;border-bottom: 3px solid #fff;padding-bottom: 10px;margin-bottom: 10px;color: #fff;font-family: "Custom-m";}
ul {margin-bottom: 10px;}
h2 {font-size: 1.5rem;border-bottom: 3px solid #fff;padding-bottom: 10px;margin-bottom: 10px;color:#fff;font-family: "Custom-m";}
h2 strong {font-size: 1.5rem;}
.static p {margin: 10px 0;}
h3 {font-size: 1.2rem;}
.messege {margin-top:20px;}
body {display: -webkit-box;display: -ms-flexbox;display: flex;}
p {line-height: 1.5;font-family: "Custom";font-weight:100;}
ul {list-style: none;}
a {text-decoration: none;}
.overlay {position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 9999;top: 0;left: 0;bottom: 0;right: 0;display: none;}
.overlay.active {display: block;}
.aside_close {position: absolute;right: 10px;top: 10px;cursor: pointer;display: none;}
.aside_close:hover {opacity: 0.8;}
.aside_close:active {-webkit-transform: scale(0.96);transform: scale(0.96);}
li {font-family: "Custom-m";}
li::marker {color:#fff;}
li strong {color:#fff;}
header {position: fixed;padding: 0 20px;display: -webkit-box;display: -ms-flexbox;display: flex;z-index: 8888;width: 100%;height: 80px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: var(--main-color);}
header .header_right {/*margin-right:20px;*/ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;}
header .header_right .header_right-menu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header .header_right .header_right-menu:hover {cursor: pointer;}
header a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header img {-o-object-fit: cover;object-fit: cover;}
aside {background-color: var(--main-color);-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 100%;position: fixed;width: 250px;left: 0;z-index: 9999;top: 0;-webkit-transition: 0.3s all;transition: 0.3s all;display:none;}
aside.active {-webkit-transform: translateX(0);transform: translateX(0);}
aside .aside_container {width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 10px;height: 100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;}
aside .aside_container .aside_container-logo {height: auto;-o-object-fit: cover;object-fit: cover;}
table, tr, td {border: 1px inset #fff;border-collapse: collapse;border-spacing: 0;}
.aside_container-list {margin-top:20px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border-radius: 5px;gap: 10px;}
.header_container-list {display: -webkit-box;display: -ms-flexbox;display: flex;align-items:center;margin-bottom: 0 !important;border-radius: 5px;gap: 10px;}
.aside_container-list .aside__list-item {background: var(--bg-color);font-weight: bold;border-radius: 5px;}
.header_container-list .header__list-item {/*background-image: var(--bg-color);*/ font-weight: bold;border-radius: 5px;}
.aside_container-list .aside__list-item:not(.ext) a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;color:#fff;display: -ms-flexbox;display: flex;gap: 10px;padding: 10px;}
.header_container-list .header__list-item:not(.ext2) a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;color:#fff;display: -ms-flexbox;display: flex;gap: 10px;padding: 10px;}
aside .aside_container .aside_container-list .aside__list-item.ext {font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow-y: hidden;max-height: 42px;-webkit-transition: 0.3s all;transition: 0.3s all;}
.header_container-list .header__list-item.ext2 {position: relative;font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-height: 42px;-webkit-transition: 0.3s all;transition: 0.3s all;}
aside .aside_container .aside_container-list .aside__list-item.ext:hover {cursor: pointer;}
.header_container-list .header__list-item.ext2:hover {cursor: pointer;}
aside .aside_container .aside_container-list .aside__list-item.ext .arrow {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: 0.3s all;transition: 0.3s all;}
.header_container-list .header__list-item.ext2 .arrow {-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: 0.3s all;transition: 0.3s all;}
aside .aside_container .aside_container-list .aside__list-item.ext.active {max-height: -webkit-fit-content;max-height: -moz-fit-content;max-height: fit-content;}
.header_container-list .header__list-item.ext2.active .header__item-submenu {visibility: visible;opacity: 1;}
aside .aside_container .aside_container-list .aside__list-item.ext.active .aside__item-extention span {color: #fff;}
.header_container-list .header__list-item.ext2.active .header__item-extention span {color: #fff;}
aside .aside_container .aside_container-list .aside__list-item.ext.active .aside__item-extention svg {fill: var(--hover);stroke: var(--hover);}
.header_container-list .header__list-item.ext2.active .header__item-extention svg {fill: var(--hover);stroke: var(--hover);}
.header_container-list .header__list-item.ext2.active .header__item-extention svg path {stroke: var(--hover);fill: var(--hover);}
aside .aside_container .aside_container-list .aside__list-item.ext.active .arrow {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.header_container-list .header__list-item.ext2.active .arrow {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
aside .aside_container .aside_container-list .aside__list-item.ext .aside__item-submenu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 5px;padding: 0 5px 5px 5px;}
.header_container-list .header__list-item.ext2 .header__item-submenu {top:40px;width: max-content;position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;background: var(--bg-color);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 5px;padding: 5px;opacity: 0;border-radius: 5px;visibility: hidden;}
aside .aside_container .aside_container-list .aside__list-item.ext .aside__item-submenu .aside__submenu-item {border-radius: 5px;}
.header_container-list .header__list-item.ext2 .header__item-submenu .header__submenu-item {border-radius: 5px;}
header .header_container-list .header__list-item.ext2 .header__item-submenu .header__submenu-item a {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 10px;width: 100%;-webkit-box-align: center;color:#fff;-ms-flex-align: center;align-items: center;padding: 10px;}
header .header_container-list .header__list-item.ext2 .header__item-submenu .header__submenu-item:hover {background-color: var(--main-color);cursor: pointer;}
header .header_container-list .header__list-item:not(.ext2):hover a, header .header_container-list .header__list-item .header__submenu-item:hover a {color:var(--hover) !important;}
header .header_container-list .header__list-item .header__item-extention {padding: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap:10px;}
header .header_container-list .header__list-item .header__item-extention:hover {opacity: 0.8;cursor: pointer;}
header .header_container-list .header__list-item .header__item-extention:hover span {color: var(--hover);}
header .header_container-list .header__list-item .header__item-extention:hover svg {fill: var(--hover);stroke: var(--hover);}
header .header_container-list .header__list-item .header__item-extention:hover svg path {stroke: var(--hover);fill: var(--hover);}
.header__extention-left span {color:#fff;font-weight:100;}
header .header_container-list .header__list-item .header__item-extention .header__extention-left {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;}
header .header_container-list .header__list-item:not(.ext2):hover, header .header_container-list .header__list-item .header__submenu-item:hover {opacity: 0.8;cursor: pointer;}
header .header_container-list .header__list-item:not(.ext2):hover svg, header .header_container-list .header__list-item .header__submenu-item:hover svg {fill:var(--hover);stroke: var(--hover);}
header .header_container-list .header__list-item:not(.ext2):hover svg path, header .header_container-list .header__list-item .header__submenu-item:hover svg path {stroke:var(--hover);fill: var(--hover);}
aside .aside_container .aside_container-list .aside__list-item.ext .aside__item-submenu .aside__submenu-item a {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 10px;width: 100%;-webkit-box-align: center;color:#fff;-ms-flex-align: center;align-items: center;padding: 10px;}
aside .aside_container .aside_container-list .aside__list-item.ext .aside__item-submenu .aside__submenu-item:hover {background-color: var(--main-color);cursor: pointer;}
aside .aside_container .aside_container-list .aside__list-item .aside__item-extention {padding: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
aside .aside_container .aside_container-list .aside__list-item .aside__item-extention:hover {opacity: 0.8;cursor: pointer;}
aside .aside_container .aside_container-list .aside__list-item .aside__item-extention:hover span {color: #fff;}
aside .aside_container .aside_container-list .aside__list-item .aside__item-extention:hover svg {fill: var(--hover);stroke: var(--hover);}
aside .aside_container .aside_container-list .aside__list-item .aside__item-extention:hover svg path {stroke: var(--hover);fill: var(--hover);}
.aside__extention-left span {color:#fff }
aside .aside_container .aside_container-list .aside__list-item .aside__item-extention .aside__extention-left {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;}
aside .aside_container .aside_container-list .aside__list-item:not(.ext):hover, aside .aside_container .aside_container-list .aside__list-item .aside__submenu-item:hover {opacity: 0.8;cursor: pointer;}
aside .aside_container .aside_container-list .aside__list-item:not(.ext):hover a, aside .aside_container .aside_container-list .aside__list-item .aside__submenu-item:hover a {color: #fff;}
aside .aside_container .aside_container-list .aside__list-item:not(.ext):hover svg, aside .aside_container .aside_container-list .aside__list-item .aside__submenu-item:hover svg {fill:var(--hover);stroke: var(--hover);}
aside .aside_container .aside_container-list .aside__list-item:not(.ext):hover svg path, aside .aside_container .aside_container-list .aside__list-item .aside__submenu-item:hover svg path {stroke:var(--hover);fill: var(--hover);}
.scroll {display:none;position: fixed;border: 1px solid #fff;z-index: 9999;right: 20px;bottom: 20px;background-color: var(--main-color);border-radius: 5px;width: 50px;cursor: pointer;height: 50px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.scroll:hover {opacity: 0.8;}
main {background: var(--bg-color);-webkit-box-flex: 2;-ms-flex: 2;flex: 2;min-height:100vh;padding-top: 100px;display:flex;flex-direction:column;justify-content:space-between;;/*padding-left: 250px;*/ }
.messege__inputs-wrapper {display: flex;flex-direction:column;gap:5px;margin-bottom: 10px;}
.messege__form {max-width: 500px;margin: 0 auto;display:flex;flex-direction:column;}
input,textarea {padding: 10px;border-radius: 5px;border-color: #fff;background: var(--bg-color);color: #fff;}
input,textarea::-webkit-input-placeholder {color: #fff;}
input::-moz-placeholder {color: #fff;}
input:-ms-input-placeholder {color: #fff;}
input::-ms-input-placeholder {color: #fff;}
input::placeholder {color: #fff;}
main .container {width:-webkit-fill-available;background-color: var(--main-color);padding: 20px;border-radius: 10px;}
.container {margin: 0 auto;max-width: 1200px;}
.banner_container {border-radius: 5px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top: 10px;position: relative;overflow: hidden;min-height: 400px;}
.banner_container:hover .banner_container-img {-webkit-transform: scale(1.02);transform: scale(1.02);filter: brightness(0.5);}
.banner_container .banner_container-img {position:absolute;top:0;left:0;right:0;bottom:0;width: 100%;height: 100%;-webkit-transition: 0.3s all;transition: 0.3s all;-o-object-fit: cover;object-fit: cover;}
.banner_container .banner_container-text {align-items:center;min-width: 200px;background-color: var(--main-color);border-radius: 10px;padding: 20px;z-index:10;display:flex;flex-direction:column;color: #fff;text-align: center;}
.banner_container .banner_container-text span.banner__title {font-size:26px;display:block;border-bottom: 0;padding-bottom: 0;color: #fff;}
.banner_container .banner_container-text span.banner__desc {font-size:20px;display:block;margin-bottom: 10px;color: #fff;}
.banner__strong {color:var(--hover);font-size:24px;}
section {margin-bottom: 20px;}
section ul:not(.nav-list) {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 10px;list-style: circle;margin-left: 20px;}
section p {margin:10px 0;}
section ol {margin-bottom:10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 10px;list-style: decimal;margin-left: 20px;}
.bonuses_container {margin: 10px 0;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, min-content);grid-column-gap: 20px;grid-row-gap: 20px;}
.bonuses_container article {cursor: pointer;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;background: var(--bg-color);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 5px;border-radius: 10px;overflow: hidden;}
.bonuses_container article:hover img {-webkit-transform: scale(1.02);transform: scale(1.02);}
.bonuses_container article img {min-height:300px;width: 100%;max-height: 300px;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.3s all;transition: 0.3s all;}
.bonuses_container article h2 {border-bottom: 0;margin-bottom: 0;}
.bonuses_container article .bonuses_container-text {position:relative;padding: 10px;max-width: 90%;margin: 0 auto;display:flex;flex-direction:column;height:100%;}
.bonuses_container article .bonuses_container-text p {text-align: center;}
.bonuses_container article .bonuses_container-text h2 {text-align: center;}
.table_container {overflow-x: auto;width: 100%;}
table {margin: 10px 0;width: 100%;}
table td {padding: 10px;}
table tr:nth-child(odd) {background-image: var(--bg-color);}
.slots {padding: 20px;border-radius: 5px;background-image: var(--bg-color);margin: 10px 0;display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 20px;}
.slots article {position: relative;}
.slots article:hover {cursor: pointer;}
.slots article:hover .slot_overlay {opacity: 1;}
.slots article img {width: 100%;height: 100%;border-radius: 5px;-o-object-fit: cover;object-fit: cover;}
.slots article .slot_overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;opacity: 0;-webkit-transition: 0.3s all;transition: 0.3s all;}
.slots article .slot_overlay .slot_overlay-text h2 {text-align: center;border: 0;color: #fff;margin: 0;padding: 0;}
@media screen and (max-width: 1510px) {/*main .container {*/ /* margin: 0px 20px;*/ /*}
*/ }
@media screen and (max-width: 1100px) {.bonuses_container {grid-template-columns: repeat(1, 1fr);}
.slots {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 800px) {aside {-webkit-transform: translateX(-250px);transform: translateX(-250px);}
header {display: -webkit-box;display: -ms-flexbox;display: flex;}
.aside_close {display: block;}
}
@media screen and (max-width: 600px) {.banner_container .banner_container-text {margin:0 10px;}
.table_container {width: 400px;margin: 0 auto;}
.slots {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 950px) {.aside_close {dispay: block !important}
.header_container-list {display:none }
.aside_close {dispay:block;}
header a.logo {margin-left:30px;}
.header_right-menu {display: block }
aside {display:flex;-webkit-transform: translateX(-250px);transform: translateX(-250px);}
}
@media screen and (max-width: 500px) {header a.logo {margin: 0;}
main {padding-top: 110px;}
header {flex-direction:column;gap:5px;justify-content: space-around;height:fit-content;padding: 10px;}
.header_right-menu {left: 5px;}
header .header_right {margin:0;}
header a.logo {align-self: center;}
.header_right-menu {cursor:pointer;top:5px;transform: unset;}
.table_container {width: 300px;}
* {font-size: 14px;}
.slots {padding:0;grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 400px) {.slot_overlay-text .aside__btns-register {min-width: 80px;padding: 10px;}
table tr p{font-size: 10px;}
.nav-list {grid-template-columns: repeat(1, 1fr);}
.header_right .aside__btns-login {min-width: 80px;font-size:12px;}
.header_right .aside__btns-register {min-width: 80px;font-size:12px;}
.table_container {width: 200px;}
}
@media screen and (max-width: 350px) {header {padding: 10px;}
}
footer {background-image: var(--bg-color);}
footer .container {background-color: unset;padding-left: 0;padding-right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 20px;}
footer .container .footer_top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 20px;}
footer .container .footer_center {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 20px;border-top: 3px solid var(--main-color);border-bottom: 3px solid var(--main-color);padding: 15px 0;}
.footer_top a:hover {opacity:0.7 }
footer .container .footer_center img {min-width:100px;max-width: 9.375rem;max-height: 2rem;width: 100%;-o-object-fit: contain;object-fit: contain;}
footer .container .footer_bottom {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
footer .container .footer_bottom span {font-size: 12px;text-align: center;}
@media screen and (max-width: 700px) {footer .container .footer_center {-ms-flex-wrap: wrap;flex-wrap: wrap;}
}
.reviews {background-image: var(--bg-color);width: 100%;gap: 1.25rem;position: relative;display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;padding: 10px;border-radius: 6px;}
@media screen and (max-width: 900px) {.reviews {grid-template-columns: repeat(1, 1fr);}
}
.review__item-wrap {-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
@media (max-width: 47.99875em) {.review__item-wrap {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;}
}
.review__item {background-color: rgb(255, 255, 255);}
@media (min-width: 73.125em) {.review__item {padding: 1.5rem;}
}
@media (min-width: 20em) and (max-width: 73.125em) {@supports (padding: clamp(0.75rem, 0.4676470588rem + 1.4117647059vw, 1.5rem)) {.review__item {padding: clamp(0.75rem, 0.4676470588rem + 1.4117647059vw, 1.5rem);}
}
@supports not (padding: clamp(0.75rem, 0.4676470588rem + 1.4117647059vw, 1.5rem)) {.review__item {padding: calc(0.75rem + 0.75 * (100vw - 20rem) / 53.125);}
}
}
@media (max-width: 20em) {.review__item {padding: 0.75rem;}
}
.review__header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;}
.review__ava img {width: 2.5rem;height: 2.5rem;border-radius: 50%;margin-right: 0.5rem;}
.review__info {width: 100%;}
.review__info h3 {margin: 0 !important;padding: 0 !important;color: #000;font-size: 1.0625rem;}
.review__infoReview {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.review__rating {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;margin-top: 0.25rem;}
.review__rating ul {padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;}
.review__rating ul li {list-style: none !important;}
.review__rating ul img {width: 1.125rem;height: 1.125rem;}
.review__date {margin-left: 0.625rem;}
.review__date span {font-weight: 400;font-size: 0.75rem;line-height: 1.17;white-space: nowrap;color: rgb(17, 17, 17);}
.review__text {margin-top: 0.5rem;margin-bottom: 0.625rem;}
.review__text p {line-height: 1.4;color: #111111;text-align: left;font-weight: 300;}
.review__footer {margin-top: 0.75rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: auto;}
.review__footer span {overflow-x: hidden;overflow-y: hidden;min-width: 0rem;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;font-size: 0.75rem;line-height: 1.17;color: rgb(17, 17, 17);}
.review__footer img {width: 5.625rem !important;}
.review__item-wrap {border-radius: 0.9375rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.review__item-wrap--fit {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;}
.review__item {border: 0.0625rem solid #e5e5dd;}
.review__head {margin-bottom: 0.625rem;}
.review__head::after {height: 0.0625rem;background-color: rgb(223, 226, 229);}
.review__top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 0.625rem;-moz-column-gap: 0.625rem;column-gap: 0.625rem;}
.review__avatar {position: relative;}
.review__img-ava {width: 2.75rem;height: 2.75rem;border-radius: 50%;}
.review__img-verified {position: absolute;top: 0;right: 0;}
.review__name {font-size: 0.875rem;font-weight: 700;line-height: 0.9375rem;margin-bottom: 0.3125rem;color: #172236;}
.review__subname-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.review__subname-info img {width: 0.875rem;height: 0.875rem;margin: 0 0.3125rem;margin-left: 0.9375rem;}
.review__subname-info span {color: rgb(82, 82, 82);font-family: Arial, sans-serif;font-size: 0.875rem;font-weight: 500;line-height: 0.875rem;}
.review__content::after {height: 0.0625rem;background-color: rgb(223, 226, 229);}
.review__content > p {padding-bottom:10px;color: #191919;font-weight: 500;margin-top: 0.375rem;font-size: 1rem;letter-spacing: 0.011rem;line-height: 1.4rem;font-family: Arial, sans-serif;}
.review__star-s-date {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.review__star-s-date p {color: #172236;font-size: 0.9375rem;line-height: 0.9375rem;}
.review__star-images {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;row-gap: 0.3125rem;-webkit-column-gap: 0.625rem;-moz-column-gap: 0.625rem;column-gap: 0.625rem;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.review__star {width: 6.75rem;height: 1.25rem;}
.review__veryfied {margin-left: 0.5rem;}
.review__veryfied img {width: 0.875rem;height: 0.875rem;}
@media (max-width: 25.9375em) {.review__veryfied {margin-left: 0rem;-webkit-box-flex: 1;-ms-flex: 1 0 100%;flex: 1 0 100%;}
}
.review__title {font-family: Arial, sans-serif;font-weight: 700;color: #191919;margin-top: 0.625rem;font-size: 1.125rem;}
.review__experience {font-size: 0.875rem !important;font-weight: 500 !important;line-height: 0.9375rem !important;margin-top: 0.9375rem !important;font-family: Arial, sans-serif;}
.review__experience strong {font-weight: 700 !important;color: #000;}
.review__bottom {border-top:2px solid #0D1321;padding-top: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.review__bottom img {width: 1rem;height: 1rem;}
.review__flag-s-other {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 1rem;-moz-column-gap: 1rem;column-gap: 1rem;}
.review__flag-s-other div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 0.3125rem;-moz-column-gap: 0.3125rem;column-gap: 0.3125rem;}
.review__flag-s-other p {color: rgb(82, 82, 82);font-family: Arial, sans-serif;font-size: 0.875rem;font-weight: 500;line-height: 0.9375rem;}
.review__flag-s-other span {color: #555555;font-weight: 800;}
.review__flag-s-other img {width: 0.875rem;height: 0.875rem;}
.review__use-share {font-family: Arial, sans-serif;}
.review__use-share span {font-weight: 600;font-size: 0.875rem;color: rgb(106, 106, 103);}
.review__trust {font-family: Poppins, sans-serif;text-align: center;font-size: 14px;font-weight: 700;-webkit-transition: 0.3s;transition: 0.3s;padding: 0px 1rem;border-radius: 0.5rem;-ms-flex-item-align: center;align-self: center;margin-top: 0.625rem;text-decoration: underline;transition: 0.3s;color: rgb(255, 255, 255);}
.review__trust:hover {color: #db9224;}
.review__screen {margin-top: 1rem;}
.BigBillyBob {width: 2.75rem;height: 2.75rem;border-radius: 50%;margin-right: 0.5rem;background-color: #ffdebf;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;color: #000;font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
.BigBillyBob--person1 {background-color: #d1f9ea;}
.BigBillyBob--person2 {background-color: #d1f9ea;}
.BigBillyBob--person3 {background-color: #fffbd6;}
.BigBillyBob--person4 {background-color: #ffdebf;}
.BigBillyBob--person5 {background-color: #ef6c00;color: rgb(255, 255, 255);font-size: 24px;font-weight: 500;}
.BigBillyBob--person6 {background-color: #004d40;color: rgb(255, 255, 255);font-size: 24px;font-weight: 500;}
.BigBillyBob--person7 {background-color: #fddce5;}
.BigBillyBob--person8 {background-color: #78909c;color: rgb(255, 255, 255);font-size: 24px;font-weight: 500;}
.BigBillyBob--person9 {background-color: #f4511e;color: rgb(255, 255, 255);font-size: 24px;font-weight: 500;}
.BigBillyBob--person10 {background-color: #bf360c;color: rgb(255, 255, 255);font-size: 24px;font-weight: 500;}
.faq-list {overflow:hidden;}
@media screen and (max-width: 450px) {footer .container .footer_top {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}
.faq-list {margin: 0 !important;list-style: none !important;}
.faq-item {margin: 0;padding: 0;background: var(--bg-color);border-radius: 5px;}
.faq-item:hover {cursor: pointer;}
.faq-item::before {visibility: hidden;opacity: 0;}
.faq-item .faq-container .faq-header {padding: 20px;width: 100%;display: flex;align-items: center;justify-content: space-between;}
@media (max-width: 29.99875em) {.faq-item .faq-container .faq-header {padding: 0.625rem;}
}
.faq-item .faq-container .faq-header h3 {color: rgb(255, 255, 255);font-size: 1.25rem;line-height: 1.5rem;text-align: left;margin-bottom: 0;}
@media (max-width: 29.99875em) {.faq-item .faq-container .faq-header h3 {font-size: 1.125rem;line-height: 1.375rem;}
}
.faq-item .faq-container .faq-arrow img {width: 1.5625rem;height: 1.5625rem;margin-left: 0.9375rem;transform: rotate(90deg);transition: 0.3s;}
.faq-item .faq-container .faq-body {border-top: 0.0625rem solid rgb(139 139 139);height: 0;visibility: hidden;opacity: 0;transform: translate(0, -10%);margin-bottom: 0;}
.faq-item .faq-container .faq-body div p {margin: 0;padding: 0.9375rem;}
.faq-item .faq-container.active .faq-body {transition: 0.5s;height: 100%;visibility: visible;opacity: 1;transform: translate(0, 0);}
.faq-item .faq-container.active .faq-header .faq-arrow img {transform: rotate(180deg);}
.messege__send {margin:0px auto;}
.btn__svg {z-index: -1;top: var(--objects-top);filter: drop-shadow(0 var(--objects-hover-offset) 0 var(--back-shadow-color));width: 93.75%;height: 75%;transition: filter .1s, transform .1s;position: absolute;left: 3.125%;}
.ext2:hover .header__item-submenu{visibility: visible !important;opacity: 1 !important;}
.fix {cursor:pointer}
@media screen and (max-width: 951px) {.aside_close {display: block;}
}

/* PHP engine integration and responsive content fixes */
:root {
  --tiger-accent: #d26e4b;
  --tiger-panel: #333333;
  --tiger-dark: #191919;
  --tiger-border: rgba(255,255,255,.14);
}
html { overflow-x: hidden; }
body { min-width: 0; width: 100%; overflow-x: hidden; background: var(--bg-color); }
main { width: 100%; min-width: 0; }
main > .container { width: calc(100% - 32px); max-width: 1200px; min-width: 0; }
.site-header-brand { display:flex; align-items:center; gap:10px; }
.geo-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--tiger-border); border-radius:999px; font-size:14px; white-space:nowrap; }
.header_container-list { flex-wrap: wrap; }
.header_container-list .header__list-item a { padding:10px 12px; }
.header_right-menu { padding: 8px; border-radius: 6px; }
.aside_close { z-index: 2; background: black;}
.aside_container-logo { max-width: 100px; }
.dynamic-content { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.dynamic-content > *:first-child { margin-top:0; }
.dynamic-content p { margin: 10px 0; }
.dynamic-content h2, .dynamic-content h3, .dynamic-content h4 { margin-top: 26px; }
.dynamic-content ul, .dynamic-content ol { list-style-position: outside; padding-left: 28px; margin: 14px 0; max-width:100%; }
.dynamic-content ul { list-style-type: disc; }
.dynamic-content ol { list-style-type: decimal; }
.dynamic-content li { font-family: "Custom"; margin: 7px 0; line-height:1.5; overflow-wrap:anywhere; }
.dynamic-content li::marker { color: var(--tiger-accent); font-weight:700; }
.table-scroll { width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; margin:18px 0 24px; border-radius:6px; }
.table-scroll table { width:100%; border-collapse:collapse; table-layout:auto; margin:0; }
.table-scroll th, .table-scroll td { white-space:nowrap; padding:10px 12px; text-align:left; }
.table-scroll th { background:#292929; font-family:"Custom-m"; }
.intro-section, .article-section, .faq-section, .reviews-section { min-width:0; }
.article-section { margin-top:28px; }
.banner_container { margin: 22px 0; }
.banner_container-link { display:flex; color:inherit; width:100%; min-height:400px; align-items:center; justify-content:center; position:relative; }
.banner_container-link:hover { opacity:1; }
.banner_container-text .aside__btns-register { display:inline-flex; width:auto; min-width:160px; justify-content:center; }
.faq-section { margin-top: 28px; padding: 0 0 20px; }
.faq-section > h2, .reviews-section > h2 { border-bottom:3px solid #fff; padding-bottom:10px; margin-bottom:12px; }
.faq-content { display:grid; gap:10px; }
.faq-item { background:var(--tiger-panel); border-radius:6px; overflow:hidden; border:1px solid transparent; transition:border-color .2s ease, background-color .2s ease; }
.faq-item:hover, .faq-item.is-open { border-color:rgba(210,110,75,.7); }
.faq-question { width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:21px 20px; background:transparent; text-align:left; }
.faq-question-title { margin:0; font-family:"Custom-m"; font-size:1.2rem; line-height:1.35; color:#fff; }
.faq-chevron { flex:0 0 auto; width:24px; height:24px; transition:transform .25s ease; }
.faq-chevron path { stroke:#fff; fill:none; }
.faq-item.is-open .faq-chevron { transform:rotate(90deg); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s ease; }
.faq-answer > div { overflow:hidden; }
.faq-answer-inner { border-top:1px solid rgba(255,255,255,.12); padding:0 20px; }
.faq-answer-inner p { margin:0; padding:18px 0; }
.faq-item.is-open .faq-answer { grid-template-rows:1fr; }
.reviews-section { margin-top:28px; }
.reviews-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.review-card { min-width:0; background:linear-gradient(145deg,#353535,#292929); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:18px; box-shadow:0 8px 24px rgba(0,0,0,.18); }
.review-card-header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.review-avatar { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--tiger-accent); font-family:"Custom-m"; font-size:20px; }
.review-meta { min-width:0; }
.review-name { margin:0; font-family:"Custom-m"; font-size:1rem; }
.review-stars { color:#ffd76a; letter-spacing:2px; font-size:15px; }
.review-body p { margin:0; color:#f4f4f4; }
.footer_top { flex-wrap:wrap; }
.footer_top a { padding:5px 0; }
.footer-pages-title { width:100%; text-align:center; font-family:"Custom-m"; font-size:15px; opacity:.8; }
.page-main { padding-bottom:30px; }
.page-article { padding-top:4px; }
.not-found { text-align:center; padding:60px 20px; }
@media (max-width: 800px) {
  .table-scroll table { width:max-content; min-width:720px; max-width:none; }
  .reviews-grid { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
  main > .container { width:calc(100% - 20px); padding:14px; }
  h1 { font-size:1.65rem; }
  h2, h2 strong { font-size:1.3rem; }
  .dynamic-content ul, .dynamic-content ol { padding-left:22px; }
  .banner_container, .banner_container-link { min-height:300px; }
  .banner_container-text { width:calc(100% - 28px); min-width:0; }
  .faq-question { padding:17px 14px; }
  .faq-question-title { font-size:1rem; }
  .faq-answer-inner { padding:0 14px; }
  .geo-chip { display:none; }
}

/* Header layout restoration and fixed-header overlap correction */
html {
  scroll-padding-top: 104px;
}

body.menu-open {
  overflow: hidden;
}

header.site-header {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  background: var(--main-color);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04);
}

.site-header .logo {
  width: 92px;
  height: 80px;
  margin: 0;
  align-self: center;
  justify-self: start;
}

.site-header .logo img {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.site-header .header_container-list {
  min-width: 0;
  justify-self: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 24px;
}

.site-header .header__list-item {
  min-width: 0;
}

.site-header .header__list-item > a,
.site-header .header__item-extention {
  min-height: 44px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  background: transparent;
  white-space: nowrap;
  font-family: "Custom";
  font-weight: 400;
}

.site-header .header__item-extention {
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}

.site-header .header__extention-left {
  display: flex;
  align-items: center;
  gap: 9px;
}

.site-header .header-nav-icon {
  flex: 0 0 auto;
  color: #fff;
  fill: currentColor;
  stroke: currentColor;
}

.site-header .header__item-extention .arrow {
  flex: 0 0 auto;
  color: #fff;
  fill: none;
  stroke: currentColor;
  transform: none;
  transition: transform .2s ease;
}

.site-header .header__list-item.ext2:hover .arrow,
.site-header .header__list-item.ext2:focus-within .arrow {
  transform: rotate(90deg);
}

.site-header .header__item-submenu {
  top: 58px;
  left: 0;
  min-width: 210px;
  padding: 7px;
  background: #292929;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .32);
}

.site-header .header__item-submenu .header__submenu-item a {
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 15px;
}

.site-header .header_right {
  justify-self: end;
  flex: 0 0 auto;
  gap: 10px;
}

.site-header .header_right .aside__btns-login,
.site-header .header_right .aside__btns-register {
  width: auto;
  min-width: 90px;
  padding: 10px 17px;
  line-height: 1;
}

.site-header .header_right .aside__btns-register {
  min-width: 104px;
}

.site-header .header_right-menu {
  display: none;
  position: static;
  transform: none;
  width: 42px;
  height: 42px;
  padding: 7px;
  align-items: center;
  justify-content: center;
  color: #777;
  background: #f3f3f3;
  border-radius: 7px;
  z-index: 2;
}

.site-header .header_right-menu svg,
.site-header .header_right-menu svg path {
  fill: none;
  stroke: currentColor;
}

main {
  padding-top: 100px;
}

@media screen and (max-width: 1100px) {
  header.site-header {
    grid-template-columns: 112px minmax(0, 1fr) auto;
    gap: 14px;
    padding: 0 20px;
  }

  .site-header .header_container-list {
    gap: 8px;
  }

  .site-header .header__list-item > a,
  .site-header .header__item-extention {
    padding-inline: 7px;
  }
}

@media screen and (max-width: 951px) {
  html {
    scroll-padding-top: 100px;
  }

  header.site-header {
    height: 80px;
    grid-template-columns: 46px minmax(80px, 1fr) auto;
    grid-template-areas: "menu logo actions";
    gap: 12px;
    padding: 0 16px;
  }

  .site-header .header_right-menu {
    grid-area: menu;
    display: flex;
    justify-self: start;
  }

  .site-header .logo {
    grid-area: logo;
    justify-self: start;
    width: 80px;
    height: 76px;
  }

  .site-header .logo img {
    width: 76px;
    height: 76px;
  }

  .site-header .header_container-list {
    display: none;
  }

  .site-header .header_right {
    grid-area: actions;
  }

  main {
    padding-top: 100px;
  }
}

@media screen and (max-width: 500px) {
  html {
    scroll-padding-top: 170px;
  }

  header.site-header {
    height: 150px;
    padding: 8px 10px 10px;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-rows: 92px 40px;
    grid-template-areas:
      "menu logo spacer"
      "actions actions actions";
    align-items: center;
    gap: 0 8px;
  }

  .site-header .header_right-menu {
    align-self: start;
    margin-top: 4px;
    background: black;
  }

  .site-header .logo {
    justify-self: center;
    align-self: center;
    width: 92px;
    height: 92px;
  }

  .site-header .logo img {
    width: 92px;
    height: 92px;
  }

  .site-header .header_right {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    align-self: end;
  }

  .site-header .header_right .aside__btns-login,
  .site-header .header_right .aside__btns-register {
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    font-size: 13px;
  }

  main {
    padding-top: 170px;
  }
}

@media screen and (max-width: 350px) {
  header.site-header {
    padding-inline: 8px;
  }

  main {
    padding-top: 168px;
  }
}

/* July 2026 hotfix: keep layout vertical and prevent footer from shifting right */
body {
  display: block;
}

main,
footer {
  width: 100%;
  min-width: 0;
  flex: none;
}

footer {
  margin-top: 24px;
}

footer .container {
  width: calc(100% - 32px);
  max-width: 1200px;
  margin: 0 auto;
}