.btn-primary,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active {
background-color: #fff !important;
border-color: rgb(26, 174, 159);
color: #000 !important;
border-radius: 8px !important;
padding: 9px 20px;
}
.btn-primary:hover,
.btn-primary[disabled]:hover {
background-color: rgb(26, 174, 159) !important;
color: #fff !important;
}
.btn-primary:hover i,
.btn-primary[disabled]:hover i {
color: #fff !important;
}
/* Header CSS */
.hello_new #member_sidebar_toggle {
display: none !important;
flex: 1;
text-align: left;
color: #737373 !important;
}
#source_review {
display: block;
}
.mobile-main-menu .sidebar-nav li ul {
display: none;
}
.mobile-main-menu .sidebar-nav li.hasChildren.sub_open ul {
display: block;
}
li.monthly.hasChildren.open.sub_open > ul > li > ul {
display: none;
}
.dynamic_menu {
display: none !important;
}
.promotion ul li a i {
font-size: 18px !important;
}
.promotion ul li a {
display: flex;
justify-content: space-between;
align-items: end;
padding: 3px 5px;
}
.mobile-main-menu .sidebar-nav li.hasChildren > a {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
i.fa.fa-plus,
i.fa.fa-minus {
font-size: 14px !important;
}
li.hasChildren.open.sub_open li a {
display: flex;
justify-content: start;
align-items: center;
}
.mobile-main-menu .sidebar-nav li.monthly.hasChildren.open.sub_open li a i,
.mobile-main-menu .sidebar-nav li.monthly li.hasChildren.open.sub_open a i {
float: right !important;
margin-right: 5px;
}
.monthly.hasChildren.open li.hasChildren > a > i {
float: right !important;
margin-right: 5px;
}
li.hasChildren.open.sub_open li a {
padding: 0px 5px;
}
.mobile-main-menu .sidebar-nav .monthly li a {
padding: 0px !important;
display: flex;
justify-content: start;
align-items: center;
}

.mobile-main-menu .sidebar-nav .categories li a {
display: flex;
padding: 4px 0 !important;
align-items: center;
font-size: 13px !important;
}
.mobile-main-menu .sidebar-nav .categories li a i {
font-size: 14px !important;
}
.categories.hasChildren.sub_open > ul {
margin: 0px;
padding: 0px;
}
.mobile-main-menu .sidebar-nav .resources li a i {
font-size: 14px !important;
}
.mobile-main-menu .sidebar-nav .resources li a {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px !important;
padding-left: 10px;
}
.resources.hasChildren.sub_open > ul {
margin: 0px;
padding: 0px;
}
.mobile-main-menu .sidebar-nav .monthly li a i {
float: right !important;
margin-right: 5px;
}
.mobile-main-menu .sidebar-nav .monthly ul li a:hover {
background: none !important;
color: rgb(26, 174, 159) !important;
}
.mobile-main-menu .sidebar-nav .monthly ul li a i.fa.fa-angle-right {
font-size: 15px !important;
}
.mobile-main-menu .sidebar-nav .monthly.hasChildren.open.sub_open > ul {
background: transparent;
}
.mobile-main-menu .sidebar-nav .monthly.hasChildren.open.sub_open li > ul {
margin-top: 8px;
}
.mobile-main-menu .sidebar-nav .promotion li a {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px !important;
padding-left: 10px;
}
.popover {
border: 1px solid #000;
overflow: hidden;
}
#member_sidebar_toggle {
background: transparent;
max-height: none;
border-width: 1px;
}
#member_sidebar_toggle {
display: block !important;
}
.member_sidebar.open {
top: 0px !important;
border: 0px;
background: #fff;
width: 100%;
height: 100% !important;
}
.account_side_box {
display: flex;
gap: 20px;
}
.member_accounts {
flex: 1;
}
.popover {
width: 100%;
}
.icon_search_new input:placeholder {
color: black !important;
}
.icon_search_new input {
border: none;
background: transparent;
width: calc(100% - 16px);
padding-left: 8px;
}
.icon_search_new input:focus {
border: none;
outline: none;
}
.icon_search_new i {
color: #737373 !important;
}
.account_info_new {
display: flex;
align-items: center;
justify-content: center;
column-gap: 6px;
padding: 7px;
border-radius: 6px;
background: #fff;
width: 116px !important;
font-size: 15px;
font-weight: 500;
white-space: nowrap;
color: black;
}
.flex .get_liste_new {
display: flex;
align-items: center;
justify-content: center;
column-gap: 6px;
padding: 6px;
border-radius: 6px;
border: 1px solid rgb(26, 174, 159);
background: #fff;
font-size: 15px !important;
font-weight: 600;
white-space: nowrap;
min-width: 117px;
height: 36px;
}
.get_liste_new p,
.account_info_new p {
margin-bottom: 0;
font-weight: 500;
color: #737373 !important;
}
.menu_section {
display: flex;
list-style: none;
background: white;
margin-top: 15px;
padding: 0px;
justify-content: space-evenly;
border-radius: 10px;
font-size: 16px !important;
}
.account_info_new i {
color: #737373;
}
.top_bar {
background: #000;
margin-top: 0px;
padding: 5px;
}
.top_bar > div {
display: flex;
align-items: center;
column-gap: 10px;
}
.month_rank {
display: none;
}
p:empty {
margin: 0px;
}
.top_bar img {
max-width: 22px;
}
.top_bar .live_btn {
font-size: 12px;
font-weight: 600;
border: 1px solid #fc0;
border-radius: 5px;
padding: 0 8px 0px 10px;
color: #fff;
background: transparent;
white-space: nowrap;
background-clip: border-box;
overflow: hidden;
}
.top_bar .btn_rank {
white-space: nowrap;
font-size: 14px;
font-weight: 600;
border: 1px solid rgb(26, 174, 159);
border-radius: 20px;
color: rgb(26, 174, 159);
background: transparent;
display: flex;
column-gap: 5px;
align-items: center;
justify-content: space-between;
padding: 2px 2px 2px 15px;
}
.top_bar h3 {
font-size: 16px;
font-weight: 600;
margin: 0;
}
span.month_rank_sm {
display: none;
}
.top_bar .live_btn span {
display: inline-flex;
width: 10px;
height: 10px;
background: #fc0;
border-radius: 50%;
margin-left: 3px;
}
.top_bar a .btn_rank span i {
background-color: #000;
border-radius: 50%;
width: 21px;
height: 20px;
border: 2px solid rgb(26, 174, 159);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.rankings,
li.campaigns span {
color: rgb(26, 174, 159) !important;
padding: 0 0 0 8px !important;
}
.menu_section .navbar-default {
width: calc(100% - 20px) !important;
margin: auto;
}
a.btn_rank span i {
color: rgb(249, 208, 42);
background: rgb(51, 51, 51);
width: 16px;
border-radius: 10px;
text-align: center;
white-space: nowrap;
margin-left: 7px;
align-items: center;
}
#bs-main_menu > ul > li {
list-style: none;
z-index: 9;
}
#bs-main_menu ul li a {
border-bottom: 0;
display: block;
font-weight: 600;
padding: 15px 10px;
text-decoration: none;
}
#bs-main_menu > ul > li:hover > ul {
display: block;
}
#bs-main_menu > ul > li > ul {
background: #fff;
display: none;
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
list-style: outside none none;
padding: 10px;
position: absolute;
white-space: nowrap;
min-width: 100%;
width: auto;
}
#bs-main_menu ul ul li a span {
font-size: 16px;
margin-right: 0px;
font-weight: 600;
}
#bs-main_menu ul ul li a {
font-size: 15px !important;
}
#bs-main_menu_new > ul > li {
list-style: none;
z-index: 9;
}
#bs-main_menu_new ul li a {
font-size: 16px;
border-bottom: 0;
display: block;
font-weight: 600;
padding: 12px 10px;
text-decoration: none;
}
#bs-main_menu_new > ul > li:hover > ul {
display: block;
}
#bs-main_menu_new > ul > li > ul {
display: none;
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
list-style: outside none none;
padding: 10px;
position: absolute;
white-space: nowrap;
min-width: 100%;
width: auto;
}
#bs-main_menu_new ul ul li a span {
color: #18afa1 !important;
font-size: 16px;
margin-right: 10px;
font-weight: 600;
}
#bs-main_menu_new ul ul li a {
font-size: 15px !important;
}
.span_live {
margin-left: 12px;
margin-right: 8px !important;
}
.live .button {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 99;
border: none;
background: #18afa1;
background-size: 18px;
cursor: pointer;
outline: none;
top: 0;
font-size: 8px;
font-weight: 500;
}
.li_live a {
display: flex !important;
align-items: center;
}
.live {
position: relative;
display: inline-block;
}
.live .bg {
animation: pulse 1.2s ease infinite;
background: #18afa1;
}
.live .bg,
.live .button {
width: 30px;
height: 30px;
border-radius: 100%;
}
.monthly ul li a:hover,
.awards ul li a:hover,
.promotion ul li a:hover {
border-left-color: rgb(255, 255, 255) !important;
background: rgb(255, 255, 255) !important;
color: rgb(64, 64, 64) !important;
border-radius: 10px !important;
}
.get_listed_new {
border: 2px solid #23aedb;
white-space: nowrap;
display: flex;
border-radius: 10px;
padding: 2px 8px 2px 4px;
align-items: center;
column-gap: 10px;
background: white;
}
.get_listed_new p {
font-weight: 600;
font-size: 15px;
margin: 3px 0px;
}
.get_listed_new i {
color: #fff;
background: #737373;
padding: 4px;
border-radius: 18px;
width: 24px;
}
#bs-main_menu ul li {
position: relative;
}
#bs-main_menu > ul > li > ul ul {
display: none;
position: absolute;
left: 100%;
top: 0px;
padding: 10px;
list-style: none;
background: #fff;
}
#bs-main_menu > ul > li > ul li:hover ul {
display: block;
}
#bs-main_menu > ul ul li a i {
padding-left: 10px;
color: rgb(26, 174, 159);
font-size: 18px;
font-weight: 700;
}
#bs-main_menu > ul ul li a:hover {
color: rgb(26, 174, 159) !important;
}
#bs-main_menu ul li ul a {
padding: 2px 10px !important;
margin: 0;
text-align: left;
}
li.monthly ul {
padding: 0 !important;
}
li.monthly ul li {
padding: 2px 4px;
}
.logo_cont_new .get {
display: none;
}
.logo_cont_new button {
display: none;
}
.logo_search_new {
display: flex;
margin-top: 15px;
column-gap: 12px;
background: #fff;
padding: 5px;
border-radius: 10px;
}
.content_bar_new {
display: flex;
background: white;
list-style: none;
width: 100%;
justify-content: space-between;
border-radius: 10px;
align-items: center;
padding: 0px;
column-gap: 15px;
}
.content_bar_new .content_br_new {
font-weight: 700;
font-size: 28px;
flex: 1;
text-align: center;
}
.logo_cont_new .content_br_new {
display: none;
}
button.main_menu.new_main_menu {
color: #737373 !important;
}
@media (max-width: 1700px) {
#source_review {
display: none !important;
}
}
@media (max-width: 1428px) {
.cont-boxy .event_box .content_bar {
margin: 0;
}
.menu_section {
font-size: 14px !important;
}
#bs-main_menu ul li a {
font-size: 14px;
}
}
@media (max-width: 1304px) {
.logo_search_new {
column-gap: 10px;
}
}
@media (max-width: 1300px) {
#bs-main_menu ul li a {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.icon_search_new {
max-width: 100% !important;
}
.logo_cont_new button {
display: none;
}
.menu_section {
margin: 0;
padding: 0;
}
.mobile-main-menu ul.sidebar-nav {
width: 100%;
}

.content_bar_new {
display: unset;
}
}
@media (max-width: 999px) {
.icon_search {
margin-right: 15px;
}
}
@media (max-width: 991px) {
.sidemenu_panel .panel:hover .panel-heading,
.sidemenu_panel .panel:hover .panel-heading a,
.sidemenu_panel .panel-heading:hover {
padding: 5px;
}
.hello_new #member_sidebar_toggle {
display: block !important;
}
.hello_new .member {
display: none !important;
}
}
@media (max-width: 928px) {
span.tag_line {
display: block;
}
.logo_search {
row-gap: 10px;
}
a.live_btn {
white-space: nowrap;
font-size: 14px;
}
.top_bar h3 {
font-size: 15px;
font-weight: 600;
margin: 0;
}
span.tag_line {
text-align: center;
}
.content_br_new {
text-align: center;
font-size: 24px;
}
.logo_cont_new {
display: flex;
column-gap: 12px;
}
.mobile-main-menu .categories_product a span {
padding: 0 !important;
}
}
@media (max-width: 643px) {
.top-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.top_bar h3 {
font-size: 13px;
font-weight: 500;
margin: 0;
}

a.live_btn {
font-weight: 500;
font-size: 1px;
}
.top_bar {
flex-direction: column;
row-gap: 10px;
}
}
@media (max-width: 1000px) {
.get_liste_new img {
color: #737373 !important;
width: 18px;
height: 18px;
}

.get_liste_new,
.account_info_new,
.new_main_menu {
font-size: 14px !important;
}
}
.get_liste_new img {
width: 20px !important;
height: 20px !important;
}
@media (max-width: 380px) {
.get_liste_new p {
font-size: 14px;
}
}

@media (max-width: 400px) {
.account_info_new,
.main_menu_new {
/* max-width: 45px;*/
overflow: hidden;
}
.icon_search_new input {
width: calc(100% - 30px);
font-size: 14px;
}
.main_menu i,
.user_sidebar i {
font-size: 14px !important;
}
.content_bar_new {
padding: 4px 5px 4px 5px;
}
.content_right_new div {
column-gap: 5px;
}
.logo_search_new {
column-gap: 5px;
}
}
@media (max-width: 570px) {
.flex .get_liste_new {
min-width: 0px;
}
}

@media (max-width: 1344px) {
.content_bar_new .content_br_new {
font-size: 24px;
}
}

@media (max-width: 730px) {
.content_bar_new .content_br_new {
font-size: 25px;
}
}
@media (max-width: 600px) {
.content_bar_new .content_br_new {
font-size: 16px !important;
font-weight: 600;
}
}
@media (max-width: 570px) {
.content_bar_new .content_br_new {
display: none;
}
}
@media (max-width: 450px) {
.account_info_new {
padding: 4px 7px;
}

.logo_cont_new a {
margin: auto;
}
}
@media (max-width: 400px) {
.account_info_new span {
}
}
@media (max-width: 700px) {
.logo_cont_new a {
margin: auto;
}
}
/* Header css Ends */
@media (max-width: 1400px) {
.container {
max-width: 100%;
width: 100%;
}
}
.btn-primary.go-back-btn {
color: #000;
}
.btn-primary.go-back-btn:hover {
color: #fff;
}
.well {
border: 0px;
}
p {
margin: 0 0 15px;
}
.footer {
background: #fff;
font-weight: 600 !important;
padding: 30px 15px 20px;
}
.fcol1 .company_details span {
display: flex;
align-items: center;
column-gap: 30px;
}
.footer_menu {
display: flex;
flex-wrap: wrap;
}
.address address {
font-weight: 400;
margin-top: 15px !important;
}
.fcol2 ul span[id^="link"] {
display: none !important;
}
.footer_menu .fcol3 {
width: 100%;
order: 3;
margin-top: 20px;
}
#link682-mobile {
display: none;
}
.mobile-main-menu .monthly_ranking li a {
padding: 0;
}
.i_about li {
padding: 0;
}
.col.li_about {
max-width: 560px;
}
.footer .row {
margin-left: 0px;
margin-right: 0px;
}
.col.li_linkedin {
margin-top: 12px;
}
a.underline {
text-decoration: underline;
}
.li_join ul,
.li_linkedin ul {
margin: 0px 0 !important;
}
.li_about ul {
margin: 15px 0 0 !important;
}
.footer_about {
text-align: center;
margin: 20px 0;
}
.title_feature {
border: 4px solid #fc0;
padding: 5px 15px;
}
.footer_menu .li_join {
margin-top: 27px;
}
.title_white {
font-size: 26px;
}
.col-md-4.li_linkedin {
margin-top: 12px;
}
.footer_about ul {
display: flex;
justify-content: space-between;
column-gap: 25px;
}
.footer_about li {
flex: 1;
}
.cwhite {
color: #fff !important;
}
.btn_search_your_product {
background: transparent;
border: 3px solid #18afa1;
}
@media all and (max-width: 580px) {
.action_btns img {
display: block;
float: none !important;
margin: auto !important;
}
.footer_about {
text-align: center;
margin: 20px 0;
clear: both;
}
}
.fcol1 {
flex: 1.5;
}
.fcol2 {
flex: 4;
margin-left: 30px;
}
.footer_menu > .fcol2 > ul {
display: flex;
min-width: 200px;
flex: 1;
column-gap: 15px;
row-gap: 0px;
justify-content: space-between;
}
.footer_menu ul li span,
.footer_menu ul li a,
.footer_menu a:not(.btn) {
margin: 0;
font-size: 16px;
font-weight: 400 !important;
}
.footer_menu > li > ul > li > span {
margin-bottom: 20px;
font-weight: bold !important;
}
.footer_2btns {
display: flex;
flex-wrap: wrap;
justify-content: start;
column-gap: 15px;
}
.footer_2btns h2 {
font-weight: 600;
}
.footer_btn {
border: 2px solid rgb(26, 174, 159) !important;
color: white;
padding: 2px 3px 2px;
border-radius: 6px;
text-align: center;
max-width: 104px;
display: flex !important;
align-items: center;
justify-content: center;
height: 24px;
font-size: 14px;
}
.footer_btn:hover {
color: white !important;
}
@media (max-width: 1300px) {
.footer_2btns h2 {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.footer_menu > .fcol2 > ul {
justify-content: space-between;
}
.fcol1 > ul {
display: flex;
flex-direction: column;
justify-content: center;
}
.footer_2btns h2 {
font-size: 30px;
}
.fcol2 {
margin: 30px 0;
}
.footer_menu {
flex-wrap: wrap;
}
.footer_menu .fcol1 {
order: 1 !important;
}
.footer_menu .fcol2 {
order: 2 !important;
}
.footer_menu .fcol3 {
order: 3 !important;
margin-top: 0;
}
.footer_menu {
list-style: outside none none;
padding: 0;
display: flex;
justify-content: space-between;
flex-direction: column;
}
}
@media (max-width: 680px) {
.fcol1 .company_details span {
column-gap: 25px;
}
}
@media (max-width: 600px) {
.footer_menu > li > ul > li > span {
margin-bottom: 10px;
}
}
@media (max-width: 469px) {
.footer_2btns h2 {
font-size: 24px;
}
}
li.awards {
position: relative;
}
li.promotion_services1 {
border: 2px solid #fc0;
border-radius: 20px;
text-align: left;
margin: 10px 0;
display: flex;
min-width: 230px;
padding: 0 5px 0 0;
}
#bs-main_menu > ul li.resources ul li a:hover {
color: rgb(26, 174, 159) !important;
background: #fff !important;
border-radius: 20px;
}
#bs-main_menu li.promotion_services i.fa {
color: #fc0;
font-size: 35px;
line-height: 1;
vertical-align: baseline;
position: absolute;
top: 0;
right: -14px;
}
li.promotion_services1:hover {
background-color: #fff;
color: #000;
}
li.promotion_services1 img:hover {
background: transparent;
}
#bs-main_menu li.awards i.fa {
color: #fc0;
font-size: 35px;
line-height: 1;
vertical-align: baseline;
position: absolute;
top: 0;
right: -14px;
}
.header ul.nav.navbar-nav li ul li a {
border-bottom: 0;
}
.header ul.nav.navbar-nav li ul li a span {
color: #18afa1 !important;
font-size: 18px;
margin-right: 10px;
}

.live .button {
color: #fff;
}
.mobile-main-menu .span_live {
display: none;
}
.mobile-main-menu .span_upcoming {
padding: 0;
color: rgb(26, 174, 159) !important;
display: block !important;
float: none !important;
font-weight: 600;
}
a.like_view * {
white-space: nowrap !important;
}
@keyframes pulse {
0% {
transform: scale(1, 1);
}
50% {
opacity: 0.3;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.monthly_ranking li a {
color: rgb(26, 174, 159);
}
.monthly_ranking li a span {
color: #000;
}
.breadcrumb {
margin-top: 20px;
}
.homepage_settings .search_box {
max-width: 1000px;
margin: 10px auto 0;
margin-top: 0px;
}
.homepage_settings h1 {
margin-bottom: 0px !important;
}
.well,
.module {
padding: 20px;
}
.member-search-description {
margin-top: 10px !important;
}
.author-snapshot
.btn:not(.send-message-button-solo):not(.modal .btn)
.author-snapshot
span.author-phone {
margin: 10px 0 !important;
}
.pic {
box-shadow: none;
}
.action_btns ul li {
float: left;
}
.col.li_about {
max-width: 320px;
}
.footer_about {
margin: 40px 0;
display: inline-block;
}
.btn_action a {
padding: 9px;
}
.li_followus {
margin: 20px 0;
}
.li_followus.green_arrow {
background-image: url("/images/arrow-right-green.png");
}
.li_promotion_services {
border: 3px solid #fc0;
border-radius: 30px;
margin: 25px 0;
max-width: 250px;
font-size: 16px;
}
.li_promotion_services.icon-award,
.li_promotion_services.icon-event,
.li_promotion_services.icon-star,
.li_promotion_services.check-icon {
background-position: 10px;
background-size: 30px;
}
.li_promotion_services.icon-award {
background-image: url("/images/icon-award.png");
}
.li_promotion_services.icon-event {
background-image: url("/images/icon-event.png");
}
.li_promotion_services.icon-star {
background-image: url("/images/icon-star.png");
}
.li_promotion_services.check-icon {
background-image: url("/images/check-icon.png");
}
.li_join ul {
font-weight: 400;
}
.li_join .title_tickmark {
background-image: url("/images/tickmark_1.png");
background-size: 33px;
}
.title_feature {
margin-right: 10px;
}
.header ul.nav.navbar-nav li ul li a:hover,
.header ul.nav.navbar-nav li ul li a:focus {
border-left-color: rgb(255, 255, 255);
background: rgb(255, 255, 255);
color: rgb(26, 174, 159);
border-radius: 15px;
}
.col-md-4.li_linkedin {
margin-top: 65px;
}
.li_join ul {
margin-top: 9px !important;
}
.footer_menu .li_join {
margin-top: 0;
}
.fr-view .froala-table td img:first-of-type {
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.col.li_about {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.col.li_linkedin {
margin-top: 0px;
}
.footer_menu.sm-text-center .li_join {
margin-top: 0px;
}
.footer .container {
width: 100%;
}
li.promotion_services1 img {
margin-left: 7px;
}
}
@media only screen and (max-width: 767px) {
.tpad.slogan {
display: none;
}
.li_followus {
margin: 5px 0;
}
}
li.col-sm-4.xs-bmargin.specialty-name a {
font-weight: bolder;
}
.btn-sm.bg-primary.line-height-xl.no-radius-bottom {
display: none;
}
a.btn.btn-success.btn-lg.btn-block.bold {
display: none;
}
li.col-sm-8.specialty-link {
display: none !important;
}
.footer_menu a:not(.btn),
.footer_terms a {
display: inline-block;
width: 100%;
font-weight: 600 !important;
}
.bg-secondary.fpad.text-center.nobmargin.loadReviews {
display: none !important;
}
.footer {
font-weight: 700;
}
.footer .yellow {
color: rgb(255, 222, 89);
}
.footer .title {
font-size: 30px;
}
.li_join ul,
.li_linkedin ul,
.li_about ul {
margin: 7px 0;
}
.li_join ul {
max-width: 430px;
}
.li_about li {
padding: 0;
text-align: center;
}
.li_join li {
background-image: url("/images/icon_hand.png");
background-repeat: no-repeat;
background-size: 33px;
padding: 2px 0 2px 50px;
background-position: 0 9px;
line-height: 33px;
}
.li_linkedin li {
background-image: url("/images/linkedin-circle.png");
background-repeat: no-repeat;
background-size: 33px;
padding: 5px 10px 5px 50px;
background-position: 0 5px;
line-height: 28px;
}
.premium {
color: #1aae9f;
}
.gold {
color: #ffde59;
}
.li_join li.btn_action {
background: none;
padding: 0;
}
.li_join li.btn_action a,
li.btn_action a {
font-weight: 700;
font-size: 18px;
color: #000;
margin-top: 15px !important;
display: block !important;
}
.li_join {
padding-bottom: 40px;
}
.footer {
padding: 30px 0 20px;
}
.newstyled_box {
border-radius: 10px;
overflow: hidden;
margin-bottom: 0;
background: #fff;
}
.newstyled_box .cover {
background: #e0dfe5;
position: relative;
}
.newstyled_box .cover img {
height: 220px;
width: 100%;
object-fit: cover;
object-position: center;
}
.btn_featured {
border: 2px solid #000;
padding: 2px 24px;
font-weight: 700;
font-size: 20px;
display: inline-block;
}
@media all and (max-width: 991px) {
.li_join ul {
max-width: 100%;
}
}
.clearfix.footer-clear-element.clearfix-lg {
margin: 8px 0 !important;
}
.view_btn_form {
background: transparent;
border: 3px solid #ffcc00 !important;
display: inline-block;
margin: auto;
text-align: center;
justify-content: center;
width: auto;
max-width: 200px;
border-radius: 30px;
color: #e5e6e5;
padding: 10px;
padding: 5px 33px;
font-weight: 600;
border-radius: 100px !important;
}

a.like_view {
border: 1px solid #cbcaca;
padding: 2px 10px;
border-radius: 5px;
display: inline-flex;
column-gap: 9px;
font-weight: 600;
margin: auto;
font-size: 14px;
transition: transform 0.2s ease;
color: #000;
}
a.like_view span {
color: rgb(26, 174, 159);
font-weight: 700;
}
a.like_view:hover {
transform: translateY(-2px);
border-color: #1087b3;
}
.btn.inactive,
.inactive,
a.inactive,
.inactive * {
color: #bfbdbc !important;
pointer-events: none !important;
border-color: #bfbdbc !important;
}
.inactive .fa,
.inactive span,
.inactive .ovr_rating {
color: #bfbdbc !important;
}
.last_30 img {
width: 22px;
}
.last_30 {
display: flex;
justify-content: space-around;
border: 1px solid #cbcaca;
border-radius: 5px;
max-width: 110px;
margin: auto;
padding: 2px;
align-items: center;
}
.last_30 span {
font-weight: 600;
}
.upvote {
max-width: 90px;
margin: auto;
padding: 2px !important;
}
.cust_btns span {
color: rgb(26, 174, 159);
vertical-align: middle;
}
.customer_recognitions_box {
display: none;
position: absolute;
top: 100%;
right: auto;
border: 1px solid #ccc;
border-radius: 8px;
padding: 12px 12px;
width: 530px;
margin: 0 auto;
background: #fff;
z-index: 1000;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
font-size: 14px;
left: 15px;
}
.customer_recognitions_header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ccc;
padding-bottom: 12px;
}
.cust_btn i.fa.fa-star {
color: #ffba07;
}
.custs_btn {
border-radius: 6px;
padding: 6px 12px;
cursor: pointer;
border: 1px solid rgb(26, 174, 159);
color: #000 !important;
background: transparent;
}
.cust_name .no_num {
white-space: nowrap;
min-width: 20px;
}
.cust_btn {
display: flex;
color: #000 !important;
align-items: center;
column-gap: 4px;
white-space: nowrap;
}
.customer_recognitions_list {
list-style: none;
padding: 0;
max-height: 250px;
overflow-y: auto;
}
.customer_recognitions_list li {
display: flex;
justify-content: space-between;
align-items: start;
padding: 6px 2px 0px 0;
column-gap: 10px;
}
.cust_name {
flex: 1;
text-align: left;
display: flex;
column-gap: 5px;
}
.cust_name span {
color: #000;
}
.cust_name .num_co {
width: 100%;
max-width: 342px;
}
.custs_btn:hover {
background: rgb(26, 174, 159) !important;
color: #fff !important;
}
.cust_info {
display: flex;
align-items: center;
gap: 6px;
}
.cust_info .fa {
color: #1e7cb5;
font-size: 20px;
}
.verified {
color: #000;
font-size: 14px !important;
}
.customer_recognitions_header h3 {
font-size: 16px !important;
font-weight: 600;
color: #000;
margin: 0;
padding-top: 5px !important;
border: 0 !important;
}
.customer_recognitions:hover .customer_recognitions_box {
display: block;
}
.no_rec {
font-weight: 600;
font-size: 16px;
color: #1aae9f;
}
.fa.fa-linkedin-square {
color: #0b66c2;
font-size: 14px !important;
}
ul.customer_recognitions a i {
color: #0b66c2;
font-size: 18px;
}
@media (max-width: 1200px) {
.fcol2 {
margin-left: 0px;
}
.content_br_new {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 15px;
}
}
@media (max-width: 600px) {
.footer_2btns h2 {
font-size: 18px;
}
}
@media (max-width: 450px) {
.company_details img {
max-width: 75px !important;
}
}
@media (max-width: 400px) {
.footer_2btns a {
width: 100px;
padding: 1px;
border: 1px solid #23aedb !important;
}

.footer_2btns h2,
footer_btn {
font-size: 14px;
}
}
@media (max-width: 750px) {
.fcol2 > ul {
display: flex !important;
flex-direction: column;
align-items: flex-start;
}
}
.footer_menu ul {
list-style: outside none none;
margin-bottom: 10px;
padding: 0;
width: 100%;
}

@media (max-width: 750px) {
.footer_list3 ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 0px;
}
.follow_our {
display: none !important;
}
.follow {
display: block !important;
}
}
@media (min-width: 750px) {
.col_logo_title a.profile_image_box {
justify-content: start !important;
}
.col_logo_title {
width: 250px !important;
}
}
.footer_list3 #link755 {
display: none;
}
@media (max-width: 400px) {
.footer_menu a:not(.btn),
.footer_terms a,
.address address {
font-weight: 500 !important;
font-size: 14px;
margin-bottom: 0px !important;
}
}
.fcol2 a {
margin-bottom: 5px !important;
}
li.footer_list3 {
width: 100%;
}
@media (max-width: 450px) {
.footer_menu .fcol1 {
order: 1 !important;
}
}
.top_bar > a {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 0px;
column-gap: 5px;
color: #fff;
}
@media (max-width: 460px) {
.month_rank-1 {
display: none;
}
.top_bar .btn_rank {
border: 0;
padding: 2px;
}
.month_rank {
display: block !important;
}
}
@media (max-width: 370px) {
.month_rank {
display: none !important;
}
.top_bar .btn_rank {
border: none !important;
}
}
.icon_search_new {
background: #fff;
padding: 5px;
border-radius: 6px;
width: 100%;
white-space: nowrap;
border: 1px solid #000 !important;
max-width: 700px;
align-items: center;
display: flex;
}
.content_right_new {
display: flex;
flex: 1;
justify-content: end;
column-gap: 6px;
align-items: center;
}
.flex {
flex: 1;
}
@media (min-width: 570px) {
.login_icon {
display: none;
}
}

@media (max-width: 570px) {
.content_br_new {
display: none;
}
.content_right_new {
flex-direction: column-reverse;
}

.mobile_open {
display: flex !important;
height: 37px;
flex: 1;
}
.menu_member {
display: none !important;
}
.hello_new {
display: flex;
column-gap: 6px;
width: 100%;
margin-bottom: 5px;
}
.hello_new .flex {
flex: 2;
}
.get_liste_new,
.account_info_new {
justify-content: center;
}
}
.mobile_open {
display: none;
}
.content_br_new {
margin-bottom: 4px;
}
@media (max-width: 1200px) {
.main_menu.new_main_menu {
border: 1px solid #0e0161;
margin: 0;
border-radius: 6px !important;
white-space: nowrap;
font-weight: 500;
padding: 7px 5px;
display: flex;
align-items: center;
column-gap: 3px;
font-size: 15px;
width: 100%;
}

.content_br_new .main_menu.new_main_menu {
max-width: 116px;
}
}
@media (max-width: 786px) {
.content_br_new {
font-size: 16px !important;
}
}
.popover {
max-width: 160px !important;
}
.header-view-listing-link {
color: #000;
}
.btn-success {
background-color: #fff;
color: #000;
border: 1px solid #000 !important;
}
@media (max-width: 470px) {
.categories_product h1 {
font-size: 25px !important;
}
}
@media (max-width: 380px) {
.categories_product h1 {
font-size: 22px !important;
}
}

/* TooltipJS */
.popup_tooltip_box {
display: none;
}
/* TooltipJS */
/* Bootstrap Theme - Header - Main Menu new */
.menu_section .navbar-default .navbar-nav > li > a,
.menu_section .navbar-default .navbar-nav > li > span {
color: #000;
white-space: nowrap;
}
.menu_section .navbar-default {
width: 100%;
background: #fff;
}
.menu_section .navbar-default .navbar-nav > li {
border-right: 0;
}
.menu_section .navbar {
min-height: auto;
margin-bottom: 0px;
}
.menu_section .navbar-default .navbar-nav > li:hover > a,
.menu_section .navbar-default .navbar-nav > li > a:hover,
.menu_section .navbar-default .navbar-nav > li > a:active,
.menu_section .navbar-default .navbar-nav > li > a:focus {
color: #000;
}
.menu_section .navbar {
margin-bottom: 0;
}
.menu_section .navbar-default .navbar-nav > li:focus,
.menu_section .navbar-default .navbar-nav > li:hover {
color: #000;
box-shadow: none;
}
.mobile-main-menu .hasChildren span a {
padding: 0px;
}
.header {
margin-top: 0px !important;
}
.user_sidebar > img {
width: 32px;
height: 32px;
position: absolute;
z-index: 10;

border-radius: 100px;
top: -1px;
object-fit: cover;
left: -10px;
background: #fff;
}
#member_sidebar_toggle img + .fa {
display: none;
}
.user_sidebar {
padding: 5px 8px;
margin-right: 0;
min-height: 33.0333px;
min-width: 38.116px;
}
.navbar-nav li {
float: none !important;
}
.navbar-default {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.hasChildren > a {
display: flex !important;
width: 100%;
align-items: center;
column-gap: 10px;
}
.span_live {
margin-left: 0px !important;
margin-right: 16px !important;
}
.mobile-main-menu .categories_product {
padding: 0 0 0 8px !important;
}
.mobile-main-menu .categories_product h3 {
font-size: 15px;
}
.transparent_menu {
background-color: rgba(0, 0, 0, 0) !important;
}
@media only screen and (max-width: 991px) {
#popover {
display: none;
}
}
@media only screen and (max-width: 1500px) {
.menu_section .nav > li > a {
padding: 10px 5px;
}
}
@media only screen and (max-width: 1350px) {
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > span {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
.mobile-main-menu {
display: block !important;
}
.navbar-toggle {
display: block;
}
#bs-main_menu .nav {
display: none !important;
}
}
.mobile-main-menu {
position: fixed;
height: 100% !important;
width: 100% !important;
background: #fff !important;
z-index: 99999;
right: -100%;
top: 0px;
display: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
overflow-y: auto !important;
overflow-x: hidden !important;
border-top: 0;
padding: 15px 15px;
font-size: 14px;
}
.mobile-main-menu ul li i {
cursor: pointer;
color: rgb(26, 174, 159) !important;
font-size: 26px !important;
float: none !important;
line-height: 1 !important;
display: inline-block;
}
.mobile-main-menu.opened {
right: 0px !important;
}
.mobile-main-menu ul li a,
.mobile-main-menu ul li span {
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 7px 10px;
}
.mobile-main-menu .sidebar-nav li ul {
background: #fff;
list-style: none;
color: #000;
padding-left: 0px;
padding-right: 0px;
}
.mobile-main-menu .sidebar-nav li.sub_open > ul {
height: 100%;
}
.mobile-main-menu ul.sidebar-nav {
position: relative;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.mobile-main-menu .sidebar-nav li a,
.mobile-main-menu .sidebar-nav li span {
text-decoration: none;
color: #000;
padding-left: 0px;
}
.mobile-main-menu .hasChildren > a {
display: block !important;
}
.mobile-main-menu a.btn_promote_your_product {
border: 0;
border-radius: 0;
}
.li_live.hasChildren > a {
display: flex !important;
}
.mobile-main-menu .hasChildren > a.bold {
display: flex !important;
}
.mobile-main-menu .promotion .hasChildren > a {
display: flex !important;
padding-left: 10px;
}
/* Bootstrap Theme - Header - Main Menu new */
/*Categories Menu*/
#bs-main_menu > ul > li.categories {
position: static;
}
#bs-main_menu > ul > li.categories > ul {
padding: 0;
width: 96%;
position: absolute;
left: 2%;
z-index: 999;
box-shadow: 0px 0px 15px #d9d9d9;
background: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
min-width: auto;
}
#bs-main_menu > ul > li.categories .categories_product {
padding: 18px 20px;
border-radius: 15px;
background: #fff;
}
#bs-main_menu > ul > li.categories > ul ul {
position: static !important;
}
#bs-main_menu > ul > li.categories:hover ul {
display: block;
}
#bs-main_menu .categories_product ul,
#bs-main_menu .categories_product li a {
padding: 0 !important;
font-weight: 400 !important;
}
#bs-main_menu > ul > li.categories > ul li h3 a {
padding: 0 !important;
font-size: 15px;
color: rgb(26, 174, 159);
}
#bs-main_menu > ul > li.categories > ul li h3 a span {
color: #000;
font-size: 15px;
}
#bs-main_menu > ul > li.categories > ul li h3 a:hover span {
color: rgb(26, 174, 159);
}
#bs-main_menu .categories_product ul,
#bs-main_menu .categories_product li a span {
font-size: 15px;
margin-right: 6px;
font-weight: 400;
}
#bs-main_menu .categories_product ul {
margin-bottom: 8px;
}
#bs-main_menu .categories_product h3 {
font-size: 15px;
font-weight: 600;
}
#bs-main_menu > ul ul li a i {
padding-left: 6px;
color: rgb(26, 174, 159);
font-size: 12px;
font-weight: 300;
}
.mobile-main-menu .categories_product a span {
padding: 0;
font-size: 14px;
}
.grid1 .grid-item {
width: 20%;
}
@media (max-width: 1200px) {
.grid1 .grid-item {
width: 100% !important;
}
.grid-item.main_div .mobile_list {
display: none !important;
}
.grid-item.main_div.active .mobile_list {
display: block !important;
padding-left: 10px;
}
}
.categories ul li span {
width: 100%;
}
/*Categories Menu*/
/* Live Stock Slider */
.stock_tape {
background: #fff;
padding: 0 15px;
max-width: 1870px;
margin: 15px auto;
border-radius: 10px;
display: flex;
align-items: center;
column-gap: 15px;
min-height: 72px;
}

/* Live Stock Slider */
/*Home Page - Trending - Newly Listed - Category Winners - Feature*/
.ranking_box_heading {
display: flex;
justify-content: space-between;
align-items: center;
margin: 1px 0 12px;
}
.tranding-solutions-popup-content p,
.new-listed-popup-content p,
.category-award-winners-popup-content p {
margin: 0 0 10px;
}
.tranding-solutions-popup-content h3,
.new-listed-popup-content h3,
.category-award-winners-popup-content h3 {
margin: 0 0 15px;
font-size: 18px;
font-weight: 700;
}
.tranding-solutions-popup-content a.close-popup,
.new-listed-popup-content a.close-popup,
.category-award-winners-popup-content a.close-popup {
color: #f0f3f4;
position: absolute;
right: 15px;
top: 8px;
}
.cat {
white-space: nowrap;
display: block !important;
text-align: center;
font-weight: 600;
color: rgb(26, 174, 159);
font-size: 14px;
}
.ranking_box_heading span {
font-weight: 700;
line-height: 1;
}
.ranking_results td div {
padding: 5px 0;
}
.ranking_results tr {
border-bottom: 1px solid #ededed;
}
.tranding-solutions-popup .icon,
.new-listed-popup .icon,
.category-award-winners-popup .icon,
a.icon {
display: inline-block;
padding: 5px;
color: #fc0;
border: 2px solid #fc0;
border-radius: 50%;
width: 22px;
height: 22px;
line-height: 0.6;
margin-right: 5px;
font-size: 14px;
text-align: center;
}
.tranding-solutions-popup-content,
.new-listed-popup-content,
.category-award-winners-popup-content {
background-color: #000;
color: #f0f3f4;
padding: 15px 20px;
border-radius: 10px;
text-align: left;
max-width: 600px;
margin: auto;
border: 3px solid #fc0;
position: relative;
}
.ranking_box_heading h3 img {
height: 18px;
}
.star-o {
max-width: 22px !important;
}
.tranding-solutions-popup,
.new-listed-popup,
.category-award-winners-popup {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
padding: 15px;
}
.nrow .ranking_box {
border: 0;
background: #fff;
padding: 10px;
border-radius: 10px;
margin: 0;
min-height: 266px !important;
}
.ncol .ranking_box h3,
.ncol2 .ranking_box h3 {
font-size: 16px;
text-align: center;
font-weight: 600;
border-bottom: 0;
padding: 0;
margin: 0;
display: flex;
column-gap: 10px;
align-items: center;
}
.ranking_results li img,
.ranking_results td img.logo {
max-width: 32px;
border-radius: 6px;
}
.ranking_results li img.logo {
max-width: 32px;
border-radius: 6px;
}
.ranking_results li a {
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - 100px);
}
.ranking_results li {
padding: 5px 0px 5px 0;
border-bottom: 1px solid #ededed;
color: #393939;
}
.ranking_results li span {
white-space: nowrap;

font-size: 14px;
width: 25px;
}
.graph_details span {
width: 45px !important;
}
.ranking_results li a div span,
.ranking_results td div span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
flex: 1;
padding-right: 10px;
flex-basis: 100%;
}
.ranking_box_heading a img {
height: 16px;
}
.graph_details span {
color: #000;
font-weight: bold;
}
.rank_item {
display: flex;
align-items: center;
}
.ranking_results ol {
padding: 0px;
list-style: none;
}
.ranking_results li a div,
.ranking_results td div {
display: flex;
align-items: center;
column-gap: 5px;
flex: 1;
width: 100%;
}
.all-view {
color: #1f2020;
padding: 12px 5px 12px 10px;
border-radius: 0 0 10px 10px;
background: #e5efec;
font-size: 14px;
text-align: center;
display: block;
letter-spacing: 1px;
}
.all-view:hover {
color: rgb(26, 174, 159);
}
.ranking_results li:last-child {
border-bottom: 0;
}
.graph_details {
display: flex;
align-items: center;
column-gap: 5px;
padding-left: 5px;
}
.graph_details img {
max-width: 19px !important;
}
.pviews {
display: inline-flex;
color: #fff;
font-size: 14px;
line-height: 1;
font-weight: 600;
animation: wiggle 1.5s ease-in-out infinite;
transition-duration: 0.2s;
align-items: center;
white-space: nowrap;
flex: 1;
}
.pviews i {
margin-right: 8px;
transform: rotate(-5deg);
color: rgb(255, 204, 0);
}
.nrow {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.ncol {
flex: 1;
min-width: 0;
}
.ncol_new_row {
flex: 3;
display: flex;
gap: 15px;
min-width: 0;
}
.ncol2 {
flex: 1.26;
min-width: 0;
}
.ncol3 {
flex: 1;
min-width: 0;
}
.rank_item.star {
column-gap: 10px;
}
@media (max-width: 1660px) {
.ncol_new_row {
gap: 15px;
}
.ncol2,
.ncol3 {
flex: 1;
}
}
@media (max-width: 750px) {
.ncol,
.ncol2,
.ncol3 {
flex-basis: 100%;
}
.ncol_new_row {
flex-direction: column;
}
}
@media (max-width: 795px) {
.ranking_results li a div span {
overflow: hidden !important;
}
}
@media (max-width: 768px) {
.ranking_box h3 {
font-size: 16px !important;
}
.ranking_box_heading a img {
height: 20px !important;
}
.cat {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.nrow .ranking_results {
overflow-y: scroll !important;
max-height: 213px !important;
padding-right: 20px;
}
.cat {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1600px) {
.rank_item > span {
display: none;
}
.rank_item a > img {
display: none;
}
.ranking_results a > img {
display: none;
}
}
@media (max-width: 1400px) {
.ncol_new_row {
flex-basis: 100%;
gap: 15px;
}
.rank_item > span {
display: block;
}
.rank_item a > img {
display: block;
}
.ranking_results a > img {
display: block;
}
.ncol2 {
flex: 1;
}
}
.ranking_results li a div span {
font-size: 14px !important;
}
.ranking_results li a div span,
.ranking_results td div span {
padding-right: 0px !important;
}
@media (max-width: 1261px) {
.prod_head {
margin: auto;
}
}
/*Home Page - Trending - Newly Listed - Category Winners - Feature*/
/*Home Page - Monthly Award Standings */
.ranking_table .prod {
display: flex;
column-gap: 10px;
align-items: center;
}
.ranking_table .prod img.logo {
max-width: 32px;
border-radius: 4px;
}
.graph_details1 img {
max-width: 19px !important;
}
.ranking_results1 li {
color: #000;
}
.graph_details1 {
display: flex;
column-gap: 5px;
}
.ranking_box1 h3,
h3.overall_head {
font-size: 16px;
text-align: center;
font-weight: 600;
border-bottom: 3px solid #000;
padding: 8px 0 12px;
}
h3.overall_head {
padding: 12px 0 12px;
}
.ranking_results1 {
overflow-y: scroll !important;
overflow-x: hidden !important;
max-height: 470px;
font-size: 14px;
}
.ranking_box1 h3.sub_title_featured1,
h3.sub_title_listed {
text-align: left;
border: 0;
display: inline-flex;
align-items: center;
column-gap: 3px;
background: #efefef;
padding: 6px 10px;
text-transform: uppercase;
font-size: 12px;
color: #595959;
font-weight: 600;
margin-top: 6px;
}
.ranking_box1 {
border: 0;
background: #fff;
padding: 10px;
margin: 0 0 15px;
border-radius: 10px;
}
.fr-view table.ranking_table {
font-size: 14px;
width: calc(100% - 15px) !important;
table-layout: fixed;
}
.ranking_table tr {
border-bottom: 1px solid #ededed;
}
.ranking_table tr td {
padding: 5px 0;
}
.ranking_table th {
border: 0 !important;
background: transparent !important;
text-align: left;
padding: 0 !important;
}
.all-view1 {
color: #000;
padding: 12px 0px;
border-radius: 0 0 10px 10px;
background: #efefef;
font-size: 16px;
text-align: center;
display: block;
letter-spacing: 1px;
}
.ranking_table a.prod span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: block;
padding-right: 15px;
}
/*Home Page - Monthly Award Standings ends */
/*Bootstrap Theme - Display - Recent Blog Articles*/
.pic-title {
text-align: left;
font-size: 21px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 3px;
}
.taxtech_btn {
font-weight: 600;
color: #fff;
background: #19a697;
padding: 5px 10px;
font-size: 14px;
}
.tax_coll {
margin: 13px 0px;
}
.view_posts .fa {
margin-right: 10px;
}
.pronto_date {
color: darkgray;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
}
@media (max-width: 992px) {
.top_10_item {
margin-bottom: 50px;
}
}
.view_posts {
font-size: 16px;
}
.top_10_item .pic {
min-height: 380px !important;
}
/*Bootstrap Theme - Display - Recent Blog Articles*/
/*Display FAQ*/
.question > a {
color: #000;
display: flex;
padding: 11px 15px;
font-weight: 600;
justify-content: space-between;
align-items: center;
font-size: 18px;
}
.question div a {
color: #000;
}
.question {
border: 1px solid #fff;
margin-bottom: 15px;
background: #fff;
}
.question:hover {
border: 1px solid #000;
}
.fa.fa-plus {
font-size: 14px;
color: #000;
}
.fa.fa-minus {
font-size: 14px;
color: #000;
}
.faq_container {
margin: auto;
max-width: 1100px;
}
.faq-accordion {
color: #000;
padding: 0 15px;
}
.question .fa-plus {
display: none;
}
.question .fa-minus {
display: block;
}
.question .collapsed .fa-plus {
display: block;
}
.question .collapsed .fa-minus {
display: none;
}
.col-md-12.homepage_content_3 h2 {
padding-bottom: 20px;
}
.maplink {
display: flex;
align-items: center;
justify-content: space-between;
}
button.tool_btn_block {
background: #fff;
border: 1px solid rgb(26, 174, 159);
padding: 2px 24px;
border-radius: 10px;
display: inline-block;
}
.homepage-sections .row .row {
margin-right: -15px;
margin-left: -15px;
}
#select2-drop {
background: #fff !important;
color: #000;
background-size: 16px 16px !important;
padding: 10px;
}
.select2-search input {
margin-bottom: 8px;
}
@media (max-width: 600px) {
.question > a {
font-size: 16px !important;
}
}
/*Display FAQ*/
/* Bootstrap Theme - Display - Homepage Featured Members New */
.newstyled_box .cover img {
height: 211px;
object-position: top;
}
.content_meta {
display: flex;
align-items: center;
white-space: nowrap;
overflow: auto;
}
.newstyled_box .content {
background: #fff;
padding: 5px 15px 13px;
border-radius: 10px;
}
.newstyled_box .content h3 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 15px;
font-weight: 600;

line-height: 1.5;
padding-right: 20px;
margin: 0;
}
.newstyled_box h4 {
font-size: 15px;
margin: 4px 0 8px;
}
.newstyled_box h4 a {
color: rgb(26, 174, 159);
}
.btn_category {
background: #fff;
padding: 2px 9px;
display: inline-block;
border-radius: 10px;
margin: 0 5px 0 0;
font-size: 14px;
border: 1px solid #000;
}
.display-featured-members .cover {
position: relative;
}
.display-featured-members .cover .btn_featured {
background: #000;
color: #fff;
position: absolute;
z-index: 1;
right: 15px;
top: 15px;
font-size: 16px;
font-weight: 600;
}
.display-featured-members .newstyled_box .cover img {
height: 230px !important;
}
.btn_featured {
border: 1px solid rgb(26, 174, 159);
font-weight: 600;
position: absolute;
z-index: 1;
background: #fff;
color: #000;
right: 15px;
top: 40px;
font-size: 16px;
}
/* Bootstrap Theme - Display - Homepage Featured Members New Ends */
/* Bootstrap Theme - Member Profile - Custom */
.body-content {
margin-bottom: 0;
}
.customer_recognitions {
position: relative;
display: block;
padding: 0;
margin: 0;
max-width: 180px;
list-style: none;
}
.customer_recognitions_header {
padding-bottom: 7px;
}
.cust_btn i.fa.fa-star {
color: rgb(255, 204, 0);
font-size: 16px;
}
.product-header a.custs_btn {
border-radius: 6px;
padding: 6px 12px;
cursor: pointer;
border: 1px solid rgb(26, 174, 159);
color: #000 !important;
background: transparent;
max-width: none !important;
width: auto;
margin: 0;
}
.product-header a.cust_btn {
display: block;
color: #000 !important;
text-align: left;
font-weight: 600;
font-size: 15px;
margin: 0;
}
.table-view .table-view-group:last-child {
border-bottom: 0;
}
.product-header a.custs_btn:hover {
background: rgb(26, 174, 159) !important;
color: #fff !important;
}
.product-details h2,
.info_product h2 {
display: none;
}
.cat_hide {
display: none !important;
}
.tab-btn.inactive {
color: #bfbdbc;
pointer-events: none;
}
.pviews {
font-size: 15px;
color: #333;
}
.profile-header {
position: sticky;
top: 0;
width: 100%;
background: rgb(239, 239, 239);
z-index: 1;
padding: 15px 0;
}
.cat_title {
display: flex;
justify-content: space-between;
}
.product-details li {
margin: 10px 16px 0;
}
.product-details {
width: 100%;
}
.header-section1,
.header-section2 {
display: flex;
align-items: center;
width: 100%;
column-gap: 15px;
}
.header-section2 {
max-width: 420px;
justify-content: space-evenly;
}
.brand-img {
flex: 1;
max-width: 150px;
}
.line_separator {
border-top: 1px solid #bfbdbc;
margin: 10px 0 20px;
}
.brand-name {
flex: 2;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
}
.profile-header-write-review {
text-align: center;
}
.profile-header-write-review1 {
text-align: center;
display: flex;
align-items: center;
justify-content: end;
}
.productname {
font-size: 28px;
font-weight: 700;
}
.product-header {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 10px 20px;
border-radius: 12px;
margin-bottom: 20px;
}
.product-header .img-rounded {
width: 100%;
min-width: 150px;
border: 2px solid #2e2275;
border-radius: 10px !important;
}
.product-header a {
width: 100%;
margin: 7px 0;
max-width: 200px;
}
.visitbtn {
border: 2px solid #2e2275 !important;
font-weight: 700;
background: #fff;
color: #000;
padding: 5px 10px;
font-size: 16px;
display: flex;
justify-content: center;
column-gap: 10px;
align-items: center;
}
.visitbtnw {
border: 1px solid #2e2275 !important;
font-weight: 700;
background: #fff;
color: #000;
padding: 5px 10px;
font-size: 16px;
display: flex;
justify-content: center;
column-gap: 10px;
align-items: center;
}
.integration_records {
display: flex;

column-gap: 36px;
flex-wrap: wrap;
min-width: 200px;
justify-content: flex-start;
}
.existing_record {
display: flex;
min-width: 300px;
justify-content: flex-start;
align-items: center;
column-gap: 15px;
margin: 15px 0;
}
.claim {
width: 100%;
justify-content: center;
display: flex;
}
.claimbtn {
border: 1px solid #000;
border-radius: 10px;
padding: 4px 15px;
font-weight: 700;
margin: auto;
}
.profile-header a.clonebtn {
border: 1px solid #000;
border-radius: 50px;
padding: 4px 5px;
max-width: 170px;
}
.claim_txt {
font-weight: 600;

padding: 10px;
font-size: 20px;
}
.clone_txt {
font-weight: 600;
padding: 10px;
font-size: 16px;
}
.desc_point {
list-style-type: none;
padding: 0;
margin-top: 10px;
}
.textbox-certifications,
.textbox-available_in {
padding-bottom: 20px;
}
.compare_product {
display: flex;
width: 100%;
justify-content: space-between;
box-shadow: 0 0 2px 2px #bfbdbc;
padding: 10px;
margin: 15px 0;
border-radius: 20px;
}
.left_product,
.right_product {
width: 100%;
text-align: center;
max-width: 250px;
}
.rating-box {
border: 3px solid #bfbdbc;
border-radius: 10px !important;
text-align: center;
padding: 10px;
}
.product-details a i {
color: rgb(26, 174, 159);
padding-right: 4px;
}
.product-details .specialty-name {
margin: 5px 0 5px;
border: none;
}
.product-details .table-view {
display: flex;
flex-wrap: wrap;
}
.product-details .col-sm-12,
.product-details .col-md-3,
.list_items_answers_centered {
padding: 3px 0 2px;
}
.product-details .col-sm-6 {
padding: 0;
}
.product_feat {
float: left;
margin-right: 15px;
}
.ovr_heading {
font-weight: 700;
font-size: 16px;
color: #000;
}
.rating {
font-weight: 500;
font-size: 20px;
}
.ovr_rating {
font-size: 34px;
}
.product_heading {
text-align: center;
font-weight: 600;
display: flex;
padding: 2px 0;
column-gap: 6px;
align-items: center;
font-size: 15px;
color: #000;
}
.overview_tabs,
.claim-div {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 10px 20px;
border-radius: 12px;
}
.claim-div {
margin-top: 15px;
}
.claim-tabs {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
padding: 10px 20px;
margin-bottom: 20px;
border: 5px solid rgb(26, 174, 159);
border-radius: 5px;
top: 10px;
}
.claim-profile {
display: block;
}
.desc_point li {
background-image: url(/images/chevron.png);
background-repeat: no-repeat;
padding: 5px 0px 7px 35px;
background-size: 26px;
}
.info_product .col-sm-4 {
font-weight: bold;
}
.info_product .table-view .table-view-group > div {
padding: 5px 0;
border: none;
font-size: 16px;
}
.tab-btn {
padding: 4px 10px;
border: none;
background-color: #fff;
cursor: pointer;
font-weight: bold;
border-radius: 5px;
}
.overview_tabs .tab-btn.active {
outline: 3px solid #bfbdbc;
}
.content-box {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 10px 20px;
border-radius: 12px;
margin-bottom: 15px;
}
.content-box-feat {
background: #fff;
border-radius: 12px;
margin-bottom: 15px;
}
.desc {
width: 100%;
margin-bottom: auto;
}
.tab-title {
border: none;
background-color: #fff;
font-weight: bold;
border-radius: 5px;
}
.tab-title1 {
padding: 4px 10px;
background: transparent;
color: #000;
border: none;
font-weight: bold;
border-radius: 5px;
margin-bottom: 5px;
}
.whatis {
border: none;
background-color: #fff;
font-weight: bold;
border-radius: 5px;
}
#product-demo .view-details {
border: 3px solid rgb(26, 174, 159);
}
.view-details {
color: #000;
border: 1px solid #000;
font-weight: 600;
width: 100%;
max-width: 200px;
}
.view-details:hover,
.view-details:focus {
background-color: #fff;
border-color: #23aedb;
color: #000;
}
.product_compare .row {
margin-right: 0;
}
.tax_compare_btn {
align-self: center;
text-align: center;
font-weight: 600;
width: 100%;
max-width: 100px;
}
.btn_compare {
color: rgb(26, 174, 159);
padding: 0 10px;
border-radius: 16px;
}
.load_more {
border: 2px solid rgb(26, 176, 159);
padding: 7px;
border-radius: 17px;
text-align: center;
}
.list_items_answers_centered {
display: flex;
column-gap: 9px;
padding: 5px 0;
line-height: 1.8;
}
.status-bar {
border: 2px solid rgb(26, 174, 159);
width: 200px;
border-radius: 15px;
height: 15px;
float: left;
margin: 3px 10px 0;
}
.status-bar span {
display: block;
height: 14px;
background: rgb(26, 174, 159);
border-radius: 15px;
outline: none;
margin-top: -1px;
margin-left: -1px;
}
.overall_user_rating {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.review_header {
display: flex;
column-gap: 50px;
}
.review-photo {
display: flex;
column-gap: 30px;
padding-left: 20px;
width: 100%;
min-width: 250px;
max-width: 300px;
}
.review-title {
width: 100%;
}
.rating_bar {
display: flex;
padding: 3px;
}
.star-ratings {
display: flex;
}
.review_left {
width: 100%;
}
.review_right p,
.review_right h3 {
display: none;
}
.review_right .well .star_head {
margin-left: 0;
}
.review_right .well .col-md-6 {
display: flex;
padding: 5px 10px;
}
.star-ratings .well {
box-shadow: none;
border: none;
}
.star-ratings hr {
display: none;
}
.rating_heads {
font-weight: 600;
min-width: 270px;
}
.i_info {
margin: 6px 0 30px;
}
.compare_product {
animation: animateElement linear 0.3s;
}
.s_inline {
display: inline-block;
}
.no_products {
padding: 15px;
}
@keyframes animateElement {
0% {
opacity: 0;
transform: scaleY(0) translateY(-100%);
}
100% {
opacity: 1;
transform: scaleY(1) translateY(0%);
}
}
.award-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
display: none;
padding: 15px;
}
.award-popup-content {
background: #000;
color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
position: relative;
}
.close-award-popup {
position: absolute;
color: #fff;
top: -4px;
right: 5px;
cursor: pointer;
font-size: 20px;
}
#badgeImage {
width: 500px;
margin-top: 50px;
}
.award-details {
margin-top: 20px;
}
.download_btn {
padding: 15px;
display: flex;
column-gap: 15px;
flex-direction: column;
align-items: center;
}
.download-badge {
text-decoration: none;
border: 3px solid #1aae9f;
border-radius: 20px;
padding: 5px 20px;
color: #fff;
cursor: pointer;
font-size: 17px;
text-align: center;
font-weight: 600;
}
a.badge.winner {
background: none;
}
.btn.inactive {
color: #bfbdbc;
pointer-events: none;
border-color: #bfbdbc !important;
}
.rating-box.inactive {
color: #bfbdbc;
}
.rating-box.inactive {
border-color: #bfbdbc;
}
.rating-box.inactive span {
color: #bfbdbc !important;
}
.rating-box.inactive i {
color: #bfbdbc !important;
}
.rating-box.inactive h4 {
color: #bfbdbc !important;
}
.product-details a i {
padding-left: 5px;
}
.linkedin_profile {
border: 2px solid #bfbdbc;
border-radius: 10px !important;
padding: 8px;
width: 100%;
display: block;
max-width: 250px;
margin: auto;
}
.linkedin_profile a {
background: #2867b2;
color: #fff;
padding: 5px 20px;
border-radius: 5px !important;
text-align: center;
font-size: 16px;
white-space: nowrap !important;
}
.linkedin_profile .linkedin_logo .linkedinicon {
position: absolute;
bottom: 12px;
left: 20px;
display: inline-block;
width: 35px;
height: 35px;
}
.linkedin_profile .linkedin_logo img {
border-radius: 50% !important;
width: 150px;
height: 150px;
}
.linkedin_profile h3 {
font-weight: 600;
font-size: 16px;
margin: 10px 0;
}
.linkedin_logo {
text-align: center;
position: relative;
}
.linkedin_profile a i {
padding-right: 10px;
}
.linkedin_profile a:hover {
color: rgb(26, 174, 159);
}

.leader_boards a {
border: 1px solid #cecece;
border-radius: 5px;
padding: 2px 8px;
cursor: pointer;
display: block;
color: rgb(51, 51, 51);
width: 100% !important;
text-align: center;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
.leader_boards a:hover span {
color: rgb(51, 51, 51);
}
.leader_boards a.leader p {
font-weight: 600;
margin: 0;
color: #31b6a8;
font-size: 13px;
line-height: 1;
}
.leader_boards a p {
font-weight: 600;
margin: 0;
color: rgb(51, 51, 51);
font-size: 13px;
line-height: 1;
}
.leader_boards a.board:hover {
box-shadow: 0px 0px 3px #818181;
}
.leader_boards a.leader:hover {
box-shadow: 0px 0px 3px #31b6a8;
}
.leader_boards a span {
white-space: nowrap;
font-size: 13px;
line-height: 1;
}
.leader_boards {
flex: 1;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 20px;
row-gap: 5px;
}
.sub_section {
display: flex;
column-gap: 14px;
}
.star_rating {
min-width: 125px;
display: flex;
align-items: center;

margin: 5px 0 6px;
}
.star-rate {
display: flex;
column-gap: 5px;
align-items: first baseline;
justify-content: center;
}
@media (max-width: 1542px) {
.productname {
font-size: 24px;
}
}
@media (max-width: 1435px) {
.productname {
text-align: center;
}
}
@media (max-width: 1350px) {
.rating-review {
display: block !important;
}
.compare_product {
min-height: 200px;
}
}
@media (max-width: 1250px) {
.product-header {
display: block;
}
/*.header-section1 {
	max-width:600px;
} */
.header-section2 {
max-width: 100% !important;
width: 100% !important;
}
.star-ratings {
display: block;
}
.claim-tabs {
display: block;
}
.overall_user_rating {
justify-content: space-between;
}
.desc_point {
padding-left: 15px;
margin: 0;
}
}
@media (max-width: 1180px) {
.product-details .table-view {
display: block;
}
.rating-box {
display: block;
align-items: center;
column-gap: 10px;
}
.ovr_heading {
margin: 0;
}
}
@media (max-width: 967px) {
.product-header {
display: block;
}
.profile-header {
position: static;
}
.desc {
display: block;
}
.overview_tabs {
position: sticky;
column-gap: 15px;
flex-wrap: wrap;
row-gap: 15px;
justify-content: normal;
}
}
@media (max-width: 830px) {
.rating-box {
display: block;
}
.rating_bar {
display: inline;
}
.review_header {
display: block;
}
.productname {
font-size: 20px;
}
}
@media (max-width: 773px) {
.header-section1 {
flex-direction: column-reverse;
}
.sub_section {
display: flex;
align-items: center;
column-gap: 20px;
margin-top: 15px;
}
.brand-name {
padding-top: 10px;
}
.leader_boards {
margin: 0px 10px;
}
.profile-header {
padding-top: 10px;
}
}
@media (max-width: 768px) {
.line_review {
margin: 60px 0 10px !important;
}
.info_product h2 {
display: none !important;
}
.info_product .table-view-group {
display: flex;
}
.options_section1,
.options_section2 {
display: block !important;
}
.options_section1 .col-md-5 {
position: inherit;
}
.existing_record {
display: inline-flex !important;
min-width: 0 !important;
padding: 10px 0;
}
.existing_record span {
padding: 10px;
}
.integration_records {
display: block !important;
}
}
@media (max-width: 720px) {
.product_feat {
float: none;
margin: 0;
}
}
@media (max-width: 668px) {
.options_section1,
.options_section2 {
display: block !important;
}
.cat_title {
flex-direction: column;
}
.cat_view_all {
margin-left: auto;
}
.review-photo {
display: grid;
padding: 0;
}
.compare_product {
display: block;
}
.left_product,
.right_product {
display: inline;
}
.tax_compare_btn {
margin: 10px auto;
}
.options_section1 ul,
.options_section2 .deployment,
.textbox-certifications,
.textbox-available_in {
padding-bottom: 20px;
}
}
@media (max-width: 567px) {
.sub_section {
margin-bottom: 10px;
flex-direction: column;
row-gap: 10px;
}
.header-section1 {
flex-direction: column-reverse;
}
.textbox-partnerships,
.textbox-certifications {
display: inline-block !important;
}
.review_right .well .col-md-6 {
display: block;
}
.brand-name {
padding-top: 5px;
}
.info_product .table-view-group {
display: block;
}
.leader_boards {
margin: 0px 5px 0px 2px;
}
.product-header .img-rounded {
min-width: 80px;
}
.ovr_rating {
font-size: 40px;
}
.rating-box {
padding: 5px;
}
span.pviews {
white-space: nowrap !important;
}
.product-header a {
min-width: 170px;
}
.pviews {
font-size: 10px;
}
.product_heading {
font-size: 10px;
}
.product-header {
padding: 10px 5px;
}
}
@media (max-width: 500px) {
.brand-name h1 {
text-align: center;
font-size: 20px;
}
}
@media (max-width: 400px) {
.product-header a {
min-width: 160px;
}
.profile-header-write-review a {
margin: 4px auto 1px auto;
font-size: 14px;
}
.claim_txt {
padding: 0;
}
.rating_status span {
display: inline-flex;
}
.rating_heads {
display: inline;
}
.status-bar span {
margin-bottom: 7px;
}
.status-bar {
margin: 3px 10px 0 0;
}
.ovr_heading {
font-size: 14px;
}
}
.user-profile-div {
flex: 60%;
}
.devv_222 {
flex: 4;
}
.rating-more_div {
display: flex;
column-gap: 20px;
}
.user-profile-div {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 40px;
}
.devv_1 {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 20px;
border-radius: 12px;
margin-bottom: 15px;
}
.devv_11 {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.brand-img111 {
width: 100%;
max-width: 150px;
}
.brand-img111 .img-rounded {
width: 100%;
min-width: 150px;
border: 3px solid #bfbdbc;
border-radius: 10px !important;
}
.brand-name111 {
display: flex;
flex-direction: column;
align-items: center;
}
.devv_111 {
display: flex;
align-items: center;
column-gap: 20px;
}
.devv_333 {
display: flex;
align-items: center;
column-gap: 20px;
}
.devv_333 .brand-visit {
max-width: 350px !important;
}
.visitbtn {
border: 2px solid #bfbdbc !important;
border-radius: 10px !important;
margin-bottom: 10px;
padding: 4px 12px;
width: 100%;
max-width: 160px;
}
.visitbtn:hover {
border-color: #726aa3 !important;
}
.rating-boxss i {
font-size: 18px !important;
}
.rating-boxss .ovr_rating {
font-size: 30px;
color: #1c106a !important;
font-weight: 600;
}
.cust_btnsss i {
color: #0b66c2;
font-size: 22px !important;
}
.cust_btnsss {
font-size: 15px;
display: flex;
column-gap: 5px;
align-items: center;
}
.cust_btnsss span {
color: #3ebfef;
font-weight: 600;
line-height: 0.5;
}
.cust_btnsss .fa-star {
font-size: 18px !important;
}
.li_feature svg {
max-width: 24px;
min-width: 24px;
}
@media (max-width: 1400px) {
.devv_1 {
flex-direction: column;
}
.devv_111,
.devv_222,
.devv_333 {
margin-bottom: 20px;
}
}
.devv_111 {
flex-direction: column;
}
.brand-img111 {
margin-bottom: 15px;
}
.devv_333 {
flex-direction: column;
}
.profile-header-write-review a {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.user-profile-div {
flex-direction: column-reverse;
}
}
@media (max-width: 1205px) {
.linkedin_profile a {
font-size: 10px;
}
}
@media (max-width: 1435px) {
.linkedin_profile a {
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 568px) {
.product-container #reviews .review_right .well {
padding: 15px 0;
font-size: 14px;
}
.product-container #reviews .review_right .well .star_rating {
min-width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 7px;
}
}
.new_badge .badge {
width: 150px;
float: left;
}
/* Bootstrap Theme - Member Profile - Custom Ends */
.dfc {
display: flex;
justify-content: center;
align-items: center;
column-gap: 5px;
}
.img_sec {
display: flex;
column-gap: 20px;
margin-bottom: 50px;
}
/* Profile Snapshot */
.search_box {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 20px;
border-radius: 12px;
margin-bottom: 15px;
box-shadow: 0px 0px 15px #d9d9d9;
}
.search_company_logo {
width: 100%;
max-width: 150px;
}
.search_company_logo .img-rounded {
width: 100%;
max-height: 130px;
min-width: 100px;
min-height: 100px;
border: 1px solid #bfbdbc !important;
border-radius: 10px !important;
padding: 10px;
object-fit: scale-down;
}
.box_search_name {
flex: 4;
}
.sticky_fixed {
position: fixed;
top: 0;
z-index: 9999;
margin-top: 0;
}
.search_product_name {
display: flex;
flex-direction: column;
align-items: center;
font-size: 18px;
font-weight: 600;
}
.search_visit_buttons,
.box_search_logo {
display: flex;
align-items: center;
column-gap: 20px;
}
.box_search_logo {
display: flex;
align-items: center;
column-gap: 20px;
}
.search_box1 {
flex: 60%;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 30px;
}
.rating-boxss {
border: 1px solid #bfbdbc;
border-radius: 6px;
text-align: center;
padding: 8px;
display: flex;
flex-direction: column;
aspect-ratio: 1/1;
width: 140px;
justify-content: center;
}
.ovr_heading {
font-weight: 600;
}
.product_headingsss {
display: block;
font-size: 13px;
color: #000;
font-weight: 700;
text-align: center;
}
.pviewsss {
font-size: 16px;
font-weight: 600;
color: rgb(26, 174, 159);
}
.cust_btnsss {
font-size: 14px;
justify-content: center;
}
.cust_btn i.fa.fa-star {
color: #ffba07;
font-size: 12px !important;
}
#first_container .cust_btnsss {
white-space: nowrap !important;
}

.visitbtn {
border: 1px solid #bfbdbc !important;
border-radius: 6px !important;
font-weight: 600;
padding: 2px 10px;
font-size: 15px;
}
.leader_boards a.leader {
border: 1px solid rgb(26, 174, 159);
}
.leader_boards a.leader:hover {
box-shadow: 0px 0px 3px rgb(26, 174, 159);
}
.leader_boards a.leader p {
color: rgb(26, 174, 159);
text-align: center;
}
#first_container .leader_boards a span {
white-space: nowrap !important;
font-size: 13px;

line-height: 1;
}
.btn.inactive,
.inactive {
color: #bfbdbc;
pointer-events: none;
border-color: #bfbdbc !important;
}
@media (max-width: 1200px) {
.box_search_logo {
flex-direction: column-reverse;
row-gap: 5px;
}
}
@media (max-width: 1050px) {
.search_box {
flex-direction: column;
row-gap: 7px;
}
}
@media (max-width: 616px) {
.search_visit_buttons {
flex-direction: column;
row-gap: 15px;
}
}
@media (max-width: 560px) {
.box_search_logo {
flex-direction: column-reverse;
row-gap: 5px;
}
.leader_boards {
flex-direction: column;
}
.visitbtn {
font-size: 14px;
}
}
@media (max-width: 404px) {
.member_results_header h1,
.content_w_sidebar.feature-search h1,
.feature_results_header h1 {
font-size: 28px;
}
.search_product_name {
text-align: center;
}
.ovr_heading {
font-size: 14px !important;
}
.search_result_image {
margin-left: 4px !important;
}
}
#first_container .visitbtn {
white-space: nowrap !important;
}
@media (max-width: 616px) {
.profile-header-write-review {
display: flex;
column-gap: 15px;
}
.visitbtn img {
display: none;
}
}
@media (max-width: 360px) {
.rating-boxss {
width: 120px;
}
}
/* Profile Snapshot ends */
/*Home Categories */
.categories_product ul li {
list-style: none;
font-size: 15px;
padding-bottom: 4px;
}
.main_div a {
display: flex;
align-items: last baseline;
}
.categories_product h1 {
text-align: center;
font-size: 36px;
font-weight: 700;
margin-bottom: 0px;
}
.categories_product {
padding: 25px 30px;
border-radius: 15px;
background: #fff;
}
.categories_product ul {
padding: 0;
}
.categories_product ul li i {
color: rgb(26, 174, 159);
font-size: 14px;
font-weight: 400;
padding-left: 6px;
}
.main_div h3 {
font-size: 18px;
font-weight: 600;
color: #000;
}
.categories_product h2.stream-title {
font-weight: 700 !important;
font-size: 18px;
text-decoration: underline;
color: #000;
margin-bottom: 20px;
}
@media (max-width: 410px) {
.categorie ul li {
font-size: 13px;
font-weight: 500;
}
.categorie h2.stream-title {
font-size: 28px;
}
}
.grid-item {
width: 20%;
}
@media (max-width: 1499px) {
.grid-item {
width: 25%;
}
}
@media (max-width: 1199px) {
.grid-item {
width: 33.33%;
}
}
@media (max-width: 991px) {
.grid-item {
width: 50%;
}
}
@media (max-width: 767px) {
.categories_product {
padding: 15px;
}
.review_right .well {
padding: 0;
}
}
@media (max-width: 600px) {
.grid-item {
width: 100%;
}
}
/* Home Categories ends */
/*Blog Share - Table of Contents*/
.table_of_contents {
display: none;
}
.social_share a .fa {
display: block;
font-size: 18px;
color: #fff;
line-height: 1;
}
.social_share a {
display: flex;
width: 32px;
height: 32px;
}
.social_share {
list-style: none;
display: flex;
gap: 6px;
margin: 15px 0;
padding: 0;
}
.social_share a {
background: #000;
border-radius: 50%;
align-content: center;
align-items: center;
justify-content: center;
}
.fa.fa-twitter {
font-family: sans-serif;
}
.blog_left_box ul li {
padding: 7px 0;
}
.blog_left_box.sticky {
position: fixed;
top: 0;
}
.blog_left_box ul {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.social_share {
margin: 15px 36px;
}
.blog_left_box h2 {
font-weight: 700;
font-size: 20px;
}
.social_share_buttons {
margin-bottom: 30px;
}
.blog_left_box {
background: #f0f0f0;
padding: 15px;
border-radius: 6px;
}
.h_H3 {
padding-left: 20px;
display: block;
}
.tbl_contents {
position: sticky;
top: 60px;
z-index: 2;
}
@media all and (max-width: 991px) {
.tbl_contents {
position: relative;
top: 0px;
}
}
/*Blog Share - Table of Contents ends*/
/*Blog Related Posts by Category*/
.breakText {
word-break: break-word;
}
.related-post-item {
padding: 16px 0;
}
.related-post-image {
position: relative;
overflow: hidden;
width: 200px;
float: left;
}
.inline-block.breakText.font-sm {
color: rgb(30, 166, 154);
font-size: 22px;
font-weight: 700;
}
.module.related-post-item-group {
border: none;
}
.related-post-item-group {
margin-left: -20px;
}
@media only screen {
.breakText {
margin: auto;
}
.center-block lazyloader {
width: 300px;
height: 200px;
}
}
/*Blog Related Posts by Category ends*/
/* edit-profile */
.prod_head h1 {
color: black;
font-weight: 600;
margin: 15px 0 40px;
text-align: center;
display: flex;
column-gap: 5px;
align-items: center;
font-size: 24px;
}
.profile_step label {
font-weight: 400;
margin-top: 9px;
color: black;
display: flex;
justify-content: space-between;
}
.profile_step label.label_boxs {
font-weight: 500;
margin-top: 5px;
color: black;
}
.note {
color: black;
font-weight: 400;
display: block;
font-style: italic;
}
.form-control::placeholder {
color: #9c9c9c !important;
opacity: 1;
}
.profile_step .form-control {
max-width: 450px;
border-radius: 7px !important;
padding: 12px 15px;
height: auto;
margin-bottom: 18px;
background: white;
border: 1px solid #0d0061;
color: black;
}
/* Toolbar */
.fr-toolbar,
.fr-popup {
background-color: #fff !important;
color: #000 !important;
}
/* Editor content */
.fr-box.fr-basic .fr-element {
background-color: #fff !important;
color: black !important;
}
.fr-box.fr-basic .fr-wrapper {
border-bottom: none !important;
}
.fr-second-toolbar {
border: 1px solid #c6c6c6;
background: #fff;
}
.form_btn,
#first_container a.form_btn {
padding: 5px 20px;
max-width: 200px;
display: block;
background: rgb(26, 174, 159) !important;
border: none !important;
border-radius: 6px !important;
color: #fff;
font-size: 16px;
font-weight: 600;
}
.profile_step h4 {
display: flex;
justify-content: space-between;
font-size: 16px;
padding: 0 15px;
border: 1px solid #d5d4d4 !important;
border-radius: 6px;
align-items: center;
color: black;
background: white;
}
.profile_step .modal-content h4 {
border: 0 !important;
border-radius: 0px;
color: #000;
background: transparent;
}
.box {
background: white;
padding: 0 15px !important;
max-height: 340px;
overflow: auto;
border-radius: 6px;
border: 1px solid #d5d4d4;
margin-top: 20px;
}
.logo_actions {
display: flex;
justify-content: space-between;
column-gap: 10px;
margin: 10px 0px 10px 0px;
}
#first_container .logo_actions button.form_btn,
#first_container .logo_actions label.form_btn,
.add_photos {
padding: 7px 8px;
border-radius: 6px;
max-width: 130px;

display: block;
width: 100%;
font-weight: 400;
color: #fff;
text-align: center;
font-size: 14px;
margin: 0;
cursor: pointer;
white-space: nowrap !important;
background: white;
}
.boxs {
background: white;
padding: 0 15px !important;
max-height: 240px;
overflow: auto;
border-radius: 6px;
}
.boxs label {
display: flex;
justify-content: space-between;
}
.other_box input {
color: black;
border: 1px solid #d5d4d4;
width: 100%;
padding: 6px 15px;
border-radius: 6px !important;
outline: none; /* Remove default focus outline */
}
/* Explicitly set the same border color on focus */
.other_box input:focus {
border-color: #d5d4d4;
outline: none;
}
.profile_step .features_heading {
background: no-repeat;
border: none !important;
text-align: center;
margin: auto;
width: 100%;
font-size: 30px;
max-width: 650px;
font-weight: 500;
margin-bottom: 20px;
}
.box-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: white;
color: black;
border-radius: 6px;
}
.label_boxs {
display: flex;
justify-content: space-between;
}
label.service {
margin-top: 0px !important;
margin-bottom: 6px;
}
.profile_boxes h5 {
text-align: center;
line-height: 1.4;
color: black;
}
.profile_step h3.sub_service {
color: rgb(26, 174, 159);
font-weight: 600;
margin-top: 11px;
font-size: 18px;
}
.hide_it {
height: 0px;
width: 0px;
overflow: hidden;
}
.profile_boxes h3 {
font-size: 18px !important;
text-align: center;
font-weight: 400;
color: black;
}
.box-image {
background: #545454;
padding: 0 15px !important;
overflow: auto;
border-radius: 6px;
width: 100%;
border: 1px solid #d5d4d4;
aspect-ratio: 1;
position: relative;
}
.box-image1 {
aspect-ratio: 19/10;
}
.additional_pictures {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
button.form_btn.add_photos {
margin: auto;
border: 1px solid #fff;
}
button.form_btn.add_photos i {
padding-right: 3px;
color: rgb(26, 174, 159);
}
button.form_btn1 {
border: 1px solid #fecb00;
padding: 7px 15px;
border-radius: 6px;
display: block;
width: 100%;
font-weight: 600;
background: #000;
color: #fff;
text-align: center;
max-width: 60px;
}
.profile_step {
display: none;
}
.profile_step.active {
display: block;
}
.prod_head.left h1 {
justify-content: flex-start;
}
.user_id {
background: #fff;
color: #000;
border: 2px solid #697772;
border-radius: 6px !important;
font-weight: 600;
padding: 8px 10px;
min-width: 236px !important;
}
.product_selector {
text-align: center;
}
.profile_step .form-control:focus {
border-color: #23aedb !important;
outline: none;
box-shadow: none;
}
.box.cn {
max-height: 153px;
}
input#s2id_autogen2_search {
border-radius: 7px !important;
}
.actions {
display: flex;
justify-content: space-between;
margin: 40px;
}
.action {
float: right;
margin: 40px;
}
.action button#edit_profile_form {
width: 190px;
}
.other_box {
background: white;
margin-top: 10px;
padding: 10px;
border-radius: 6px;
}
.profile_step.form-check-label {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0;
width: 100%;
}
.profile_step .form-check-input {
margin-left: 10px;
}
.box label input {
width: 17px;
}
.other_box label {
display: block;
margin-top: 0 !important;
}
.profile_step select#services {
background: black;
border-radius: 5px !important;
padding: 6px;
}
select#services option {
background: #545454;
}
h4.other_in {
margin-top: 26px;
}
.profile_step h3 {
font-weight: 500;
font-size: 20px;
}

.arrow_text {
font-size: 34px;
}
/* Toolbar buttons */
.fr-toolbar .fr-command,
.fr-popup .fr-command {
color: #fff !important;
}
.fr-toolbar .fr-command:hover,
.fr-popup .fr-command:hover {
background-color: #222 !important;
}
.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
fill: black !important;
}
.action button.form_btn {
width: 190px;
}
.product_selector1 {
display: flex;
flex-direction: column;
margin: auto;
justify-content: center;
text-align: center;
}
.more_actions .input_filed {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
column-gap: 15px;
width: 100%;
}
.more_actions {
text-align: center;
}
#first_container a.form_btn23 {
border: 2px solid #23aedb !important;
padding: 9px 8px;
border-radius: 6px;
display: block;
width: 100%;
font-weight: 600;
background: #fff;
color: #000;
text-align: center;
font-size: 16px;
margin: 0 auto 60px auto;
cursor: pointer;
white-space: nowrap !important;
max-width: 236px;
}
.fr-box .fr-counter {
color: black !important;
}
.features_box {
background: #fff;
padding: 30px;
max-width: 1000px;
margin: auto;
border-radius: 10px;
}
.f {
display: flex;
column-gap: 15px;
margin: 15px 0;
align-items: center;
}
.f img {
width: 30px;
}
.f input {
border-style: solid;
border-color: #b4b4b4;
border-width: 0 0 1px 0;
width: 100%;
color: #000;
padding: 5px;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
background: gray !important;
}
/* edit-profile ends */
/* Monthly Ranking Awards - Main Page */
#category-all-products {
margin-bottom: 15px;
}
.main_div a span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 410px) {
.categorie ul li {
font-size: 13px;
font-weight: 500;
}
.categorie h2.stream-title {
font-size: 28px;
}
}
@media (max-width: 1499px) {
.grid-item {
width: 25%;
}
}
@media (max-width: 1199px) {
.grid-item {
width: 33.33%;
}
}
@media (max-width: 991px) {
.grid-item {
width: 50%;
}
}
@media (max-width: 767px) {
.categories_product {
padding: 15px;
}
}
@media (max-width: 600px) {
.grid-item {
width: 100%;
}
}
/* Monthly Ranking Awards - Main Page ends */
/*Product Compare Feature */
.product_compare h3 {
font-weight: 700;
color: #545454;
margin-bottom: 20px;
}
.fcategory .btn.btn-primary.dropdown-toggle {
background: transparent;
color: #8c8c8c;
font-weight: 700;
padding: 0;
border: 0;
}
.fcategory .btn.dropdown-toggle.btn-primary *,
.btn-primary a {
color: #8c8c8c;
font-size: 18px;
}
#first_container .fcategory .dropdown-menu > li > a {
padding: 8px 20px;
white-space: nowrap !important;
}
.fff {
display: flex;
column-gap: 30px;
align-items: center;
}
.fff span {
font-weight: 600;
}
.compare_box img {
justify-content: center;
display: flex;
flex-direction: column;
margin: auto;
height: 150px !important;
}
.compare_box,
.alternate_box {
border: 1px solid lightgray;
border-radius: 10px;
box-shadow: 0 0 10px lightgrey;
margin-top: 30px;
display: flex;
padding: 15px;
justify-content: space-around;
min-height: 214px;
}
.tax_compare_btn {
flex: 1;
}
.left_product,
.right_product {
flex: 2;
}
.left_product,
.right_product,
.tax_compare_btn {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.compare_box h2,
.alternate_box h2 {
font-size: 16px;
font-weight: 700;
text-align: center;
}
.tax_compare_btn p {
font-size: 16px;
font-weight: 500;
}
.btn_compare,
.btn_compare:hover {
background: #1aae9f;
color: #fff;
display: inline-block;
padding: 5px 15px;
font-size: 15px;
font-weight: 700;
border-radius: 16px;
}
.view_prod,
.view_prod:hover {
background: #000;
color: #fff;
display: inline-block;
padding: 6px 16px;
font-size: 16px;
font-weight: 600;
border-radius: 18px;
margin-top: 10px;
}
.alternate_box:first-child {
margin-top: 0;
}
.alternate_box img {
max-height: 105px;
}
.no_products {
border: 1px solid lightgray;
border-radius: 10px;
box-shadow: 0 0 10px lightgrey;
margin-top: 30px;
display: flex;
justify-content: space-around;
}
/* Media Query for screens below 1200px */
@media (max-width: 1200px) {
.compare_box,
.alternate_box {
flex-direction: row;
align-items: center;
padding: 10px;
}
.footer_menu {
flex-direction: column-reverse !important;
}
.left_product,
.right_product,
.tax_compare_btn {
flex: 1;
width: 100%;
}
.compare_box h2,
.alternate_box h2 {
font-size: 14px;
}
.btn_compare,
.view_prod {
font-size: 14px;
padding: 7px 14px;
}
}
/* Media Query for screens below 700px */
@media (max-width: 700px) {
.compare_box img,
.alternate_box img {
height: 120px !important;
}
.compare_box,
.alternate_box {
min-height: 180px;
}
.tax_compare_btn p {
font-size: 16px;
}
.btn_compare,
.view_prod {
font-size: 14px;
padding: 5px 16px;
}
}
/* Media Query for screens below 505px */
@media (max-width: 505px) {
.compare_box,
.alternate_box,
.no_products {
flex-direction: column;
padding: 10px;
}
.compare_box img,
.alternate_box img {
height: 100px !important;
margin-bottom: 15px;
}
.btn_compare,
.view_prod {
font-size: 14px;
padding: 5px 13px;
border-radius: 12px;
}
.tax_compare_btn p {
font-size: 16px;
}
.compare_box h2,
.alternate_box h2 {
font-size: 14px;
}
.fff {
column-gap: 30px;
align-items: start;
flex-direction: column;
}
}
/*Product Compare Feature ends */
/* Table Ranking Column Widths */
table thead th.col_movement {
width: 110px;
}
table thead th.col_upvote {
width: 113px;
}
th.col_recog {
width: 200px;
}

th.points.col_points {
width: 130px;
}
th.col_logo {
width: 90px;
}
#productTableBody tr:last-child {
border-bottom: 0 !important;
}
.profile_image_box img {
border-radius: 4px;
width: 48px;
margin: 0 !important;
object-fit: cover;
}

.profile_image_box {
margin: 0;
display: flex;
white-space: nowrap;
align-items: center;
column-gap: 15px;
}
th.col_rank {
padding: 0 !important;
}
.head.col_product {
width: 360px;
}
@media all and (max-width: 767px) {
th.col_logo {
width: auto !important;
text-align: left !important;
}
.head.col_product {
width: auto;
}
.search_categories {
max-width: 100%;
}
.rank_dropdown select {
width: 100% !important;
}

.monthly_tip {
margin: auto;
font-size: 14px;
}
}
/* Table Ranking Column Widths ends */
/* Page - Product Compare Feature  */
.web-page-content > p:first-child {
margin: 0;
}
.page_top_header h1,
.page_top_header h2 {
color: #fff;
}
.existing_record {
column-gap: 10px;
}
.page_top_header h1 span {
color: #f4ca21;
font-style: italic;
display: inline-block;
padding: 0 12px;
}
.page_top_header {
background: #000;
text-align: center;
padding: 23px 15px;
border-top: 1px solid #fff;
}
.compare_box_2 {
display: flex;
padding: 15px 0 15px;
justify-content: space-around;
}
.page_top {
position: sticky;
top: 50px;
border-bottom: 4px solid #a6a6a6;
background: #fff;
z-index: 9;
margin-bottom: 20px;
}
.compare_box_2 h2 {
font-size: 20px;
font-weight: 700;
}
.compare_box_2 img {
height: 100px !important;
border: 1px solid #ccc;
}
.compare_box_2 .view_prod,
.compare_box_2 .view_prod:hover {
background: #000;
color: #fff;
display: inline-block;
padding: 6px 15px;
font-size: 16px;
font-weight: 600;
border-radius: 18px;
margin-top: 10px;
}
.panel-heading {
padding: 12px 0 !important;
}
.compare_box_2 .left_product,
.compare_box_2 .right_product,
.compare_box_2 .tax_compare_btn {
align-items: center;

display: flex;
justify-content: center;

flex-direction: row;
column-gap: 15px;
}
.tax_compare_btn p {
font-size: 30px;
}
.compare_box_2 .left_product,
.compare_box_2 .right_product {
flex: 2;
}
.compare_panel .panel-heading {
background: #f9fafc;
border: 1px solid #b1c3cb;
color: #737373;
font-weight: 600;
font-size: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}

.compare_panel .panel-default {
border: 0;
box-shadow: none;
}
.compare_panel .collapse,
.compare_panel .collapsing {
padding: 30px 0;
background: #fff;
border: 0;
}
.features {
display: flex;
width: 100%;
align-items: center;
}
.features > div {
flex: 1;
padding: 0 15px;
}
.features > div.left {
border-right: 3px dashed #a6a6a6;
}
.features ul {
list-style: none;
padding: 0;
}
.compare_panel h4 {
font-size: 20px;
font-weight: 700;
margin-top: -2px;
}
.features li {
color: #a2b8c4;
line-height: 1.4;
background-image: url(/images/cross.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: 0 0;
padding-left: 34px;
font-weight: 600;
font-size: 18px;
padding-bottom: 15px;
}
.features li.ok {
color: #6a6969;
background-image: url(/images/tick.png);
}
.no_info {
color: #6a6969;
font-size: 28px;
font-weight: 700;
}
.bar {
display: flex;
max-width: 350px;
column-gap: 10px;
}
.status {
border: 1px solid #23ab20;
width: 100%;
height: 15px;
overflow: hidden;
border-radius: 8px;
}
.bar .status span {
background: #23ab20;
display: block;
height: 14px;
}
.bar > span {
white-space: nowrap;
min-width: 45px;
text-align: right;
display: block;
line-height: 1;
color: #000;
}
ul.no_bg li {
background: none;
padding: 0 0px 12px;
color: #000;
}
#reviews {
font-size: 14px;
line-height: 1.4;
}
.features > div.right {
padding-left: 40px;
}
@media all and (max-width: 991px) {
.container {
width: 100%;
}
.compare_panel h4 {
margin-bottom: 25px;
}
.compare_panel .panel-heading {
font-size: 16px;
}
}
@media all and (max-width: 767px) {
.features > div {
padding: 0 15px 0 0;
}
.features li {
background-size: 20px;
font-size: 14px;
}
.features > div.right {
padding-left: 15px;
}
}
@media all and (max-width: 567px) {
.page_top_header h1 {
font-size: 25px;
}
.page_top_header h2 {
font-size: 20px;
}
.left_product,
.right_product {
flex-direction: column !important;
}
.details h2 {
display: none;
}
.compare_box_2 .view_prod,
.compare_box_2 .view_prod:hover {
padding: 6px 10px;
font-size: 13px;
}
}
/* Page - Product Compare Feature ends */
/*Home_video*/
.video-container {
background: transparent;
width: 100%;
max-width: 1200px;
margin: 0 auto 30px;
}
.join_btn7 {
background: #fff;
border: 1px solid #23aedb;
display: flex;
margin: auto;
text-align: center;
justify-content: center;
width: auto;
max-width: 200px;
margin-top: 50px;
border-radius: 10px;
color: #000;
padding: 2px 24px;
font-weight: 500;
}
/*Home_video ends*/
/* Embed_Badge */
h2.streaming-title.text-center {
font-weight: 400;
}
.streaming-title {
padding-bottom: 0px !important;
font-size: 24px !important;
}

/* Embed_Badge ends */
/*Bootstrap Theme - Header - Member Links*/
.logged-in-member-header .list-inline > li {
min-height: 34px;
line-height: 34px;
}
.welcome-member-name {
word-break: break-word;
}
.toggle-member-info {
white-space: nowrap;
}
/*Bootstrap Theme - Header - Member Links ends*/
/* monthly-rankings*/
.prod_container a.icon-svg,
.growth_rate-popup-content .icon-svg,
.recognitions-popup-content .icon-svg,
.movement-popup-content .icon-svg {
display: inline-flex;
width: 16px;
height: 16px;
vertical-align: bottom !important;
}
td.col_rank {
max-width: 80px;
}
.prod_head1 {
text-align: center;
}
.prod_head1 h1 {
color: #000;
font-weight: 700;
margin: 15px 0 25px;
}
.prod_head1 h2 {
color: #000;
font-weight: 600;
position: relative;
margin: 20px 0 20px;
}
.badge.winner:hover span {
color: rgb(26, 174, 159);
}
.inline-info {
display: inline-flex;
align-items: center;
column-gap: 5px;
margin-right: 20px;
margin-bottom: 10px;
}
.inline-info h3,
.inline-info p {
margin: 0 !important;
}
.popup_tooltip_content ul {
padding-left: 16px;
}
.popup_tooltip_content ul li {
margin-bottom: 10px;
}
.monthly-ranking-popup-content p {
margin: 15px 0px 0px 0px !important;
display: block;
}
.monthly_ranking_work_btn {
border-radius: 25px;
background-color: #000;
color: #f0f3f4;
border: 3px solid #697772;
text-align: center;
padding: 6px 15px;
clear: both;
display: block;
max-width: 440px;
margin: 0 auto 8px;
}
.load_more,
.monthly_ranking_work_btn1 {
border-radius: 25px;
background-color: #000;
color: #f0f3f4;
border: 3px solid #ffcc00;
text-align: center;
width: 100%;
padding: 6px 8px;
max-width: 200px;
}
.load_more {
display: inline-block;
padding: 10px 15px;
min-width: 200px;
margin-top: 15px;
}
.monthly_ranking_right_head {
display: flex;
flex-direction: column;
align-items: end;
row-gap: 15px;
}
.monthly-ranking-popup-content h3 {
margin: 25px 0 8px;
font-size: 17px;
font-weight: 700;
color: #fff;
}
.monthly-ranking-popup {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
padding: 15px;
overflow: auto;
}
.monthly-ranking-popup-content {
background-color: #000;
color: #d9d9d9;
padding: 20px;
border-radius: 10px;
text-align: left;
max-width: 700px;
margin: auto;
border: 3px solid #ffcc00;
position: relative;
overflow: auto;
}
.monthly-ranking-popup-content a.close-popup {
color: #f0f3f4;
position: absolute;
right: 15px;
top: 8px;
}
.rank_dropdown h3 {
color: #fff;
font-weight: 600;
margin: 0 0 6px;
line-height: 1;
font-size: 18px;
}
.rank_dropdown select {
background: #fff;
color: #000;
border: 1px solid rgb(219, 219, 219);
border-radius: 6px !important;
font-weight: 400;
padding: 6px 10px;
width: 320px;
font-size: 14px;
}
.select2-container .select2-choice {
height: 42px;
line-height: 1.2;
min-width: 320px;
background: #fff;
font-weight: 600;
border: 2px solid #697772;
padding: 3px 0;
border-radius: 30px !important;
}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
box-shadow: none !important;
}
.select2-search input {
border-color: #ccc;
color: #000;
font-family: inherit;
background-color: #000 !important;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 5px;
}
.select2-drop {
width: 100%;
margin-top: 4px;
background: #000;
color: #fff;
border: 1px solid #697772 !important;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 24px;
height: 100%;
position: absolute;
right: 0;
top: 3px;
}
.select2-drop-active {
border: 1px solid #697772 !important;
}
.pagination {
display: inline-flex !important;
padding: 0;
margin: 0;
border-radius: 4px;
column-gap: 3px;
float: none !important;
}
.post-pagination-block {
text-align: right;
}
.prod_container table th {
background: transparent !important;
color: #000;
text-align: center;
padding: 10px 5px;
}
.prod_container tr {
border-bottom: 1px solid #efefef !important;
}
.prod_container thead th {
border: none !important;
}
td.point_details {
white-space: nowrap;
font-weight: 600;
font-size: 14px;
}
.prod_container table {
width: 100%;
}
.descrip {
font-size: 13px;
}
.prod_container tbody td {
text-align: center;
padding: 5px;
height: 88px;
}
.prod_container .monthly_ranking tbody td {
height: auto;
}
@media (max-width: 1199px) {
.prod_container tbody td {
height: auto;
}
td.point_details,
.rank_details {
font-weight: 400;
}
}
.prod_container ul li a {
color: #fff;
}
.prod_container ul.pages {
list-style: none;
display: inline-flex;
column-gap: 10px;
align-items: center;
margin: 0px;
padding: 0px;
}
.pages a {
color: #fff;
}
.page.active a {
background: rgb(26, 174, 159);
color: #fff;
}
.page a:hover {
background: rgb(26, 174, 159);
color: #fff;
}
tbody {
background: #fff;
}
.rank_details {
font-size: 14px;
white-space: nowrap;

text-align: left;
}

.link_details {
font-weight: 600;
color: rgb(26, 174, 159);
display: flex;
align-items: center;
white-space: nowrap;
}
.prod_container th {
white-space: nowrap;
}
.move_details img {
width: 12px;
}
.move_details {
display: flex;
justify-content: center;
align-items: center;
column-gap: 5px;
font-weight: 600;
}
.snap img {
width: 148px;
}
.disabled-link {
pointer-events: none;
}
.graph_info {
display: flex;
align-items: center;
column-gap: 7px;
}
.graph_info a {
color: rgb(26, 174, 159);
font-weight: 700;
display: flex;
align-items: center;
column-gap: 7px;
}
.graph_info img {
width: 20px;
}
.graph_info span {
text-decoration: underline;
}
.rank_details .badge {
display: flex;
min-width: 10px;
padding: 3px 0 0;
font-size: 9px;
font-weight: 700 !important;
line-height: 1;
color: #000;
justify-content: center;
row-gap: 5px;
align-items: center;
border-radius: 0px;
background: transparent;
cursor: pointer;
flex-direction: column;
}
.badge.winner img.badge_icon {
max-width: 10px;
}
.badge.trending {
padding: 2px 0;
border-radius: 50px;
background: #fff;
border: 2px solid #ff5757;
color: #353535;
text-transform: uppercase;
margin: 4px 0 0;
display: flex;
align-items: center;
justify-content: center;
column-gap: 4px;
font-weight: 600;
font-size: 12px;
}
.badge.trending::before {
content: "";
background-image: url("/images/fire.png");
display: block;
width: 15px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
}
.badge.trending::after {
content: "Trending Now";
}
.prod_container a.icon,
.growth_rate-popup-content .icon,
.recognitions-popup-content .icon,
.movement-popup-content .icon {
display: inline-flex;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
width: 16px;
height: 16px;
margin-left: 5px;
font-size: 10px;
justify-content: center;
align-items: center;
}
.recognitions-popup-content h3 {
margin: 0px 0 10px;
font-size: 24px;
font-weight: 700;
}
.recognitions-popup-content {
background-color: #fff;
color: #000;
padding: 20px;
border-radius: 10px;
text-align: left;
max-width: 654px;
margin: auto;
border: 1px solid #ccc;
position: absolute;
width: 100%;
line-height: 24px;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
top: 50%;
left: 50%;
}
.growth_rate-popup-content h3,
.movement-popup-content h3 {
display: flex;
align-items: center;
column-gap: 8px;
margin-bottom: 18px;
}
.growth_rate-popup {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
padding: 15px;
}
.recognitions-popup {
position: fixed;
z-index: 999;
top: 20px;
right: 0;
left: 0;
bottom: 0;
padding: 15px;
}
.growth_rate-popup-content ul {
padding: 15px;
margin: 0;
}
.growth_rate-popup-content a.close-popup {
color: #f0f3f4;
position: absolute;
right: 15px;
top: 8px;
}
.recognitions-popup-content a.close-popup {
color: #000;
position: absolute;
right: 15px;
top: 8px;
}
.growth_rate-popup-content p {
margin: 10px 0 0px;
}
.growth_rate-popup-content h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 700;
}
.growth_rate-popup-content b {
font-weight: 700;
font-size: 18px;
}
.growth_rate-popup-content {
background-color: #000;
color: #f0f3f4;
padding: 20px;
border-radius: 10px;
text-align: left;
max-width: 600px;
margin: auto;
border: 3px solid #fc0;
position: relative;
}
.growth_rate_btn {
border-radius: 30px;
background-color: #000;
color: #f0f3f4;
border: 3px solid rgb(26, 174, 159);
text-align: center;
padding: 8px 28px;
display: block;
text-decoration: none;
}
.growth_rate-popup-content ul li {
padding-bottom: 6px;
}
.movement-popup {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
padding: 15px;
}
.movement-popup-content ul {
padding: 15px;

margin: 0;
}
.movement-popup-content a.close-popup {
color: #f0f3f4;
position: absolute;
right: 15px;
top: 8px;
}
.movement-popup-content p {
margin: 10px 0 0px;
}
.movement-popup-content h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 700;
}
.movement-popup-content b {
font-weight: 700;
font-size: 18px;
}
.movement-popup-content {
background-color: #000;
color: #f0f3f4;
padding: 20px;
border-radius: 10px;
text-align: left;
max-width: 600px;
margin: auto;
border: 3px solid #fc0;
position: relative;
}
.movement_btn {
border-radius: 30px;
background-color: #000;
color: #f0f3f4;
border: 3px solid rgb(26, 174, 159);
text-align: center;
padding: 8px 28px;
display: block;
text-decoration: none;
}
.movement-popup-content ul li {
padding-bottom: 6px;
}
.loading_gif {
color: #000;
text-align: center;
margin: 30px 0;
font-style: italic;
}
#productTableBody tr.no_results td {
padding: 10px 0;
}
div.btn-container {
display: flex;
vertical-align: middle;
text-align: center;
font-weight: 600;
font-size: 14px;
}
.btn-rank-mode-switch {
display: inline-block;
margin: 0px;
position: relative;
}
.btn-rank-mode-switch > label.btn-rank-mode-switch-inner {
margin: 0px;
width: 350px;
height: 42px;
background: #000;
border-radius: 26px;
overflow: hidden;
position: relative;
transition: all 0.3s ease;
display: block;
border: 2px solid #697772;
}
.btn-rank-mode-switch > label.btn-rank-mode-switch-inner:before {
content: attr(data-on);
position: absolute;
top: 8px;
right: 18px;
color: #fff;
}
.btn-rank-mode-switch > label.btn-rank-mode-switch-inner::after {
content: attr(data-off);
width: auto;
height: 38px;
background: rgb(26, 174, 159);
border-radius: 26px;
position: absolute;
left: 0;
top: 0;
text-align: center;
transition: all 0.3s ease;
padding: 5px 18px;
display: flex;
align-items: center;
}
.btn-rank-mode-switch input[type="checkbox"] {
cursor: pointer;
width: 100%;
height: 41px;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
margin: 0px;
left: 0;
}
.btn-rank-mode-switch
input[type="checkbox"]:checked
+ label.btn-rank-mode-switch-inner {
color: #fff;
}
.btn-rank-mode-switch
input[type="checkbox"]:checked
+ label.btn-rank-mode-switch-inner::after {
content: attr(data-on);
left: 138px;
color: #000;
white-space: nowrap;
}
.btn-rank-mode-switch
input[type="checkbox"]:checked
+ label.btn-rank-mode-switch-inner:before {
content: attr(data-off);
right: auto;
left: 18px;
}
#serviceSelect option {
background-color: #fff;
}
#first_container .badge.winner span {
white-space: nowrap !important;
}
#first_container .prod_container tbody td > a {
display: flex;
white-space: nowrap;
column-gap: 10px;
}
#first_container .prod_container thead th,
#first_container .link_details {
white-space: nowrap !important;
}
#productTableBody td h3.sub_title_featured,
td h3.sub_title_listed {
display: inline-flex;
align-items: center;
column-gap: 8px;
margin: 10px;
border-radius: 0;
font-size: 12px;
white-space: nowrap;
color: #595959;
text-transform: uppercase;
background: #efefef;
padding: 6px 10px;
font-weight: 600;
}
#productTableBody td h3.sub_title_featured i {
font-size: 16px;
color: #ffba07;
}
.leader_boards a.leader {
border: 1px solid #23aedb;
}
.leader_boards a.leader p {
color: #000;
}
.leader_boards a.leader:hover {
box-shadow: 0px 0px 3px #23aedb;
}
.popup_tooltip {
display: inline-flex;
vertical-align: bottom;
position: relative;
}
.popup_tooltip_box {
position: absolute;
width: 600px;
top: 100%;
right: 0;
z-index: 999;
padding-top: 10px;
}
.popup_tooltip_content {
background-color: #fff;
color: #000;
padding: 20px 20px 3px 20px;
border-radius: 10px;
text-align: left;
margin: auto;
border: 1px solid #ccc;
width: 100%;
line-height: 24px;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
white-space: normal;
font-weight: 400;
font-size: 14px;
}
.popup_tooltip_box.center {
transform: translateX(25%);
}
.monthly_tip {
margin-left: auto;
}
.inline-info h3 {
color: #000;
}
.popup_tooltip:hover .popup_tooltip_box {
display: block;
}
.search_categories {
background: #fff;
padding: 4px 4px;
border-radius: 6px;
width: 100%;
white-space: nowrap;
min-width: 200px;
border: 1px solid rgb(219, 219, 219) !important;
max-width: 370px;
font-size: 16px;
display: flex;
align-items: center;
column-gap: 5px;
}
.search_categories input {
border: none;
background: transparent;
width: calc(100% - 30px);
padding-left: 2px;
}
.search_categories input:focus {
border: none;
outline: none;
}
.search_categories i {
color: white;
background: #737373;
padding: 4px 4px;
border-radius: 18px;
width: 20px;
font-size: 12px;
}
/* monthly rankings end */
/*overall-ranking*/
.homepage-sections .homepage-section-1 .content-container > .container,
.homepage-sections .homepage-section-2 .content-container > .container {
max-width: 100% !important;
padding: 0 !important;
}
.homepage-sections .homepage-section-1 .content-container > .container > .row,
.homepage-sections .homepage-section-2 .content-container > .container > .row {
margin: 0 !important;
}
.homepage_content_5 {
padding: 0;
}
.homepage-section-10 .homepage_content_5 {
padding: 0 15px !important;
}
@media (max-width: 1400px) {
th.head[style*="width:20%"],
td.descrip {
display: none !important;
}
}
.search_box .search_leaderboard {
min-width: 260px;
}
.cust_btns {
width: 150px;
display: flex;
margin: 0;
align-items: center;
column-gap: 3px;
}
.btn-taxtech {
padding: 0 30px;
color: #000;
font-weight: 600;
align-items: center;
display: flex;
min-height: 42px;
background: #fff;
border-radius: 10px;
}
.prod_head {
text-align: center;
margin-left: auto;
font-weight: 600;
white-space: nowrap;
}
.prod_head h1 {
color: #000;
margin: 20px 0 20px;
}
.prod_head h2 {
color: #000;
font-weight: 700;
position: relative;
margin-bottom: 45px;
}
.prod_head h2::after {
content: "";
border-bottom: 5px solid #1aae9e;
position: absolute;
bottom: -23px;
width: 100%;
left: 50%;
max-width: 500px;
transform: translateX(-50%);
}
@media (max-width: 1308px) {
.prod_head {
display: flex;
gap: 20px;
}
}
@media (max-width: 783px) {
.prod_head {
flex-direction: column;
gap: 8px;
}
}
@media (max-width: 500px) {
th.ranks span {
display: none;
}
}
.product_ranking_work_btn,
.monthly_ranking_work_btn {
color: #000;
text-align: center;
padding: 6px 0px;
max-width: 375px;
margin-left: auto;
font-weight: 600;
}
.product_ranking_work_btn1,
.load_more,
.monthly_ranking_work_btn1 {
border-radius: 25px;
background-color: #000;
color: #f0f3f4;
border: 3px solid #ffcc00;
text-align: center;
width: 100%;
padding: 6px 8px;
max-width: 200px;
}
.product_ranking_right_head,
.monthly_ranking_right_head {
display: flex;
flex-direction: column;
align-items: end;
row-gap: 15px;
}
.product-ranking-popup-content h3,
.monthly-ranking-popup-content h3 {
margin: 25px 0 8px;
font-size: 17px;
font-weight: 700;
color: #fff;
}
.product-ranking-popup,
.monthly-ranking-popup {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
padding: 15px;
overflow: auto;
}
.product-ranking-popup-content,
.monthly-ranking-popup-content {
background-color: #000;
color: #d9d9d9;
padding: 20px;
border-radius: 10px;
text-align: left;
max-width: 700px;
margin: auto;
border: 3px solid #ffcc00;
position: relative;
overflow: auto;
}
.product-ranking-popup-content a.close-popup,
.monthly-ranking-popup-content a.close-popup {
color: #f0f3f4;
position: absolute;
right: 15px;
top: 8px;
}
.product-ranking-popup-content p,
.monthly-ranking-popup-content p {
margin: 0px;
}
.rank_dropdown {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 15px 0px 15px 0px;
column-gap: 10px;
row-gap: 10px;
}

.prod_container {
width: 100%;
margin: auto;
padding: 0 5px 5px 5px;
border: 0px solid #ccc;
background-color: #fff;
border-radius: 10px;
font-size: 14px;
margin-bottom: 15px;
}
.select2-container .select2-choice {
width: 320px;
background: #000;
color: #fff;
}
.select2-search input {
background-color: #fff !important;
}

td.point_details {
color: #000;
}
.prod_container .tfoot {
display: flex;
justify-content: flex-end;
background: #fff;
padding: 10px 15px;
align-items: center;
font-weight: 500;
color: #000;
row-gap: 5px;
column-gap: 30px;
}
.prod_container ul li a {
color: #000;
}
.prod_container ul.pages,
.prod ul.pages,
.prod_response ul.pages {
list-style: none;
display: inline-flex;
column-gap: 3px;
align-items: center;
margin: 0px;
padding: 0px;
}
.page a,
.next a,
.prev a {
padding: 8px;
display: flex;
height: 32px;
align-items: center;
justify-content: center;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
color: #000;
}
.tfoot .pages .page.active a {
background: rgb(26, 174, 159);
color: #fff;
}
.page a:hover,
.next a:hover,
.prev a:hover {
background: rgb(26, 174, 159);
color: #fff;
}
.point_details {
font-weight: 600;
}
.graph_details img {
width: 20px;
}
.graph_details,
.move_details {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
column-gap: 5px;
}

.rank_details .badge {
text-align: center;
}
.cust_btn .fa fa-star {
color: gold;
}
.mobile-main-menu .sidebar-nav > li.monthly li a {
color: rgb(26, 174, 159);
font-weight: 600;
}
@media (max-width: 667px) {
.ranks {
width: 55px;
white-space: nowrap;
padding: 10px 2px;
}
.points {
width: 80px;
padding: 10px 2px;
}
}

.recognitions-popup {
top: 0;
display: none;
}
.movement-popup-content a.close-popup {
right: 8px;
top: 2px;
}
.popup_tooltip_content h3 {
margin: 0px 0 10px;
font-size: 16px;
font-weight: 700;
}
.popup_tooltip_box {
max-width: 600px;
width: 100%;
z-index: 9999;
}
@media (max-width: 700px) {
.popup_tooltip_box {
width: 75vw;
}
}

.btn-rank-mode-switch
input[type="checkbox"]:checked
+ label.btn-rank-mode-switch-inner {
color: #fff;
}
.btn-rank-mode-switch
input[type="checkbox"]:checked
+ label.btn-rank-mode-switch-inner::after {
content: attr(data-on);
left: 138px;
color: #000;
white-space: nowrap;
}
.btn-rank-mode-switch
input[type="checkbox"]:checked
+ label.btn-rank-mode-switch-inner:before {
content: attr(data-off);
right: auto;
left: 18px;
}
#serviceSelect option {
color: #000;
}
@media (max-width: 667px) {
.product_ranking_right_head {
justify-content: center;
align-items: center;
}
}

@media (max-width: 1199px) {
.pro_details {
margin-bottom: 15px;
}
}
.pro_details {
margin: 0;
text-align: left;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400;
}
@media (max-width: 768px) {
.ranking_box_heading h3 img {
height: 18px !important;
}

.prod_container tbody td > a {
align-items: center;
justify-content: start;
width: 100%;
}
.prod_container tbody td > a > img {
width: 32px !important;
margin: 0 !important;
}
.rank_details {
text-align: left;
}
}
@media (max-width: 537px) {
.prod_container tbody td > a > span {
max-width: 200px;
}
.prod_container .tfoot {
padding: 10px 20px;
}
}
@media (max-width: 410px) {
.prod_container tbody td > a > span {
max-width: 40vw;
}
.tfoot {
flex-direction: column;
}
}
@media (max-width: 570px) {
.prod {
margin: auto !important;
}
}
@media (max-width: 456px) {
.page_info {
display: none;
}
}
.prod_container th span {
white-space: nowrap;
}
.leader_boards a.leader {
border: 1px solid rgb(26, 174, 159);
padding: 2px 8px;
font-size: 12px;
}
.leader_boards a.leader p {
color: rgb(26, 174, 159);
font-size: 12px;
}
.leader_boards a p {
font-size: 12px;
}
.leader_boards a span {
font-size: 11px;
line-height: 0;
}
.rank_dropdown .prod,
.rank_dropdown .prod_response {
display: flex;
align-items: center;
}
@media (max-width: 602px) {
.rank_dropdown .prod {
display: none;
}
.rank_dropdown .prod_response {
display: block !important;
}
.btn-taxtech {
padding: 0 7px;
}
.rank_dropdown {
column-gap: 0px;
}
.page a,
.next a,
.prev a {
padding: 8px;
width: 20px;
height: 20px;
border-radius: 4px;
font-size: 14px;
}
}
@media (max-width: 389px) {
.rank_dropdown .prod_response {
margin-left: 7px !important;
}
}
@media (max-width: 600px) {
.prod_head h1 {
font-size: 24px;
}
}
/*overall-ranking end*/
@media (max-width: 616px) {
.customer_recognitions {
position: static;
}
.customer_recognitions_box {
transform: none;
width: auto;
left: 15px;
right: 15px;
top: unset;
}
.cust_name .num_co {
width: 100%;
max-width: 100%;
}
.search_visit_buttons {
flex-direction: column;
row-gap: 15px;
}
.customer_recognitions_list li {
flex-direction: column;
margin-bottom: 10px;
align-items: flex-start;
}
.cust_info {
margin-left: 20px;
margin-top: 3px;
color: #8c8c8c;
}
.verified {
color: #8c8c8c;
}
.cust_info {
align-items: first baseline;
}
#first_container .cust_name .num_co {
width: 100%;
max-width: fit-content;
}
}
/*deepak*/
@media (max-width: 1050px) {
.search_box1 {
width: 100%;
max-width: 500px;
}
}

.mobile-main-menu .sidebar-nav > li {
display: block;
cursor: pointer;
font-size: 16px;
border-bottom: 1px solid #ccc !important;
width: 100%;
padding: 10px 0px;
}
.menu-close i {
justify-content: end !important;
display: flex;
font-size: 22px;
}
.mobile-main-menu .grid-item h3 {
display: flex;
align-items: center !important;
border-bottom: 1px solid #ccc;
padding: 5px 0px;
}
.mobile-main-menu .grid-item h3 i {
font-size: 16px !important;
}
.mobile-main-menu.categories_product ul li {
list-style: none;
font-size: 15px;
padding: 5px;
border-bottom: 1px solid #ccc;
}
@media (max-width: 350px) {
.footer_list3 ul {
grid-template-columns: 1fr;
}
.product_ranking_work_btn.popup_tooltip {
font-size: 14px;
}
}
.grid1 .grid-item.main_div:last-child h3 {
border-bottom: 0;
}
.ranking_table .col-4 {
width: 100px;
}
@media (max-width: 450px) {
.search_box1 {
flex-direction: column;
column-gap: 5px;
}
}

.mobile-main-menu .sidebar-nav .monthly_ranking ul li a {
color: rgb(26, 174, 159) !important;
}
.mobile-main-menu .sidebar-nav li a:hover,
.mobile-main-menu .sidebar-nav li span:hover {
color: rgb(26, 174, 159);
}
.prod_container tbody td.rank_details {
padding: 0;
}
.ranking_table .customer_recognitions {
position: static;
}
.ranking_table .customer_recognitions_box {
left: 15px !important;
top: unset !important;
right: 15px !important;
width: calc(100% - 40px) !important;
transform: none !important;
}
.cust_btns span.recog_text {
color: #000;
}
.cust_btns span.recog_text:hover {
color: rgb(26, 174, 159);
}
.table_fixed {
table-layout: fixed;
}

@media (max-width: 767px) {
.linkedin_logo .linkdin_img {
margin-left: 33px !important;
}
}
@media (max-width: 575px) {
.ranking_table .col-4 {
width: 75px;
}
.recog_text {
display: none;
}
.monthly_ranking .recog_text {
display: block;
}
th.points.col_points {
width: 60px;
}
th.col_recog {
width: 80px;
}
.head.col_product.col_logo_title {
text-align: left;
}
}

.footer {
background-color: #fff !important;
display: block;
}

.img_section.sm-bmargin {
border-radius: 10px 10px 0 0;
background: #fff !important;
}

.mid_section.xs-nopad {
border-radius: 0 0 10px 10px;
background: #fff !important;
}

.event_results.search_result .grid_element {
background: #fff;
border-radius: 20px !important;
padding: 10px;
}

.views > i.fa.activeView {
background-color: rgba(142, 142, 142, 1) !important;
color: rgb(255, 255, 255) !important;
}

.views > i.fa {
background-color: rgba(0, 0, 0, 0) !important;
color: rgb(61, 61, 61) !important;
}

.feature_results_header h1 {
color: #000 !important;
padding: 0px 0px !important;
}

.row.content_w_sidebar.feature-post.feature-featured-articles
#post-content
.row:first-child {
background: white;
padding: 15px 0;
}
.tbl_contents {
position: sticky;
top: 60px;
z-index: 2;
padding-left: 0;
}

.blog_left_box {
background: #fff !important;
}

.row.content_w_sidebar.feature-post.feature-featured-articles
#post-content
.row
> .col-md-9 {
padding: 15px 15px;
background: #fff !important;
}
.menu-close {
cursor: pointer;
position: absolute;
top: 8px;
right: 15px;
display: none;
}
.member_sidebar.open .menu-close,
.mobile-main-menu.opened .menu-close {
display: block;
}
.event_box {
border: none !important;
box-sizing: border-box;
padding: 20px;
margin-top: 0;
background: #fff !important;
border-radius: 10px !important;
position: relative;
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.event_box .event_header .event_title h2 {
color: #000 !important;
}
.event_box .event_footer .event_timinigs {
color: #000 !important;
}
.event_venue {
color: #000 !important;
}
.event_register a {
color: #000 !important;
}
.event_info_members .event_join_link {
color: #000 !important;
}
.event_btn {
font-weight: 500;
color: #000;
border: 2px solid #fc0 !important;
border-radius: 25px;
padding: 4px 9px !important;
margin: 20px;
column-gap: 0px !important;
display: flex;
align-items: center;
background: #fff !important;
}
.cont-boxes {
background: none !important;
}

.related-post-item-group {
margin-left: 0 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.grid_element .mid_section {
padding: 10px 15px;
}
.featured_articles .grid_element img {
width: 100% !important;
object-fit: contain;
}

@media (min-width: 1200px) {
.container {
width: 100% !important;
max-width: 1920px !important;
}
}
.views {
display: none !important;
}

.nominee {
background: #fff;
padding: 15px;
display: flex;
column-gap: 15px;
flex-direction: column;
align-items: center;
margin: auto;
max-width: 100%;
border-radius: 10px;
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}
.mobile-main-menu .rankings {
color: #000 !important;
font-size: 16px;
font-weight: 500;
}
.ellipsis-3 {
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines */
-webkit-box-orient: vertical;
overflow: hidden;
}
.list_product_menu > li > ul > li > ul {
border: none !important;
border-radius: 15px;
padding: 20px;
background: #ffffff;
height: 100%;
color: black;
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}
.footer_menu.sm-text-center {
text-align: left !important;
}
th.ranks.col_rank {
width: 34px;
}
.my_awards {
display: flex;
flex-wrap: wrap;
}
.my_award {
width: 80px;
}
.search_box .leader_boards {
min-width: 240px !important;
}
.prod_container tbody td.pro_details {
text-align: center;
}
.prod_container thead th.points {
width: 94px;
}
#member_login_337 .form-actions,
#password_retrieval_338 .form-actions {
text-align: center;
}
.fr-view .graph_details1 img {
margin-right: initial !important;
margin-left: initial !important;
}
.footer_btntext p {
margin: 0;
font-size: 14px;
}
.member_accounts h1 {
position: relative;
background: #fff;
padding: 10px 15px;
border-radius: 8px !important;
margin-bottom: 20px !important;
}
.member-login-container .btn-login {
padding: 5px 20px;
margin-top: 0px;
border-radius: 4px !important;
}
.address {
font-size: 14px !important;
}
.alert.fpad-lg,
.fpad-lg,
.fr-view .froala-table td.fpad-lg,
.module.fpad-lg,
.well.fpad-lg {
padding: 15px;
}

.top_10_item img {
object-fit: contain;
}

@media (max-width: 600px) {
.scrollup {
bottom: 80px !important;
}
}

@media (max-width: 1244px) {
.rank_dropdown #serviceSelect {
order: 2;
}
.rank_dropdown .search_categories {
order: 3;
}
.rank_dropdown .prod {
order: 4;
}
.rank_dropdown .prod_head {
order: 1;
}
}

.login-cta-buttons ul li {
width: 240px !important;
text-align: center;
}

@media (max-width: 600px) {
.login-cta-buttons ul li {
display: block !important;
width: 100% !important;
margin-bottom: 10px;
}
}
.startup-accelerator img {
display: inline-block;
margin: 0 10px;
}
.apply_btn {
background: transparent;
border-radius: 20px;
border: 2px solid #fff;
display: flex;
margin-left: 10px;
padding: 5px 10px 8px;
line-height: 1;
font-weight: 700;
font-size: 14px;
}

@media (max-width: 640px) {
.startup-accelerator span {
display: none;
}
.apply_btn {
border: 1px solid #fff;
padding: 3px 10px 6px;
font-weight: 600;
font-size: 12px;
margin-left: 2px;
}
.startup-accelerator img {
margin: 0 2px;
}
}
/* floala editor fix by satish */
.fr-selection-handle {
display: none;
}

.inline-info h3 span {
font-size: 14px;
font-weight: 400 !important;
}