:root {
    --mainTxt-color:#000000;
    --quick-nav-color: #fff;
    --quick-nav-hover-color: #002b3b;
    --mainElem-bgColor:#002b3b;
    --mainElem-color:#fff;
    --darker-bonus-color:#529efe;
    --top3-brands-bg:#313131;
    --rest-brands-bg:#005f81;
    --mainTb-color:#2b2b2b;
    --faq-bg:#E5EEF8;
    --mainElem-hov-color:#fc53a1;
    --white-color: #fff;
    --mainBtn-color: #51ffcf;
    --mainBtn-color-hover: #00553d;
    --table-border-color:#51ffcf;
    --table-top3-border-color:#51ffcf;
    --footer-links:#51ffcf;
    --pros-cons-border:#AEC3D9;
    --terms:#AEC3D9;
    --shadow: #6f7070;

    --banner-gradient: #005f81;
    --footer-gradient: #002b3b;
}


*, *::before, *::after {margin: 0;padding: 0;border: 0;outline: 0;}
small, .small {font-size: 0.775em !important;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
section{padding:2rem 0px;}
* html .clearfix {height: 1%;}
body {overflow-x: hidden;}
ul, li {padding: 0;margin: 0;}
header, nav, section, article, aside, footer, hgroup {display: block;}
* {box-sizing: border-box;}
html, body {font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 16px;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a {text-decoration: none !important;}
h1, h2, h3, h4, h5, h6 {margin-top: 0px;margin-bottom: 0px;font-weight: 700;}
h3{margin:20px 0px;}
p {font-size: 15px;}
.border-custom{border-color: var(--mainElem-color) !important;}
.brand-shadow{filter:
drop-shadow(-1px 0 0 #000)    drop-shadow(-3px 0 0 var(--shadow))    drop-shadow(0 1px 0 var(--shadow))    drop-shadow(0 -1px 0 var(--shadow))
}
.mw{max-width: max-content;}
.list{margin-bottom: 10px;}
.list li{margin-left: 15px;}
.list li::marker{color: var(--mainBtn-color);}
b, strong {font-weight: bold !important;}
.flex-list{display: flex;}
.flex-list li {margin-left: 25px;}
.table{overflow-x: auto;}
.table-head{background: var(--mainElem-color) !important;color: #fff;}
.table > :not(:first-child){border-top: 0px !important;}
.link{color:var(--footer-links)}
/* 
---------------------------------------------
Global Styles
--------------------------------------------- 
*/
html, body {background: #fff;font-family: 'Roboto', sans-serif;}
::selection {background: var(--mainElem-color);color: #fff;}
::-moz-selection {background: var(--mainElem-color);color: #fff;}
.border-button a {font-size: 14px;color: #fff;background-color: transparent;border: 1px solid var(--mainElem-color);padding: 12px 30px;display: inline-block;border-radius: 25px;font-weight: 500;text-transform: capitalize;letter-spacing: 0.5px;transition: all .3s;position: relative;overflow: hidden;}
.border-button a:after {width: 78%;height: 2px;background-color: #fff;content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.border-button a:hover {background-color: var(--mainElem-color);color: #fff;}
.section-heading {position: relative;z-index: 2;margin-top: 0px;margin-bottom: 30px;text-align: center;}
.section-heading .line-dec {width: 100px;height: 2px;background-color: var(--mainElem-color);margin: 0 auto 30px auto;}
.section-heading h2 {margin-top: 10px;line-height: 36px;font-size: 30px;font-weight: 700;text-transform: capitalize;}
.section-heading h2 em {color: #005f81;font-style: normal;}
.categories-collections {color:#fff;}
.categories-collections .list li {color:#fff;}
.main-table .table-row {border-radius: 20px;color: #fff;}
.main-table .row-info{height: auto;justify-content: center;display: flex;flex-direction: column;}
.mt-rating,.mt-bonus{font-size: 15px;}
.main-button {font-size: 14px;color: var(--mainTxt-color);background:var(--mainBtn-color);padding: 12px 30px;display: inline-block;border-radius: 25px;font-weight: 600;text-transform: capitalize;letter-spacing: 0.5px;transition: all .3s;position: relative;overflow: hidden;}
.main-button:hover {color:var(--mainBtn-color-hover)}
.main-button:hover:after {background: var(--mainElem-color);}
.main-button:after {width: 78%;height: 4px;background-color: #fff;content: '';position: absolute;left: 50%;bottom: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;transform: translateX(-50%);color: var(--mainElem-color);}
.main-table .stay {color:var(--mainBtn-color)}
.main-table .top-3-bg{background: var(--mainElem-bgColor);}
.main-table .top-3-bg .brand-logo{background: var(--top3-brands-bg);}
.main-table .normal-bg{background: var(--mainTb-color);color:var(--mainElem-color)}
.main-table .normal-bg .brand-logo{background: var(--rest-brands-bg);}
.main-table .normal-bg .stay{color: var(--mainElem-color);}
.main-table .top-3-bg .row-info,.main-table .row-info{border-right: 1px solid var(--table-top3-border-color);}
.main-table .normal-bg .row-info{border-right: 1px solid var(--table-border-color);}
.main-table .brand-logo {position: relative;}
.main-table .bonus, .top4 .bonus {font-weight: bold; color:var(--mainBtn-color);font-size: 25px;}
.darker{color:var(--darker-bonus-color) !important}
.main-table .brand-logo .badge-num {position:absolute;top:10px;left: 10px;background:var(--mainBtn-color);color:var(--mainTxt-color);border-radius: 10px;display: flex;width: 30px;height: 30px;text-align: center;justify-content: center;align-items: center;font-weight: 700;}
.show-more{background:var(--white-color);color:var(--mainTxt-color);border-radius: 50px;border:1px solid var(--mainBtn-color);padding:10px 50px;margin-bottom: 30px;}
.rating-txt{margin-bottom: 10px;}
.score-wrap {display: inline-block;position: relative;font-size: 0;vertical-align: middle;}
.score {display: inline-block;position: relative;background: var(--icon-empty-star) repeat-x;background-size: 20px 20px;width: 100px;height: 25px;overflow: hidden;}
.score > span {display: block;height: 25px;background: var(--icon-star) repeat-x;background-size: 20px 20px;width: 0; /* dynamic based on score */}
.score.small {background-size: 27px 27px;width: 135px;height: 27px;}
.score.small > span {height: 27px;background-size: 27px 27px;}
.score.smallest {background-size: 24.5px 24.5px;width: 122.5px;height: 24.5px;}
.score.smallest > span {height: 24.5px;background-size: 24.5px 24.5px;}
.review{background:var(--mainElem-color);}
.review .brand-logo {background: var(--top3-brands-bg);}
.pros-cons{background: var(--mainTb-color);padding: 20px;border-radius: 20px;}
.pros-cons .title{font-weight: bold;color:var(--mainElem-color);font-size: 18px;}
.pros-cons ul {list-style: none; color: #fff}
.check-list li,.cross-list li{position: relative;padding: 0px 0px 15px 24px;}
.check-list li::before{position: absolute;content: '';background: var(--check);width: 16px;height: 16px;background-size: contain;top: 3px;left: 0px;}
.cross-list li::before{position: absolute;content: '';background: var(--cross);width: 16px;height: 16px;background-size: contain;top: 3px;left: 0px;}
.check{background: var(--check);width: 26px;height: 26px;background-size: contain;}
.cross{background: var(--cross);width: 26px;height: 26px;background-size: contain;}
.top4 .size-150{border-radius: 4px;background: var(--top3-brands-bg);}
/* 
---------------------------------------------
Quick Navigation
--------------------------------------------- 
*/
.quick-nav li {background:var(--rest-brands-bg);transition: all 0.2s ease-in;overflow-x: auto;min-width: fit-content;}
.quick-nav li a {color:var(--quick-nav-color)}
.quick-nav li:hover {background: var(--mainTb-color);}
.quick-nav li:hover a{color: var(--quick-nav-hover-color);}
/* 
---------------------------------------------
Pre-loader Style
--------------------------------------------- 
*/

.js-preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.98); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 1; visibility: visible; z-index: 9999; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }
.js-preloader.loaded { opacity: 0; visibility: hidden; pointer-events: none; }
@-webkit-keyframes dot { 50% { -webkit-transform: translateX(96px); transform: translateX(96px); }; }
@keyframes dot { 50% { -webkit-transform: translateX(96px); transform: translateX(96px); }; }
@-webkit-keyframes dots { 50% { -webkit-transform: translateX(-31px); transform: translateX(-31px); }; }
@keyframes dots { 50% { -webkit-transform: translateX(-31px); transform: translateX(-31px); }; }
.preloader-inner { position: relative; width: 142px; height: 40px; background: transparent; }
.preloader-inner .dot { position: absolute; width: 16px; height: 16px; top: 12px; left: 15px; background: var(--mainElem-color); border-radius: 50%; -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation: dot 2.8s infinite; animation: dot 2.8s infinite; }
.preloader-inner .dots { -webkit-transform: translateX(0); transform: translateX(0); margin-top: 12px; margin-left: 31px; -webkit-animation: dots 2.8s infinite; animation: dots 2.8s infinite; }
.preloader-inner .dots span { display: block; float: left; width: 16px; height: 16px; margin-left: 16px; background: var(--mainElem-color); border-radius: 50%; }

/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/
 .background-header { background-color: #fff !important; position: fixed!important; top: 0!important; left: 0; right: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.header-area { background-color: transparent; position: absolute; top: 30px; left: 0; right: 0; z-index: 100; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.header-area .main-nav { min-height: 80px; background: transparent; display: flex; background-color: #fff; padding: 15px 30px; border-radius: 50px; }
.background-header .main-nav { padding: 0px; background-color: transparent; }
.header-area .main-nav .logo { flex-basis: 30%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.background-header .main-nav .logo { margin-top: 8px; }
.background-header .main-nav .logo img { width: 180px; }
.main-nav .nav a.active + .submenu-arrow {filter: invert(1);}
.header-area .main-nav .nav { display: inline-flex; flex-basis: 70%; justify-content: flex-end; align-items: center; text-align: right; margin-right: 0px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; }
.header-area .main-nav .nav li { padding: 20px 2px; list-style: none;}
.header-area .submenu li { padding: 0px 10px !important; }
.header-area .main-nav .nav li a { font-weight: 500; font-size: 14px; text-transform: capitalize; color: #2a2a2a; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border: transparent; padding: 8px 15px; border-radius: 18px; letter-spacing: 1px; }
.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover, .background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover { padding-left: 25px !important; }

.header-area .main-nav .nav .has-submenu a:hover + .submenu-arrow { filter: invert(1) !important; }
.header-area .main-nav .nav li.has-sub { position: relative; padding-right: 15px; }
.header-area .main-nav .menu-trigger { cursor: pointer; display: block; position: absolute; top: 33px; width: 32px; height: 40px; text-indent: -9999em; z-index: 99; right: 20px; display: none; }
.background-header .main-nav .menu-trigger { top: 35px; }
.header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: var(--mainElem-color); display: block; position: absolute; width: 30px; height: 2px; left: 0; }
.background-header .main-nav .menu-trigger span, .background-header .main-nav .menu-trigger span:before, .background-header .main-nav .menu-trigger span:after { background-color: var(--mainElem-color); }
.header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: var(--mainElem-color); display: block; position: absolute; width: 30px; height: 2px; left: 0; width: 75%; }
.background-header .main-nav .menu-trigger span:before, .background-header .main-nav .menu-trigger span:after { background-color: var(--mainElem-color); }
.header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { content: ""; }
.header-area .main-nav .menu-trigger span { top: 16px; }
.header-area .main-nav .menu-trigger span:before { -moz-transform-origin: 33% 100%; -ms-transform-origin: 33% 100%; -webkit-transform-origin: 33% 100%; transform-origin: 33% 100%; top: -10px; z-index: 10; }
.header-area .main-nav .menu-trigger span:after { -moz-transform-origin: 33% 0; -ms-transform-origin: 33% 0; -webkit-transform-origin: 33% 0; transform-origin: 33% 0; top: 10px; }
.header-area .main-nav .menu-trigger.active span, .header-area .main-nav .menu-trigger.active span:before, .header-area .main-nav .menu-trigger.active span:after { background-color: transparent; width: 100%; }
.header-area .main-nav .menu-trigger.active span:before { -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); background-color: var(--mainElem-color); }
.background-header .main-nav .menu-trigger.active span:before { background-color: var(--mainElem-color); }
.header-area .main-nav .menu-trigger.active span:after { -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); background-color: var(--mainElem-color); }
.background-header .main-nav .menu-trigger.active span:after { background-color: var(--mainElem-color); }
.header-area.header-sticky .nav li a.active { font-weight: bold; }

/* Desktop dropdown */
 .nav .submenu { display: none; flex-direction: column; justify-content: start; align-items: start; position: absolute; background: #fff; padding: 10px 0; min-width: 180px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
@media (min-width:992px) { .has-submenu { position: relative; } .has-submenu a { padding-right: 24px !important; } .has-submenu:hover > .submenu-arrow { transform: rotate(3.142rad); } .submenu-arrow { position: absolute; right: 10px; top: 25px; }; }
.has-submenu:hover > .submenu { display: flex; margin-top: 15px; }
.submenu-arrow { background: var(--drowpdown); background-repeat: no-repeat; cursor: pointer; width: 15px; height: 15px; display: inline-block; }
.submenu li a { margin-bottom: 5px; display: block; }
/* Mobile */
 @media (max-width: 991px) { .nav { display: none; flex-direction: column; gap: 10px; } .nav.open { display: flex; } .menu-trigger { display: block; cursor: pointer; } .nav .has-submenu > .submenu { position: static; box-shadow: none; background: none; padding-left: 20px; display: none; flex-direction: column; gap: 5px; } .nav .has-submenu.active > .submenu { display: flex; } .main-table .mt-bonus{font-size: 16px; } .main-table .bonus{font-size: 20px; }; }
@media (max-width: 1200px) { .header-area .main-nav .nav li { padding-left: 10px; padding-right: 10px; } .header-area .main-nav:before { display: none; };}
@media (max-width: 992px) {.main-nav .nav a.active + .submenu-arrow {filter: invert(0);} .header-area { top: 0; display: flex;align-items: center;} .header-area .main-nav { background-color: transparent; border-radius: 0px; } .header-area .main-nav .nav { height: auto; flex-basis: 100%;top: 100px; } .background-header .main-nav .logo { top: 0px; } .background-header .main-nav .border-button { top: 0px !important; } .header-area .main-nav .border-button { position: absolute; top: 15px; right: 70px; } .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active { color: var(--mainElem-color)!important; opacity: 1; } .header-area.header-sticky .nav li.search-icon a { width: 100%; } .header-area { background-color: #f7f7f7; padding: 0px 15px; height: 100px; box-shadow: none; text-align: center; } .header-area .container { padding: 0px; } .header-area .logo { margin-left: 0px; } .header-area .menu-trigger { display: block !important; } .header-area .main-nav { overflow: hidden; } .header-area .main-nav .nav {position: absolute;left:0px;width: 100%; display: none; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; margin-left: 0px; } .header-area.header-sticky .nav {text-align: center; } .header-area .main-nav .nav li:first-child { border-top: 1px solid #eee; } .header-area .main-nav .nav li { width: 100%; background: #fff; border-bottom: 1px solid #eee; padding:0px; } .header-area .main-nav .nav li a { height: 50px !important; line-height: 50px !important; padding: 0px !important; border: none !important; background: #fff !important; color: #1e1e1e !important; } .header-area .main-nav .nav li a:hover { background: #fff !important; color: var(--mainElem-color)!important; } .header-area .main-nav .nav li.has-sub ul.sub-menu { position: relative; visibility: inherit; opacity: 1; z-index: 1; transform: translateY(0%); top: 0px; width: 100%; box-shadow: none; height: 0px; transition: all 0s; } .header-area .main-nav .nav li.submenu ul li a { font-size: 12px; font-weight: 400; } .header-area .main-nav .nav li.submenu ul li a:hover:before { width: 0px; } .header-area .main-nav .nav li.has-sub ul.sub-menu { height: auto; } .header-area .main-nav .nav li.has-sub:after { color: #3B566E; right: 30px; font-size: 14px; top: 15px; } .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul { height: 0px; } .has-submenu:hover > .submenu { margin-top: 0px !important; padding-left: 0px !important; } .nav .submenu {padding:0px; } .header-area .main-nav .nav li:last-child{border-bottom: 0px !important; }; }
.main-banner { background: var(--banner-gradient); padding-top: 160px; background-color: #005f81; color:#fff; }
.main-banner p { margin-top: 20px; }
.categories-collections { background-color: #23232d; padding: 30px 0px 50px 0px; position: relative; }
.categories .item { background-color: #282b2f; text-align: center; padding: 30px; border-radius: 20px; border: 1px solid #404245; position: relative; color:#fff; }
.categories .item .icon { width: 62px; height: 62px; display: inline-block; text-align: center; line-height: 62px; background-color: #fff; border-radius: 50%; }
.categories .item .icon img { max-width: 31px; }
.categories .item h4 { margin-top: 15px; font-size: 20px; }
.categories .item .icon-button a { display: inline-block; width: 46px; height: 46px; line-height: 46px; background-color: #fff; color: var(--mainElem-color); border-radius: 50%; font-size: 18px; position: absolute; left: 50%; bottom: -23px; transform: translateX(-23px); transition: all .3s; opacity: 0; visibility: hidden; }
.categories .item .icon-button a:hover { background-color: var(--mainElem-color); color: #fff; }
.categories .item:hover .icon-button a { visibility: visible; opacity: 1; }
.create-nft { background: var(--banner-gradient); padding: 50px 0px; position: relative; color:#fff; }
.create-nft .section-heading .line-dec {margin-left: 0%;background-color: #fff;}
.create-nft .section-heading {text-align: left;margin-bottom: 15px;}
.create-nft .item {margin-top: 30px;position: relative;}
.create-nft .first-item .number {position: absolute;right: 0;top: -20px;}
.create-nft .first-item:after {position: absolute;width: 1px;height: 95%;background-color: rgba(255, 255, 255, 0.2);content: '';right: 5px;top: 5%;}
.create-nft .second-item .number {position: absolute;right: 0;top: -20px;}
.create-nft .second-item:after {position: absolute;width: 1px;height: 95%;background-color: rgba(255, 255, 255, 0.2);content: '';right: 5px;top: 5%;}
.item .icon {width: 62px;height: 62px;display: flex;justify-content: center;background-color: #fff;border-radius: 50%;align-items: center;}
.item .icon i {color:var(--mainElem-color);width: 30px; height: 30px;display: block;background-repeat: no-repeat;background-position: center;}
.create-nft h3 {font-size: 20px;margin-top: 30px;margin-bottom: 15px;}
.create-nft p {margin-right: 30px;}
.create-nft .item a {color: #3CF;}
footer {background: var(--footer-gradient);text-align: center;padding: 25px 0px;}
footer p {color: #fff;}
footer p a {color: #fff;font-weight: 500;transition: all .3s;}
footer p a:hover {color: #fff;opacity: 0.75;}
@media (max-width: 992px) {
  .main-banner .owl-banner {margin-top: 80px;}
  .create-nft .section-heading{text-align: center;}
  .create-nft .section-heading .line-dec {margin: 0 auto;}
  .create-nft p {margin-right: 0px;}
  .create-nft .first-item:after, .create-nft .second-item:after, .create-nft .first-item .number, .create-nft .second-item .number {display: none;}
  .create-nft .item {text-align: center;margin-top: 45px;}
  .main-banner {padding-top: 135px;}
  .item .icon {justify-self: center;}
  .flex-list{display: block;}
  .row-info ul li{list-style: none !important}
}
.accordion-button:not(.collapsed),.accordion-button{background: var(--banner-gradient);color:var(--white-color)}
.accordion-button:not(.collapsed){box-shadow: none;}
.accordion-item{border-radius: 20px;overflow: hidden;}
.accordion-item:first-of-type,.accordion-item:last-of-type {border-radius: 20px;}
.accordion-button.collapsed,.accordion-item:last-of-type .accordion-collapse{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.accordion-collapse{background: var(--banner-gradient);}
.accordion-collapse p{color:#fff;}
.accordion-button::after { display: none !important; }
.plus-icon {position: relative;width: 20px;height: 20px;display: inline-block;}
.plus-icon span {position: absolute;top: 50%;left: 50%;width: 20px;height: 4px;background-color: var(--white-color);border-radius: 2px;transform: translate(-50%, -50%);transition: all 0.3s ease;}
.plus-icon .vertical {transform: translate(-50%, -50%) rotate(90deg);transition: all 0.3s ease;}
.accordion-button:not(.collapsed) .plus-icon .vertical {transform: scaleX(0);opacity: 0;}

@media only screen and (min-width:768px){.table .main-button{width: 70%;text-align: center;margin: 0 auto;display: block;}}
@media only screen and (max-width:768px){.main-table{padding:10px;}.main-table .top-3-bg .row-info{border-right: none;}.main-table .normal-bg .row-info{border-right: none;}.main-table .brand-logo {max-width: 170px;margin:20px auto 20px auto;position: unset;}.main-table .table-row {position: relative;text-align: center;}.main-table .row-info {height: auto; margin-bottom: 15px;border-right: none;}.pb-xs-5 {padding-bottom: 20px;}.table{width: 180%;}.categories .item{padding:15px}}
@media only screen and (max-width:576px){.pros-cons{margin:0px};}
@media only screen and (max-width:500px){.banner{padding:20px 20px 0px 20px;border-radius: 20px;}.pros-cons{display: block;padding: 20px 10px;}.pros-cons .pros{border-right:none;}.pros-cons .pros{padding-right: 0px;}.pros-cons .cons{padding-left: 0px; padding-top: 20px;}}
table p{margin-bottom: 0px;}


.icon-box {display: flex;align-items: stretch;gap: 1rem;min-height: 76px;overflow: hidden;border: 1px solid #e5e7eb;border-radius: 12px;background-color: #ffffff;}
.icon-box .icon {flex: 0 0 100px;max-width: 100px;background-color: #fff7fe;display: flex;align-items: center;justify-content: center;}
.icon-box .icon i {width: 65px;height: 65px;display: block;background-repeat: no-repeat;background-position: center;background-size: contain;}
.icon-box .content {flex: 1 1 auto;display: flex;padding: 0.75rem;flex-direction: column;justify-content: center;}
.icon-box .content h3 {font-size: 1rem;margin: 0 0 0.25rem;}
.icon-box .content p {font-size: 0.875rem;line-height: 1.4;margin: 0;}
.icon-box:hover {box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);}
.icon i.welcome-bonus {background-image: url("/assets/images/icons/welcome-bonus.svg");}
.icon i.free-spins {background-image: url("/assets/images/icons/free-spins.svg");}
.icon i.vip {background-image: url("/assets/images/icons/vip.svg");}
.icon i.cashback {background-image: url("/assets/images/icons/cashback.svg");}