*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
html,body{
    height:100%;
    font-family:Tahoma,sans-serif;
    position:relative
}
main{
    display:flex;
    flex-direction:column;
    min-height:100vh;
    background:#fffcf0;
    font-family:Tahoma,sans-serif
}
main p,main span,main h2,main h3,main h4,main h5,main figcaption,main li{
    color:#1C1C1C;
    font-family:Tahoma,sans-serif
}
main h1,main h2,main h3,main h4,main h5,main h6,main p,main ol,main ul,main figure,main .general-table-wrapper,main .faq-container,
 .sectionOpen, .bonus_block, .author{
    color:#1C1C1C;
    margin:0 auto;
    width:98%;
    max-width:1400px
}
main h1 {
    color: #fff;
    width: 100%;
     text-align: left;
}
main .general-table-wrapper{
    overflow-x:overlay
}
main figure{
    margin:0 auto;
    margin-bottom:20px
}
main p{
    font-size:16px;
    line-height:20px;
    font-weight:400;
    line-height:normal
}
main .wrapper{
    width:98%;
    margin:0 auto;
    max-width:1400px
}
body{
    overflow-x:hidden;
    position:relative;
    background:#fff;
}
a{
    text-decoration:none;
    transition:.3s
}
table,tr,td,tbody,thead{
    font-family:Verdana,sans-serif
}
input,button{
    font-family:Verdana,sans-serif;
    border:none;
    box-shadow:none;
    transition:.3s
}
input{
    outline:none
}
p,span,li,a{
    font-size:18px;
    line-height:normal
}
h1,h2,h3,h4,h5,h6{
    text-align:center;
    padding:15px 0;
    color:#1e1e24
}
h1{
    font-size:26px;
    font-weight:700;
    line-height:normal;
    letter-spacing:1.32px
}
h2{
    font-size:20px;
    line-height:24px
}
h3{
    font-size:18px;
    line-height:20px
}
h4{
    font-size:16px;
    line-height:18px
}
h5,h6{
    font-size:14px;
    line-height:16px
}
p,span,li,h1,h2,h3,a,b,i,label,input,button,td,tr,figcaption{
    color:#1e1e24
}
p{
    padding-bottom:20px
}
li{
    list-style:none
}
button{
    cursor:pointer;
    background:rgba(0,0,0,0)
}
img{
    max-width:100%;
    display:block
}
i{
    font-style:normal
}
#__next{
    min-height:100%;
    display:flex;
    flex-direction:column
}
.content{
    position:relative;
    flex-grow:1;
    padding-top:0px
}
.content .content-block{
    margin-bottom:20px;
    border-radius:20px;
    background:rgba(0,0,0,0)
}
.content .general-ol{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    margin-bottom:20px;
    counter-reset:counter-ol;
    padding-left:27px;
}
.content .general-ol li{
    position:relative;
    padding-left:10px;
    margin-bottom:10px;
    counter-increment:counter-ol
}
.content .general-ol li::before{
    position:absolute;
    content:counter(counter-ol);
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    color:#fff;
    border-radius:50%;
    top:-2px;
    left:-26px;
    background:rgba(143, 39, 110, 1);
    font-size:14px
}
.content .general-ul{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    margin-bottom:20px
}
.content .general-ul li{
    position:relative;
    padding-bottom:10px;
    padding-left:15px
}
.content .general-ul li::before{
    content:no-open-quote;
    position:absolute;
    width:5px;
    height:5px;
    left:0;
    top:10px;
    background-color:rgba(143, 39, 110, 1);
    border-radius:50%
}
.pageError{
    min-height:calc(100vh - 70px)
}
.buttons{
    display:flex;
    align-items:center;
    gap:20px
}
.imgWrap{
    display:block;
    position:relative
}
figure{
    margin-bottom:20px;
    text-align:center
}
figure span{
    height:50%;
    width:100%;
    position:absolute;
    left:0;
    top:-50%
}
figcaption{
    color:#1e1e24;
    font-size:14px
}
.general-image{
    display:block;
    border-radius:15px;
    max-height:500px;
    width:auto;
    height:auto;
    margin:0 auto 10px auto
}
.general-image.vertical{
    max-height:500px;
    max-width:70%
}
.general-image.horizontal{
    max-width:100%
}
.general-table{
    border-collapse:collapse;
    width:100%;
    overflow:hidden;
    text-align:center;
    font-size:14px;
    line-height:18px;
    margin:20px auto;
    border-radius:18px
}
.general-table .general-tr{
    background:rgba(0,0,0,0)
}
.general-table .general-tr .general-td{
    padding:16px;
    text-align:start;
    color:#1C1C1C;
    font-size:16px;
    line-height:20px;
    background-color:rgba(0,0,0,0);
    padding-left:20px;
    border:1px solid rgba(0, 0, 0, 0.25)
}
.general-table thead tr th{
    padding:16px;
    color:#1C1C1C;
    font-size:17px;
    font-weight:700;
    border-right:1px solid rgba(0, 0, 0, 0.25);
    border-top:1px solid rgba(0, 0, 0, 0.25);
    border-bottom:1px solid rgba(0, 0, 0, 0.25);
    text-align:left
}
.general-table thead tr th:first-child{
    border-right:1px solid rgba(0, 0, 0, 0.25);
    border-left:1px solid rgba(0, 0, 0, 0.25);
    border-top:1px solid rgba(0, 0, 0, 0.25)
}
.general-table thead tr th:last-child{
    border-right:1px solid rgba(0, 0, 0, 0.25);
    border-top:1px solid rgba(0, 0, 0, 0.25)
}
.faq-container .faq-item{
    margin:0 auto;
    position:relative;
    min-height:54px;
    margin-bottom:20px;
    background-color:rgba(247, 241, 245, 1);
    z-index:5;
    border-radius:26px;
    transition:all .4s ease;
    border:1px solid rgba(247, 241, 245, 1);
    padding: 25px 40px 25px 25px;
}
.faq-container .faq-item:hover .icon::before,.faq-container .faq-item:hover .icon::after{
    background:rgba(143, 39, 110, 1);
}
.faq-container .faq-item:hover{
    border-color:rgba(143, 39, 110, 1);
}
.faq-container .faq-item:hover .faq-question{
    color:rgba(143, 39, 110, 1);
}
.faq-container .faq-question{
    color:#0e121c;
    position:relative;
    padding-bottom:0;
    font-weight:700;
    font-size:18px;
    line-height:22px;
    text-align: left;
    width: 100%;
    padding: 0 0;
}
.faq-container .faq-answer{
    width:100%;
    height:0;
    overflow:hidden;
    z-index:-1;
    position:relative;
    opacity:0;
    padding-bottom: 0;
}
.faq-container .icon{
    height:18px;
    position:absolute;
    width:18px;
    right:25px;
    top:36px;
    z-index:2
}
.faq-container .icon::before,.faq-container .icon::after{
    background:rgba(143, 39, 110, 1);
    content:no-open-quote;
    height:4px;
    right:0;
    position:absolute;
    top:0;
    width:18px;
    transition:transform .4s ease
}
.faq-container .toggle{
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    cursor:pointer;
    position:absolute;
    top:0;
    z-index:3;
    left: 0;
}
.faq-container .bg-active{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(143, 39, 110, 1);
    border-radius:26px;
    z-index:-1;
    opacity:0
}
.faq-container .toggle:checked~.bg-active{
    opacity:1
}
.faq-container .toggle:checked~.icon::before,.faq-container .toggle:checked~.icon::after{
    background:rgba(143, 39, 110, 1);
}
.faq-container .toggle:checked~.faq-question{
    color:rgba(143, 39, 110, 1);
}
.faq-container .toggle:checked~.faq-answer{
    color:rgba(143, 39, 110, 1);
    padding:10px 0 0px 0;
}
.faq-container .toggle:not(:checked)~.icon:before{
    transform:rotate(180deg)
}
.faq-container .toggle:not(:checked)~.icon:after{
    transform:rotate(90deg)
}
.faq-container .toggle:checked~.faq-answer{
    height:auto;
    opacity:1;
    z-index:2
}

@media (max-width: 1250px) {
    .faq-container .icon{
        right:15px
    }
}

.frame{
    width:640px;
    max-width:98%;
    margin:32px auto;
    aspect-ratio:4/3
}
.frame iframe{
    width:100%;
    height:100%;
    border:none
}
.table_of_contents_wrapper{
    max-width:1128px;
    margin:0 auto;
    width:96%;
    margin-top:20px;
    margin-bottom:20px
}
.table_of_contents{
    max-width:400px;
    border-radius:8px;
    border:1px solid #f28d24
}
.table_of_contents .toggle{
    display:none
}
.table_of_contents .lbl-toggle{
    display:inline-block;
    font-weight:600;
    font-size:13px;
    text-transform:uppercase;
    text-align:center;
    padding:10px;
    color:#fff;
    background:#f28d24;
    width:100%;
    cursor:pointer;
    border-radius:7px;
    transition:all .25s ease-out
}
.table_of_contents .table_box{
    max-height:0px;
    overflow:hidden;
    transition:max-height .25s ease-in-out;
    display:flex;
    width:100%;
    max-width:500px;
    flex-direction:column
}
.table_of_contents .toggle:checked+.lbl-toggle+div{
    max-height:1000px;
    padding:20px;
    background:#181616;
    border-radius:8px;
    gap:20px
}
.table_of_contents .table_link{
    position:relative;
    padding-left:15px;
    font-weight:500;
    font-size:18px;
    line-height:22px;
    color:#fff
}
.table_of_contents .table_link:hover{
    color:#f28d24
}
 .content404Page.wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    max-width:100%;
    width:100%;
    background:rgba(143, 39, 110, 1);
}
.content404Page.wrapper .content404{
    display:flex;
    flex-direction:column;
    width:280px
}
.content404Page.wrapper .content404 img{
    display:block;
    margin:0 auto
}
.content404Page.wrapper .content404 h1{
    color:#fff
}
.content404Page.wrapper .content404 button{
    display:inline-block;
    background:rgba(243, 137, 50, 1);
    padding:15px 15px;
    border-radius:25px;
    font-size:18px;
    color:#fff
}
.content404Page.wrapper .content404 button:hover{
    background:#a10000
}

.button-block{
    padding:24px 16px;
    text-align:center;
    margin:10px 0;
    background-color:rgba(0,0,0,0)
}
.button-block button{
    position:relative;
    overflow:hidden;
    width:620px;
    max-width:100%;
    padding:16px 34px;
    color:#fff;
    font-size:24px;
    font-weight:700;
    line-height:26px;
    text-transform:uppercase;
    border-radius:8px;
    background:#F38932;
    transition: .3s;
}

.button-block button:hover {
    background: rgba(143, 39, 110, 1);
}

.quote {
  background: #E6CFE0;
  border-radius: 12px;
  padding: 32px 88px;
  position: relative;
}
.quote:before {
  content: '';
  width: 32px;
  height: 32px;
  top: calc((100% - 32px) / 2);
  left: 32px;
  position: absolute;
  background: url(/quoteOpen.svg)no-repeat;
  background-size: cover;
}
.quote::after {
  content: '';
  width: 32px;
  height: 32px;
  top: calc((100% - 32px) / 2);
  right: 32px;
  position: absolute;
  background: url(/quoteClose.svg)no-repeat;
  background-size: cover;
}
.quote p {
  color: #1C1C1C;
  padding-bottom: 0;
}
@media (max-width: 850px) {
  .quote {
    padding: 52px 16px;
  }
  .quote:before {
    top: 16px;
    left: 16px;
    width: 19px;
    height: 14px;
  }
  .quote::after {
    top: auto;
    right: 16px;
    bottom: 16px;
    width: 19px;
    height: 14px;
  }
}
.reviews .review_list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:25px;
    gap:25px;
    margin-top:20px;
    margin-bottom:20px
}
.reviews .review{
    border:1px solid rgba(230, 207, 224, 1);
    border-radius:20px;
    padding:25px;
    background: rgba(230, 207, 224, 1);
}
.reviews .review p{
    max-width:100%;
    width:100%;
    padding-bottom:0;
    border-left:1px solid rgba(143, 39, 110, 1);
    padding-left:20px
}
.reviews .review .review_name{
    font-weight:bold;
    font-size:18px;
    line-height:28px;
    display:block;
    padding-bottom:20px
}
.reviews .review .date{
    color:rgba(0,0,0,.5)
}
.reviews .review .answer{
    padding-left:10px;
    border-left:1px solid rgba(0,0,0,.5);
    padding-bottom:0;
    margin-bottom:20px
}

@media screen and (max-width: 1250px){
    main h1,main h2,main h3,main h4,main h5,main h6,main p,main ol,main ul,main figure,main .general-table-wrapper,main .faq-container{
        width:calc(100% - 22px)
    }
    main .wrapper{
        padding:10px 0;
        width:calc(100% - 22px)
    }
    h1{
        font-size:26px;
        line-height:30px
    }
    h2{
        font-size:22px;
        line-height:32px
    }
    h3{
        font-size:20px;
        line-height:30px
    }
    h4{
        font-size:18px;
        line-height:28px
    }
    h5,h6{
        font-size:16px;
        line-height:26px
    }
    h1,h2,h3,h4,h5,h6{
        padding:10px 0
    }
    .general-table .general-tr .general-td{
        padding:8px
    }
    .content .contentMain{
        width:100%
    }
    .content .general-ol li,.content .general-ul li{
        width:100%
    }

    .button-block button{
        padding:14px 5px
    }
    
}
@media screen and (max-width: 800px){
    .reviews .review_list{
        grid-template-columns:repeat(1, 1fr);
        gap:15px
    }
    .reviews .review{
        padding:20px 14px
    }
}
@media screen and (max-width: 400px){
    .general-table{
        max-width:100%
    }
    .general-table-wrapper{
        max-width:100%
    }
}
 .footer{
    display:block;
    background:#000;
    box-shadow:0px 0px 50px 5px rgba(0,0,0,.1);
    padding:20px 0 80px 0;
}
.footer .footerInner{
    display:block;
    text-align:center
}
.footer .footerInner .copyright{
    color:#fff;
    font-size:15px
}
.footer .footerInner .menu{
    padding:18px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:10px;
    gap:10px
}
.footer .footerInner .menu a{
    color:#fff;
    margin:0 5px 5px 5px
}
.footer .scrollTop{
    background:#E6CFE0;
    width:30px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    bottom:100px;
    right:20px;
    opacity:0;
    cursor:pointer;
    border-radius:50%;
    z-index:5;
    transition: .3s;
}

.footer .scrollTop.pam_content{
    opacity:1
}
.footer-block-btn{
    z-index:5;
    position:fixed;
    left:0;
    bottom:0;
    left:0;
    height:70px;
    padding-right:16px;
    padding-left:16px;
    width:100%;
    display:none;
    justify-content:center;
    align-items:center;
    background-color: rgba(230, 207, 224, 1);
}
.footer-block-btn .buttons{
    display:flex;
    justify-content:center;
    width:100%;
    gap:10px
}
.footer-block-btn .buttons .regButton{
    padding:15px 0px;
    font-size:16px;
    line-height:17px;
    width:50%;
    max-width:200px
}
.footer-block-btn .buttons .regButton:hover{
    opacity:.8
}
.footer-block-btn .buttons .logButton{
    padding:15px 0px;
    font-size:16px;
    line-height:17px
}
.footer-block-btn .buttons .logButton:hover{
    opacity:.8
}
@media(max-width: 1250px){
    .footer-block-btn{
        display:flex
    }
}
@media(max-width: 390px){
    .footer .footerInner .menu{
        grid-template-columns:repeat(1, 1fr)
    }
}
 .header{
    background:rgba(143, 39, 110, 1);
    box-shadow:0px 4px 4px 0px rgba(220,220,220,.5);
    height:80px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:10;
    padding:0
}
.header .headerInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%
}
.header .headerInner .toggle{
    width:28px;
    height:28px;
    left:40px;
    top:4px;
    margin:0;
    opacity:0;
    cursor:pointer;
    position:absolute;
    z-index:3
}
.header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(1){
    transform:scaleX(0)
}
.header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(2){
    transform:rotate(45deg)
}
.header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(3){
    transform:rotate(-45deg)
}
.header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(4){
    transform:scaleX(0)
}
.header .headerInner .toggle:checked~.menu{
    height:100%;
    opacity:1;
    padding-bottom:40px;
    padding-top:37px
}
.header .headerInner .logo{
    position:relative
}
.header .headerInner .logo button{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.header .headerInner .menu{
    height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    transition:all .3s ease
}
.header .headerInner .menu a{
    text-align:center;
    color:#000;
    font-size:16px;
    line-height:22px;
}
.header .headerInner .menu a:hover{
    color:#3959d9;
    text-decoration:underline
}
.header .headerInner .menu a.active{
    color:#3959d9;
    text-decoration:underline
}
.buttons .regButton{
    background:linear-gradient(180deg, #F03636 0%, #920808 100%);
    color:#fff;
    font-size:20px;
    line-height:25px;
    padding:15px 40px;
    font-weight:700;
    border-radius:100px
}
.buttons .regButton:hover{
    opacity:.8
}
.buttons .logButton{
    background:rgba(143, 39, 110, 1);
    color:#fff;
    font-size:16px;
    line-height:18px;
    padding:15px 0px;
    font-weight:700;
    border-radius:10px;
    width:100%;
    max-width:400px;
    text-transform:uppercase
}
.buttons .logButton:hover{
    opacity:.8
}
@media screen and (max-width: 1250px){
    .header{
        height:60px
    }
    .header .logo img{
        width:176px;
        height:36px
    }
    .header .buttons .logButton{
        display:none
    }
    .header .buttons .regButton{
        display:none
    }
    .header .buttons .giftButton{
        padding:10px 47px 10px 16px
    }
    .header .buttons .giftButton:after{
        top:7px;
        right:14px
    }
    .header .headerInner .menu{
        display:none
    }
}

 .burger{
    display:none;
    position:relative
}
.mobileMenu{
    position:fixed;
    top:0;
    right:0%;
    display:block;
    z-index:5;
    background:#fff;
    width:100%;
    max-width:350px;
    min-height:100vh;
    padding:30px 20px;
    transition:right .8s
}
.mobileMenu .buttons{
    display:block;
    margin-top:32px
}
.mobileMenu .buttons button{
    display:block;
    margin:0 auto 12px;
    width:50%
}
.mobileMenu[hidden]{
    right:-200%
}
.mobileMenu .mobileMenuTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:75px
}
.mobileMenu .mobileMenuLinks{
    display:flex;
    flex-direction:column;
    gap:28px
}
.mobileMenu .mobileMenuLinks a{
    color:#3959d9;
    font-size:20px;
    text-align:center;
    font-weight:700;
    line-height:22px;
    text-transform:uppercase
}
.mobileMenu .mobileMenuLinks a:active{
    color:#f4486c
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.5);
    z-index:1;
    display:block
}
.overlay[hidden]{
    display:none
}
@media screen and (max-width: 1250px){
    /* .burger{
        display:block
    } */
}
 .breadcrumbs{
    display:flex;
    align-items:center;
    padding-top:25px;
    overflow-x:hidden
}
.breadcrumbs a{
    color:#3959d9;
    font-size:14px
}
.breadcrumbs a:hover{
    text-decoration:none
}
.breadcrumbs .last{
    position:relative;
    margin-left:10px;
    font-size:14px
}
.breadcrumbs a:after{
    display:inline-block;
    width:11px;
    height:11px;
    background-image:url(/arrow-right.svg);
    background-size:cover;
    background-repeat:no-repeat;
    margin-left:10px;
    content:no-open-quote
}
@media screen and (max-width: 1250px){
    .breadcrumbs.wrapper{
        margin-top:15px
    }
}
 
 .banner{
    width:100%;
    margin-top:112px;
    margin-bottom:32px
}
.banner p{
    width:100%
}
.banner .banner-inner{
    height:100%;
    display:flex;
    justify-content:space-between;
    padding:46px 40px;
    align-items:center;
    background:url(/banner-desktop.webp) no-repeat;
    background-size:cover;
    border-radius:20px
}
.banner_left{
    width:calc(100% - 420px)
}
.banner_left p{
    color:#fff
}
.banner_left .info{
    font-size:20px;
    line-height:24px
}
.banner_left .info.info_bold{
    font-weight:700
}
.banner_left .title{
    font-size:36px;
    line-height:45px;
    font-weight:700
}
.banner_right{
    width:390px;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:16px 20px;
    gap:16px 20px
}
.banner_right .right_item{
    position:relative;
    height:92px;
    background:rgba(230, 207, 224, 1);
    border-radius:10px;
    padding:11px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    align-items:center
}
.banner_right .right_item:nth-child(4){
    background:rgba(230, 207, 224, 1);
}
.banner_right .right_item span{
    font-weight:700;
    font-size:16px;
    line-height:19px;
    display:block;
    text-align:center
}
.banner_right .right_item button{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.banner_right .right_item button:hover{
    opacity:.2;
    background:#683610
}
@media screen and (max-width: 1250px){
    .banner{
        margin-top:84px
    }
    .banner .banner-inner{
        flex-direction:column;
        padding:20px 40px
    }
    .banner_left{
        width:100%
    }
    .banner_right{
        width:100%;
        max-width:800px;
        margin:0 auto
    }
    .banner_left .title{
        font-size:28px;
        line-height:33px;
        text-align:center
    }
    .banner_left .info{
        font-size:16px;
        line-height:20px
    }
}
@media screen and (max-width: 650px){
    .banner .banner-inner{
        padding:20px 20px
    }
    .banner_left .info.hide_mobile{
        display:none
    }
}
@media screen and (max-width: 380px){
    .banner .banner-inner{
        padding:20px 12px
    }
    .banner_right .right_item span{
        font-size:13px;
        line-height:17px
    }
}
 
 .advantages{
    padding:20px 0
}
.advantages ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px
}
.advantages ul li{
    width:300px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px
}
.advantages ul li img{
    width:60px;
    height:60px
}
.advantages ul li p{
    width:100%;
    padding-bottom:0;
    text-align:center;
    font-size:18px;
    font-weight:500;
    line-height:24px
}
@media(max-width: 1250px){
    .advantages{
        overflow-x:scroll;
        flex-wrap:nowrap
    }
    .advantages ul{
        justify-content:flex-start
    }
    .advantages ul li{
        max-width:160px;
        flex:0 0 auto
    }
}
 

.panel_inner{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:20px;
    gap:20px
}
.panel_item{
    border-radius:10px;
    position:relative;
    display:flex;
    align-items:center;
    position:relative;
    box-shadow:0px 4px 4px 0px rgba(51,51,51,.2);
    padding:28px 64px 28px 24px
}
.panel_item button{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px
}
.panel_item button:hover{
    opacity:.2;
    background:#683610
}
.panel_item span{
    font-weight:700;
    font-size:16px
}
.panel_item:nth-child(1){
    background:#E6CFE0 url(/uploads/img/icons/icon5.svg) no-repeat;
    background-position:95% 50%
}
.panel_item:nth-child(2){
    background:#E6CFE0 url(/uploads/img/icons/icon6.svg) no-repeat;
    background-position:95% 50%
}
.panel_item:nth-child(3){
    background:#E6CFE0 url(/uploads/img/icons/icon7.svg) no-repeat;
    background-position:95% 50%
}
.panel_item:nth-child(4){
    background:#E6CFE0 url(/uploads/img/icons/icon8.svg) no-repeat;
    background-position:95% 50%
}
.panel_item:nth-child(5){
    background:#E6CFE0 url(/uploads/img/icons/icon9.svg) no-repeat;
    background-position:95% 50%
}
.panel_item:nth-child(6){
    background:#E6CFE0 url(/uploads/img/icons/icon10.svg) no-repeat;
    background-position:95% 50%
}
@media screen and (max-width: 1250px){
    .panel{
        margin:20px 0
    }
}
@media screen and (max-width: 800px){
    .panel_inner{
        grid-template-columns:repeat(2, 1fr)
    }
}
@media screen and (max-width: 550px){
    .panel_inner{
        grid-template-columns:repeat(1, 1fr);
        gap:12px
    }
}
 /* @media screen and (max-width: 600px) {
     .banner .banner-inner {
        background: url(/banner-mobile.webp)no-repeat;
         background-size: cover;
    }
} */


.author {
  background: #E6CFE0;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.author.mini {
  padding: 12px;
  justify-content: flex-start;
  align-items: center;
}

.author-img {
  width: 144px;
  height: 144px;
  border-radius: 50%;
}
.author-text {
  width: calc(100% - 168px);
}

.author.mini .author-img {
  max-width: 80px;
  max-height: 80px;
  margin-right: 16px;
}

.author.mini .author-name {
  font-size: 20px;
}

.author-text-top {
  display: flex;
  gap: 24px;
  flex-direction: column;
  margin-bottom: 16px;
}
.author-name {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
}
.author-expert {
  background: rgba(143, 39, 110, 1);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.author-expert span {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.author p {
  color: #111111;
}
@media screen and (max-width: 1250px){
  .author p {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .author {
    flex-direction: column;
    padding: 16px;
    gap: 12px;
  }
  .author-img {
    width: 64px;
    height: 64px;
  }
  .components .author-name {
    font-size: 16px;
    line-height: 20px;
  }
  .author-expert span {
    font-size: 12px;
    line-height: 14px;
  }
  .author-text {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .author-text-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

}

@media (max-width: 960px) {
  .author.mini .author-text-top {
    align-items: center;
  }
}

.bonus_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 24px;
  margin-bottom: 20px;
}
.bonus_item {
  background: #E6CFE0;
  padding: 24px;
  border-radius: 12px;
}
.bonus_item_top {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.bonus_item_top img {
  width: 32px;
  height: 32px;
}
.bonus_item_top h3 {
  color: #1C1C1C;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 28px;
  text-align: left;
}
.bonus_item p {
  color: #1C1C1C;
}
.bonus_item:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 3;
}

@media (max-width: 1250px) {
  .bonus_item {
    padding: 16px;
  }
  .bonus_item p {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .bonus_block {
    grid-template-columns: repeat(1, 1fr);
  }
  .bonus_item:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .bonus_item_top h3 {
    font-size: 18px;
    line-height: 24px;
  }
}


.sectionOpen {
    background: #F7F1F5;
    padding: 20px;
    margin-bottom: 24px;
    border-radius: 10px;
}

@media (max-width: 1250px) {
  .sectionOpen {
    padding: 12px 8px;
  }
}


/* vitrina */

.casinos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 16px;
}

.casino {
  background: #E6CFE0;
  border-radius: 10px;
  padding: 17px 34px;
  display: grid;
  grid-template-columns: 280px 400px auto;
  align-items: center;
  gap: 46px;
}

.casino span {
  color: #1C1C1C;
  text-align: center;
}

.casino .casino_name {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}

.casino .casino_name .casino_img {
  width: 160px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background: #fff;
}

.casino .casino_name .casino_img img {
    width: 100%;
}

.casino .casino_name .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.casino_name .name span {
  font-family: Tahoma;
  color: #1C1C1C;
  font-size: 14px;
  line-height: 100%;
  text-align: left;
}

.casino_name .name span.title {
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
}

.casino .info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-right: 1px solid rgba(143, 39, 110, 0.5);
  border-left: 1px solid rgba(143, 39, 110, 0.5);
  padding-left: 40px;
}
.casino .info-wrapper2 {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.casino .info-wrapper2 .info-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.casino .info-wrapper p,
.casino .info-wrapper2 p {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  color: #1C1C1C;
  width: 100%;
  padding-bottom: 0;
  padding-top: 6px;
}

.casino .info-wrapper span,
.casino .info-wrapper2 span {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  color: #1C1C1C;
  margin: 0;
  padding: 0;
}

.casino .button {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.casino .button button {
  font-family: Tahoma;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #F38932;
  border: none;
  border-radius: 10px;
  padding: 12px 40px;
  width: 100%;
  max-width: 168px;
  cursor: pointer;
  transition: 0.4s;
}

.casino .button button:hover {
  background: rgba(143, 39, 110, 1);
}


@media (max-width: 1300px) {
  .casino {
    grid-template-columns: 250px 350px auto;
    gap: 24px;
  }
}


@media (max-width: 1180px) {
 .casinos {
  grid-template-columns: 1fr 1fr;
 }

 .casino {
  grid-template-columns: 1fr;
  text-align: center;
 }

 .casino .casino_name {
  border-bottom: 1px solid #FFFFFF80;
  padding-bottom: 10px;
  justify-content: center;
 }

 .info-wrapper .bonus {
    margin-top: 28px;
    border-top: 1px solid #FFFFFF80;
    padding-top: 20px;
 }

 .casino .button {
  margin-top: 8px;
 }
 .casino .info-wrapper{
  border-right: none;
  border-left: none;
  padding-left: 0px;
 }
 .casino .info-wrapper2 {
  flex-direction: column;
 }
}

@media (max-width: 670px) {
.casinos {
  grid-template-columns: 1fr;
  gap: 16px;
 }

 .casino .casino_name {
  justify-content: center;
 }
}

@media (max-width: 360px) {
    .casino .casino_name .casino_img {
        width: 120px;
    }
}


.pm__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 24px;
    padding-bottom: 24px;
}
.pm__item {
    background: rgba(230, 207, 224, 1);
    padding: 24px;
    border-radius: 8px;
}
.pm__headings {
    padding: 14px;
    border-radius: 8px;
}
.pm__headings span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}
.pm__item_plus .pm__headings {
    background: rgba(143, 39, 110, 1);
}
.pm__item_minus .pm__headings {
    background: rgba(243, 137, 50, 1);
}
.pm__container ul {
    padding-top: 24px;
}
.pm__container ul li {
    position: relative;
    padding-left: 24px;
    padding-bottom: 8px;
}
.pm__container ul li:last-child {
    padding-bottom: 0;
}
.pm__item_plus li:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/plus-icon.svg)no-repeat;
    background-size: cover;
}
.pm__item_minus li:before {
    content: '';
    width: 16px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    background: url(/minus-icon.svg)no-repeat;
    background-size: cover;
}

@media (max-width: 900px) {
    .pm__container {
        grid-template-columns: repeat(1, 1fr);
    }
    .pm__item {
        padding: 18px;
    }
}