/* ---------------------------------------------------
    FONT
----------------------------------------------------- */

 @font-face {
     font-family: 'DB Helvethaica X 45 Li';
     src: url('../fonts/DBHelvethaicaX-45Li.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaX-45Li.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
 }


 @font-face {
     font-family: 'DB Helvethaica X 55';
     src: url('../fonts/DBHelvethaicaX-55Regular.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaX-55Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'DB Helvethaica X 75 Bd';
     src: url('../fonts/DBHelvethaicaX-75Bd.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaX-75Bd.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 /* Box sizing rules */
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 /* Prevent font size inflation */
 html {
     -moz-text-size-adjust: none;
     -webkit-text-size-adjust: none;
     text-size-adjust: none;
 }

 /* Remove default margin in favour of better control in authored CSS */
 body,
 h1,
 h2,
 h3,
 h4,
 p,
 figure,
 blockquote,
 dl,
 dd {
     margin: 0;
 }

 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
 ul[role='list'],
 ol[role='list'] {
     list-style: none;
 }

 /* Set core body defaults */
 body {
     min-height: 100vh;
     line-height: 1.5;
 }

 /* Set shorter line heights on headings and interactive elements */
 h1,
 h2,
 h3,
 h4,
 button,
 input,
 label {
     line-height: 1.1;
 }


 /* A elements that don't have a class get default styles */
 a:not([class]) {
     text-decoration-skip-ink: auto;
     color: currentColor;
 }

 /* Make images easier to work with */
 img,
 picture {
     max-width: 100%;
     display: block;
 }

 /* Inherit fonts for inputs and buttons */
 input,
 button,
 textarea,
 select {
     font: inherit;
 }

 /* Make sure textareas without a rows attribute are not tiny */
 textarea:not([rows]) {
     min-height: 10em;
 }

 /* Anything that has been anchored to should have extra scroll margin */
 :target {
     scroll-margin-block: 5ex;
 }

 /*Basic*/
 html {
     font-size: 10px;
     position: relative;
     overflow-x: hidden;
     overflow-y: scroll;
 }

 body {
     background-image: url(../images/bg-dt.webp);
     /*background-attachment: fixed;*/
     background-repeat: repeat;
     background-size: cover;
     font-family: 'DB Helvethaica X 55';
     color: #ffffff;
     font-size: 1.8rem;
     font-weight: 300;
     line-height: 2.4rem;
 }

 h1,
 h2,
 h3 {
     font-family: 'DB Helvethaica X 75 Bd';
 }

 h3 {
     font-size: 2.2rem;
     font-family: 'DB Helvethaica X 75 Bd';
 }

 .heading-section {
     margin-bottom: 20px;
 }

 .heading-section h2 {
     color: #fe6c98;
     font-size: 2.4rem;
     font-family: 'DB Helvethaica X 75 Bd';
     background:
         linear-gradient(to bottom,
             #d6a642 0%,
             #ffeaa2 8%,
             #fff8d7 20%,
             #fffdf5 45%,
             #ffffff 54%,
             #fff8dc 72%,
             #ffe58f 90%,
             #c9942e 100%);

     border: 3px solid #fff2b5;

     box-shadow:
         inset 0 1px 2px rgba(255, 255, 255, 1),
         inset 0 -2px 3px rgba(180, 120, 30, 0.18),
         0 0 5px rgba(255, 239, 180, 0.8);
     border-radius: 32px;
     padding: 10px 15px;
 }

 .heading-section img {
     display: block;
     text-align: center;
     margin: 0 auto 15px;
 }

 .heading-02-section h2 {
     background: none;
     border-radius: 0;
     color: #333333;
     font-size: 4.4rem;
     padding: 0;
 }

 .content-divider {
     width: 100%;
     margin-bottom: 30px;
     display: block;
 }

 .btn {
     padding: 10px 30px !important;
     text-align: center;
     color: #ffffff;
     border-radius: 32px;
     font-size: 1.8rem;
     font-family: 'DB Helvethaica X 75 Bd';
 }

 .btn-img {
     border-radius: 0 !important;
 }

 .btn-primary {
     background: #ff4d80;
 }

 .btn-primary:hover {
     background: #ff82b5;
 }

 .btn-main {
     background: rgb(255, 242, 79);
     background: -moz-linear-gradient(180deg, rgba(255, 242, 79, 1) 0%, rgba(255, 187, 0, 1) 100%);
     background: -webkit-linear-gradient(180deg, rgba(255, 242, 79, 1) 0%, rgba(255, 187, 0, 1) 100%);
     background: linear-gradient(180deg, rgba(255, 242, 79, 1) 0%, rgba(255, 187, 0, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff24f", endColorstr="#ffbb00", GradientType=1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ba0002", endColorstr="#840001", GradientType=1);
     color: #000000 !important;
 }

 .btn-main:hover {
     background: rgb(255, 242, 79);
     background: -moz-linear-gradient(180deg, rgba(255, 242, 79, 1) 0%, rgba(255, 187, 0, 1) 100%);
     background: -webkit-linear-gradient(180deg, rgba(255, 242, 79, 1) 0%, rgba(255, 187, 0, 1) 100%);
     background: linear-gradient(180deg, rgba(255, 242, 79, 1) 0%, rgba(255, 187, 0, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff24f", endColorstr="#ffbb00", GradientType=1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#840001", endColorstr="#ba0002", GradientType=1);
 }

 .btn-circle {
     background: #6C0007;
     border-radius: 32px;
     display: inline-block;
     margin-left: 15px;
     width: 32px;
     line-height: 32px;
     vertical-align: middle;
 }

 .btn-circle img {
     margin-top: -2px;
 }

 .btn-line {
     padding: 10px 15px;
     background: #30C100;
 }

 .btn-outline {
     background: none;
     border: 1px solid #fff;
 }

 .btn-outline:hover {
     background: #fff;
     color: #333333 !important;
 }

 .img-wrapper img {
     transition: all 250ms ease-in-out;
     -webkit-transition: all 250ms ease-in-out;
 }

 .img-wrapper img:hover {
     transform: scale(1.02);
     -webkit-transform: scale(1.02);
 }

 textarea {
     resize: none;
 }

 /*GENERAL*/
 .float-menu {
     text-align: left;
     align-items: center;
     flex-direction: column;
     display: flex;
     justify-content: center;
     width: 10%;
     z-index: 99;
     position: fixed;
     left: 0;
     top: 30px;
 }

 .float-menu-inner {
     flex-direction: column;
     display: flex;
     text-align: left;
     align-items: center;
     justify-content: center;
     /*width: 50%;
     border-top-color: #ff4d80;
     border-right-color: #ff4d80;
     border-bottom-color: #ff4d80;
     border-left-color: #ff4d80;
     border-top-width: 2px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 2px;
     border-top-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
     border-radius: 0 15px 15px 0;
     background-color: rgba(255, 255, 255, 0.85);*/
     background-image: url(../images/floatpanel-bg-01.webp);
     margin-top: 30px;
     left: 0;
     position: absolute;
     top: 74px;
     width: 120px;
     height: 581px;
 }

 .float-item {
     flex-direction: column;
     display: flex;
     text-align: left;
     align-items: center;
     justify-content: center;
     width: 100%;
     margin-top: 10px;
 }

 .float-item:first-child {
     margin-top: 0;
 }

 .float-item .float-text {
     color: #ffffff;
     font-weight: 600;
 }

 .float-item:hover {
     -webkit-filter: brightness(150%);
     text-decoration: none;
 }

 .float-item img {
     max-width: 40px;
 }

 .float-menu-mb {
     display: none;
 }

 .float-logo {
     left: 15px;
     position: relative;
 }

 .header-mb {
     display: none;
 }

 header {
     width: 100%;
     top: 0;
     left: 0;
     right: 0;
     padding: 20px 0;
     position: absolute;
     z-index: 99;
 }

 header .nav-item .nav-link {
     color: #ffffff;
     background: none;
     border: 1px solid #ffffff;
     border-radius: 64px;
     font-family: 'DB Helvethaica X 75 Bd';
     font-size: 1.8rem;
     padding: 10px 20px;
 }

 header .nav-item .nav-link:hover {
     background: #ffffff;
     color: #02106d;
 }

 header img {
     max-width: 200px;
 }

 header .nav-register .nav-link {
     background: #ffffff;
     border: none;
     color: #000439;
 }

 header .nav-login .nav-link {
     background: #fdfb03;
     border: none;
     color: #000439;
 }

 header .nav-login .nav-link:hover {
     background: #fdfb03;
 }

 .navbar-brand {
     position: relative;
 }

 header ul {
     list-style-type: none;
     margin-bottom: 0;
     padding-left: 0;
 }

 header ul li {
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle;
 }

 header ul li:last-child {
     margin-right: 0;
 }

 .nav-right {
     text-align: right !important;
 }

 .nav-active a {
     background: #16268e !important;
     border: none;
     color: #fff !important;
 }

 .nav-register img {
     max-width: 220px;
 }

 .nav-register img:hover {
     -webkit-transform: perspective(1000px) scale(1.01);
     transform: perspective(0px) scale(1.01);
     -webkit-filter: brightness(150%);
 }

 .nav-login img {
     max-width: 96px;
 }

 .nav-login img:hover {
     -webkit-transform: perspective(1000px) scale(1.01);
     transform: perspective(0px) scale(1.01);
     -webkit-filter: brightness(150%);
 }

 .top-banner .container-fluid {
     padding: 0;
     margin: 0;
 }

 .top-banner {
     /* background-image: url(../images/banner.webp);*/
     background-size: cover;
     background-position: center bottom;
     padding: 40px 0;
     margin-top: 96px;
 }

 .top-banner img {
     border-radius: 32px;
 }

 .announcement {
     background: rgb(191, 0, 0);
     background: linear-gradient(180deg, rgba(191, 0, 0, 1) 0%, rgba(86, 0, 0, 1) 100%);
     padding: 15px 0;
 }


 .owl-one .owl-nav.disabled + .owl-dots {
     width: 100%;
     position: relative;
     bottom: -15px;
     z-index: 999;

 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #f3e48a;
 }

 .owl-theme .owl-dots {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
     position: absolute;
     width: 100%;
     bottom: 0;
 }

 marquee {
     background: rgba(255, 255, 255, 0.8);
     border-radius: 32px;
     color: #ff4d80;
     font-size: 2.4rem;
     line-height: 32px;
     padding: 10px;
     position: relative;
 }

 .marquee-container {
     border-radius: 32px;
     overflow: hidden;
     position: relative;
 }

 .marquee-container::before {
     background: rgba(255, 241, 246, 1);
     border-radius: 64px;
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 20px;
     height: 40px;
     z-index: 1;
 }

 .jackpot-item {
     background: #000000;
     color: #ffffff;
     border-radius: 32px;
     font-size: 1.8rem;
     line-height: 32px;
     padding: 10px;
 }

 .jackpot-item div {
     display: inline-block;
     width: 30%;
 }


 .jackpot-tag {
     background: rgb(204, 174, 130);
     background: linear-gradient(180deg, rgba(204, 174, 130, 1) 0%, rgba(251, 228, 192, 1) 50%, rgba(170, 134, 86, 1) 100%);
     border-radius: 64px;
     color: #333333;
     font-size: 1.6rem;
     font-weight: 600;
     text-align: center;
 }

 .marquee-tag {
     background: #FF4D80;
     border-radius: 32px;
     color: #333333;
     font-size: 1.6rem;
     text-align: center;
     display: inline-block;
     font-weight: 600;
     padding: 7px;
     position: absolute;
     top: 10px;
     left: 10px;
     z-index: 1;
 }

 .jackpot-item .jackpot-value {
     text-align: right;
     width: 68%;
 }

 .bs-section {
     padding: 72px 0 0;
 }

 .bs-section:last-child {
     padding-bottom: 80px;
 }

 .info-section {
     padding-bottom: 72px;
 }

 .sidebar-inner {
     background-image: url(../images/bg-dt.webp);
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-size: cover;
     box-shadow: 1px 2px 5px #000;
     padding: 20px;
 }

 .sidebar-inner .col-lg-6 {
     padding: 0 10px;
 }

 .sidebar-inner .content-divider {
     margin-bottom: 20px;
 }

 .sidebar-inner ul {
     list-style-type: none;
     padding-left: 0;
 }

 .sidebar-inner li {
     margin-bottom: 15px;
 }

 .sidebar-inner li:last-child {
     margin-bottom: 0;
 }

 .sidebar-item img {
     width: 100%;
     filter: grayscale(100%);
     /* Current draft standard */
     -webkit-filter: grayscale(100%);
     /* New WebKit */
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
 }

 .sidebar-item img:hover {
     -webkit-filter: none;
     filter: none;
 }

 .sidebar-active img {
     -webkit-filter: none;
     filter: none;
 }


 .brand-mb {
     display: none;
 }

 .games-section {
     padding-bottom: 80px;
 }

 .games-section:last-child {
     padding-bottom: 0;
 }

 .promotion-banner img {
     width: 100%;
 }

 .activity-item h3 {
     margin-top: 15px;
 }

 .articles-item h3 {
     margin-top: 15px;
 }

 .blog-body .content-container {
     margin: 15px 0;
 }

 .blog-body img {
     margin-bottom: 30px;
 }

 .blog-body ul {
     padding-left: 0;
     list-style-type: none;
 }

 .blog-body h3 {
     font-size: 3.6rem;
     text-decoration: underline;
 }

 .blog-body ol {
     padding-left: 15px;
 }

 .blog-body p {
     font-size: 1.8rem;
 }

 .blog-body .date-text {
     margin-bottom: 15px;
 }

 .promotion-banner .container-fluid {
     margin: 0;
     padding: 0;
 }

 .footer-section {
     padding: 80px 0;
     background: #FF84B7;
     background: linear-gradient(180deg, rgba(255, 132, 183, 1) 0%, rgba(255, 77, 128, 1) 100%);
 }

 .footer-logo img {
     max-width: 200px;
 }

 .footer-logo p {
     margin-bottom: 15px;
 }

 .footer-logo p:last-child {
     margin-bottom: 0;
 }

 .footer-col h3 {
     margin-bottom: 30px;
 }

 .footer-system {
     text-align: center;
 }

 .footer-system img {
     margin: 0 auto;
     display: block;
 }

 .footer-bank {
     text-align: center;
 }

 .footer-bank img {
     margin: 0 auto;
     display: block;
 }

 .footer-contact ul {
     list-style-type: none;
     padding-left: 0;
 }

 .footer-contact ul img {
     display: inline-block;
     margin-right: 15px;
 }

 .footer-contact ul p {
     display: inline-block;
 }

 .footer-contact ul li {
     margin-bottom: 15px;
 }

 .footer-contact ul li:last-child {
     margin-bottom: 0;
 }

 /*Tags*/


 .nav-tag {
     list-style-type: none;
     padding-left: 0;
     margin-top: 15px;
 }

 .nav-tag li {
     display: inline-block;
     margin-right: 10px;
     margin-left: -5px;
     margin-bottom: 15px;
     color: #000;
     border-radius: 8px;
     font-size: 1.8rem;
     font-family: 'DB Helvethaica X 75 Bd';
 }

 .nav-tag li a {
     background: none;
     border: 1px solid #ffffff;
     border-radius: 32px;
     color: #ffffff;
     padding: 5px 30px;
 }

 .mobile-nav {
     display: none;
 }

 /*Game*/
 .game-item img {
     transition: .5s, color .10s;
     width: 100%
 }

 .game-item img:hover {
     cursor: pointer;
     transform: scale3d(1.05, 1.05, 0.09);
 }

 /*Promotion*/
 .promotion-section {
     background-image: url(../images/promotion-bg.webp);
     background-size: cover;
     background-position: center center;
     padding: 100px 0;
     margin: 60px 0;
 }

 .promotion-section img {
     border-radius: 16px;
 }

 .promotion-item img {
     transition: .5s, color .10s;
 }

 .promotion-item img:hover {
     cursor: pointer;
     transform: scale3d(1.05, 1.05, 0.09);
 }

 .certificate-item img {
     transition: .5s, color .10s;
 }

 .certificate-item img:hover {
     cursor: pointer;
     transform: scale3d(1.05, 1.05, 0.09);
 }

 .btm-section {
     line-height: 0;
     padding: 0;
     margin: 0;
 }

 .btm-section .container-fluid {
     padding: 0;
 }

 .activity-section {
     padding: 72px 0;
 }

 .activity-detail-section img {
     width: 100%;
 }

 .activity-detail-img img {
     width: 100%;
     border-radius: 16px;
 }

 .form-control {
     background: #ffffff;
     border-radius: 16px;
 }

 .form-control:hover {
     background: #ffffff;
 }

 .form-control:active {
     background: #ffffff;
 }

 .form-control:focus {
     background: #ffffff;
     border: 1px solid #ff4d80;
     box-shadow: none;
 }

 .activity-detail-section .btn {
     margin-left: 0 !important;
 }

 .activity-detail-section label {
     color: #333333;
 }

 .activity-detail-section {
     padding: 72px 0;
 }

 .activity-log {
     background-color: #FFFFFF;
     color: #000000;
     width: 100%;
     padding: 5px 5px 5px 5px;
     font-size: 2.4rem;
     line-height: 20px
 }

 .activity-log-item {
     border-bottom: 1px solid #dddddd;
     padding: 15px 0;
 }

 .activity-log-item:last-child {
     border-bottom: none;
 }

 .activity-log-item h3 {
     font-size: 2.4rem;
 }

 .activity-log-item p {
     margin-bottom: 10px;
 }

 .activity-log-item span {
     color: #A6A6A6;
 }

 .promotion-main-section {
     padding: 72px 0;
 }

 .certificate-section {
     padding: 72px 0;
 }

 /*Media Queries*/
 @media (max-width:1436px) {
     .nav-register img {
         max-width: 200px;
     }

     .nav-login img {
         max-width: 88px;
     }
 }

 @media (max-width:1324px) {
     .container {
         max-width: 980px;
     }

     .nav-register img {
         max-width: 160px;
     }

     .nav-login img {
         max-width: 72px;
     }
 }

 @media (max-width:1199px) {
     .nav-register img {
         max-width: 120px;
     }

     .nav-login img {
         max-width: 56px;
     }

     header .nav-item .nav-link {
         padding: 12px 15px;
     }

     .float-menu-inner {
         width: 60%;
         background-position: right top;
     }

     .float-item img {
         max-width: 40px;
     }

     .top-banner {
         margin-top: 60px;
     }
 }

 @media (max-width:1100px) {

     marquee {
         padding: 5px;
     }

     .marquee-tag {
         top: 5px;
         left: 5px;
     }
 }

 @media (max-width:991px) {
     header .container {
         max-width: 100%;
     }

     .nav-home {
         display: none;
     }

     header {
         padding: 15px 0;
     }


     .announcement .container {
         max-width: 100%;
     }

     .games-section .content-divider {
         display: none;
     }

     .games-item {
         margin-bottom: 30px;
     }

     .games-item img {
         width: 100%;
     }

     .promotion-section .content-divider {
         display: none;
     }

     .promotion-item {
         margin-bottom: 30px;
     }

     .certificate-section .content-divider {
         display: none;
     }

     .certificate-item {
         margin-bottom: 30px;
     }

     .articles-section .content-divider {
         display: none;
     }

     .articles-item {
         margin-bottom: 30px;
     }

     .activity-section .content-divider {
         display: none;
     }

     .activity-item {
         margin-bottom: 30px;
     }

     .sidebar-inner .content-divider {
         display: none;
     }

     .sidebar-item {
         margin-bottom: 15px;
     }

     .sidebar-item:last-child {
         margin-bottom: 0;
     }

     .sidebar-item img {
         width: 100%;
     }

     .brand-section .content-divider {
         display: none;
     }

     .brand-item {
         margin-bottom: 30px;
     }

     .float-menu-inner {
         display: none;
     }

     .float-menu-mb {
         text-align: center;
         display: flex;
         left: initial;
         top: initial;
         bottom: 0px;
         width: 100%;
         max-width: 100%;
         align-items: center;
         justify-content: center;
         flex-wrap: nowrap;
         flex-direction: row;
         z-index: 99;
         position: fixed;
     }

     .float-menu-inner-mb {
         justify-content: center;
         border-radius: 15px;
         background: #fc8eac;
         border: 2px solid #fff0bd;
         margin-top: 10px;
         text-align: center;
         flex-direction: row;
         display: flex;
         width: 95%;
         margin-bottom: 10px;
         align-items: flex-end;
         padding-bottom: 5px;
         padding-top: 7px;
     }

     .float-menu-inner-mb .float-item {
         margin-top: 0;
     }

     .footer-section {
         padding: 80px 0;
     }

     .footer-system img {
         max-width: 150px;
     }

     .footer-bank img {
         max-width: 150px;
     }

     .footer-contact ul img {
         max-width: 32px;
     }

     .footer-logo .content-divider {
         margin-bottom: 15px;
     }

     .game-item {
         margin-bottom: 30px;
     }

     .game-item img {
         width: 100%;
     }

     .newgame-section .content-divider {
         display: none;
     }

     .info-item {
         margin-bottom: 30px;
     }

     .info-item img {
         width: 100%;
     }

     .promotion-main-section .content-divider {
         display: none;
     }

     .promotion-main-section .promotion-item {
         margin-bottom: 30px;
     }

     .certificate-section .content-divider {
         display: none;
     }

     .certificate-section .certificate-item {
         margin-bottom: 30px;
     }
 }

 @media (max-width:767px) {
     .header-dt {
         display: none;
     }

     .header-mb {
         display: block;
         background: #FF84B7;
         background: linear-gradient(180deg, rgba(255, 132, 183, 1) 0%, rgba(255, 77, 128, 1) 100%);
         position: relative;
     }

     .top-banner {
         margin-top: 0;
     }

     .float-logo {
         display: none;
     }

     .marquee-container {
         margin-top: 15px;
     }

     .mobile-nav {
         display: none;
     }

     .mobile-nav img {
         max-width: 150px;
         position: relative;
         margin: 0 auto;
     }

     .bs-section {
         padding: 24px 0;
     }

     .games-section {
         padding-bottom: 48px;
     }

     .jackpot-section {
         margin-bottom: 10px;
     }

     .detail-section .content-divider {
         display: none;
     }

     .detail-item {
         margin-bottom: 30px;
     }

     .sidebar-inner .heading-section h2 {
         text-align: center;
         font-size: 2.4rem;
     }

     .brand-dt {
         display: none;
     }

     .brand-mb {
         display: block;
     }

     .footer-logo {
         text-align: center;
         margin-bottom: 40px;
     }

     .footer-logo img {
         margin: 0 auto;
         display: block;
     }

     .footer-section {
         padding: 80px 0 160px;
     }
 }

 @media (max-width:576px) {
     .jackpot-section {
         display: none;
     }

     .detail-item {
         text-align: center;
     }

     .detail-item img {
         margin: 0 auto 15px;
     }

     .sidebar-inner {
         padding: 5px;
     }

     .sidebar-inner .col-lg-6 {
         padding: 0 15px;
     }

     .footer-col {
         margin-bottom: 40px;
     }

     .footer-col h3 {
         margin-bottom: 15px;
     }

     .footer-contact {
         text-align: center;
     }

     .footer-contact img {
         margin: 0 auto;
         display: block;
     }

     .float-item img {
         max-width: 24px;
     }
 }