@import "https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,div pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,figure,header,nav,section,article,aside,footer,figcaption{margin:0;padding:0;border:0;outline:0}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
ul,ul li{padding:0;margin:0;list-style:none}
header,nav,section,article,aside,footer,hgroup{display:block}
*{box-sizing:border-box}
html,body{font-family:"Roboto",sans-serif;font-weight:400;background-color:#fff;font-size:16px;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration:none!important; color: var(--main-color);}
a:hover{text-decoration:none!important; color: #0f221b;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;color:var(--txt-color);}
ul{margin-bottom:0}
p, h3, h4 {margin-bottom: 10px;}
p, li{font-size:15px;line-height:25px;color:#525252}
html,body{background:#fff;font-family:"Roboto",sans-serif}
::selection{background:var(--main-color);color:#fff}
::-moz-selection{background: var(--main-color);color:#fff}
:root{
    --icon-rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 16.627 15.888'%3E%3Cg data-name='Group 15'%3E%3Cpath d='M12.074 15.152c-.227 0-.455-.055-.659-.161L8.31 13.359l-3.102 1.63A1.42 1.42 0 0 1 3.15 13.5l.593-3.455-2.513-2.451a1.423 1.423 0 0 1-.016-2.01c.215-.218.498-.36.798-.406l3.473-.504 1.551-3.147A1.423 1.423 0 0 1 8.94.882c.277.138.504.366.64.64l1.555 3.15 3.468.504c.372.053.705.249.932.551.228.303.324.676.272 1.052a1.424 1.424 0 0 1-.42.823l-.002-.002-2.504 2.438.59 3.459a1.418 1.418 0 0 1-1.396 1.655Zm2.298-8.38h.002-.002Z' data-name='Path 47' style='fill:%23fbe269;stroke-width:0'/%3E%3C/g%3E%3C/svg%3E");

  --transition: all .2s ease-in-out;
  --light-bg-txt-color: #0f221b;
  --dark-bg-txt-color: #FFFFFF;
  --dark-bg: #525252;
  --light-bg: #E7E6FF;
  --txt-color: #0f221b;
  --btn-bg: #30daf7;
  --btn-bg-hover: #32c5ff;
  --btn-hover-color: #FFF;
  --section-border-color: #004308;
  --main-color: #004308;
  --bonus-c: #4ca300;
  --sec-btn-border: #C1C1C1;
  --sec-btn-bg-hover: #f3f2ff;
  --sec-btn-color: #0f221b;
    --bs-success-rgb: #18a346;
  --bs-danger-rgb: #ff2c41;

  }

.f-last{width: 480px;max-width: 100%;}

[class*='oplogo-']{width: 100%;margin: 0 auto; display: block;text-indent: -9999px;background-size: contain;background-position: center center;background-repeat: no-repeat;max-width: 100%; height: 100%;} 
.company-size [class*='brand-']{width: 100%;height: 100%;margin: 0 auto; display: block;text-indent: -9999px;background-size: contain;background-position: center center;background-repeat: no-repeat;max-width: 100%; }
.company-size{width: 200px;height: 100%;max-width: 100%;padding: .5rem; border-radius: .5rem;margin: 0 auto;}

@media (max-width: 991px) {
html,body{overflow-x:hidden}
.mobile-top-fix{margin-top:30px;margin-bottom:0}
.mobile-bottom-fix{margin-bottom:30px}
.mobile-bottom-fix-big{margin-bottom:60px}
.header-area .main-nav .nav li.has-sub:after{right:2px!important}
}
.border-button a{font-size:15px;color:var(--main-color);background-color:transparent;border:1px solid var(--main-color);padding:10px 30px;display:inline-block;border-radius:10px;font-weight:500;text-transform:capitalize;letter-spacing:.5px;transition:all .3s}
.border-button a:hover{background-color:var(--main-color);color:#fff}
.main-button a, .main-button{font-size:15px;color:#fff;background-color:var(--main-color);border:1px solid var(--main-color);padding:10px 30px;display:inline-block;border-radius:10px;font-weight:500;text-transform:capitalize;letter-spacing:.5px;transition:all .3s}
.main-button a:hover, .main-button:hover{background-color:transparent;color:var(--main-color)}
section{margin-top:120px}
.section-heading{position:relative;z-index:2;margin:20px 0}
.section-heading h6{font-size:15px;text-transform:uppercase;color:var(--main-color);font-weight:400}
.section-heading h2{margin-top:10px;line-height:36px;font-size:30px;font-weight:700;text-transform:capitalize;color:#0f221b}
.section-heading h2 em{color:var(--main-color);font-style:normal}
.section-heading p{margin-top:30px}
.background-header{background-color:#fff;position:fixed!important;top:0!important;left:0;right:0;box-shadow:0 0 10px rgba(0,0,0,0.15)!important;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;transition:all .5s ease 0}
.header-area{background-color:#fff;position:absolute;top:0;left:0;right:0;z-index:100;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;transition:all .5s ease 0}
.header-area .main-nav{background:transparent;display:flex}
.header-area .main-nav .logo{margin-top:9px;flex-basis:20%;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.header-area .main-nav .logo img{max-width:142px}
.background-header .main-nav .logo{width:142px}
.header-area .main-nav .nav{flex-basis:60%;height:70px;margin-top:0;margin-right:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;position:relative;z-index:999}
.nav{justify-content:center}
.header-area .main-nav .nav li:first-child{padding-left:60px}
.header-area .main-nav .nav li:last-child{padding-right:60px}
.header-area .main-nav .nav li{padding-left:30px;background-color:var(--main-color)}
.header-area .main-nav .nav li a{display:block;font-weight:400;font-size:14px;text-transform:uppercase;color:#fff;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;height:70px;line-height:70px;border:transparent;letter-spacing:1px}
.header-area .main-nav .border-button{flex-basis:20%;margin-top:13px;text-align:right}
.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 li:hover a,.header-area .main-nav .nav li a.active{color:#fff}
.background-header .main-nav .nav li:hover a,.background-header .main-nav .nav li a.active{color:#fff;opacity:1}
.header-area .main-nav .nav li.has-sub{position:relative;padding-right:60px}
.header-area .main-nav .nav li.has-sub:after{font-family:FontAwesome;content:"\f107";font-size:12px;color:#fff;position:absolute;right:42px;top:25px}
.header-area .main-nav .nav li.has-sub ul.sub-menu{position:absolute;width:184px;background-color:#fff;box-shadow:0 2px 28px 0 rgba(0,0,0,0.06);overflow:hidden;top:70px;border-radius:0;opacity:0;transition:all .3s;transform:translateY(+2em);visibility:hidden;z-index:-1}
.header-area .main-nav .nav li.has-sub ul.sub-menu li{margin-left:0;padding-left:0;padding-right:0}
.header-area .main-nav .nav li.has-sub ul.sub-menu li a{opacity:1;display:block;background:#f7f7f7;color:#2a2a2a!important;padding-left:20px;height:40px;line-height:40px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;position:relative;font-size:13px;font-weight:400;border-bottom:1px solid #eee}
.header-area .main-nav .nav li.has-sub ul li a:hover{background:#fff;color:var(--main-color)!important;padding-left:25px}
.header-area .main-nav .nav li.has-sub ul li a:hover:before{width:3px}
.header-area .main-nav .nav li.has-sub:hover ul.sub-menu{visibility:visible;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s,0s,.3s}
.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:17px}
.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 .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-color:#2a2a2a;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:#2a2a2a}
.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after{-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-color:#2a2a2a;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:#2a2a2a}
.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:#2a2a2a}
.background-header .main-nav .menu-trigger.active span:before{background-color:#2a2a2a}
.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:#2a2a2a}
.background-header .main-nav .menu-trigger.active span:after{background-color:#2a2a2a}
.header-area.header-sticky .nav li a.active{color:#fff}
@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: 1200px) {
.header-area .main-nav .nav{height:auto;flex-basis:100%}
.header-area .main-nav .logo{position:absolute;left:30px;top:15px}
.background-header .main-nav .logo{top:0}
.background-header .main-nav .border-button{top:0!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(--main-color)!important;opacity:1}
.header-area.header-sticky .nav li.search-icon a{width:100%}
.header-area{background-color:#f7f7f7;padding:0 15px;height:100px;box-shadow:none;text-align:center}
.header-area .container{padding:0}
.header-area .logo{margin-left:0}
.header-area .menu-trigger{display:block!important}
.header-area .main-nav{overflow:hidden}
.header-area .main-nav .nav{float:none;width:100%;display:none;-webkit-transition:all 0 ease 0;-moz-transition:all 0 ease 0;-o-transition:all 0 ease 0;transition:all 0 ease 0;margin-left:0}
.header-area .main-nav .nav li:first-child{border-top:1px solid #eee}
.header-area.header-sticky .nav{top: 100px;width: 100%;position: absolute;left: 0px;}
.background-header.header-sticky .nav{margin-top:70px!important}
.header-area .main-nav .nav li{width:100%;background:#fff;border-bottom:1px solid #eee;padding-left:0!important;padding-right:0!important}
.header-area .main-nav .nav li a{height:50px!important;line-height:50px!important;padding:0!important;border:none!important;background:#f7f7f7!important;color:#191a20!important}
.header-area .main-nav .nav li a:hover{background:#eee!important;color:var(--main-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:0;width:100%;box-shadow:none;height:0;transition:all 0}
.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:0}
.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:0}
}
#lean_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;background:#000;display:none}
section.popupBody{margin-top:0}
.popupContainer{position:absolute;width:330px;height:auto;left:45%;top:60px;background:#fff}
.btn{padding:10px 20px;background:var(--main-color);color:#fff;transition:all .3s}
.btn_red{background:var(--main-color);color:#fff}
.btn:hover{background:#e4e4e2}
.btn_red:hover{color:#2a2a2a;background:#e4e4e2}
a.btn{color:#fff;text-align:center;text-decoration:none}
a.btn_red{color:#fff}
.one_half{width:50%;display:block;float:left}
.one_half.last{width:45%;margin-left:5%}
.popupHeader{font-size:16px;text-transform:uppercase;background:#f4f4f2;position:relative;padding:10px 20px;border-bottom:1px solid #ddd;font-weight:700}
.popupHeader .modal_close{position:absolute;right:0;top:0;padding:10px 15px;background:var(--main-color);cursor:pointer;color:#fff;font-size:16px}
.popupBody{padding:20px}
.social_login .social_box{display:block;clear:both;padding:10px;margin-bottom:10px;background:#f4f4f2;overflow:hidden}
.social_login .icon{padding:5px 10px;margin-right:10px;float:left;color:#fff;font-size:16px;text-align:center}
.social_login .fb .icon{background:#3b5998}
.social_login .google .icon{background:#dd4b39}
.social_login .icon_title{display:block;padding:5px 0;float:left;font-weight:700;font-size:16px;color:#777}
.social_login .social_box:hover{background:#e4e4e2}
.centeredText{color:#afafaf;text-align:center;margin:20px 0;clear:both;overflow:hidden;text-transform:capitalize}
.user_login label{color:#afafaf}
.action_btns{clear:both;overflow:hidden}
.action_btns a{display:block}
.user_login{display:none}
.user_login label{display:block;margin-bottom:5px}
.user_login input[type="text"],.user_login input[type="email"],.user_login input[type="password"]{display:block;width:90%;padding:10px;border:1px solid #ddd;color:#666}
.user_login input[type="checkbox"]{float:left;margin-right:10px;width:22px;height:22px}
.user_login input[type="checkbox"] + label{float:left}
.user_login .checkbox{margin-bottom:10px;clear:both;overflow:hidden}
.forgot_password{display:block;margin:20px 0 10px;clear:both;overflow:hidden;text-decoration:none;color:var(--main-color);transition:all .3s}
.user_register{display:none}
.user_register label{color:#afafaf;display:block;margin-bottom:5px}
.user_register input[type="text"],.user_register input[type="email"],.user_register input[type="password"]{display:block;width:100%;padding:10px;border:1px solid #ddd;color:#666}
.user_register input[type="checkbox"]{width:22px;height:22px;float:left;margin-right:8px}
.user_register input[type="checkbox"] + label{float:left;color:#afafaf}
.user_register .checkbox{margin-bottom:10px;clear:both;overflow:hidden}
.main-banner{background-color:var(--main-color);padding-top:90px;padding-bottom:20px;text-align:center;}
.main-banner h1{color:#fff;font-size:40px;font-weight:700;line-height:1.4}
.main-banner h2 em{font-style:normal;color:var(--main-color)}
.main-banner .fp{color:#fff;border-top:1px solid rgba(250,250,250,0.2);padding:20px 0;}
.main-banner p{color:#fff;}
.main-banner .last-p{border-top:none;padding-top:0;margin-top:0}
.main-banner .buttons{margin-top:30px;display:flex;justify-content:center}
.main-banner .big-border-button a{font-size:20px;color:#fff;background-color:transparent;border:1px solid #fff;padding:15px 30px;display:inline-block;border-radius:10px;font-weight:500;margin-right:15px;text-transform:capitalize;letter-spacing:.5px;transition:all .3s}
.main-banner .big-border-button a:hover{background-color:#fff;color:var(--main-color)}
.main-banner .icon-button a{margin-top:20px;display:inline-block;margin-left:15px;font-size:15px;font-weight:500;color:#fff;transition:all .3s}
.main-banner .icon-button a i{margin-right:6px;font-size:16px}
.main-banner .icon-button a:hover{color:var(--main-color)}
section.featured-items{margin-top:-150px}
.featured-items .item .thumb{position:relative}
.featured-items .item .thumb img{border-radius:15px}
.featured-items .item .thumb:hover .hover-effect{top:0;opacity:1}
.featured-items .item .thumb .hover-effect{background-color:rgba(250,250,250,0.92);left:0;top:100%;width:100%;height:100%;border-radius:10px;position:absolute;opacity:0;transition:all .3s}
.featured-items .item .thumb .hover-effect .content{text-align:center;position:absolute;width:100%;top:50%;transform:translateY(-50%);padding:0 15px}
.featured-items .item .thumb .hover-effect .content h4{font-size:20px;color:var(--main-color);margin-bottom:22px}
.featured-items .item .thumb .hover-effect .content h4 i{font-size:14px;margin-left:5px;font-weight:600}
.featured-items .item .thumb .hover-effect .content h4 span{font-size:14px;font-weight:500;color:#afafaf}
.featured-items .item .thumb .hover-effect .content ul li{font-size:15px;font-weight:400;color:#afafaf;margin-bottom:7px}
.featured-items .item .thumb .hover-effect .content ul li:last-child{margin-bottom:0}
.featured-items .item .thumb .hover-effect .content ul li span{color:#2a2a2a;font-weight:500}
.featured-items .owl-nav{position:absolute;width:100%;top:50%;transform:translateY(-35px)}
.featured-items .owl-nav .owl-prev{position:absolute;left:-70px}
.featured-items .owl-nav .owl-next{position:absolute;right:-70px}
.featured-items .owl-nav .owl-prev span,.featured-items .owl-nav .owl-next span{width:46px;height:46px;line-height:46px;font-size:24px;display:inline-block;color:#fff;background-color:var(--main-color);border-radius:50%;opacity:.75;transition:all .3s}
.featured-items .owl-nav .owl-prev span:hover,.featured-items .owl-nav .owl-next span:hover{opacity:1}
section.popular-categories{padding:0 65px}
section.popular-categories .main-button{text-align:right}
.popular-item{border:1px solid #e0e0e0;border-radius:15px;padding:30px}
.popular-item .top-content{display:flex;margin-bottom:30px}
.popular-item .icon{background-color:#f7f7f7;width:75px;height:75px;display:inline-block;text-align:center;line-height:75px;border-radius:10px;margin-right:20px}
.popular-item .icon img{max-width:36px;border-radius:0}
.popular-item h4{font-size:20px;margin-top:5px;font-weight:700;margin-bottom:12px}
.popular-item span em{font-style:normal;font-size:15px;font-weight:500;padding:5px 8px;border-top-left-radius:10px;border-bottom-right-radius:10px;color:var(--main-color);background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.06);margin-right:10px}
.popular-item span{color:#afafaf;font-weight:400}
.popular-item img{border-radius:15px}
.popular-item .thumb{position:relative;overflow:hidden}
.popular-item .thumb span.category{font-size:15px;color:var(--main-color);background-color:#fff;border-radius:10px;font-weight:500;position:absolute;left:15px;top:-60px;padding:8px 12px;opacity:0;transition:all .3s}
.popular-item .thumb span.likes{font-size:15px;color:var(--main-color);background-color:#fff;border-radius:10px;font-weight:500;position:absolute;right:15px;top:-60px;padding:8px 12px;opacity:0;transition:all .3s}
.popular-item .thumb:hover span.category,.popular-item .thumb:hover span.likes{top:15px;opacity:1}
.popular-item .border-button{margin-top:30px}
.popular-item .border-button a{width:100%;text-align:center}
section.closed-contests{background-image:url(../images/closed-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;padding:120px 0}
.closed-item .thumb{position:relative;overflow:hidden}
.closed-item .thumb img{border-top-right-radius:15px;border-top-left-radius:15px}
.closed-item .thumb span.winner{font-size:15px;color:var(--main-color);background-color:#fff;border-radius:10px;font-weight:500;position:absolute;left:15px;top:-60px;padding:8px 12px;opacity:0;transition:all .3s}
.closed-item .thumb span.winner em{color:#afafaf;font-style:normal}
.closed-item .thumb span.price{font-size:15px;color:var(--main-color);background-color:#fff;border-radius:10px;font-weight:500;position:absolute;right:15px;top:-60px;padding:8px 12px;opacity:0;transition:all .3s}
.closed-item .thumb span.price em{color:#afafaf;font-style:normal}
.closed-item .thumb:hover span.price,.closed-item .thumb:hover span.winner{opacity:1;top:15px}
.closed-item .down-content{border-bottom-right-radius:15px;border-bottom-left-radius:15px;background-color:#fff;padding:25px 30px}
.closed-item .down-content h4.pics{text-align:right}
.closed-item .down-content h4{font-size:18px;line-height:32px}
.closed-item .down-content h4 span{font-size:15px;color:#afafaf}
.closed-contests .owl-nav{position:absolute;width:100%;top:50%;transform:translateY(-35px)}
.closed-contests .owl-nav .owl-prev{position:absolute;left:-70px}
.closed-contests .owl-nav .owl-next{position:absolute;right:-70px}
.closed-contests .owl-nav .owl-prev span,.closed-contests .owl-nav .owl-next span{width:46px;height:46px;line-height:46px;font-size:24px;display:inline-block;color:#afafaf;background-color:#fff;border-radius:50%;transition:all .3s}
.closed-contests .owl-nav .owl-prev span:hover,.closed-contests .owl-nav .owl-next span:hover{background-color:var(--main-color);color:#fff}
.closed-contests .border-button{margin-top:20px}
.pricing-item{text-align:center;padding:30px;border:1px solid #e0e0e0;border-radius:15px;transition:all .5s}
.pricing-item:hover{border:1px solid transparent;box-shadow:0 0 15px rgba(0,0,0,0.06)}
.pricing-item:hover h4{color:var(--main-color)}
.pricing-item img{max-width:240px}
.pricing-item h4{font-size:20px;font-weight:700;margin-top:30px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d4d4d4;transition:all .5s}
.pricing-item ul li{font-size:15px;color:var(--main-color);margin-bottom:10px}
.pricing-item ul.first-plan li:nth-child(5),.pricing-item ul.first-plan li:nth-child(4){color:#afafaf;text-decoration:line-through}
.pricing-item ul.second-plan li:nth-child(5){color:#afafaf;text-decoration:line-through}
.pricing-item ul li:last-child{margin-bottom:0}
.pricing-item span.price{font-size:30px;color:var(--main-color);font-weight:700;display:inline-block;margin-top:30px}
.pricing-item .border-button{margin-top:30px}
footer.no-space{margin-top:0}
footer{background-color:var(--main-color);text-align:center;padding:25px 0;margin-top:30px}
footer :is(a, p) {color:#fff;}
footer a:hover {color: #0f221b;}
.page-heading{background-image:url(../images/heading-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:200px;padding-bottom:130px;text-align:center;background-color:#2a2a2a}
.page-heading h2{color:#fff;font-size:64px;font-weight:700;line-height:74px}
.page-heading h2.space-need{padding:0 30px}
.page-heading h2 em{font-style:normal;color:var(--main-color)}
.page-heading p{color:#fff;padding:30px 0;margin:40px 75px 0;border-top:2px solid rgba(250,250,250,0.2)}
.page-heading h6{margin-top:30px;padding-top:30px;border-top:2px solid rgba(250,250,250,0.2);font-size:20px;color:#fff}
.page-heading .main-content{margin-top:30px}
.page-heading .main-content .days,.page-heading .main-content .hours,.page-heading .main-content .minutes,.page-heading .main-content .seconds{width:20%}
.page-heading .main-content .counter div{margin:0 2px;display:inline-block;text-align:center}
@media (min-width: 992px) {
.page-heading .main-content .counter div{margin:0 10px}
}
.page-heading .main-content .counter div .value{font-size:50px;color:#fff;font-weight:700;margin-top:0;margin-bottom:10px;display:inline-block;position:relative}
.page-heading .main-content .counter div span{display:block;font-size:15px;color:#fff;font-weight:500}
#search-form{margin-top:-69px;background-color:#fff;border-radius:15px;padding:30px;box-shadow:0 0 15px rgba(0,0,0,0.1)}
#search-form label{font-size:15px;color:#2a2a2a;font-weight:500}
#search-form input,#search-form select{background-color:#f7f7f7;width:100%;height:46px;border-radius:10px;border:none;outline:none;padding:0 15px;font-size:15px;color:#afafaf}
#search-form input::placeholder{color:#afafaf}
#search-form button{margin-top:30px;font-size:15px;color:#fff;background-color:var(--main-color);border:1px solid var(--main-color);padding:10px 30px;display:inline-block;border-radius:10px;font-weight:500;text-transform:capitalize;letter-spacing:.5px;transition:all .3s ease 0}
#search-form button:hover{background-color:transparent;color:var(--main-color)}
.photos-videos .item{margin-bottom:30px}
.photos-videos .item .thumb{position:relative;overflow:hidden}
.photos-videos .item .thumb img{border-radius:15px}
.photos-videos .item .thumb .play-button a{width:46px;height:46px;background-color:#fff;border-radius:50%;color:var(--main-color);text-align:center;line-height:46px;position:absolute;left:50%;top:50%;transform:translate(-23px,-23px);opacity:0;transition:all .3s}
.photos-videos .item .thumb:hover .play-button a{opacity:1}
.photos-videos .item .thumb .top-content{position:absolute;display:inline-block;top:30px;left:30px;right:30px;background-color:#fff;border-radius:10px;padding:15px 25px}
.photos-videos .item .thumb .top-content h4{display:inline;font-size:20px;font-weight:700}
.photos-videos .item .thumb .top-content h6{display:inline;float:right;margin-top:5px;color:#afafaf;font-weight:400;font-size:15px}
.photos-videos .item .down-content h2{font-size:20px;color:#afafaf;font-weight:700;margin-top:20px;margin-left:30px}
.photos-videos .item .down-content h6{text-align:right;font-size:15px;color:var(--main-color);font-weight:500;margin-top:24px;margin-right:30px}
.contest-win{padding:0 65px}
.contest-win .contest-item{border:1px solid #e0e0e0;border-radius:15px;padding:30px}
.contest-win .contest-item .top-content{margin-bottom:30px}
.contest-win .contest-item .top-content span.award{font-size:15px;color:#fff;background-color:var(--main-color);border-radius:10px;padding:8px 12px}
.contest-win .contest-item .top-content span.price{float:right;font-size:20px;font-weight:700;color:var(--main-color)}
.contest-win .contest-item h4{font-size:20px;font-weight:700;margin-top:25px;margin-bottom:20px}
.contest-win .contest-item img{border-radius:15px}
.contest-win .contest-item .info{display:flex;width:100%}
.contest-win .contest-item span.participants{font-size:15px;font-weight:500;color:#afafaf;flex-basis:50%}
.contest-win .contest-item span.participants img{border-radius:0;max-width:24px;margin-bottom:8px}
.contest-win .contest-item span.submittions{font-size:15px;font-weight:500;color:#afafaf;flex-basis:50%;display:inline-block;text-align:right}
.contest-win .contest-item span.submittions img{border-radius:0;max-width:24px;margin-bottom:8px}
.contest-win .contest-item .border-button{margin-top:25px;margin-bottom:20px}
.contest-win .contest-item .border-button a{width:100%;text-align:center}
.contest-win .contest-item span.info{font-size:15px;display:inline-block;text-align:center;color:#afafaf}
.contest-win ul.pagination{justify-content:center;margin-top:60px}
.contest-win ul.pagination li{margin:0 7px}
.contest-win ul.pagination li a{width:46px;height:46px;display:inline-block;text-align:center;line-height:44px;border:1px solid var(--main-color);border-radius:50%;color:var(--main-color);font-size:20px;font-weight:600}
.contest-win ul.pagination li.active a{background-color:var(--main-color);color:#fff}
.contest-win ul.pagination li:last-child a,.contest-win ul.pagination li:first-child a{border-color:transparent}
.contest-details .top-content{background-color:#e7f9ff;border-top-right-radius:10px;border-top-left-radius:10px;padding:30px 45px;margin-top:-45px}
.contest-details .top-content ul{text-align:right}
.contest-details .top-content ul li{display:inline-block;font-size:18px;font-weight:500;color:var(--main-color);margin-left:15px}
.contest-details .top-content ul li:first-child{margin-left:0}
.contest-details .top-content ul li span{font-size:15px;color:#afafaf}
.contest-details .top-content span.open{font-size:15px;background-color:var(--main-color);color:#fff;padding:8px 12px;border-radius:10px;margin-right:20px}
.contest-details .top-content span.wish-list{font-size:15px;font-weight:500;color:var(--main-color)}
.contest-details .top-content span.wish-list i{margin-right:5px}
.contest-details .main-content{border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:80px 60px;box-shadow:0 10px 10px rgba(0,0,0,0.06)}
.contest-details .main-content h4{font-size:30px;font-weight:700;margin-bottom:25px}
.contest-details .main-content h6{font-size:15px;font-weight:600}
.contest-details .main-content h6.second-title{margin-top:30px}
.contest-details .main-content p{margin-top:20px;margin-bottom:20px;position:relative;padding-left:22px}
.contest-details .main-content p:before{width:7px;height:7px;background-color:#afafaf;content:"";position:absolute;left:0;top:10px;border-radius:50%}
.contest-details .main-content h4.second-title{margin-top:60px;padding-top:60px;border-top:1px solid #d4d4d4}
.contest-details .main-content .item span{background-color:#f0f0f0;border-radius:10px;font-size:14px;color:#2a2a2a;font-weight:600;width:46px;height:46px;line-height:46px;text-align:center;margin-right:15px;float:left}
.contest-details .main-content .item h5{font-size:15px;font-weight:700;margin-bottom:10px}
.contest-details .main-content .item h6{font-size:15px;font-weight:400;color:#afafaf}
.contest-details .main-content .main-button{margin-top:60px}
.contest-details .main-content .main-button a{width:100%;font-size:20px;padding:15px;text-align:center}
.contest-waiting h5{font-size:20px;font-weight:700;margin-bottom:35px}
.contest-waiting .waiting-item img{border-top-left-radius:15px;border-top-right-radius:15px}
.contest-waiting .waiting-item .down-content{background-color:#f7f7f7;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:25px}
.contest-waiting .waiting-item .down-content h4{font-size:15px;color:var(--main-color);font-weight:700;margin-bottom:22px}
.contest-waiting .waiting-item .down-content p{line-height:20px;margin-bottom:20px}
.contest-waiting .waiting-item .down-content span.price,.contest-waiting .waiting-item .down-content span.deadline{font-size:15px;font-weight:500;color:#afafaf}
.contest-waiting .waiting-item .down-content span.deadline{float:right}
.contest-waiting .waiting-item .down-content span.price em,.contest-waiting .waiting-item .down-content span.deadline em{font-style:normal;color:var(--main-color)}
.contest-waiting ul.pagination{justify-content:center;margin-top:60px}
.contest-waiting ul.pagination li{margin:0 7px}
.contest-waiting ul.pagination li a{width:46px;height:46px;display:inline-block;text-align:center;line-height:44px;border:1px solid var(--main-color);border-radius:50%;color:var(--main-color);font-size:20px;font-weight:600}
.contest-waiting ul.pagination li.active a{background-color:var(--main-color);color:#fff}
.contest-waiting ul.pagination li:last-child a,.contest-waiting ul.pagination li:first-child a{border-color:transparent}
.top-categories{margin-top:-100px}
.top-categories .item{text-align:center;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:15px;padding:30px}
.top-categories .item .icon{background-color:#f7f7f7;width:75px;height:75px;display:inline-block;text-align:center;line-height:75px;border-radius:10px}
.top-categories .item .icon img{max-width:36px;border-radius:0}
.top-categories .item h4{font-size:20px;font-weight:700;margin-top:15px;margin-bottom:10px}
.top-categories .item span{font-size:15px;color:#afafaf;display:block}
.top-categories .item span.counter{margin-top:10px;font-style:normal;font-size:15px;font-weight:500;display:inline-block;padding:5px 8px;border-top-left-radius:10px;border-bottom-right-radius:10px;color:var(--main-color);background-color:#fff;box-shadow:0 0 10px #000;margin-right:10px}
.featured-contests .item{margin-bottom:30px}
.featured-contests .item .thumb{position:relative;overflow:hidden}
.featured-contests .item .thumb img{border-radius:15px}
.featured-contests .item .hover-effect{position:absolute;right:-100%;bottom:15px;transition:all .5s}
.featured-contests .item .thumb:hover .hover-effect{right:15px;bottom:15px}
.featured-contests .item .hover-effect .content{background-color:#fff;border-radius:15px;padding:25px 20px}
.featured-contests .item .hover-effect .content .top-content{margin-bottom:20px}
.featured-contests .item .hover-effect .content .top-content span.award{font-size:15px;color:#fff;background-color:var(--main-color);border-radius:10px;padding:8px 12px}
.featured-contests .item .hover-effect .content .top-content span.price{float:right;font-size:20px;font-weight:700;color:var(--main-color)}
.featured-contests .item .hover-effect .content h4{font-size:18px;font-weight:700;margin-top:25px;margin-bottom:20px}
.featured-contests .item .hover-effect .content img{border-radius:15px}
.featured-contests .item .hover-effect .content .info{display:flex;width:100%}
.featured-contests .item .hover-effect .content span.participants{font-size:13px;font-weight:500;color:#afafaf;flex-basis:50%}
.featured-contests .item .hover-effect .content span.participants img{border-radius:0;max-width:24px;margin-bottom:8px}
.featured-contests .item .hover-effect .content span.submittions{font-size:15px;font-weight:500;color:#afafaf;flex-basis:50%;display:inline-block;text-align:right}
.featured-contests .item .hover-effect .content span.submittions img{border-radius:0;max-width:24px;margin-bottom:8px}
.featured-contests .item .hover-effect .content .border-button{margin-top:15px;margin-bottom:0}
.featured-contests .item .hover-effect .content .border-button a{width:100%;text-align:center;padding:10px 20px}
.featured-contests .item .hover-effect .content span.info{font-size:15px;display:inline-block;text-align:center;color:#afafaf}
.testimonials{background-color:#f1fbff;padding:120px 0}
.testimonials .item{border:1px solid #e0e0e0;padding:60px 60px 100px;border-radius:15px}
.testimonials .item .content{display:flex}
.testimonials .item .content .image{min-width:240px}
.testimonials .item .content .image img{border-radius:15px}
.testimonials .item p{font-size:20px;font-weight:600;color:#afafaf}
.testimonials .item .content .left-content{margin-right:45px}
.testimonials .item .content .left-content h4{display:inline-block;margin-top:25px;padding-top:25px;border-top:1px solid #dfdfdf;font-size:20px;font-weight:700;margin-bottom:5px}
.testimonials .item .content .left-content span{display:block;font-size:15px;color:#afafaf}
.testimonials .owl-dots{text-align:center;margin-top:-70px;margin-bottom:120px;position:relative;z-index:555}
.testimonials .owl-dots .owl-dot{width:10px;height:10px;border:1px solid #afafaf;border-radius:50%;margin:0 3px}
.testimonials .owl-dots .active{background-color:var(--main-color);border:1px solid var(--main-color)}
.user-info{text-align:center;margin-top:-85px}
.user-info h4{font-size:30px;font-weight:700;margin-top:30px}
.user-info .avatar img{max-width:170px;border-radius:50%;border:1px solid #afafaf}
.user-info .info{margin-top:30px;padding:30px;border-radius:15px;border:1px solid #afafaf}
.user-info .info h4{margin-top:0}
.user-info .info h6{font-size:15px;font-weight:500;margin-bottom:8px}
.user-info .info span{font-size:15px;color:#afafaf;display:block;margin-top:5px}
section.portfolio{padding:80px 0;background-color:#f7f7f7}
section.portfolio .thumb{position:relative;overflow:hidden;border-radius:15px;margin-bottom:30px}
section.portfolio .thumb:hover .hover-effect{opacity:1;visibility:visible}
section.portfolio .thumb .hover-effect{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(42,42,42,0.9);opacity:0;visibility:hidden;transition:all .3s}
section.portfolio .thumb .hover-effect .content{text-align:center;padding:30px;display:inline-block;width:100%}
section.portfolio .thumb .hover-effect .content h4{font-size:20px;color:#fff;font-weight:700;margin-bottom:10px}
section.portfolio .thumb .hover-effect .content span{font-size:15px;color:#fff;margin:10px}
section.portfolio .thumb .hover-effect .content span em{font-style:normal;font-weight:700}
section.portfolio .thumb .hover-effect .content ul{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center}
section.portfolio .thumb .hover-effect .content ul li{display:inline-block;margin:0 5px}
section.portfolio .thumb .hover-effect .content ul li a{width:46px;height:46px;display:inline-block;text-align:center;line-height:46px;border-radius:10px;background-color:#fff;color:#2a2a2a;font-size:15px;transition:all .3s}
section.portfolio .thumb .hover-effect .content ul li a:hover{background-color:var(--main-color);color:#fff}
section.portfolio .main-button{text-align:center;margin-top:30px}
section.contact-us .info-item{text-align:center;padding:30px;border-radius:15px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1);position:relative;z-index:2;transition:all .5s}
section.contact-us .info-item i{font-size:32px;background-color:var(--main-color);color:#fff;width:80px;height:80px;display:inline-block;text-align:center;line-height:80px;border-radius:50%;margin-bottom:25px}
section.contact-us .info-item h4{font-size:25px;color:#2a2a2a;font-weight:700;margin-bottom:12px}
section.contact-us .info-item a{font-size:15px;font-weight:400;color:#2a2a2a;transition:all .3s}
section.contact-us .info-item a:hover{color:var(--main-color)}
#contact{margin-top:60px}
#contact input{width:100%;height:50px;background-color:#f7f7f7;color:#2a2a2a;border-radius:5px;border:none;padding:0 15px;font-size:14px;outline:none;margin-bottom:30px;transition:all .3s}
#contact textarea{width:100%;height:180px;max-height:24px;min-height:150px;background-color:#f7f7f7;color:#2a2a2a;border-radius:10px;border:none;padding:15px;font-size:14px;outline:none;margin-bottom:30px;transition:all .3s}
#contact input:focus,#contact textarea:focus{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.06)}
#contact input::placeholder,#contact textarea::placeholder{color:#212741}
#contact button.orange-button{font-size:14px;width:100%;text-align:center;color:#fff;background-color:var(--main-color);padding:12px 30px;display:inline-block;border-radius:10px;font-weight:500;text-transform:capitalize;letter-spacing:.5px;border:1px solid var(--main-color);transition:all .3s}
#contact button.orange-button:hover{background-color:transparent;border:1px solid var(--main-color);color:var(--main-color)}
body{overflow-x:hidden}
@media (max-width: 767px) {
.header-area .main-nav .nav li.has-sub ul.sub-menu{display:none}
.testimonials .item .content{display:inline-block;text-align:center}
.testimonials .item .content .image{margin-top:30px}
.testimonials .item .content .left-content{margin-right:0}
.featured-items .owl-nav .owl-next,.closed-contests .owl-nav .owl-next{right:-10px!important}
.featured-items .owl-nav .owl-prev,.closed-contests .owl-nav .owl-prev{left:-10px!important}
}
@media (max-width: 992px) {
.header-area .main-nav .nav li ul li:first-child{padding-left:0!important}
.header-area .main-nav .nav li ul li:last-child{padding-right:0!important}
.border-button a{font-size:14px;padding:10px 20px}
.header-area .main-nav .logo{margin-right:5px}
.section-heading{text-align:center}
section.popular-categories .main-button{text-align:center;margin-top:-30px}
section.popular-categories .popular-item{margin-top:30px}
.contest-win .contest-item{margin-bottom:30px}
.contest-details .top-content{text-align:center}
.contest-details .top-content ul{text-align:center;margin-top:30px}
.contest-details .top-content ul li:first-child{margin-left:10px}
.contest-details .top-content ul li{margin:0 10px}
.contest-details .item{margin-bottom:20px}
.contest-waiting .waiting-item{margin-bottom:30px}
.top-categories .item,section.contact-us .info-item{margin-bottom:15px}
section.popular-categories,.contest-win{padding:0}
.pricing-item{margin-bottom:15px}
.featured-contests .item .hover-effect .content .info{display:flex!important}
}
@media (max-width: 1200px) {
.main-banner{padding-top: 130px;}
.featured-items .owl-nav .owl-next,.closed-contests .owl-nav .owl-next{right:-25px}
.featured-items .owl-nav .owl-prev,.closed-contests .owl-nav .owl-prev{left:-25px}
.featured-contests .item .hover-effect .content .info{display:none}
}
.box{text-align:center;padding:30px;border:1px solid #e0e0e0;border-radius:15px;transition:all .5s}
.box h3{border-bottom:1px solid var(--main-color);margin-bottom:20px;padding-bottom:20px;font-size: 1.5rem;}
@media (max-width: 1200px) {
.main-banner h1{font-size:40px;line-height:40px}
}
@media (max-width: 800px) {
.main-banner h1{font-size:31px;line-height:40px;margin-bottom:20px}
.box{padding:30px 15px}
.main-banner p{margin:0}
.main-banner{padding-top:140px;padding-bottom:40px}
}
.list, ol{padding-left:20px}
.list,.list li{list-style:circle!important}
.list li::marker{color:var(--main-color)}
@media screen and (min-width: 768px) {
  :is(ul, ol).two-col { columns: 2; }
  :is(ul, ol).three-col { columns: 3; }
  :is(ul, ol):is(.two-col, .three-col) li { break-inside: avoid-column; }
}
.roaring{background-color:#272727}
.logoo{border-radius:10px;border:3px solid #edf1fb;margin-bottom:20px!important;display:block!important;width:180px;height:65px;text-align:center;padding:15px}
.box ul{text-align:start}
.error{display:grid;align-items:center;justify-content:center}
.error a{margin:0 20px;padding:20px;text-align:center;width:200px;justify-self:center}
.error h1{text-align:center}
.brand-table {max-width: 100%; color: var(--txt-color); font-size: 1.25rem; font-weight: 500;}
.brand-table .bonus-text {font-weight: 700; text-transform: uppercase; font-size: 1rem;}
.brand-table .bonus {color: var(--bonus-c); font-size: 2.3rem; font-weight: 700; line-height: 1.2;}
.brand-table .bonus-accent {color: var(--bonus-c); font-size: 1.5rem; font-weight: 700; line-height: 1.2;}
.brand-table .row {background: var(--white); color: var(--txt-color); border-radius: 6px; padding: 5px 0; margin-bottom: 10px; text-indent: 0; position: relative;}
.brand-table .row.top-brand {border: 4px solid var(--accent);}
.brand-table .rec-rating.top-rev-v {transform: scale(.65);-webkit-transform: scale(.65);margin: 0;left: -6px;position: absolute;}
.in-btn {display: block;width: 80%; border-radius: 6px;text-align: center;font-weight: bold; font-size: 1rem;}
.brand-table .brand-label{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 150 18'%3E%3Cpath fill='%2362a1bb' fill-rule='nonzero' d='M.001 0h150l-6.69 9 6.69 9h-150V0z'/%3E%3C/svg%3E") center right / cover no-repeat;position: absolute;z-index: 1;border-radius:0; color: #ffffff;font-size: 11px; font-weight: 800; width: fit-content; height: 18px; padding: 0 20px; top: 7px; left: 15px;}
.brand-table .top-brand .brand-label{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 145 20'%3E%3Cpath fill='%2300d36c' fill-rule='nonzero' d='M.001 0h145l-8.08 10.005 8.08 9.995h-145V0z'/%3E%3C/svg%3E") center right / cover no-repeat; left: 11px;}
.brand-table .terms.sp{margin-bottom: 0;text-align: left;}
.brand-table .row.payments{width: 300px; max-width: 100%; margin-left: auto; margin-right: auto;background: #F2F4F5;}
.brand-table .row.payments .row{background: #F2F4F5;}
.primary-table .in-btn {border: 1px solid var(--sec-btn-border);color: var(--sec-btn-color);transition: var(--transition);}
.primary-table .in-btn:hover {border: 1px solid var(--sec-btn-bg-hover);background: var(--sec-btn-bg-hover);}
.primary-table .table-row { border: 1px solid var(--section-border-color); border-radius: 8px; background: var(--transparent);}
.primary-table .table-row:first-child { background: var(--white); border-width: 2px; }
.primary-table .brand-logo { border-radius: 4px 0 0 4px; }
.primary-table .brand-rating { border-right: 1px solid #C4C4C4; }
.primary-table .label {color: var(--txt-color); }
.brand-rating :is(h3, .brand-score, .brand-name) { color: var(--light-bg-txt-color); font-size: 16px; text-transform: uppercase; font-weight: 700;}
.brand-rating h3::before { all: unset; }
.brand-score { gap: 5px; }
.rating-star {display: inline-block; width: 17px; height: 16px; background: center / contain no-repeat var(--icon-rating-star); position: relative; top: 1px; }
.brand-bonus { color: var(--bonus-c); font-weight: 600; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 36px; }
.bonus-before { color: var(--bonus-c); font-size: 18px; }
.bonus-after { font-size: 18px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .rating-value {font-size: 22px; }
.cta-btn.review-btn { background: var(--transparent); border: 1px solid var(--btn-bg); color: var(--light-bg-txt-color);transition: var(--transition); }
.cta-btn.review-btn:hover{ background: var(--btn-bg-hover); }
@media screen and (min-width: 768px) {
  .primary-table .border-logo {border-right: 1px solid #C4C4C4;}
  .primary-table [class*='bg-']{border-radius: 6px 0 0 6px;} 
}
@media screen and (max-width:767px) {
	.primary-table { width: 350px; max-width: 100%;}
	.primary-table .brand-logo { border-radius: 4px 4px 0 0; display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table .brand-cta { gap: 12px; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
	.primary-table .border-logo {border-bottom: 1px solid #C4C4C4;}
  .primary-table [class*='bg-']{border-radius: 6px 6px 0 0 ;} 
}
.terms{font-size: 12px;}
.go-btn {display: block;padding: 10px 0; width: 80%; border-radius: 6px;text-align: center;font-weight: bold; font-size: 1rem;background: var(--btn-bg);color: var(--txt-color);transition: var(--transition);}
.go-btn:hover{background: var(--btn-bg-hover);color: var(--btn-hover-color);text-decoration: none;}

.quick-nav .list-group { width: 100%; display: flex; overflow: auto; }
.quick-nav .list-group li.list-group-item { font-size: 14px; text-align: center; border: none;  border-right: 1px solid #fff; background: var(--main-color); flex: 1; text-wrap: nowrap; }
.quick-nav .list-group li.list-group-item:last-child { border-right: none; }
.quick-nav .list-group li a { color: #fff; text-decoration: none; }
.quick-nav .list-group li a:hover { color: var(--txt-color); text-decoration: none; }
.quick-nav .list-group::-webkit-scrollbar { height: 4px; background: rgb(58 163 160 / 28%); border-radius: 6px; }
.quick-nav .list-group::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 6px; }
.quick-nav i { margin-left: 5px; vertical-align: middle; filter: var(--header-icons-f);}
@media screen and (max-width: 767px) {
	.quick-nav .list-group { width: 100%; }
}

.accordion-button {background-color: var(--main-color); color: #fff;}
.accordion-button:not(.collapsed) {color: #fff; background-color: var(--main-color); box-shadow: none;}
.accordion-button:focus {border-color: var(--main-color); box-shadow: none;}
.accordion-button:not(.collapsed)::after, .accordion-button::after {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(109deg) brightness(99%) contrast(105%);}

.breadcrumbs { padding: 0; margin-bottom: 20px; color: #fff; text-align: left;}
.breadcrumbs li { display: inline-block; position: relative; margin: 0; margin-right: 15px; padding-right: 10px; font-size: 14px; }
.breadcrumbs li a {text-decoration: none; }
.breadcrumbs li:not(.current-page):after { position: absolute; content: ">>"; font-weight: 900; font-size: 10px; top: 50%; left: 100%; transform: translateY(-50%); line-height: 1; color:var(--txt-color); opacity: .6; }
.breadcrumbs li.current-page {padding: 0; margin: 0; opacity: .6; color:var(--txt-color);}
@media only screen and (max-width: 767px) {
	.breadcrumbs li:not(.current-page):after { top: .5rem; }
	.breadcrumbs li { margin-right: 10px; padding-right: 5px; font-size: 12px; }
}
@media screen and (max-width: 575px){
	.breadcrumbs { overflow-x: scroll; display: block; white-space: nowrap; position: relative; }
  .table-w-300 {width: 300%;}
  .main-button a, .main-button{    padding: 7px 8px;}
}

.top{display:none;border: 2px solid var(--dark-bg-txt-color);border-radius:10px;background:var(--dark-bg);opacity:.8;width:50px;height:50px;transition:var(--transition);position: relative;}
.top:hover{cursor:pointer;opacity:1}
.top svg{width:20px;height:20px;display:block;filter:invert(1);position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.top.fixed{position:fixed;display:inline-block;right:10px;bottom:10px;z-index:60}
.check-list li:before, .cross-list li:before {display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-top: -3px;margin-right: 6px;font: 900 16px bootstrap-icons;}
.check-list li:before {content: "\F26E";color: var(--bs-danger-rgb);}
.cross-list li:before {content: "\F62A";color: var(--bs-red);}