@charset "utf-8";

.c-panel.recommended { padding: 7rem 0px; }

.c-panel.recommended.g2play { background: rgba(255, 194, 15, 0.2); }

.c-panel.recommended.g2play .slider-control-centerleft > div:hover, .c-panel.recommended.g2play .slider-control-centerright > div:hover { border-color: rgb(255, 194, 15); }

.c-panel.recommended .slider-control-centerleft > div, .c-panel.recommended .slider-control-centerright > div { border-color: rgb(255, 255, 255); padding: 13px; transition: 0.3s; }

.c-panel.recommended .slider-control-centerleft > div:hover, .c-panel.recommended .slider-control-centerright > div:hover { border-color: rgb(251, 142, 49); }

.c-panel.recommended .slider-control-centerleft > div::before, .c-panel.recommended .slider-control-centerright > div::before { background: transparent; }

.c-panel.recommended .slider-control-centerleft > div:hover::before, .c-panel.recommended .slider-control-centerright > div:hover::before { box-shadow: none; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }

.container-fluid { padding-left: 0px; padding-right: 0px; }

@media (min-width: 576px) {
  .container, .container-sm { max-width: 540px; }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm { max-width: 720px; }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}

@media (min-width: 1840px) {
  .container-xxl { max-width: 1760px; }
}