/* Bonus list */

.bonus__list li {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0;
}

.bonus__list p {
    margin: 0;
}
.bonus__list h3 {
    width: calc(100% - 45px);
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
 

.bonus__list {
    margin: 0 0 30px 0;
    padding: 0;
    line-height: 1.4;
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    counter-reset: ol-counter;
    gap: 20px;
}

.bonus__list li::before {
    display:none;
}

.bonus__list li h3::before {
    content: counter(ol-counter);
    counter-increment: ol-counter;
    background: white;
    color: var(--second-color);
    border: 1px solid var(--second-color);
    border-bottom-width: 3px;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    display: flex;
    text-align: center;
    line-height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    flex: 0 0 35px;
}

/* Step list */

.step__list-container > div > p {
    background-color: var(--lavander);
    padding: 20px;
    color: white;
    font-weight: 700;
    margin-bottom: 10px;
}

.step__list li {
    border: 1px solid #DBDCE0;
    padding: 20px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 70px;
    row-gap: 0;
    margin-bottom: 10px;
}

.step__list h3 {
    margin: 10px 0;
}

.step__list li > p {
    margin-left: 110px;
}

/* Payments list */

.payments__block {
    border: 2px solid #DBDCE0;
    padding: 30px;
    background-color: white;
}

.list__payments > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 0;
}

.list__payments-item > div {
    height: 60px;
    border-bottom: 2px solid #dbdce0;
    display: flex;
    gap: 20px;
    align-items: center;
}

.list__payments-item > div p {
	flex: 1;
}

.list__payments-item img, .list__payments-item figure {
    width: 90px;
    height: 50px;
    object-fit: contain;
}


/* Advantage Block (FrontPage) */
.advantage__list > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.advantage__item {
    padding: 20px;
    background-color: white;
    border-radius: 2px;
    border: 1px solid #DBDCE0;
}

.advantage__item img, .advantage__item figure {
    width: 80px;
    height: 80px;
    margin: 0;
}

.advantage__item > div {
    display: flex;
    flex-flow: column nowrap;
    min-height: 310px;
    text-align: center;
    gap: 6px;
    align-items: center;
}

.advantage__item h3 {
    font-size: 16px;
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 20px;
}



/* Games list */

.games__list > div {
    display: flex;
    gap: 16px;
    flex-flow: row wrap;
    justify-content: center;
}

.games__item > div {
    width: 240px;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    gap: 6px;
    align-items: center;
}

.games__item img, .games__item figure {
    width: 80px;
    height: 80px;
    margin: 0;
}

.games__item h3 {
    font-size: 16px;
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    align-items: center;
}


/* Casino Grid */

.casinolist-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.casinogrid_item {
    padding: 20px;
    border: 1px solid #DBDCE0;
    border-radius: 2px;
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: 'brand brand brand rating'
        'overview overview links links';
    background-color: white;
}

.casinogrid_brand {
    display: flex;
    align-items: center;
    gap: 20px;
    grid-area: brand;
}

.casinogrid_overview {
    grid-area: overview;
}

.casinogrid_overview-link a {
    padding: 0;
}

.casinogrid_overview-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}

.casinogrid_links {
    display: flex;
    flex-flow: column nowrap;
    gap: 12px;
    grid-area: links;
}

.casinogrid_brand-rating {
    grid-area: rating;
    display: flex;
}

.casinogrid_brand-rating .rating-tc {
    flex-flow: row;
}

.casinogrid_brand-title {
    font-size: 18px;
    font-weight: bold;
}

.casinogrid_bonus {
    display: flex;
    background: linear-gradient(90deg, #002664 0%, #0D377D 100%);
    color: white;
    padding: 6px 16px;
    align-items: center;
    justify-content: space-between;
}

.casinogrid_bonus-text {
    font-size: 24px;
    font-weight: bold;
    line-height: 130%;
}

.casinogrid_bonus-title {
    font-size: 13px;
}

.casinogrid_bonus::after {
    content: '';
    display: block;
    height: 36px;
    width: 36px;
    background-image: url("data:image/svg+xml,%3Csvg%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.7686%2028.7311C17.1292%2028.7311%2016.4656%2028.5201%2015.9482%2028.1521L15.5757%2027.8872L15%2029.6024L15.2152%2029.7664C15.6994%2030.1354%2016.4545%2030.3988%2017.209%2030.4724V32H18.7897V30.3782C20.1238%2030.022%2021%2028.9133%2021%2027.5373C21%2026.5881%2020.7288%2025.3805%2018.6156%2024.4611C17.3164%2023.8876%2017.0972%2023.5791%2017.0972%2023.1045C17.0972%2022.6645%2017.3948%2022.1942%2018.2302%2022.1942C19.0678%2022.1942%2019.5943%2022.5154%2019.819%2022.6526L20.1747%2022.8696L20.7742%2021.1808L20.5194%2021.0213C20.0326%2020.7169%2019.4917%2020.5357%2018.8738%2020.4713V19H17.3068V20.5763C16.0138%2020.9176%2015.1946%2021.9525%2015.1946%2023.2837C15.1946%2024.9279%2016.4106%2025.6633%2017.7211%2026.2115C18.9183%2026.7294%2019.0833%2027.205%2019.0833%2027.6418C19.0833%2028.2934%2018.555%2028.7311%2017.7686%2028.7311Z'%20fill='white'/%3E%3Cpath%20d='M33.4079%2010.2952H30.2673L29.3065%208.42787L30.0924%205.9903C30.2141%205.61293%2030.0803%205.20859%2029.7519%204.96013C29.4234%204.71166%2028.9709%204.67223%2028.5982%204.86018L25.4894%206.42939C25.6107%206.2817%2025.7168%206.1358%2025.8013%205.99298C26.451%204.89614%2026.5832%203.79339%2026.1835%202.80374C25.8302%201.92853%2025.0755%201.17458%2024.0013%200.623593C22.9272%200.0728994%2021.8395%20-0.118128%2020.8549%200.0707328C19.7423%200.284713%2018.8108%200.977615%2018.1611%202.07432C18.1034%202.17172%2018.0506%202.27945%2018.0001%202.39185C17.9495%202.27942%2017.8967%202.17177%2017.839%202.07445C17.1894%200.977615%2016.2578%200.284713%2015.1452%200.0707328C14.1611%20-0.118021%2013.0732%200.0727389%2011.9988%200.623593C10.9246%201.17455%2010.17%201.9285%209.81658%202.80374C9.41693%203.79339%209.54912%204.89614%2010.1988%205.99298V5.99284C10.2834%206.13564%2010.3895%206.28162%2010.5109%206.42939L7.40179%204.86005C7.0294%204.67223%206.57682%204.71166%206.24825%204.96013C5.91981%205.20859%205.78601%205.61293%205.90771%205.99044L6.6936%208.42773L5.73274%2010.2952H2.59215C1.71425%2010.2952%201%2010.9598%201%2011.7766V15.4852C1%2016.302%201.71425%2016.9666%202.59215%2016.9666H3.67318V32.7496C3.67318%2033.9905%204.7581%2035%206.09159%2035H29.9084C31.2419%2035%2032.3268%2033.9905%2032.3268%2032.7496V16.9666H33.4079C34.2857%2016.9666%2035%2016.302%2035%2015.4852V11.7766C35%2010.9598%2034.2858%2010.2952%2033.4079%2010.2952ZM27.9024%208.87998L28.6304%2010.2952H20.9268L28.3752%206.53538L27.8439%208.18331C27.7693%208.4154%2027.7903%208.6632%2027.9024%208.87998ZM19.4541%202.73747C19.8953%201.99278%2020.4671%201.54821%2021.1538%201.41606C21.3015%201.38763%2021.4548%201.37353%2021.6127%201.37353C22.1333%201.37353%2022.7039%201.52686%2023.2884%201.82669C24.0504%202.21749%2024.5736%202.72244%2024.8016%203.28696C25.0483%203.89763%2024.9495%204.58502%2024.5083%205.32972V5.32985C23.7924%206.53859%2020.7471%208.33221%2018.8335%209.34748C18.7343%207.29992%2018.7379%203.94635%2019.4541%202.73747ZM11.1985%203.28696C11.4265%202.72244%2011.9497%202.21749%2012.7116%201.82669C13.2962%201.52686%2013.8668%201.37353%2014.3874%201.37353C14.5453%201.37353%2014.6986%201.38763%2014.8463%201.41606C15.533%201.54821%2016.1049%201.99278%2016.546%202.73761C17.2621%203.94632%2017.2658%207.29992%2017.1666%209.34751C15.253%208.33223%2012.2077%206.53859%2011.4917%205.32987V5.32974C11.0506%204.58505%2010.9518%203.89763%2011.1985%203.28696ZM8.09713%208.88105C8.20974%208.6632%208.23078%208.4154%208.15595%208.18304L7.6248%206.53538L15.0732%2010.2952H7.36959L8.09713%208.88105ZM30.8505%2032.7496C30.8505%2033.2329%2030.4279%2033.6262%2029.9084%2033.6262H6.09162C5.57214%2033.6262%205.14956%2033.2329%205.14956%2032.7496V16.9666H30.8505L30.8505%2032.7496ZM33.5237%2015.4852C33.5237%2015.5446%2033.4718%2015.5929%2033.4079%2015.5929H32.3269H3.67321H2.59217C2.52829%2015.5929%202.4764%2015.5446%202.4764%2015.4852V11.7766C2.4764%2011.7172%202.52829%2011.6689%202.59217%2011.6689H5.02588H15.109H20.8911H30.9742H33.4079C33.4718%2011.6689%2033.5237%2011.7172%2033.5237%2011.7766V15.4852Z'%20fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.casinogrid_bonus > div {
    flex: 2;
}

/* Type List */

.type__list {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    width: 700px;
}

.type__list li {
    padding: 0;
    background-color: white;
    padding: 16px;
}

.type__list h3 {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 16px;
    color: var(--accent);
}

.type__list li::before {
    display:none;
}

.type__list li h3::before {
    content: counter(ol-counter);
    counter-increment: ol-counter;
    background: var(--button-color);
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    display: flex;
    text-align: center;
    line-height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
}

.section__type > div {
    /* padding: 20px 150px; */
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.section__type h2 {
    text-align: center;
}

.section__type h2:after {
    display: none;
}

/* Bonus Grid */

.bonus__list-grid > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.bonus__list__grid-item > div {
    background-color: var(--light-bg-color);
    padding: 20px;
    border-radius: 2px;
    display: flex;
    flex-flow: column nowrap;
    gap: 16px;
    align-items: center;
}

.bonus__list__grid-item h3 {
    margin: 0;
    font-size: 18px;
}

.bonus__list__grid-item p {
    margin: 0;
}

.bonus__list__grid-item > div::before {
    content: "";
    height: 60px;
    width: 60px;
    display: flex;
    background: linear-gradient(90deg, #002664 0%, #0D377D 100%);
    border-radius: 40px;
}

.bonus__list__grid-item:nth-child(1) > div::before {
    background: url(img/icons/icon1_bonuses.svg) center / cover no-repeat;
}

.bonus__list__grid-item:nth-child(2) > div::before {
    background: url(img/icons/icon2_bonuses.svg) center / cover no-repeat;
}
.bonus__list__grid-item:nth-child(3) > div::before {
    background: url(img/icons/icon3_bonuses.svg) center / cover no-repeat;
}

.bonus__list__grid-item:nth-child(4) > div::before {
    background: url(img/icons/icon4_bonuses.svg) center / cover no-repeat;
}
.bonus__list__grid-item:nth-child(5) > div::before {
    background: url(img/icons/icon5_bonuses.svg) center / cover no-repeat;
}
.bonus__list__grid-item:nth-child(6) > div::before {
    background: url(img/icons/icon6_bonuses.svg) center / cover no-repeat;
}

/* Casino Vertical */

.casinolist-vertical {
    display: flex;
    gap: 16px;
    overflow: auto;
    padding-bottom: 20px;
}

.casinovertical_item {
    background-color: white;
    padding: 20px;
    width: 220px;
    display: flex;
    flex-flow: column nowrap;
    gap: 16px;
    align-items: center;
    flex: 0 0 220px;
}

.casinovertical_item .casinovertical__logo  {
    height: 40px;
    width: 40px;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: flex;
    transition: opacity 0.2s;
}

.casinovertical_item .casinogrid_links {
    align-items: center;
}

.casinovertical_brand-logo {
    width: 100%;
    display: flex;
    gap: 10px;
    
}

.casinovertical_item-title {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
    justify-content: space-between;
}

.casinovertical_item-title span {
    font-size: 13px;
    color: #898D9A;
    font-weight: 300;
    line-height: 100%;
}

.casinolist-vertical .casinogrid_bonus {
    min-height: 160px;
}

/* Bonus List Horizontal */
.bonus__item-alt {
    margin-bottom: 20px;
}

.bonus__item-alt > div {
    display: flex;
    gap: 24px;
}

.bonus__item-alt figure {
    width: 120px;
    height: 120px;
    flex: 0 0 120px;
}

.bonus__item-alt img {
    margin: 0;
}

.bonus__item-alt h3 {
    margin-top: 0;
}

/* Single Casino Bonus */

.casinosinglebonus-list {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
}

.casinosingle {
    display: flex;
    justify-content: space-between;
    width: 650px;
    height: 90px;
    background-color: white;
    padding-right: 24px;
    align-items: center;
    margin: 0 auto;
}

.casinosingle .casinoitem__logo {
    height: 100%;
    width: 140px;
}

.casinosingle .casinoitem__reg {
    width: 190px;
    height: 46px;
}

.casinosingle-bonus::before {
    content: '';
    display: block;
    height: 36px;
    width: 36px;
    background-image: url("data:image/svg+xml,%3Csvg%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.7686%2028.7311C17.1292%2028.7311%2016.4656%2028.5201%2015.9482%2028.1521L15.5757%2027.8872L15%2029.6024L15.2152%2029.7664C15.6994%2030.1354%2016.4545%2030.3988%2017.209%2030.4724V32H18.7897V30.3782C20.1238%2030.022%2021%2028.9133%2021%2027.5373C21%2026.5881%2020.7288%2025.3805%2018.6156%2024.4611C17.3164%2023.8876%2017.0972%2023.5791%2017.0972%2023.1045C17.0972%2022.6645%2017.3948%2022.1942%2018.2302%2022.1942C19.0678%2022.1942%2019.5943%2022.5154%2019.819%2022.6526L20.1747%2022.8696L20.7742%2021.1808L20.5194%2021.0213C20.0326%2020.7169%2019.4917%2020.5357%2018.8738%2020.4713V19H17.3068V20.5763C16.0138%2020.9176%2015.1946%2021.9525%2015.1946%2023.2837C15.1946%2024.9279%2016.4106%2025.6633%2017.7211%2026.2115C18.9183%2026.7294%2019.0833%2027.205%2019.0833%2027.6418C19.0833%2028.2934%2018.555%2028.7311%2017.7686%2028.7311Z'%20fill='%23144391'/%3E%3Cpath%20d='M33.4079%2010.2952H30.2673L29.3065%208.42787L30.0924%205.9903C30.2141%205.61293%2030.0803%205.20859%2029.7519%204.96013C29.4234%204.71166%2028.9709%204.67223%2028.5982%204.86018L25.4894%206.42939C25.6107%206.2817%2025.7168%206.1358%2025.8013%205.99298C26.451%204.89614%2026.5832%203.79339%2026.1835%202.80374C25.8302%201.92853%2025.0755%201.17458%2024.0013%200.623593C22.9272%200.0728994%2021.8395%20-0.118128%2020.8549%200.0707328C19.7423%200.284713%2018.8108%200.977615%2018.1611%202.07432C18.1034%202.17172%2018.0506%202.27945%2018.0001%202.39185C17.9495%202.27942%2017.8967%202.17177%2017.839%202.07445C17.1894%200.977615%2016.2578%200.284713%2015.1452%200.0707328C14.1611%20-0.118021%2013.0732%200.0727389%2011.9988%200.623593C10.9246%201.17455%2010.17%201.9285%209.81658%202.80374C9.41693%203.79339%209.54912%204.89614%2010.1988%205.99298V5.99284C10.2834%206.13564%2010.3895%206.28162%2010.5109%206.42939L7.40179%204.86005C7.0294%204.67223%206.57682%204.71166%206.24825%204.96013C5.91981%205.20859%205.78601%205.61293%205.90771%205.99044L6.6936%208.42773L5.73274%2010.2952H2.59215C1.71425%2010.2952%201%2010.9598%201%2011.7766V15.4852C1%2016.302%201.71425%2016.9666%202.59215%2016.9666H3.67318V32.7496C3.67318%2033.9905%204.7581%2035%206.09159%2035H29.9084C31.2419%2035%2032.3268%2033.9905%2032.3268%2032.7496V16.9666H33.4079C34.2857%2016.9666%2035%2016.302%2035%2015.4852V11.7766C35%2010.9598%2034.2858%2010.2952%2033.4079%2010.2952ZM27.9024%208.87998L28.6304%2010.2952H20.9268L28.3752%206.53538L27.8439%208.18331C27.7693%208.4154%2027.7903%208.6632%2027.9024%208.87998ZM19.4541%202.73747C19.8953%201.99278%2020.4671%201.54821%2021.1538%201.41606C21.3015%201.38763%2021.4548%201.37353%2021.6127%201.37353C22.1333%201.37353%2022.7039%201.52686%2023.2884%201.82669C24.0504%202.21749%2024.5736%202.72244%2024.8016%203.28696C25.0483%203.89763%2024.9495%204.58502%2024.5083%205.32972V5.32985C23.7924%206.53859%2020.7471%208.33221%2018.8335%209.34748C18.7343%207.29992%2018.7379%203.94635%2019.4541%202.73747ZM11.1985%203.28696C11.4265%202.72244%2011.9497%202.21749%2012.7116%201.82669C13.2962%201.52686%2013.8668%201.37353%2014.3874%201.37353C14.5453%201.37353%2014.6986%201.38763%2014.8463%201.41606C15.533%201.54821%2016.1049%201.99278%2016.546%202.73761C17.2621%203.94632%2017.2658%207.29992%2017.1666%209.34751C15.253%208.33223%2012.2077%206.53859%2011.4917%205.32987V5.32974C11.0506%204.58505%2010.9518%203.89763%2011.1985%203.28696ZM8.09713%208.88105C8.20974%208.6632%208.23078%208.4154%208.15595%208.18304L7.6248%206.53538L15.0732%2010.2952H7.36959L8.09713%208.88105ZM30.8505%2032.7496C30.8505%2033.2329%2030.4279%2033.6262%2029.9084%2033.6262H6.09162C5.57214%2033.6262%205.14956%2033.2329%205.14956%2032.7496V16.9666H30.8505L30.8505%2032.7496ZM33.5237%2015.4852C33.5237%2015.5446%2033.4718%2015.5929%2033.4079%2015.5929H32.3269H3.67321H2.59217C2.52829%2015.5929%202.4764%2015.5446%202.4764%2015.4852V11.7766C2.4764%2011.7172%202.52829%2011.6689%202.59217%2011.6689H5.02588H15.109H20.8911H30.9742H33.4079C33.4718%2011.6689%2033.5237%2011.7172%2033.5237%2011.7766V15.4852Z'%20fill='%23144391'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.casinosingle-bonus {
    display: flex;
    align-items: center;
    gap: 20px;
}

.casinosingle__bonus-title {
    font-size: 13px;
    line-height: 100%;
}

.casinosingle__bonus-subtitle {
    color: var(--second-color);
    font-size: 24px;
    font-weight: bold;
    line-height: 120%;
}

/* Categories List */

.list__categories > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
}

.list__categories figure {
    width: 130px;
    height: 130px;
}

.list__categories p a {
    color: black;
    display: flex;
    gap: 10px;
    text-decoration: none;
    font-weight: bold;
}

.list__categories p a::after {
    content: '';
    border: 5px solid transparent;
    margin-top: 0px;
    margin-left: 8px;
    border-top: 8px solid var(--black);
    transform: rotate(270deg);
}

.list__categories-item {
    background: #E6EBF6;
    padding: 20px;
    height: fit-content;
}

.list__categories-item > div {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

@media (max-width: 1100px) {
    .advantage__list > div {
        grid-template-columns: 1fr 1fr;
    }
    .casinolist-grid {
        grid-template-columns: 1fr;
    }
        .casinogrid_brand-logo a {
        min-width: 146px;
        height: 46px;
    }
    .type__list {
        width: 100%;
    }
    .bonus__list-grid > div {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .advantage__list > div {
        grid-template-columns: 1fr;
    }
	.payments__block {
		padding: 10px;
	}
    .list__payments > div {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .step__list h3 {
        width: 100%;
    }
    .list__payments li {
        height: auto;
        padding-bottom: 20px;
        min-height: 70px;
    }
    .step__list li > p {
        margin-left: 0px;
    }
    .casinogrid_item {
        display: flex;
        flex-flow: column nowrap;
        gap: 10px;
    }
    
    .bonus__list-grid > div {
        grid-template-columns: 1fr;
    }
    
    .casinogrid_brand {
        justify-content: space-between;
    }
    .bonus__item-alt figure {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
    }
    
    .casinosingle {
        padding-right: 10px;
        width: 100%;
        gap: 10px;
    }
    
    .casinosingle .casinoitem__logo {
        height: 50px;
        min-width: 64px;
        border-radius: 2px;
    }
    
    .casinosingle .casinoitem__reg {
        width: 100px;
        height: 46px;
    }
    
    .casinosingle .casinoitem__reg:after {
        display: none;
    }
    .casinosingle-bonus::before {
        display: none;
    }
    .list__categories > div {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}