body {
   padding-top: 0 !important;
   max-width: 100% !important;
}
.tp-sidebar::-webkit-scrollbar {
   width: 4px;
   height: 4px;
}
.tp-sidebar::-webkit-scrollbar-track {
   background: transparent;
}
.tp-sidebar::-webkit-scrollbar-thumb {
   background: #9797B2;
   border-radius: 10px;
}
.tp-sidebar::-webkit-scrollbar-thumb:hover {
   background: #555;
}
.tp-grid {
   background: #FFF;
   width: 100%;
   overflow: hidden;
   display: flex;
   min-height: 100vh;
}
.tp-sidebar {
   background: #0A0F21;
   width: 256px;
   min-width: 256px;
   padding: 157px 0 42px 0;
   height: 100vh;
   overflow: auto;
   display: flex;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   flex-direction: column;
}
.tp-main-box {
   width: calc(100% - 256px);
   margin-left: auto;
   position: relative;
   z-index: 5;
   padding: 50px 24px 42px 24px !important;
}
.tp-sidebar-user-block-btn-change-photo {
   width: 28px;
   height: 28px;
   cursor: pointer;
   position: absolute;
   right: -4px;
   bottom: -4px;
   box-shadow: 2px 2px 30px 0 rgba(125, 60, 60, 0.09);
   z-index: 10;
}
.tp-sidebar-user-block-btn-change-photo:hover {
   opacity: 0.9;
}
.tp-sidebar-user-block-photo {
   width: 100px;
   height: 100px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 11px;
   position: relative;
   cursor: pointer;
}
.tp-sidebar .tp-sidebar-user-block-photo .tp-sidebar-user-block-btn-change-photo {
   filter: brightness(10000%);
   right: -20px;
}
.tp-main-box-1-row-1-item-3 .jq-selectbox li {
   display: flex;
   align-items: center;
   margin-bottom: 5px;
   white-space: break-spaces;
}
.option-icon {
   height: 24px;
   width: 24px;
   min-width: 24px;
   display: flex;
   border-radius: 24px;
   border: 1px solid #CBCBCB;
   align-items: center;
   overflow: hidden;
   margin-right: 6px;
}
.option-icon img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.tp-sidebar-user-block-photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center top;
   border-radius: 100%;
}
.tp-sidebar-user-block-name {
   color: #FFFFFF;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   padding-left: 10px;
   width: 100%;
   padding-right: 10px;
   text-align: center;
}
.tp-sidebar-user-block {
   margin-bottom: 50px;
}
.tp-sidebar-menu a {
   display: flex;
   align-items: center;
   position: relative;
   padding: 14px 21px;
   transition: 0.25s;
   color: #ffffff;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   min-height: 58px;
}
.tp-sidebar-menu a span {
   width: 24px;
   height: 24px;
   min-width: 24px;
   margin-left: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   background: #9F1A1A;
   color: #FFF;
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   text-transform: uppercase;
}
.tp-sidebar-menu a:before {
   content: '';
   display: block;
   width: 21px;
   height: 21px;
   min-width: 21px;
   margin-right: 10px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.tp-sidebar-menu .active a {
   background: #1E243A !important;
   font-weight: 700 !important;
}
.tp-sidebar-menu a:hover {
   background: #1E243A;
}
.tp-sidebar-menu .active a:after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   border-radius: 0 50px 50px 0;
   background: #5a41d6;
   width: 8px;
   height: 100%;
}
.tp-sidebar-btn-out {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 213px;
   max-width: calc(100% - 43px);
   margin-left: auto;
   margin-right: auto;
   height: 44px;
   min-height: 44px;
   color: #FFFFFF;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-top: auto;
   cursor: pointer;
   transition: 0.25s;
   border-radius: 10px;
   background: transparent;
   border: 1px solid #3E4776;
}
.tp-sidebar-btn-out:after {
   content:'';
   display: block;
   width: 16px;
   height: 18px;
   margin-left: 10px;
   min-width: 16px;
}
.tp-sidebar-btn-out:hover {
   background: rgba(0,0,0,0.06);
}
.page-template-profile-home {
   padding-top: 0!important;
}
.tp-main-box-title {
   color: #111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
}
.tp-main-box-1-title {
   margin-bottom: 20px;
}
.tp-main-box-content {
   width: 1058px;
   max-width: 100%;
}
.tp-main-box-1-row-1 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-bottom: 26px;
   position: relative;
   z-index: 20;
}
.tp-main-box-input-label-text {
   display: block;
   width: calc(100% - 30px);
   color: #424242;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 4px;
}
.tp-main-box-name-box-change {
   display: none;
}
.tp-main-box-name-box-view {
   display: flex;
   align-items: flex-end;
   margin-top: -10px;
}
.tp-main-box-name-box-view-text {
   color: #111111;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-right: 10px;
}
.tp-main-box .tp-main-box-1-row-5-column-item-btn-favourite {
   background-size: 12px 11px;
}
.tp-main-box-name-box-view-btn-change {
   border-radius: 4px;
   border: 1px solid #D8D9FF;
   width: 30px;
   min-width: 30px;
   cursor: pointer;
   height: 30px;
   transition: 0.25s;
}
.tp-main-box-name-box-view-btn-change:hover {
   background-color: #d8d9ff72;
}
.tp-main-box-1-row-1-item-1 {
   width: calc(52% - 10px);
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.tp-main-box-name-box.edit .tp-main-box-name-box-view {
   display: none;
}
.tp-main-box-name-box.edit .tp-main-box-name-box-change {
   display: block;
}
.tp-main-box-name-box-change-flex {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.tp-main-box-name-box-change-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   background: transparent;
   text-align: center;
   font-style: normal;
   line-height: 16px;
   position: absolute;
   z-index: 0;
   bottom: 11px;
   left: 16px;
   color: #5a41d6;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: 20px;
   border-radius: 10px;
   background: #e4dfff;
   width: 130px;
   height: 40px;
   cursor: pointer;
}
.tp-main-box-name-box-change-btn.no-avialeble {
   cursor: no-drop;
   background: #DEDEDE;
   color: #000;
}

.tp-main-box-name-box-change-label {
   width: calc(100% - 70px);
}

.tp-main-box-name-box-change-label--full-width {
   width: 100%;
}

.tp-main-box-name-box-change-label input {
   display: block;
   width: 100%;
   border-radius: 8px;
   background: #F8F8F8;
   padding: 12px 14px;
   color: #111;
   font-size: 14px;
   font-style: normal;
   outline: none;
   font-weight: 600;
   line-height: 20px;
}
.tp-main-box-name-box-change-label-text {
   color: #424242;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 4px;
}
.tp-main-box-name-box-change-alert-text {
   color: #5a41d6;
   font-size: 11px;
   font-weight: 400;
   font-family: "Poppins", sans-serif;
   line-height: 20px;
   margin-top: 6px;
   display: none;
}
.tp-main-box-1-row-1-item-2 {
   margin-right: 22px;
   width: 100%;
}

.tp-main-box-name-box {
   width: 100%;
   margin-top: 4px;
}

.tp-edit-1 .main-tooltip {
   margin-right: 48px;
}
.tp-edit-1 .tp-main-box-input-label-text {
   width: calc(100% - 78px);
}
.tp-main-box-1-row-1-item-2 span {
   color: #777;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 155%;
}
.tp-main-box-1-row-1-item-3 {
   width: calc(48% - 10px);
}
.jq-selectbox {
   width: 100%;
   margin-bottom: 0;
   border-radius: 8px;
   background: #F8F8F8;
   z-index: 60;
}
.delete_account {
   background: transparent;
   border: 1px solid #777;
   color: #777;
   border-radius: 10px;
   width: 100%;
   height: 44px;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   cursor: pointer;
   margin-top: 16px;
   transition: 0.25s;
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 255px;
}
.delete_account:hover {
   background: #A4A7AB;
   color: #FFF;
   border-color: #A4A7AB;
}
.jq-selectbox__select-text {
   color: #111;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   padding: 10px 50px 10px 14px;
   display: flex;
   align-items: center;
}
.jq-selectbox__select-text > span {
   width: 24px;
   height: 24px;
   display: flex;
   border-radius: 24px;
   border: 1px solid #CBCBCB;
   align-items: center;
   overflow: hidden;
   margin-right: 6px;
}
.jq-selectbox__dropdown {
   max-width: 100%;
   height: auto !important;
   bottom: auto !important;
   top: 40px !important;
}
.jq-selectbox__select-text img {
   width: 32px;
   height: 32px;
   display: block;
   object-fit: cover;
   object-position: center;
}
.jq-selectbox__trigger-arrow {
   width: 14px;
   height: 14px;
   right: 14px;
   top: 50%;
   transform: translateY(-50%);
   transform-origin: center;
   transition: 0.25s;
}
.jq-selectbox__select {
   padding-right: 0;
}
.jq-selectbox.opened .jq-selectbox__trigger-arrow {
   transform: translateY(-50%) rotate(180deg);
}
.tp-main-box-1-row-2 {
   padding-bottom: 24px;
   margin-bottom: 30px;
   display: flex;
   align-items: flex-end;
}
.tp-main-box-1-row-2-right-btn {
   border-radius: 10px;
   border: 1px solid #111111;
   width: 160px;
   height: 44px;
   color: #111111;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   transition: 0.25s;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: auto;
}
.tp-main-box-1-row-2-right-btn:hover {
   background: #111111;
   color: #ffffff;
}
.tp-main-box-1-row-2-title {
   color: #111111;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 11px;
}
.tp-main-box-1-row-2-text {
   color: #111111;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
}
.tp-main-box-1-row-3 {
   padding-bottom: 24px;
   margin-bottom: 32px;
   padding-right: 40px;
}
.tp-main-box-1-row-3-title {
   color: #111111;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 23px;
}
.tp-main-box-1-row-3-flex {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.tp-edit-3 {
   max-width: 100%;
}
.tp-main-box-1-row-3-item {
   width: 666px;
   max-width: 100%;
   padding-right: 121px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-bottom: 27px;
}
.tp-main-box-1-row-3-item:last-child {
   margin-bottom: 0;
}
.tp-main-box-1-row-2-left {
   margin-right: 10px;
}
.tp-main-box-1-row-3-item-btn {
   width: 39px;
   min-width: 39px;
   height: 22px;
   border-radius: 100px;
   background: #6A6ED4;
   transition: 0.25s;
   position: relative;
   cursor: pointer;
   top: -3px;
   z-index: -1;
}
.tp-main-box-1-row-3-item-btn:after {
   content: '';
   display: block;
   background: #FFFFFF;
   box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.15);
   width: 18px;
   height: 18px;
   border-radius: 100%;
   position: absolute;
   top: 50%;
   transition: 0.25s;
   transform: translateY(-50%);
   right: 2px;
}
.tp-main-box-1-row-3-item-left {
   width: calc(100% - 49px);
}
.tp-main-box-1-row-3-item-left-title {
   color: #111111;
   text-align: left;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 7px;
}
.tp-main-box-1-row-3-item-left-text {
   color: #777777;
   text-align: left;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
}
.tp-main-box-1-row-3-item-btn.disactive {
   background: #eeeeee;
}
.tp-main-box-1-row-3-item-btn.disactive:after {
   transform: translateY(-50%) translateX(-16px);
}
.tp-main-box-1-row-4 {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-left: -10px;
   margin-right: -10px;
   margin-top: -16px;
}
.tp-main-box-1-row-4-item {
   width: calc(50% - 20px);
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 16px;
}
.tp-main-box-1-row-4-item-top {
   color: #111111;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   margin-bottom: 10px;
}
.tp-main-box-1-row-4-item-body {
   width: 100%;
   min-height: 203px;
   position: relative;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 12px;
}
.tp-main-box-1-row-4-item-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
}
.sh-bib-baner-bg--desctop {
   display: block;
}
.sh-bib-baner-bg--tab {
   display: none;
}
.sh-bib-baner-bg--mob {
   display: none;
}
@media screen and (max-width: 992px) {
   .sh-bib-baner-bg--desctop {
      display: none;
   }
   .sh-bib-baner-bg--tab {
      display: block;
   }
}
@media screen and (max-width: 767px) {
   .sh-bib-baner-bg--tab {
      display: none;
   }

   .sh-bib-baner-bg--mob {
      display: block;
   }
}
.tp-main-box-1-row-4-item-bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.sh-bib-baner-bg {
   height: 100%;
}
.tp-main-box-1-row-4-item-logo {
   width: 86px;
   margin-bottom: 6px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 10px;
   overflow: hidden;
}
.tp-main-box-1-row-4-item-logo img {
   display: block;
   width: 100%;
   height: auto;
}
.tp-main-box-1-row-4-item-title {
   color: #FFFFFF;
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   margin-bottom: 13px;
}
.tp-main-box-1-row-4-item-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   border: 1px solid #5a41d6;
   background: #5a41d6;
   width: 162px;
   height: 38px;
   color: #FFFFFF;
   font-size: 10px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   margin-left: auto;
   margin-right: auto;
   text-transform: uppercase;
}
.tp-main-box-1-row-4-item-body-box {
   width: 234px;
   margin-left: 36px;
   margin-right: auto;
   padding-bottom: 16px;
   padding-top: 27px;
}
.tp-main-box-1-row-4-item-bot {
   color: #111111;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.tp-main-box-1-row-4-item-bot strong {
   font-weight: 600;
}

.tp-main-box-1-mobile-top {
   display: none;
}
.tp-main-box-2-free {
   padding-top: 47px;
}
.tp-main-box-2-free-title {
   color: #111111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
   margin-bottom: 6px;
   width: 445px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.tp-main-box-2-free-text {
   color: #111;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 155%;
   margin-bottom: 24px;
   width: 445px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
.tp-main-box-2-free-text a {
   font-size: 16px;
   font-style: normal;
   line-height: 155%;
   margin-bottom: 34px;
   color: #5a41d6;
   font-weight: 600;
}
.tp-main-box-2-free-text a:hover {
   text-decoration: underline;
}
.tp-main-box-2-free-image {
   display: flex;
   justify-content: center;
   align-items: center;
   max-width: 100%;
   margin-bottom: 31px;
   width: 140px;
   height: 123px;
   margin-left: auto;
   margin-right: auto;
}
.tp-main-box-2-free-image img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: contain;
   object-position: center;
}
.tp-main-box-free-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
   width: 234px;
   height: 44px;
   max-width: 100%;
   border-radius: 10px;
   background: #111;
   color: #FFF;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 25px;
   text-transform: uppercase;
}
.tp-main-box-free-btn:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.tp-main-box-popular-slider-box {
   margin-top: 80px;
   padding-top: 42px;
   border-top: 1px solid #EDEDED;
}
.tp-main-box-popular-slider-box-title {
   color: #111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
   margin-bottom: 7px;
}
.tp-main-box-popular-slider-box-text {
   color: #111;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 155%;
   margin-bottom: 20px;
}
.tp-main-box-popular-slick {
   margin-left: -12px;
   margin-right: -12px;
   margin-top: -24px;
   position: relative;
}
.tp-main-box-popular-slide {
   width: 252px;
   padding-left: 12px;
   padding-right: 12px;
}
.tp-main-box-popular-slide-wrap {
   width: 100%;
   border-radius: 10px;
   background: #FFF;
   overflow: hidden;
   box-shadow: 4px 4px 15px 0 rgba(28, 30, 32, 0.08);
   height: 100%;
}
.tp-main-box-popular-slide-image {
   width: 100%;
   height: 130px;
   position: relative;
}
.tp-main-box-popular-slide-image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.tp-main-box-popular-slide-btn-favorite {
   position: absolute;
   top: 6px;
   right: 6px;
   width: 32px;
   background-color: #ffffff;
   height: 32px;
   border-radius: 6px;
   z-index: 20;
   cursor: pointer;
   border: 1px solid #5a41d6;
   background-size: 22px 20px !important;
}

.tp-grid .tp-main-box-popular-slide-btn-favorite {
   background-size: 20px 18px !important;
}

.tp-main-box-popular-slide-box-content {
   width: 100%;
   padding: 9px 9px 16px 9px;
}
.tp-main-box-popular-slide-welcome-bonus-title {
   color: #111;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 12px;
}
.tp-main-box-popular-slide-welcome-bonus-value {
   display: flex;
   color: #5a41d6;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
   margin-bottom: 19px;
}
.tp-main-box-popular-slide-welcome-bonus-value:before {
   content:'';
   display: block;
   width: 20px;
   min-width: 20px;
   height: 20px;
   margin-right: 6px;
}
.tp-main-box-popular-slide-play-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   border: 1px solid  #5a41d6;
   background: #5a41d6;
   width: 100%;
   height: 40px;
   color: #FFFFFF;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   text-transform: uppercase;
   transition: 0.25s;
}
.tp-main-box-popular-slide-play-btn:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.tp-main-box-popular-slide-read-review{ 
   color: #5a41d6;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-top: 12px;
   margin-left: auto;
   margin-right: auto;
   width: fit-content;
   display: block;
}
.tp-main-box-popular-slide-read-review:hover {
   text-decoration: underline;
}
.tp-main-box-popular-slick .slick-dots{ 
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   top: 42px;
   width: 100%;
}
.tp-main-box-popular-slick .slick-dots button {
   display: none;
}
.tp-main-box-popular-slick .slick-dots li {
   width: 10px;
   height: 10px;
   margin-left: 4px;
   margin-right: 4px;
   border-radius: 100%;
   transition: 0.25s;
   cursor: pointer;
   background: #F1F1F1;
}
.tp-main-box-popular-slick .slick-dots li.slick-active {
   border-radius: 14px;
   background: #000000;
}
.tp-main-box-2-title {
   color: #111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
   margin-bottom: 24px;
}
.tp-main-box-2-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 32px;
}
.tp-main-box-2-header-tabs {
   display: flex;
   max-width: calc(100% - 340px);
}
.tp-main-box-2-header-tab {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px;
   border-radius: 0;
   background: transparent;
   cursor: pointer;
   color: #757575;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   border-bottom: 2px solid #E6E7F5;
}
.tp-main-box-2-header-tab.active {
   border-bottom: 2px solid #0A0F21;
   color: #111111;
}
.tp-main-box-2-header-tab:last-child {
   margin-right: 0;
}
.tp-main-box-2-header-sort .jq-selectbox__select-text {
   padding: 12px 12px 12px 36px;
}
.tp-main-box-2-header-sort .jq-selectbox__trigger {
   right: auto;
   left: 12px;
   top: 50%;
   transform: translateY(-50%) !important;
   width: 16px;
   height: 16px;
}
.tp-main-box-2-header-sort .jq-selectbox__trigger-arrow {
   display: none;
}
.tp-main-box-2-header-sort .jq-selectbox {
   border-radius: 10px;
   background: #FFF;
   box-shadow: 4px 4px 30px 0 rgba(28, 30, 32, 0.08);
}
.tp-main-box-2-list {
   display: flex;
   flex-wrap: wrap;
   margin-left: -10px;
   margin-right: -10px;
   margin-top: -24px;
}
.tp-main-box-2-item {
   width: calc(25% - 20px);
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 24px;
   border-radius: 10px;
   overflow: hidden;
   background: #ffffff;
   box-shadow: 4px 4px 30px 0 rgba(28, 30, 32, 0.08);
}
.tp-main-box-2-item-image {
   width: 100%;
   height: 130px;
   position: relative;
}
.tp-main-box-2-item-image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.tp-main-box-popular-slide-btn-favorite.active {
   position: absolute;
   cursor: pointer;
   z-index: 10;
   top: 6px;
   right: 6px;
   background-color: #ffffff;
   width: 36px;
   height: 36px;
   border-radius: 6px;
}

.tp-main-box .tp-main-box-popular-slide-btn-favorite.active {
   width: 32px;
   height: 32px;
   background-size: 20px 18px !important;
}
.tp-main-box-2-item-box-content {
   padding: 10px 9px 16px 9px;
}
.tp-main-box-2-item-box-welcome-bonus-title {
   color: #111;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 12px;
}
.tp-main-box-2-item-box-welcome-bonus {
   color: #5a41d6;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px; 
   margin-bottom: 19px;
   display: flex;
   align-items: center;
}
.tp-main-box-2-item-box-welcome-bonus:before {
   content:'';
   display: block;
   width: 20px;
   min-width: 20px;
   height: 20px;
   margin-right: 6px;
}
.tp-main-box-2-item-box-btn-play {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   border: 1px solid  #5a41d6;
   background: #5a41d6;
   width: 210px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   height: 40px;
   color: #FFF;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   transition: 0.25s;
   text-transform: uppercase;
   text-align: center;
}
.tp-main-box-2-item-box-btn-play:hover {
   animation: none;
   -webkit-animation: none;
   background: transparent;
   color: #5a41d6;
}
.tp-main-box-2-item-box-btn-read-review {
   color: #5a41d6;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-top: 12px;
   display: block;
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
}
.tp-main-box-2-item-box-btn-read-review:hover {
   text-decoration: underline;
}
.tp-main-box-2-list-pagination {
   display: flex;
   justify-content: center;
   margin-top: 32px;
}
.tp-main-box-2-list-pagination a {
   border-radius: 6px;
   background: #D7D6DB;
   width: 30px;
   height: 30px;
   margin-left: 5px;
   margin-right: 5px;
   text-align: center;
   cursor: pointer;
   transition: 0.25s;
   color: #FFF;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 16px; 
}
.tp-main-box-2-list-pagination a:hover {
   background: rgb(196, 195, 195);
}
.tp-main-box-2-list-pagination a.active {
   background: #0A0F21;
}
.tp-main-box-2-list-show-more {
   display: none;
}
.tp-main-box-3-free-image {
   width: 278px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 24px;
}
.tp-main-box-3-free-image img {
   width: 100%;
   display: block;
   height: auto;
}
.tp-main-box-popular-slide {
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 24px;
}
.tp-main-box-popular-slider--casino .slick-dots {
   top: 20px;
}
.tp-main-box-popular-slider--casino .tp-main-box-popular-slide-image {
   height: 130px;
}
.tp-main-box-popular-game {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 12px;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   z-index: 10;
}
.tp-main-box-popular-game-max-bet {
   white-space: nowrap;
   display: flex;
   align-items: center;
   margin-left: 15px;
   color: #FFE500;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
}
.tp-main-box-popular-game-max-bet:before {
   content:'';
   display: block;
   width: 14px;
   min-width: 14px;
   height: 14px;
   margin-right: 4px;
}
.tp-main-box-popular-game-name {
   color: #FFF;
   text-align: left;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%; 
}
.tp-main-box-popular-game-category {
   color: #ADAAAA;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
}
.tp-main-box-2-list--games {
   margin-top: -24px;
   margin-left: -10px;
   margin-right: -10px;
}
.tp-main-box-2-list--games .tp-main-box-2-item {
   width: calc(25% - 20px);
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 24px;
   background: transparent;
   box-shadow: none;
}
.tp-main-box-2-list--games .tp-main-box-2-item-image {
   height: 191px;
   border-radius: 10px;
   overflow: hidden;
}
.tp-main-box-2-list--games .tp-main-box-2-item-box-btn-play {
   height: 47px;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   text-transform: uppercase;
}
.tp-main-box-2-list--games .tp-main-box-2-item-box-btn-read-review {
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
}
.tp-main-box-2-list--games .tp-main-box-2-item-btn-favorite {
   border-radius: 6px;
}
.tp-main-box-2-title--games{ 
   margin-bottom: 0;
}
.tp-main-box-2-header--games {
   margin-bottom: 24px;
   position: relative;
   z-index: 50;
}
.tp-main-box-popular-slick {
   display: flex;
   flex-wrap: wrap;
}
.tp-main-box-popular-slide {
   width: 25%;
}
.tp-main-box-popular-slider--casino .tp-main-box-popular-slide-image:after  {
   content:'';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
}
.tp-main-box-popular-slider--casino  .tp-main-box-popular-slide-play-btn {
   width: 210px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
}
.tp-main-box-popular-slide-play-btn:hover {
   animation: none;
   -webkit-animation: none;
   background: transparent;
   color: #5a41d6;
}
.tp-main-box-2-item-btn-favorite {
   position: absolute;
   top: 6px;
   right: 6px;
   z-index: 20;
   cursor: pointer;
   width: 28px;
   height: 28px;
   border-radius: 6px;
}
.tp-main-box-2-list--games .tp-main-box-2-item-image:after {
   content:'';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #231D1D 100%);
}
.tp-main-box-2-list--games .tp-main-box-2-item-box-content {
   padding: 12px 0 0 0;
}
.tp-main-box-2-header--games {
   align-items: center;
}
.tp-main-box-4-free-image {
   width: 350px;
   display: flex;
   justify-content: center;
   align-items: center;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 24px;
}
.tp-main-box-4-free-image img {
   display: block;
   width: 100%;
   height: auto;
   position: relative;
   left: -110px;
}
.tp-main-review-item {
   border-radius: 10px;
   background: #FFF;
   box-shadow: 4px 4px 30px 0 rgba(28, 30, 32, 0.08);
   padding: 12px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 16px;
   position: relative;
}
.tp-main-review-item--big-text {
   margin-bottom: 32px;
}
.tp-main-review-item--big-text:last-child {
   margin-bottom: 0;
}
.tp-main-review-item:last-child {
   margin-bottom: 0;
}
.tp-main-review-item-left {
   width: 102px;
}
.tp-main-review-item-right {
   width: calc(100% - 126px);
}
.tp-main-review-item-casino-logo {
   width: 100%;
   height: 70px;
   margin-bottom: 10px;
}
.tp-main-review-item-casino-logo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   border-radius: 10px;
}
.tp-main-review-item-casino-name {
   color: #111111;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 16px; 
   margin-bottom: 7px;
   text-align: center;
}
.tp-main-review-item-casino-rating-title {
   color: #7C8897;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 5px;
   text-align: center;
}
.tp-main-review-item-casino-rating-value-stars {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 3px;
}
.tp-main-review-item-casino-rating-value-stars .post-ratings{
   display: flex;
}
.tp-main-review-item-casino-rating-value-stars img {
   max-width: 100%;
   height: auto;
   display: block;
}
.tp-main-review-item-casino-rating-value-count {
   color: #111111;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   text-align: center;
}
.tp-main-review-item-right-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 8px;
}
.tp-main-review-item-right-header-data {
   color: #777;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-align: right;
}
.tp-main-review-item-right-header-user {
   display: flex;
   align-items: center;
   max-width: calc(100% - 150px);
}
.tp-main-review-item-right-user-photo {
   width: 32px;
   height: 32px;
   min-width: 32px;
   margin-right: 9px;
   border-radius: 100%;
   overflow: hidden;
}
.tp-main-review-item-right-user-photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.tp-main-review-item-right-user-name {
   color: #111;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin-bottom: 3px;
}
.tp-main-review-item-right-user-rating {
   display: flex;
   align-items: center;
}
.tp-main-review-item-right-user-rating-stars {
   display: flex;
   align-items: center;
   margin-right: 11px;
}
.tp-main-review-item-right-user-rating-stars img {
   display: block;
   max-width: 16px;
   height: auto;
}
.tp-main-review-item-right-user-rating-count {
   color: #111111;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.tp-main-review-item-right-body-text {
   color:  #424242;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; 
   padding-bottom: 7px;
}
.tp-main-review-item-right-body-btn-show-more {
   position: absolute;
   left: 50%;
   transform: translate(-50%, 50%);
   bottom: 0;
   border-radius: 10px;
   background: #FFF;
   box-shadow: 4px 4px 30px 0 rgba(28, 30, 32, 0.08);
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #424242;
   text-align: center;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   padding: 6px 5px 6px 12px;
}
.tp-main-review-item-right-body-btn-show-more:after {
   content:'';
   display: block;
   width: 8px;
   height: 5px;
   margin-left: 4px;
   transform-origin: center;
   position: relative;
   top: 2px;
}
.tp-main-review-item-right-body-text-hide {
   display: none;
}
.tp-main-review-item-right-body.open .tp-main-review-item-right-body-text-open {
   display: none;
}
.tp-main-review-item-right-body.open .tp-main-review-item-right-body-text-hide {
   display: block;
}
.tp-main-review-item-right-body.open .tp-main-review-item-right-body-btn-show-more:after {
   transform: rotate(180deg);
}
.tp-main-box-1-row-1-left {
   width: calc(100% - 385px);
   border-radius: 10px;
   background: #FFF;
   padding: 16px 16px 24px 16px;
   box-shadow: 0 2px 6px 0 rgba(28, 30, 32, 0.21);
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-bottom: 67px;
   position: relative;
}
.tp-main-box-1-row-1-right {
   width: 365px;
   display: flex;
   align-items: center;
   border-radius: 10px;
   background: #FFF;
   padding: 17px;
   box-shadow: 0 2px 6px 0 rgba(28, 30, 32, 0.21);
}
.tp-main-box-1-row-1-left-top {
   display: flex;
   justify-content: space-between;
   width: 100%;
   padding-bottom: 8px;
   margin-bottom: 16px;
   border-bottom: 1px solid #EDEDED;
}
.tp-main-box-1-title {
   margin-bottom: 0;
}
.tp-main-box-1-row-1-left-btn-details {
   color: #5a41d6;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 16px; 
}
.tp-main-box-1-row-1-left-btn-details:hover {
   text-decoration: underline;
}

.tp-main-box-1-row-1-right-image {
   background: #EA4646;
   width: 118px;
   height: 118px;
   min-width: 118px;
   margin-right: 39px;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.tp-main-box-1-row-1-right-image img {
   display: block;
   max-width: calc(100% - 30px);
   max-height: calc(100% - 20px);
   object-fit: contain;
   object-position: center;
}
.tp-main-box-1-row-1-right-title {
   color: #111;
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
}
.tp-main-box-1-row-1-right-count {
   color:  #111;
   text-align: center;
   font-size: 36px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}
.tp-main-box-1-row-1-right-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   padding: 12px 20px;
   background: #f3f6fb;
   color:  #5a41d6;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   width: 161px;
   height: 36px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
}
.tp-main-box-1-row-1-right-btn:hover {
   background: #f3f6fb;
}
.tp-main-box-1-row-5 {
   margin-top: 40px;
   display: flex;
   justify-content: space-between;
   margin-left: -8px;
   margin-right: -8px;
}
.tp-main-box-1-row-5-column {
   width: calc(50% - 16px);
   margin-left: 8px;
   margin-right: 8px;
   padding: 16px 12px 20px 12px;
   border-radius:  10px;
   background: #FFF;
   box-shadow: 0 2px 6px 0 rgba(28, 30, 32, 0.21);
}
.tp-main-box-1-row-5-column-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16px;
   border-bottom: 1px solid #EDEDED;
   padding-bottom: 8px;
}
.tp-main-box-1-row-5-column-header-title {
   color: #111111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
}
.tp-main-box-1-row-5-column-header-btn {
   white-space: nowrap;
   margin-left: 10px;
   color: #5a41d6;
   text-align: right;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 16px;
}
.tp-main-box-1-row-5-column-header-btn:hover {
   text-decoration: underline;
}
.tp-main-box-1-row-5-column-list {
   display: flex;
   flex-wrap: wrap;
   margin-left: -5px;
   margin-right: -5px;
   margin-top: -10px;
}
.tp-main-box-1-row-5-column-item {
   width: calc(33.333% - 10px);
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 10px;
   position: relative;
   height: 140px;
   overflow: hidden;
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-end;
   padding: 6px;
}
.tp-main-box-1-row-5-column-item-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
}
.tp-main-box-1-row-5-column-item-image:after {
   content:'';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #231D1D 100%);
   z-index: 3;
}
.tp-main-box-1-row-5-column-item-image img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.tp-main-box-1-row-5-column-item-title {
   color: #FFFFFF;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 11px;
   position: relative;
   z-index: 20;
}
.tp-main-box-1-row-5-column-item-max-bet {
   display: flex;
   align-items: center;
   color:  #FFE500;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   position: relative;
   z-index: 20;
   font-weight: 500;
   line-height: 16px; 
}
.tp-main-box-1-row-5-column-item-max-bet:before {
   content:'';
   display: block;
   width: 14px;
   height: 14px;
   min-width: 14px;
   margin-right: 4px;
}
.tp-main-box-1-row-5-column-item-btn-favourite {
   width: 24px;
   height: 24px;
   position: absolute;
   z-index: 20;
   top: 4px;
   cursor: pointer;
   right: 4px;
   background-color: #ffffff;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC42MDAzNDIiIHk9IjAuNTQ5ODA1IiB3aWR0aD0iMTYuNTY1NCIgaGVpZ2h0PSIxNi41NjU0IiByeD0iMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGQ9Ik0xMy44ODYgOS4yMjk0MUw4Ljg4ODYxIDE0LjMzMjVMMy44OTEyIDkuMjI5NDFDMy41NjE1NyA4Ljg5ODY5IDMuMzAxOTMgOC41MDExOSAzLjEyODYzIDguMDYxOTNDMi45NTUzMiA3LjYyMjY3IDIuODcyMSA3LjE1MTE3IDIuODg0MjEgNi42NzcxMkMyLjg5NjMyIDYuMjAzMDcgMy4wMDM1IDUuNzM2NzQgMy4xOTkgNS4zMDc1QzMuMzk0NDkgNC44NzgyNSAzLjY3NDA3IDQuNDk1NCA0LjAyMDEyIDQuMTgzMDNDNC4zNjYxOCAzLjg3MDY2IDQuNzcxMjEgMy42MzU1NiA1LjIwOTcyIDMuNDkyNTJDNS42NDgyMyAzLjM0OTQ4IDYuMTEwNzIgMy4zMDE2IDYuNTY4MDYgMy4zNTE5QzcuMDI1MzkgMy40MDIyIDcuNDY3NjggMy41NDk1OSA3Ljg2NzA1IDMuNzg0NzlDOC4yNjY0MyA0LjAxOTk5IDguNjE0MjUgNC4zMzc5IDguODg4NjEgNC43MTg1QzkuMTY0MTYgNC4zNDA2NiA5LjUxMjM4IDQuMDI1NTMgOS45MTE0OCAzLjc5MjgyQzEwLjMxMDYgMy41NjAxMiAxMC43NTIgMy40MTQ4NiAxMS4yMDggMy4zNjYxM0MxMS42NjQxIDMuMzE3NCAxMi4xMjUgMy4zNjYyNiAxMi41NjE5IDMuNTA5NjNDMTIuOTk4OCAzLjY1MyAxMy40MDIzIDMuODg3ODIgMTMuNzQ3MSA0LjE5OTM3QzE0LjA5MiA0LjUxMDkyIDE0LjM3MDcgNC44OTI1MSAxNC41NjU5IDUuMzIwMjVDMTQuNzYxMiA1Ljc0Nzk4IDE0Ljg2ODcgNi4yMTI2NyAxNC44ODE3IDYuNjg1MjFDMTQuODk0NyA3LjE1Nzc1IDE0LjgxMyA3LjYyNzk4IDE0LjY0MTcgOC4wNjY0N0MxNC40NzA0IDguNTA0OTYgMTQuMjEzMSA4LjkwMjI3IDEzLjg4NiA5LjIzMzUzIiBmaWxsPSIjQ0EyODI4Ii8+Cjwvc3ZnPgo=");
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #3B258B;
   border-radius: 6px;
}

.tp-main-box-1-row-5-column-list--casino .tp-main-box-1-row-5-column-item-image:after {
   display: none;
}
.tp-main-box-2-header-search {
   width: 320px;
   position: relative;
   z-index: 40;
}
.tp-main-box-2-header-search input {
   display: block;
   width: 100%;
   padding: 10px 50px 10px 14px;
   border-radius: 37px;
   background: #F6F6F6;
   color: #000000;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   outline: none;
   position: relative;
   z-index: 20;
   border: 1px solid transparent;
}
.tp-main-box-2-header-search input:focus {
   border: 1px solid  #016CEC;
}
.tp-main-box-2-header-search input::placeholder {
   color: #7C8897;
}
.tp-main-box-2-header-search-btn {
   position: absolute;
   width: 14px;
   height: 14px;
   top: 50%;
   transform: translateY(-50%);
   right: 14px;
   cursor: pointer;
   z-index: 30;
}
.tp-main-box-2-header-search.active .tp-main-box-2-header-search-result {
   opacity: 1;
   pointer-events: initial;
}
.tp-main-box-2-header-search-result {
   position: absolute;
   left: -12px;
   opacity: 0;
   pointer-events: none;
   transition: 0.25s;
   width: calc(100% + 24px);
   top: -14px;
   padding: 66px 12px 14px 12px;
   border-radius: 16px;
   background: #FFFFFF;
   box-shadow: 4px 4px 26px 0 rgba(28, 30, 32, 0.31);
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}
.tp-main-box-2-header-search-result a {
   color: #424242;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 12px;
}
.tp-main-box-2-header-search-result a:last-child {
   margin-bottom: 0;
}
.tp-main-box-2-free-image--games {
   width: 164px;
   height: 156px;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-wrap {
   box-shadow: none;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-box-content {
   padding: 12px 0 0 0;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-play-btn {
   height: 47px;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   text-transform: uppercase;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-image {
   height: 191px;
   border-radius: 10px;
   overflow: hidden;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-btn-favorite {
   background-position: center;
   background-repeat: no-repeat;
   background-size: 15px;
   border-radius: 6px;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-btn-favorite:hover {
   background-color: rgba(255, 255, 255, 0.60);
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-image:after {
   content:'';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #231D1D 100%);
}
.tp-main-box-2-free-image--review {
   width: 217px;
   height: 164px;
   margin-bottom: 31px;
}
.tp-main-box-2-free-title--reviews {
   margin-bottom: 24px;
   text-align: left;
   width: 100%;
}
.tp-main-box-2-free-ex-offers {
   padding-top: 0 !important;
}
.tp-main-box-2-free-ex-offers .tp-main-box-2-free-title{
   text-align: left;
   margin-right: auto;
   margin-left: 0;
}
.tp-main-box-2-free-ex-offers .tp-main-box-2-free-text {
   text-align: left;
   margin-right: auto;
   margin-left: 0;
}
.tp-main-box-1-row-4-ex-offers {
   margin-left: -19px;
   margin-right: -19px;
}
.tp-main-box-1-row-4-ex-offers .tp-main-box-1-row-4-item{
   width: calc(50% - 38px);
   margin-left: 19px;
   margin-right: 19px;
}
.tp-edit-main-title {
   color: #111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
   margin-bottom: 24px;
}
.tp-edit-1 {
   display: flex;
   align-items: flex-start;
   width: 708px;
   max-width: 100%;
   padding-bottom: 65px;
   
   margin-bottom: 24px;
   border-bottom: 1px solid #EDEDED;
}
.tp-edit-1-left {
   width: 100px;
   margin-right: 43px;
   min-width: 100px;
}
.tp-edit-1-right {
   width: 334px;
   max-width: calc(100% - 143px);
   display: flex;
   flex-wrap: wrap;
}
.tp-edit-1-right .tp-main-box-1-row-1-item-2{
   margin-top: 24px;
   margin-bottom: 24px;
   margin-right: 0;
}
.tp-edit-1-right  .tp-main-box-1-row-1-item-3 {
   width: 100%;
   padding-right: 48px;
}
.tp-edit-1-right .tp-main-box-name-box-change-btn {
   width: fit-content;
   margin-left: 12px;
   min-width: 36px;
   display: none;
}
.tp-edit-1-right .tp-main-box-name-box-change-label {
   width: calc(100% - 48px);
}
.tp-edit-2 {
   display: flex;
   align-items: center;
   width: 666px;
   max-width: 100%;
   margin-bottom: 36px;
}
.tp-edit-1 .tp-sidebar-user-block-photo {
   margin-bottom: 0;
}
.tp-main-box-popular-slick-games .tp-main-box-popular-slide-read-review {
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
}
.tp-main-box-2-free--reviews {
   padding-top: 7px !important;
}

.tp-edit-1-right .tp-main-box-name-box-change-flex {
   position: relative;
}

.tp-edit-1-right .tp-main-box-name-box-change-btn {
   background: transparent;
   left: auto;
   right: 0px;
   top: 1px;
   display: flex;
}

.delete_with_favourite {
   border-radius: 16px;
   background: #FFF;
   box-shadow: 0 8px 20px 0 rgba(9, 10, 11, 0.40);
   width: 428px;
   max-width: 100%;
   padding: 32px 10px 44px 10px;
}
.delete_with_favourite_image {
   width: 187px;
   height: 181px;
   margin-bottom: 22px;
   margin-left: auto;
   margin-right: auto;
}
.delete_with_favourite_image img {
   display: block;
   width: 100%;
   height: auto;
}
.delete_with_favourite_text {
   color: #424242;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 31px;
}
.delete_with_favourite_btns {
   display: flex;
   justify-content: center;
   align-items: center;
}
.delete_with_favourite_btn_no{
   border-radius:  10px;
   background:  #E0EEFF;
   color: #016CEC;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   padding: 14px 20px;
   margin-right: 16px;
   cursor: pointer;
   transition: 0.25s;
}
.delete_with_favourite_btn_no:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.delete_with_favourite_btn_yes {
   margin-left: 16px;
   padding: 14px 20px;
   border-radius: 10px;
   background: #f3f6fb;
   color: #5a41d6;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   cursor: pointer;
   transition: 0.25s;
}
.delete_with_favourite_btn_yes:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.jq-selectbox__search input {
   border-radius: 37px;
   border: 1px solid  #7C8897;
   padding: 10px 50px 10px 14px;
   color: #000000;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   margin-bottom: 14px;
   background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI5N18xODc0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMTExIDEwLjkzNDFDOS4xMDU0IDExLjc1NjkgNy44MjAwMyAxMi4yNTA2IDYuNDE5MjcgMTIuMjUwNkMzLjE5NzYxIDEyLjI1MDYgMC41ODU5MzggOS42Mzg5NSAwLjU4NTkzOCA2LjQxNzMyQzAuNTg1OTM4IDMuMTk1NjUgMy4xOTc2MSAwLjU4Mzk4NCA2LjQxOTI3IDAuNTgzOTg0QzkuNjQwOSAwLjU4Mzk4NCAxMi4yNTI2IDMuMTk1NjUgMTIuMjUyNiA2LjQxNzMyQzEyLjI1MjYgNy44MTgwOCAxMS43NTg5IDkuMTAzNTEgMTAuOTM2IDEwLjEwOTFMMTMuMjQ4NCAxMi40MjE1QzEzLjQ3NjIgMTIuNjQ5MyAxMy40NzYyIDEzLjAxODcgMTMuMjQ4NCAxMy4yNDY1QzEzLjAyMDYgMTMuNDc0MiAxMi42NTEzIDEzLjQ3NDIgMTIuNDIzNCAxMy4yNDY1TDEwLjExMSAxMC45MzQxWk0xMS4wODU5IDYuNDE3MzJDMTEuMDg1OSA4Ljk5NDY2IDguOTk2NjEgMTEuMDg0IDYuNDE5MjcgMTEuMDg0QzMuODQxOTQgMTEuMDg0IDEuNzUyNiA4Ljk5NDY2IDEuNzUyNiA2LjQxNzMyQzEuNzUyNiAzLjgzOTk5IDMuODQxOTQgMS43NTA2NSA2LjQxOTI3IDEuNzUwNjVDOC45OTY2MSAxLjc1MDY1IDExLjA4NTkgMy44Mzk5OSAxMS4wODU5IDYuNDE3MzJaIiBmaWxsPSIjN0M4ODk3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjk3XzE4NzQiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
   background-repeat: no-repeat;
   background-position: calc(100% - 14px) 13px;
}
.jq-selectbox__search input::placeholder {
   color: #7C8897;
}

.tp-main-box-name-box-change-btn .btn-active {
   display: none;
}
.tp-main-box-name-box-change-btn.saving {
   background: #FFF;
   color: #05AA05;
   box-shadow: 4px 4px 30px 0 #1C1E2014;
}
.tp-main-box-name-box-change-btn.saving .btn-default {
   display: none;
}
.tp-main-box-name-box-change-btn.saving .btn-active{
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 600;
}
.tp-main-box-name-box-change-btn.saving .btn-active:after {
   content:'';
   display: block;
   width: 18px;
   height: 18px;
   margin-left: 4px;
   min-width: 18px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgc3Ryb2tlPSIjMDVBQTA1Ii8+CjxwYXRoIGQ9Ik0xMiA1TDYuNSAxMC41TDQgOCIgc3Ryb2tlPSIjMDVBQTA1IiBzdHJva2Utd2lkdGg9IjEuNjY2NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
.tp-main-box-name-box-change-btn .btn-active:after {
   display: none;
}

.tp-edit-1-right .tp-main-box-name-box-change-btn .btn-default {
   display: block;
   font-weight: 600;
}
.tp-edit-1-right .tp-main-box-name-box-change-btn .btn-active { 
   display: none;
}

.onboarding-banner {
   border-radius: 10px;
   background: #FFF;
   box-shadow: 0 2px 6px 0 rgba(28, 30, 32, 0.21);
   display: flex;
   padding: 16px 16px 24px 16px;
   align-items: center;
   gap: 16px;
   width: 100%;
}

.onboarding-banner .onboarding-banner-content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   flex: 1 0 0;
   width: 100%;
}

.onboarding-banner .onboarding-banner-content .title {
   color: #5A41D6;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   letter-spacing: 0.4px;
   margin-bottom: 8px;
}

.onboarding-banner .onboarding-banner-content .text {
   color: #111;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   margin-bottom: 16px;
}

.onboarding-banner .onboarding-banner-content .link a {
   border-radius: 10px;
   border: 1px solid #5A41D6;
   background: #5A41D6;
   display: flex;
   padding: 12px 20px;
   justify-content: center;
   align-items: center;
   color: #FFF;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   letter-spacing: 0.14px;
   text-transform: uppercase;
}

.personalization {
   border-radius: 10px;
   background: #FFF;
   box-shadow: 0 0 6px 0 rgba(28, 30, 32, 0.19);
   display: flex;
   padding: 24px;
   flex-direction: column;
   align-items: flex-start;
   gap: 16px;
   align-self: stretch;
   margin-bottom: 24px;
}

.personalization-header {
   width: 100%;
}

.personalization-header-top {
   display: flex;
   width: 100%;
   align-items: center;
   gap: 14px;
}

.personalization-header-top .left {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   flex: 1 0 0;
}

.personalization-header-top .left .title{
   color: #111;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 130%;
   letter-spacing: 0.36px;
}

.personalization-header-top .left .text-update{
   color: #7C8897;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   display: flex;
   flex-direction: column;
}

.personalization-header-top .right a {
   border-radius: 10px;
   border: 1px solid #5A41D6;
   background: #5A41D6;
   display: flex;
   padding: 12px 20px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   color: #FFF;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   letter-spacing: 0.14px;
   text-transform: uppercase;
}

.personalization-header-bottom {
   padding: 24px 0;
   border-bottom: 1px solid #EFEFEF;
   color: #424242;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
}

.personalization-form .title{
   color: #111;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
}

.personalization-form summary {
   border-radius: 8px;
   background: #F8F8F8;
   display: flex;
   padding: 10px 14px;
   justify-content: space-between;
   align-items: center;
   align-self: stretch;
   color: #7C8897;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 155%;
   letter-spacing: 0.32px;
   position: relative;
   min-height: 53px;
   height: max-content;
}

.personalization-form summary:after {
   content: '';
   position: absolute;
   width: 14px;
   height: 14px;
   display: block;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDMxOTcgNS4xMzExOUMxLjU5NjA2IDQuOTY3MTUgMS44MTg1OCA0Ljg3NSAyLjA1MDU5IDQuODc1QzIuMjgyNjEgNC44NzUgMi41MDUxMyA0Ljk2NzE1IDIuNjY5MjIgNS4xMzExOUw3LjAwMDQ3IDkuNDYyNDRMMTEuMzMxNyA1LjEzMTE5QzExLjQ5NjcgNC45NzE4IDExLjcxNzggNC44ODM2IDExLjk0NzIgNC44ODU2QzEyLjE3NjYgNC44ODc1OSAxMi4zOTYxIDQuOTc5NjEgMTIuNTU4MyA1LjE0MTg1QzEyLjcyMDUgNS4zMDQwOCAxMi44MTI2IDUuNTIzNTQgMTIuODE0NiA1Ljc1Mjk2QzEyLjgxNjYgNS45ODIzOCAxMi43Mjg0IDYuMjAzNDEgMTIuNTY5IDYuMzY4NDRMNy42MTkwOSAxMS4zMTgzQzcuNDU1MDEgMTEuNDgyMyA3LjIzMjQ5IDExLjU3NDUgNy4wMDA0NyAxMS41NzQ1QzYuNzY4NDUgMTEuNTc0NSA2LjU0NTkzIDExLjQ4MjMgNi4zODE4NCAxMS4zMTgzTDEuNDMxOTcgNi4zNjg0NEMxLjI2NzkzIDYuMjA0MzUgMS4xNzU3OCA1Ljk4MTgzIDEuMTc1NzggNS43NDk4MUMxLjE3NTc4IDUuNTE3NzkgMS4yNjc5MyA1LjI5NTI3IDEuNDMxOTcgNS4xMzExOVoiIGZpbGw9IiM0MjQyNDIiLz4KPC9zdmc+Cg==);
   right: 14px;
}

.personalization-form details[open] summary:after {
   transform: rotate(180deg);
}

.personalization-forms {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.personalization-form {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.personalization-form details[open] summary {
   background: #fff;
   height: 23px;
   min-height: 23px;
}

.personalization-form details[open] summary span{
   display: none;
}

summary .active {
   color: #111;
}

.personalization-form details[open] {
   display: flex;
   flex-direction: column;
   border-radius: 10px;
   border: 1px solid #DCDCDC;
   background: #FFF;
   padding: 14px 14px 24px 14px;
}

.step-toolbar {
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.step-toolbar .search input {
   width: 100%;
   max-width: 292px;
   min-width: 292px;
}

.step-toolbar .search input {
   border-radius: 30px;
   border: 1px solid #ADAAAA;
   background: #FFF;
   padding: 14px 24px;
   color: #424242;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   width: 100%;
}

.search:before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyNDhfMjE5ODgpIj4KPHBhdGggZD0iTTE5LjgxNjQgMTguOTI2NkwxMy43NDM2IDEyLjgxNjZDMTQuODc1NCAxMS40NjA5IDE1LjU1NzYgOS43MTY4NyAxNS41NTc2IDcuODEyNUMxNS41NTc2IDMuNDk3ODEgMTIuMDU5OCAwIDcuNzQ1MTIgMEMzLjQzMDQzIDAgLTAuMDY3MzgyOCAzLjQ5NzgxIC0wLjA2NzM4MjggNy44MTI1Qy0wLjA2NzM4MjggMTIuMTI3MiAzLjQzMDQzIDE1LjYyNSA3Ljc0NTEyIDE1LjYyNUM5LjcwNTQzIDE1LjYyNSAxMS40OTYxIDE0LjkwMTIgMTIuODY3OSAxMy43MDgxTDE4LjkzMjMgMTkuODEwNkMxOS4xNzY0IDIwLjA1NDcgMTkuNTcyMyAyMC4wNTQ3IDE5LjgxNjQgMTkuODEwNkMyMC4wNjAxIDE5LjU2NjYgMjAuMDYwMSAxOS4xNzA5IDE5LjgxNjQgMTguOTI2NkgxOS44MTY0Wk03Ljc0NTEyIDE0LjM4NTNDNC4xMTUxMiAxNC4zODUzIDEuMTcyMyAxMS40NDI1IDEuMTcyMyA3LjgxMjVDMS4xNzIzIDQuMTgyNSA0LjExNTEyIDEuMjM5NjkgNy43NDUxMiAxLjIzOTY5QzExLjM3NTEgMS4yMzk2OSAxNC4zMTc5IDQuMTgyNSAxNC4zMTc5IDcuODEyNUMxNC4zMTc5IDExLjQ0MjUgMTEuMzc1MSAxNC4zODUzIDcuNzQ1MTIgMTQuMzg1M1oiIGZpbGw9IiMxMTExMTEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjQ4XzIxOTg4Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
   filter: none;
   content: '';
   display: block;
   width: 20px;
   height: 20px;
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translate(-50%, -50%);
   background-position:
           center center;
   background-repeat: no-repeat;
   background-size: contain;
}

.select-all button {
   color: #016CEC;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 16px; /* 114.286% */
   text-transform: uppercase;
   background: transparent;
}

.tag-select {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   margin-top: 24px;
}

.tag-select .tag {
   border-radius: 10px;
   border: 1px solid #ADAAAA;
   background: #FFF;
   display: flex;
   padding: 10px 12px;
   align-items: center;
   gap: 8px;
   cursor: pointer;
   height: max-content;
}

.tag-select .tag svg path {
   fill: #424242;
}

.tag-select .tag[data-value="baccarat"] svg path:last-child, .tag-select .tag[data-value="live-baccarat"] svg path:last-child{
   stroke: #424242;
}

.tag-select .tag.active svg path{
   fill: #fff;
}

.tag-select .tag.active[data-value="baccarat"] svg path:last-child, .tag-select .tag.active[data-value="live-baccarat"] svg path:last-child{
   stroke: #fff;
}

.tag-select .tag.active {
   background: linear-gradient(81deg, #5A41D6 0%, #9273FF 86.51%);
   border-color: transparent;
   color: #fff;
   background-repeat: no-repeat;
}

.personalization-form-footer button {
   border-radius: 10px;
   background: #5A41D6;
   display: flex;
   padding: 12px 20px;
   align-items: center;
   gap: 10px;
   color: #FFF;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 150%;
   letter-spacing: 0.14px;
   text-transform: uppercase;
   cursor: pointer;
}

.personalization-form-footer {
   margin-top: 24px;
}

.personalization-form-footer button.disabled {
   background: #777;
}

.step-header {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding-bottom: 12px;
   border-bottom: 1px solid #D9E2ED;
   margin-bottom: 24px;
}

.your-choose {
   display: flex;
   gap: 12px;
   color: #111;
   text-align: center;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   flex-wrap: wrap;
}

.your-choose.hide {
   display: none;
}

.your-choose span.selected {
   display: flex;
   align-items: center;
   gap: 5px;
   cursor: pointer;
}

.your-choose span.selected:after{
   content: '';
   width: 9px;
   height: 9px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjgwMjM3IDYuMjkyOTZMOC4wMzMyMyA5LjUyMzgyQzguMjA0NjcgOS42OTUyNiA4LjQzNzE5IDkuNzkxNTggOC42Nzk2NCA5Ljc5MTU4QzguOTIyMSA5Ljc5MTU4IDkuMTU0NjIgOS42OTUyNiA5LjMyNjA2IDkuNTIzODJDOS40OTc1IDkuMzUyMzggOS41OTM4MSA5LjExOTg2IDkuNTkzODEgOC44Nzc0MUM5LjU5MzgxIDguNjM0OTUgOS40OTc1IDguNDAyNDMgOS4zMjYwNiA4LjIzMDk5TDYuMDkzOTggNS4wMDAxM0w5LjMyNTQ1IDEuNzY5MjhDOS40MTAzIDEuNjg0MzkgOS40Nzc1OSAxLjU4MzYyIDkuNTIzNSAxLjQ3MjcyQzkuNTY5NCAxLjM2MTgyIDkuNTkzMDEgMS4yNDI5NyA5LjU5Mjk5IDEuMTIyOTVDOS41OTI5NiAxLjAwMjkzIDkuNTY5MjkgMC44ODQwODcgOS41MjMzMyAwLjc3MzIxMkM5LjQ3NzM4IDAuNjYyMzM3IDkuNDEwMDMgMC41NjE1OTkgOS4zMjUxNCAwLjQ3Njc1MUM5LjI0MDI2IDAuMzkxOTAyIDkuMTM5NDkgMC4zMjQ2MDUgOS4wMjg1OSAwLjI3ODcwMUM4LjkxNzY5IDAuMjMyNzk2IDguNzk4ODQgMC4yMDkxODQgOC42Nzg4MiAwLjIwOTIxMkM4LjU1ODc5IDAuMjA5MjQxIDguNDM5OTUgMC4yMzI5MDkgOC4zMjkwOCAwLjI3ODg2NUM4LjIxODIgMC4zMjQ4MjIgOC4xMTc0NyAwLjM5MjE2NyA4LjAzMjYyIDAuNDc3MDU2TDQuODAyMzcgMy43MDc5MUwxLjU3MTUxIDAuNDc3MDU2QzEuNDg3MjUgMC4zODk3MzIgMS4zODY0NCAwLjMyMDA2NCAxLjI3NDk3IDAuMjcyMTE3QzEuMTYzNDkgMC4yMjQxNyAxLjA0MzU5IDAuMTk4OTAzIDAuOTIyMjQ1IDAuMTk3NzkyQzAuODAwOTAyIDAuMTk2NjgxIDAuNjgwNTUzIDAuMjE5NzQ3IDAuNTY4MjIgMC4yNjU2NDVDMC40NTU4ODcgMC4zMTE1NDIgMC4zNTM4MTkgMC4zNzkzNTIgMC4yNjc5NzMgMC40NjUxMTdDMC4xODIxMjYgMC41NTA4ODMgMC4xMTQyMiAwLjY1Mjg4NyAwLjA2ODIxNyAwLjc2NTE3N0MwLjAyMjIxMzUgMC44Nzc0NjYgLTAuMDAwOTY2MDA0IDAuOTk3Nzk0IDMuMDgzODNlLTA1IDEuMTE5MTRDMC4wMDEwMjc2OCAxLjI0MDQ4IDAuMDI2MTgwOCAxLjM2MDQxIDAuMDc0MDIyOSAxLjQ3MTkzQzAuMTIxODY1IDEuNTgzNDUgMC4xOTE0MzggMS42ODQzMiAwLjI3ODY4MSAxLjc2ODY3TDMuNTEwNzYgNS4wMDAxM0wwLjI3OTI5MSA4LjIzMTZDMC4xOTIwNDcgOC4zMTU5NCAwLjEyMjQ3NCA4LjQxNjgyIDAuMDc0NjMyNCA4LjUyODM0QzAuMDI2NzkwMyA4LjYzOTg2IDAuMDAxNjM2ODkgOC43NTk3OSAwLjAwMDY0MDA0NSA4Ljg4MTEzQy0wLjAwMDM1Njc5OCA5LjAwMjQ3IDAuMDIyODIyNyA5LjEyMjggMC4wNjg4MjYyIDkuMjM1MDlDMC4xMTQ4MyA5LjM0NzM4IDAuMTgyNzM2IDkuNDQ5MzggMC4yNjg1ODIgOS41MzUxNUMwLjM1NDQyOCA5LjYyMDkxIDAuNDU2NDk2IDkuNjg4NzMgMC41Njg4MjkgOS43MzQ2MkMwLjY4MTE2MiA5Ljc4MDUyIDAuODAxNTEyIDkuODAzNTkgMC45MjI4NTQgOS44MDI0N0MxLjA0NDIgOS44MDEzNiAxLjE2NDEgOS43NzYxIDEuMjc1NTggOS43MjgxNUMxLjM4NzA1IDkuNjgwMiAxLjQ4Nzg2IDkuNjEwNTMgMS41NzIxMiA5LjUyMzIxTDQuODAyMzcgNi4yOTI5NloiIGZpbGw9IiNGRjUzNTMiLz4KPC9zdmc+Cg==);
   display: block;
   background-repeat: no-repeat;
   background-size: contain;
}

.price-options {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.price-option {
   display: flex;
   align-items: center;
   padding: 12px 14px;
   border-radius: 10px;
   border: 1px solid #ADAAAA;
   background: #FFF;
   cursor: pointer;
   transition: 0.2s ease;
   position: relative;
   width: max-content;
   min-width: 292px;
   color: #111;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
}

.price-option input[type="radio"] {
   display: none;
}

.custom-radio {
   width: 16px;
   height: 16px;
   border: 1.5px solid #ccc;
   border-radius: 50%;
   margin-right: 10px;
   position: relative;
}

.custom-radio::after {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: 8px;
   height: 8px;
   background: #fff;
   border-radius: 50%;
   opacity: 0;
   transition: 0.2s ease;
}

.price-option input[type="radio"]:checked + .custom-radio::after {
   opacity: 1;
}

.price-option input[type="radio"]:checked + .custom-radio {
   border-color: #5A41D6;
   background: #5A41D6;
}

.personalization-form .content {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   flex-direction: column;
}

.progress-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-top: 24px;
   margin-bottom: 16px;
   position: relative;
}

.progress-label {
   font-weight: bold;
}

.progress-bar {
   position: relative;
   flex-grow: 1;
   height: 16px;
   border-radius: 8px;
   background: #f4f4f4;
   margin-right: 10px;
}

.progress-fill {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 25%;
   border-radius: 8px;
   background: linear-gradient(81deg, #5A41D6 0%, #9273FF 86.51%);
}

.progress-circle {
   position: absolute;
   top: 50%;
   left: 25%;
   transform: translate(-50%, -50%);
   width: 18px;
   height: 18px;
   background: white;
   border: 3px solid #5A41D6;
   border-radius: 50%;
   z-index: 2;
}

.progress-percent {
   position: absolute;
   bottom: 100%;
   left: 25%;
   transform: translateX(-50%);
   margin-top: 5px;
   font-weight: bold;
}

.step-header-toolbar {
   display: flex;
   width: 100%;
   justify-content: space-between;
}

.reset {
   color: #EA4646;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 16px;
   text-transform: uppercase;
   cursor: pointer;
}

.tp-edit-box {
   border-radius: 10px;
   background: #FFF;
   box-shadow: 0 0 6px 0 rgba(28, 30, 32, 0.19);
   display: flex;
   padding: 24px;
   flex-direction: column;
   align-items: flex-start;
   gap: 16px;
   align-self: stretch;
   margin-bottom: 24px;
   width: 100%;
}

.tp-main-box-1-row-2-left {
   margin-right: 10px;
   display: flex;
   align-items: center;
   width: 100%;
}

.tp-edit-3 {
   max-width: 100%;
   width: 100%;
}

.tp-main-box-1-row-3-item {
   width: 100%;
   padding: 0;
}

.search {
   position: relative;
}

.autocomplete-list {
   padding: 12px;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   align-self: stretch;
   border-radius: 10px;
   border: 1px solid #DBDBDB;
   background: #FFF;
   box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15);
   margin-top: 10px;
   display: none;
   position: absolute;
   width: 100%;
   z-index: 9;
   cursor: pointer;
}

#onboarding-modal .modal-content .close{
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ik1haW4vTWVudSI+CjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQ1MTA4IDE5LjIyMzlDMy45ODI0NSAxOS42OTI1IDMuOTgyNDUgMjAuNDUyMyA0LjQ1MTA4IDIwLjkyMDlDNC45MTk3MSAyMS4zODk1IDUuNjc5NTEgMjEuMzg5NSA2LjE0ODE0IDIwLjkyMDlMMTIuODUxIDE0LjIxOEwxOS43MjQ2IDIxLjA5MTZDMjAuMTkzMiAyMS41NjAzIDIwLjk1MyAyMS41NjAzIDIxLjQyMTYgMjEuMDkxNkMyMS44OTAzIDIwLjYyMyAyMS44OTAzIDE5Ljg2MzIgMjEuNDIxNiAxOS4zOTQ2TDE0LjU0ODEgMTIuNTIxTDIxLjQyMTYgNS42NDc0MUMyMS44OTAzIDUuMTc4NzggMjEuODkwMyA0LjQxODk4IDIxLjQyMTYgMy45NTAzNUMyMC45NTMgMy40ODE3MiAyMC4xOTMyIDMuNDgxNzIgMTkuNzI0NiAzLjk1MDM1TDEyLjg1MSAxMC44MjM5TDYuMTQ4MTQgNC4xMjEwN0M1LjY3OTUxIDMuNjUyNDQgNC45MTk3MSAzLjY1MjQ0IDQuNDUxMDggNC4xMjEwN0MzLjk4MjQ1IDQuNTg5NyAzLjk4MjQ1IDUuMzQ5NDkgNC40NTEwOCA1LjgxODEyTDExLjE1MzkgMTIuNTIxTDQuNDUxMDggMTkuMjIzOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==);
   content: '';
   width: 17px;
   height: 17px;
   background-size: cover;
   background-repeat: no-repeat;
   position: absolute;
   right: 24px;
   top: 24px;
   cursor: pointer;
}

#onboarding-modal {
   width: 593px;
   border-radius: 10px;
   background: #0A0F21;
   color: #FFF;
   padding: 16px 26px 36px 26px;
   max-width: 100%;
}

#onboarding-modal .modal-content {
   color: #FFF;
   text-align: center;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   letter-spacing: 0.48px;
   margin-top: 48px;
   display: flex;
   flex-direction: column;
   gap: 14px;
}

#onboarding-modal .modal-content span {
   color: #FFF;
   text-align: center;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 130%;
   letter-spacing: 0.36px;
}

@media screen and (max-width: 700px){
   #onboarding-modal img {
      width: 145px;
   }

   #onboarding-modal .modal-content {
      font-size: 20px;
      line-height: 155%;/
   }

   #onboarding-modal .modal-content span {
      font-size: 16px;
   }
}

.progress-label {
   font-weight: bold;
   position: absolute;
   bottom: 100%;
   margin-top: 5px;
}

.progress-label:last-child {
   right: 0;
}

details summary {
   list-style: none;
   outline: none;
   cursor: pointer;
}

details summary::-webkit-details-marker {
   display: none;
}

details summary {
   padding-left: 0;
   text-align: left;
}

.price-options.out-border .price-option{
   border: 0 !important;
}

.step-content::-webkit-scrollbar {
   width: 3px;
   height: 3px;
}

.step-content::-webkit-scrollbar-track {
   background: #F6F6F6;
   border-radius: 3px;
}

.step-content::-webkit-scrollbar-thumb {
   background: #5A41D6;
   border-radius: 3px;
}

@media screen and (max-width: 1200px) {
   .tp-main-box {
      padding: 160px 24px 42px 24px !important;
   }
}

@media screen and (max-width: 1100px) {
   .tp-main-box {
      padding-top: 120px;
   }
   .tp-sidebar {
      padding-top: 120px;
   }
   .tp-main-box-1-row-1-item-1 {
      width: 100%;
      margin-bottom: 20px;
   }
   .tp-main-box-1-row-1-item-3 {
      width: 100%;
   }
   .tp-main-box-1-row-4 {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
   }
   .tp-main-box-1-row-4-item {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 20px;
   }
   .tp-main-box-1-row-4-item:first-child {
      margin-top: 0;
   }
   .tp-main-box-1-row-5 {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-left: 0;
      margin-right: 0;
      margin-top: 24px;
   }
   .tp-main-box-1-row-5-column {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 24px;
   }
   .tp-main-box-1-row-5-column:first-child {
      margin-top: 0;
   }
   .tp-main-box-1-row-1 {
      padding-bottom: 24px;
   }
   .tp-main-box-1-row-1-right {
      width: 154px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .tp-main-box-1-row-1-left {
      width: calc(100% - 165px);
   }
   .tp-main-box-1-row-1-right-image {
      width: 78px;
      height: 78px;
      margin-left: auto;
      margin-right: auto;
      min-width: 78px;
      margin-bottom: 13%;
   }
   .tp-main-box-1-row-1-right-image img {
      max-width: 100%;
      max-height: 100%;
      width: 56px;
      height: 42px;
      object-fit: contain;
      object-position: center;
   }
   .tp-main-box-1-row-1-right-title {
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 23px;
   }
   .tp-main-box-1-row-1-right-count {
      font-size: 21px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
   }
   .tp-main-box-1-row-1-right-btn{ 
      width: 131px;
      height: 36px;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      padding: 2px 4px;
      margin-top: 3px;
   }
   .tp-main-box-1-row-1-left-top {
      padding-bottom: 3px;
   }
   .tp-main-box-name-box-change-btn {
      width: 380px;  
      max-width: calc(100% - 32px);
      height: 44px;
   }
   .tp-main-box-name-box-change-label {
      width: calc(100% - 50px);
   }
   .tp-main-box-1-row-1-item-3 .jq-selectbox {
      max-width: calc(100% - 50px);
   }
   .tp-main-box-1-row-4-item-top {
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
   }
   .tp-main-box-1-row-4-item-body-box {
      margin-left: 54px;
   }
   .tp-main-box-1-row-4-item-btn {
      width: 189px;
      height: 38px;
   }
   .tp-main-box-1-row-4-item-title {
      margin-bottom: 14px;
   }
   .tp-main-box-1-row-4-item-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 175%;
   }
   .tp-main-box-1-row-4-item-body-box {
      padding-top: 22px;
      padding-bottom: 22px;
   }
   .tp-sidebar {
      width: 194px;
      min-width: 194px;
   }
   .tp-main-box {
      width: calc(100% - 194px);
   }
   .tp-main-box {
      padding-left: 20px;
      padding-right: 20px;
   }
   .tp-main-box-1-row-5-column-item {
      width: calc(33.33% - 14px);
      margin-left: 7px;
      margin-right: 7px;
   }
   .tp-main-box-1-row-5-column-list {
      margin-left: -7px;
      margin-right: -7px;
   }
   .tp-sidebar-btn-out {
      max-width: calc(100% - 40px);
   }
   .tp-sidebar-menu a {
      font-size: 12px;
   }
   .tp-sidebar-menu a span {
      width: 21px;
      height: 21px;
      min-width: 21px;
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
   }
   .tp-main-box-2-free-image {
      width: 108px;
      height: 95px;
   }
   .tp-main-box-2-free-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 23px;
   }
   .tp-main-box-2-free-title--reviews {
      font-size: 18px;
   }
   .tp-edit-1 .main-tooltip {
      margin-right: 0px;
   }
   .tp-main-box-2-free-text {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
   }
   .tp-main-box-popular-slider-box {
      margin-top: 55px;
      padding-top: 32px;
   }
   .tp-main-box-2-free {
      padding-top: 32px;
   }
   .tp-main-box-popular-slide {
      width: 50%;
   }
   .tp-main-box-popular-slider--casino .tp-main-box-popular-slide-image {
      height: 155px;
   }
   .tp-main-box-popular-slide-welcome-bonus-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      margin-bottom: 5px;
   }
   .tp-main-box-popular-slide-welcome-bonus-value {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 23px;
      margin-bottom: 25px;
   }
   .tp-main-box-popular-slider--casino .tp-main-box-popular-slide-play-btn{ 
      width: 237px;
      max-width: 100%;
   }
   .tp-main-box-2-header {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      margin-bottom: 16px;
   }
   .tp-main-box-2-header-search {
      width: 50%;
      margin-left: auto;
      margin-top: -54px;
   }
   .tp-main-box-2-header-tabs {
      width: 100%;
      margin-top: 17px;
      max-width: 100%;
   }
   .tp-main-box-2-title--fav-cas {
      width: 50%;
   }
   .tp-main-box-2-header-tab {
      width: 50%;
   }
   .tp-main-box-2-item {
      width: calc(50% - 20px);
   }
   .tp-main-box-2-item-box-welcome-bonus-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      margin-bottom: 6px;
   }
   .tp-main-box-2-item-box-welcome-bonus {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 23px;
      margin-bottom: 25px;
   }
   .tp-main-box-2-list-show-more {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 32px;
      background: #f3f6fb;
      border-radius: 10px;
      width: 329px;
      height: 41px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      color: #5a41d6;
      text-align: center;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
   }
   .tp-main-box-2-list-show-more:hover {
      background: #5a41d6;
      color: #ffffff;
   }
   .tp-main-box-2-header--games {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 32px;
   }
   .tp-main-box-2-header--games .tp-main-box-2-header-search{ 
      margin-top: 0;
   }
   .tp-main-box-2-list--games .tp-main-box-2-item {
      width: calc(50% - 20px);
   }
   .tp-main-box-1-row-4-ex-offers .tp-main-box-1-row-4-item {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
   }
   .tp-main-box-1-row-4-ex-offers .tp-main-box-1-row-4-item:first-child {
      margin-top: 0;
   }
   .tp-main-box-1-row-4-ex-offers {
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
   }
   .tp-main-box-1-row-3-item {
      padding-right: 0;
   }
   .tp-sidebar {
      padding-top: 155px;
   }
   .tp-main-box {
      padding-top: 160px;
   }
   .tp-sidebar-menu a {
      padding-left: 12px;
      padding-right: 12px;
   }
   .tp-sidebar-menu .active a:after {
      width: 5px;
   }
   .tp-main-box-2-item-image {
      height: 155px;
   }
   .tp-main-box-2-free-image--games {
      width: 164px;
      height:  156px;
   }
   .tp-main-box-2-free-image--review {
      width: 217px;
      height: 164px;
   }
}
@media screen and (max-width: 992px) {
   .tp-main-box {
      padding: 160px 24px 42px 24px !important;
   }
}
@media screen and (max-width: 767px) {
   .personalization-header-top {
      flex-direction: column;
   }
   .personalization {
      padding: 24px 14px;
   }

   .personalization-header-top .left, .personalization-header-top .right {
      width: 100%;
   }

   .search {
      width: 100%;
      margin-bottom: 14px;
   }
   .step-toolbar {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      justify-content: flex-end;
   }
   .step-toolbar .search input {
      width: 100%;
      max-width: initial;
      min-width: initial;
   }

   .step-content {
      max-height: 200px;
      overflow: auto;
   }
   .tp-sidebar {
      display: none;
   }
   .tp-mobile-menu {
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      border-top: 1px solid #0A0F21;
      background: #0A0F21;
      padding: 0 10px;
      z-index: 10;
   }
   .tp-mobile-menu li {
      margin-left: 8px;
      margin-right: 8px;
   }
   .tp-mobile-menu li:first-child {
      margin-left: 0;
   }
   .tp-mobile-menu li:last-child {
      margin-right: 0;
   }
   .tp-mobile-menu a,
   .tp-mobile-menu button {
      display: flex;
      background: transparent;
      cursor: pointer;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      text-align: center;
      font-size: 8px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      padding: 11px 0;
      position: relative;
      text-transform: uppercase;
   }
   .tp-mobile-menu a:before,
   .tp-mobile-menu button:before {
      content: '';
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 25px;
      margin-left: auto;
      margin-right: auto;
      height: 23px;
      margin-bottom: 6px;
   }
   .tp-sidebar-menu-log-out:before {
      content: '';
      display: block;
      width: 25px;
      margin-left: auto;
      margin-right: auto;
      height: 23px;
      margin-bottom: 6px;
   }
   .tp-mobile-menu .active a:after {
      content: '';
      display: block;
      width: 100%;
      height: 5px;
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 7px 7px 0 0;
      background: #5a41d6;
   }
   .tp-main-box {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px;
   }
   .tp-main-box-1-mobile-top {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 53px;
   }
   .tp-main-box {
      padding-top: 148px;
   }
   .tp-main-box-1-title {
      margin-bottom: 21px;
   }
   .tp-main-box-title {
      font-weight: 600;
   }
   .tp-main-box-1-row-1 {
      padding-bottom: 24px;
      margin-bottom: 0;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }
   .tp-main-box-1-row-1-item-1 {
      min-width: 1px;
      max-width: 100%;
      margin-bottom:0;
   }
   .tp-main-box-input-label-text {
      margin-bottom: 4px;
   }
   .tp-main-box-1-row-1-item-3 {
      margin-top: 20px;
   }
   .tp-main-box-1-row-1-item-3 .jq-selectbox {
      margin-top: -2px;
   }
   .tp-main-box-1-row-2 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }
   .tp-main-box-1-row-2-left {
      width: 100%;
      margin-bottom: 17px;
   }
   .tp-main-box-1-row-2-right-btn {
      width: 328px;
      height: 44px;
      margin-left: 0;
      margin-right: auto;
      max-width: 100%;
   }
   .tp-main-box-1-row-2 {
      padding-bottom: 24px;
      margin-bottom: 24px;
   }
   .tp-main-box-1-row-3 {
      padding-right: 0;
      padding-bottom: 24px;
      margin-bottom: 20px;
   }
   .tp-main-box-1-row-3-flex {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }
   .tp-main-box-1-row-3-item {
      align-items: flex-start;
   }
   .tp-main-box-1-row-3-item {
      width: 100%;
      margin-bottom: 19px;
   }
   .tp-main-box-1-row-3-item:last-child {
      margin-bottom: 0;
   }
   .tp-main-box-1-row-4 {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .tp-main-box-1-row-4-item {
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
   }
   .tp-main-box-1-row-4-item:last-child {
      margin-bottom: 0;
   }
   .tp-main-box-1-row-4-item-top {
      margin-bottom: 10px;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
   }
   .tp-main-box {
      padding-bottom: 120px;
   }
   .casino-gift-popup-toggle {
      display: none !important;
   }
   .tp-main-box-name-box-change {
      margin-top: -2px;
   }
   .tp-main-box-2-free-text {
      margin-bottom: 24px;
   }
   .tp-main-box-2-free-image {
      margin-bottom: 30px;
   }
   .tp-main-box-free-btn {
      width: 328px;
      max-width: 100%;
      height: 44px;
   }
   .tp-main-box-free-btn-wrap {
      padding-right: 0;
   }
   .tp-main-box-popular-slider-box {
      padding-top: 32px;
      margin-top: 50px;
   }
   .tp-main-box-popular-slider-box-text {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      margin-bottom: 24px;
   }
   .tp-main-box-popular-slide, 
   .tp-main-box-popular-slider--casino .tp-main-box-popular-slide {
      width: 334px;
      padding-left: 3px;
      padding-right: 3px;
   }
   .tp-main-box-popular-slick {
      margin-left: -16px;
      margin-right: -16px;
   }
   .tp-main-box-popular-slick .slick-dots {
      top: 4px;
   }
   .tp-main-box-popular-slick {
      padding-bottom: 24px;
   }
   .tp-main-box-popular-slide-image {
      height: 155px;
   }
   .tp-main-box-popular-slide-box-content {
      padding: 12px 13px 22px 13px;
   }
   .tp-main-box-popular-slide-welcome-bonus-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      margin-bottom: 4px;
   }
   .tp-main-box-popular-slide-welcome-bonus-value {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      margin-bottom: 16px;
   }
   .tp-main-box-2-list {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
   }
   .tp-main-box-2-item {
      width: 450px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 16px;
   }
   .tp-main-box-2-item:first-child {
      margin-top: 0;
   }
   .tp-main-box-2-title {
      margin-bottom: 21px;
   }
   .tp-main-box-2-header-sort {
      display: none;
   }
   .tp-main-box-2-header-tabs {
      width: 100%;
      max-width: 100%;
   }
   .tp-main-box-2-header-tab {
      flex-grow: 2;
   }
   .tp-main-box-2-header {
      margin-bottom: 24px;
   }
   .tp-main-box-2-item-image {
      height: 155px;
   }
   .tp-main-box-2-item-box-content {
      padding: 12px 12px 19px 12px;
   }
   .tp-main-box-2-item-box-welcome-bonus-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      margin-bottom: 4px;
   }
   .tp-main-box-2-item-box-welcome-bonus {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%; 
      margin-bottom: 16px;
   }
   .tp-main-box-2-item {
      display: block;
   }
   .tp-main-box-3-free-image {
      width: 169px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 35px;
   }
   .tp-main-box-2-list--games  {
      margin-top: -16px;
      margin-left: -8px;
      margin-right: -8px;
   }
   .tp-main-box-2-list--games .tp-main-box-2-item {
      width: calc(50% - 16px);
      margin-left: 8px;
      margin-right: 8px;
      margin-top: 16px;
      display: block;
   }
   .tp-main-box-2-title--games{ 
      margin-bottom: 0;
   }
   .tp-main-box-2-header--games {
      margin-bottom: 20px;
   }
   .tp-main-box-2-list--games {
      flex-direction: row;
   }
   .tp-main-box-4-free-image img {
      left: 0;
   }
   .tp-main-box-4-free-image {
      width: 221px;
      max-width: 100%;
      margin-bottom: 24px;
   }
   .tp-main-review-item {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: transparent;
      box-shadow: none;
      padding: 0;
   }
   .tp-main-review-item-left {
      width: 100%;
      border-radius: 10px;
      border: 1px solid #C3DBF9;
      background:  #FFF;
      box-shadow: 0 3px 0 0 rgba(1, 108, 236, 0.21);
      margin-bottom: 8px;
      padding: 14px 14px 16px 110px;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      min-height: 72px;
   }
   .tp-main-review-item-casino-logo {
      position: absolute;
      top: 0;
      left: 0;
      width: 98px;
      height: 100%;
   }
   .tp-main-review-item-casino-name {
      width: 100%;
      margin-bottom: 6px;
      text-align: left;
   }
   .tp-main-review-item-casino-logo img {
      border-radius: 10px 0 0 10px;
   }
   .tp-main-review-item-casino-rating-title {
      margin-bottom: 0;
      margin-right: 5px;
   }
   .tp-main-review-item-casino-rating-value-stars {
      margin-bottom: 0;
      margin-right: 3px;
   }
   .tp-main-review-item-casino-rating-value-count {
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px; 
   }
   .tp-main-review-item-right {
      border-radius: 10px;
      background: #FFF;
      box-shadow: 4px 4px 20px 0 rgba(136, 160, 208, 0.20);
      padding: 12px;
      width: 100%;
   }
   .tp-main-review-item-right-header-data {
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
   }
   .tp-main-box-1-row-1-left {
      width: 100%;
      margin-bottom: 20px;
   }
   .tp-main-box-1-row-1-right {
      width: 100%;
   }
   .tp-main-box-1-title {
      margin-bottom: 0;
   }
   .tp-main-box-1-row-1-left-top {
      padding-bottom: 10px;
      margin-bottom: 16px;
   }
   .tp-main-box-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
   }
   .tp-main-box-name-box-change-flex {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .tp-main-box-name-box-change-label {
      width: 100%;
      margin-bottom: 12px;
   }
   .tp-main-box-name-box-change-btn {
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
   }
   .tp-main-box-1-row-1-left {
      padding-bottom: 88px;
   }
   .tp-main-box-1-row-1-item-3 .jq-selectbox {
      max-width: 100%;
      margin-top: 0;
   }
   .tp-main-box-1-row-1-right {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
   }
   .tp-main-box-1-row-1-right-image {
      margin-left: 0;
      margin-right: 28px;
      width: 100px;
      height: 100px;
      min-width: 100px;
      margin-bottom: 0;
   }
   .tp-main-box-1-row-1-right-image img {
      width: 72px;
      height: 54px;
   }
   .tp-main-box-1-row-1-right-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; 
   }
   .tp-main-box-1-row-1-right-count {
      font-size: 30px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
   }
   .tp-main-box-1-row-1-right-btn {
      width: 161px;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
   }
   .tp-main-box-1-row-4-item-body-box {
      margin-left: 10px;
      width: 195px;
   }
   .tp-main-box-1-row-4-item-title {
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 130%;
   }
   .tp-main-box-1-row-4-item-logo {
      width: 71px;
      margin-bottom: 6px;
   }
   .tp-main-box-1-row-4-item-body {
      display: flex;
      align-items: center;
   }
   .tp-main-box-1-row-4-item-btn {
      width: 161px;
      height: 37px;
   }
   .tp-main-box-1-row-5-column-header {
      padding-bottom: 10px;
      margin-bottom: 12px;
   }
   .tp-main-box-1-row-5-column-header-title {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
   }
   .tp-main-box-1-row-5-column-item:nth-child(3){
      display: none;
   }
   .tp-main-box-1-row-5-column-item {
      width: calc(50% - 16px);
      margin-left: 8px;
      margin-right: 8px;
   }
   .tp-main-box-1-row-5-column-list {
      margin-left: -8px;
      margin-right: -8px;
   }
   .tp-main-box-2-free-image {
      margin-bottom: 20px;
   }
   .tp-main-box-popular-slide,
   .tp-main-box-popular-slider--casino .tp-main-box-popular-slide {
      padding: 20px 16px;
   }
   .tp-main-box-popular-slider--casino .tp-main-box-popular-slide-play-btn,
   .tp-main-box-popular-slide-play-btn {
      width: 100%;
      max-width: 100%;
      height: 40px;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      text-transform: uppercase;
   }
   .tp-main-box-popular-slide-welcome-bonus-value:before {
      position: relative;
      top: 3px;
   }
   .tp-main-box-2-header-search {
      width: 100%;
      margin-top: 0;
   }
   .tp-main-box-2-title--fav-cas {
      width: 100%;
      margin-bottom: 12px;
   }
   .tp-main-box-2-header-search input {
      font-size: 12px;
   }
   .tp-main-box-2-header-tabs {
      margin-top: 16px;
      justify-content: space-between;
   }
   .tp-main-box-2-header-tab {
      width: calc(50% - 8px);
      flex-grow: 0;
   }
   .tp-main-box-2-header-tab.active{ 
      border-bottom: 2px solid #6A6ED4;
   }
   .tp-main-box-2-list-show-more {
      margin-top: 24px;
   }
   .tp-main-box-popular-slider-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }
   .tp-main-box-popular-slick {
      width: 450px;
      max-width: calc(100% + 32px);
   }
   .tp-main-box-popular-slider-box-title {
      width: 100%;
      position: relative;
      z-index: 20;
   }
   .tp-main-box-popular-slider-box-text {
      width: 100%;
      position: relative;
      z-index: 20;
   }
   .tp-main-box-2-header--games {
      margin-bottom: 16px;
      flex-direction: column;
   }
   .tp-main-box-2-title--games {
      margin-bottom: 12px;
      width: 100%;
   }
   .tp-main-box-2-list--games .tp-main-box-popular-game {
      padding: 8px 4px;
   }
   .tp-main-box-2-list--games .tp-main-box-2-item-box-content {
      padding-top: 16px;
   }
   .tp-main-box-2-list--games .tp-main-box-2-item-box-btn-play {
      min-height: 35px !important;
      height: 35px !important;
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      text-transform: uppercase;
   }
   .tp-main-box-2-list--games .tp-main-box-2-item-box-btn-read-review {
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
      text-transform: uppercase;
   }
   .tp-main-box-1-row-4-ex-offers .tp-main-box-1-row-4-item {
      margin-top: 16px;
   }
   .tp-edit-1 {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .tp-edit-1-left {
      margin-bottom: 36px;
      margin-left: auto;
      margin-right: auto;
   }
   .tp-edit-1-right {
      width: 100%;
      max-width: 100%;
   }
   .tp-edit-1-right .tp-main-box-name-box-change-label {
      max-width: 100%;
      width: 100%;
   }
   .tp-edit-1-right .tp-main-box-name-box-change-btn {
      margin-left: auto;
      margin-right: auto;
   }
   .tp-edit-1-right .tp-main-box-1-row-1-item-3 {
      padding-right: 0;
   }
   .tp-edit-1 {
      padding-bottom: 0;
      margin-bottom: 24px;
      border-bottom: none;
   } 
   .tp-edit-2 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 24px;
   }
   .tp-main-box-1-row-3-item {
      margin-bottom: 27px;
   }
   .tp-main-box-popular-slider  {
      margin-left: -10px;
      margin-right: -10px;
      margin-top: -20px;
   }
   .tp-main-box-popular-slick {
      margin-top: -20px;
   }
   .tp-main-box-popular-slide {
      margin-top: 0;
   }
   .tp-main-box-2-free-image--games {
      width: 106px;
      height: 101px;
      margin-bottom: 31px;
   }
   .tp-main-box-2-free {
      padding-top: 12px;
   }
   .tp-main-box-2-free-image--review {
      width: 134px;
      height: 101px;
      margin-bottom: 31px;
   }
   .tp-main-box-2-free-title--reviews {
      margin-bottom: 15px;
   }
   .tp-edit-1 .main-tooltip {
      margin-right: 0px;
   }
   .tp-edit-1 .tp-main-box-input-label-text {
      width: calc(100% - 30px);
   }
   .tp-edit-1-right  .btn-active {
      color: green;
      align-items: center;
      justify-content: center;
      display: none;
   }
   .tp-edit-1-right .tp-main-box-name-box-change-btn.saving .btn-default {
      display: none;
   }
   .tp-edit-1-right .tp-main-box-name-box-change-btn.saving .btn-active {
      display: flex;
   }
   .tp-edit-1-right .tp-main-box-name-box-change-btn {
      margin-left: auto;
      margin-right: auto;
      position: static;
      height: auto;
      margin-top: 4px;
   }
   .tp-main-box-name-box-change-btn {
      bottom: 24px;
  }

   .tp-main-box {
      padding: 144px 24px 42px 24px !important;
   }
   .onboarding-banner {
      flex-direction: column;
      align-content: center;
      justify-content: center;
   }

   .onboarding-banner .onboarding-banner-content {
      align-items: center;
   }

   .onboarding-banner .onboarding-banner-content .link {
      width: 100%;
   }
   .autocomplete-item {
      font-size: 16px;
      line-height: 1.5;
   }
}
@media screen and (max-width: 500px) {
   .tp-main-box-2-list--games .tp-main-box-2-item-image {
      height: 142px;
   }
   .tp-main-box-2-list--games .tp-main-box-popular-game {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }
   .tp-main-box-2-list--games .tp-main-box-popular-game-max-bet {
      margin-left: 0;
      margin-top: 3px;
   }
   .tp-main-box-2-list--games .tp-main-box-popular-game-category {
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px; 
   }
   .tp-main-box-2-list--games .tp-main-box-popular-game-name {
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
   }
   .tp-main-box-2-header-search {
      margin-left: 8px;
      margin-right: 8px;
      width: calc(100% - 16px);
   }
}

.tp-main-box-name-box-change-label {
   position: relative;
}
.tp-main-box-name-box-change-label.success:after {
   content:'';
   display: block;
   position: absolute;
   top: 14px;
   right: 14px;
   width: 16px;
   height: 16px;
   z-index: 4;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgc3Ryb2tlPSIjMDVBQTA1Ii8+CjxwYXRoIGQ9Ik0xMiA1TDYuNSAxMC41TDQgOCIgc3Ryb2tlPSIjMDVBQTA1IiBzdHJva2Utd2lkdGg9IjEuNjY2NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}