.cont__nav ul a {
display: flex;
align-items: center;
}
.cont__nav ul a svg {
margin-left: 8px;
} .wrapper_child{
padding-bottom: 0;
}
.sticky{ margin-bottom: 0;
max-height: calc(100vh - 170px);
}
.st1,
.st2{
margin-top: 0;
}
.st8{
max-height: calc(100vh - 170px - 66px);
display: flex;
flex-direction: column;
}
.st9{
height: 66px;
}
.section_o{
display: flex;
flex-direction: column;
}
.section_gb{
padding-top: 64px;
background: #71192F;
}
.section_gb .section_name{
padding-bottom: 0;
margin-bottom: 24px;
width: unset;
}
.section_bb{
padding-bottom: 0;
display: flex;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.section_bb .section_name{
padding: 0 !important;
padding-top: 64px !important;
margin: 0 !important;
}
.section_bb .cm{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.section_o .cm{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.section_o .container_cl{
height: 100%
}
.section_g{
padding: 64px 0 0 0 !important;
height: 100%;
background: #006450;
display: flex;
flex-direction: column;
width: 100%;
}
.section_g .cm{
width: 100%;
display: flex;
flex-direction: column;
}
.section_g .section_name{
color: #ffffff;
margin-bottom: 60px;
}
.mc,
.game-programs{ width: 100%;
height: 100%;
}
.mc__image,
.game-programs__image{
position: absolute;
z-index: 0;
left: 0;
top: -64px;
transform: translateX(-40%);
}
.game-programs__image{
top: unset;
bottom: -90px;
transform: translateX(-30%);
}
.container_section_gb{
}
.celeb__image{
position: absolute;
top: 65%;
left: 0;
transform: translate(-52%, -50%);
z-index: 0;
}
.celeb__items{
gap: 0 30px;
}
.mc__cards,
.game-programs__cards,
.celeb__items{
display: flex;
width: 100%;
justify-content: flex-end;
}
.card-link{
height: 100%;
max-height: 500px;
width: 100%;
max-width: 400px;
background: #B3D4E7;
border-radius: 32px;
overflow: hidden;
text-decoration: none;
color: #1c1c1c;
cursor: pointer;
padding-bottom: 32px;
}
.card-link:hover .card-link__arrow{
transform: rotate(90deg);
}
.card-link__image{
max-height: 300px;
clip-path: circle(71.4% at 51% 15%);
}
.card-link__image img{
height: 100%;
width: 100%;
}
.card-link__content{
margin-top: 42px;
display: flex;
justify-content: space-between;
column-gap: 32px;
align-items: flex-end;
padding: 0 24px 0 24px;
}
.card-link__content .card-link__name{
padding: 0;
margin: 0;
max-width: calc(100% - 96px);
}
.card-link__name{
margin-top: 16px;
padding: 0 24px 0 24px;
text-transform: lowercase;
font-weight: 700;
font-size: 20px;
}
.card-link__footer{
margin-top: 32px;
display: flex;
justify-content: space-between;
align-items: flex-end;
column-gap: 32px;
padding: 0 24px 0px 24px;
}
.card-link__price{
font-weight: 700;
font-size: 32px;
}
.card-link__arrow{
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
}
.container_select_bb{
align-self: center;
justify-self: center;
height: fit-content;
}
.container_select_bb_wrapper{
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
padding-bottom: 18vh;
}
.bb_img_1{
top: unset;
left: 80px;
bottom: 20vh;
transform: scale(-3, 3) rotate(60deg);
}
.bb_img_2{
left: unset;
top: unset;
right: 80px;
bottom: 10vh;
transform: scale(0.7);
}
.bb_img_3{
top: 17vh;
left: unset;
right: 12vw;
transform: scale(2) rotate(30deg);
}
.section_name_f{
width: 400px;
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform-origin: 50% 50% !important;
transform: translate(-50%, calc(-50% - 50px));
}
.section_name_f svg{
width: 100%;
}
.section_name_f,
.sec_svg{ 
opacity: 0;
visibility: hidden;
}
.section_name_f.visible{
opacity: 1;
visibility: visible;
transition: opacity .5s ease .5s, visibility .5s ease .5s;
}
.sec_svg.visible{
opacity: 1;
visibility: visible;
transition: opacity .5s ease 1s, visibility .5s ease 1s;
}
.sec_svg.loaded,
.section_name_f.loaded{
opacity: 1;
visibility: visible;
transition: none;
}
@keyframes slidein {
from {
transform: translate(-50%, 0);
}
to {
transform: translate(-50%, -25px)
}
}
.scroll-notification{
position: fixed;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 154px;
opacity: 0;
visibility: hidden;
transition: all .3s ease .8s;
animation-duration: 1.5s;
animation-name: slidein;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.scroll-notification.visible{
opacity: 1;
visibility: visible;
}