.walletboost-4 a, a:hover, a:focus, a:active {outline: 0 !important; text-decoration: none; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; cursor: pointer !important; color: #fff;}
.walletboost-4 button {cursor: pointer !important;}
.walletboost-4 .no-padding {padding: 0;}
.walletboost-4 .margin-top-20 {margin-top: 20px; display: inline-block;}
.walletboost-4 .margin-top-30 {margin-top: 30px; display: inline-block;}
.walletboost-4 .margin-top-40 {margin-top: 40px; display: inline-block;}
.walletboost-4 .margin-top-50 {margin-top: 50px; display: inline-block;}
.walletboost-4 .btn-default {border-radius:5px; border: 1px solid #fff; color: #fff; padding: 15px 35px; text-transform: uppercase; display: inline-block; background: linear-gradient(90deg,#19b5c1,#28c88c);}
.walletboost-4 .btn-default:hover {border: 1px solid #fff; color: #fff;}

/*==================== start css ======================*/
.walletboost-4 {width: 100%; display: inline-block; padding: 70px 0; position: relative;}
.walletboost-4 .members-main {width: 100%; display: inline-block;}
.walletboost-4 .members-title h2 {width: 100%; display: inline-block; font-size:36px; text-align: center; margin: 0;}
.walletboost-4 .members-title h1 {width: 100%; display: inline-block; text-align: center; margin: 30px 0; font-weight: bold; font-size: 33px; color: #333;}
.walletboost-4 .members-title h1 sup {font-size: 36px;}
.walletboost-4 .members-title h1 span {font-size: 100px; padding: 10px 20px;}


.walletboost-4 .imgButton {position: relative;display: inline-block;padding: 20px 0; text-align: center;}
.walletboost-4 .imgButton img {transform: translateY(0);transition: all .4s ease-out; -webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, .0); -moz-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, .0); box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, .0); width: 170px; height: 170px; object-fit: cover;}
.walletboost-4 .imgButton:hover img {-webkit-box-shadow: 0px 0px 0px 6px #19b5c1; -moz-box-shadow: 0px 0px 0px 6px #19b5c1; box-shadow: 0px 0px 0px 6px #19b5c1;}
.walletboost-4 .tooltip-div { background: #fff none repeat scroll 0 0; box-shadow: 1px 2px 10px 5px rgba(0, 0, 0, 0.1); left: 130%; padding: 20px; position: absolute; top: 0; width: 400px; transition: 0.5s; z-index: 9999; visibility: hidden;}
.walletboost-4 .tooltip-div h1 {text-align: left;}
.walletboost-4 .tooltip-div p {text-align: left;}
.walletboost-4 .imgButton:hover .tooltip-div {visibility: visible; left: 120%; transition: 0.5s;}
.walletboost-4 .tooltip-div h1 {font-size: 24px; color: #000; margin: 10px 0 20px; font-weight: bold;}
.walletboost-4 .tooltip-div p {font-size: 16px; color: #333;}
.walletboost-4 .tooltip-div::after {background: #fff none repeat scroll 0 0; box-shadow: -1px 5px 6px 1px rgba(0, 0, 0, 0.1); content: ""; height: 20px; left: -9px; position: absolute; top: 40%; transform: rotate(45deg); width: 20px; z-index: 99999999;}
.walletboost-4 .member-margin {margin: -0px 0 0 0;}
.walletboost-4 .col-lg-3 a img {transform: scale(1.2);}
.walletboost-4 .disable-img {opacity: 0.5;}
.walletboost-4 .disable-img .tooltip-div {display: none;}
.walletboost-4 .disable-img a:hover img {box-shadow:0 0 0 transparent;}

.walletboost-4 .rtl-div-img .tooltip-div {right: 120%; left: auto;}
.walletboost-4 .rtl-div-img .tooltip-div h1 {text-align: right;}
.walletboost-4 .rtl-div-img .tooltip-div p {text-align: right;}
.walletboost-4 .rtl-div-img .imgButton:hover .tooltip-div {right: 110%; left: auto;}
.walletboost-4 .rtl-div-img .tooltip-div::after {right: -10px; left: auto; box-shadow: 4px -2px 4px -1px rgba(0, 0, 0, 0.1);}


@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .walletboost-4 .imgButton img {width: 140px; height: 140px;}
  .walletboost-4 .imgButton {padding: 20px 0;}
  .walletboost-4 .tooltip-div {width: 340px;}
  .walletboost-4 .tooltip-div {left: 120%;}
  .walletboost-4 .imgButton:hover .tooltip-div {left: 110%;}
  .walletboost-4 .rtl-div-img .tooltip-div {right: 120%;}
  .walletboost-4 .rtl-div-img .imgButton:hover .tooltip-div {right: 110%;}

  .walletboost-4 .members-title h1 span {font-size: 80px;}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .walletboost-4 .imgButton img {width: 140px; height: 140px;}
  .walletboost-4 .imgButton {padding: 20px 0;}
  .walletboost-4 .tooltip-div {width: 340px;}
  .walletboost-4 .tooltip-div {left: 120%;}
  .walletboost-4 .imgButton:hover .tooltip-div {left: 110%;}
  .walletboost-4 .rtl-div-img .tooltip-div {right: 120%;}
  .walletboost-4 .rtl-div-img .imgButton:hover .tooltip-div {right: 110%;}

  .walletboost-4 .members-title h1 span {font-size: 80px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .walletboost-4 .col-lg-3 a img {transform: scale(1);}
  .walletboost-4 .tooltip-div {display: inline-block;left: 0; right: 0; top: auto; bottom: 120%; transition: all 0.5s ease 0s;  width: 100%;}
  .walletboost-4 .imgButton:hover .tooltip-div { left: 0; right: 0; bottom:105%;}
  .walletboost-4 .tooltip-div::after {box-shadow: 3px 5px 7px 1px rgba(0, 0, 0, 0.1); left: 48%; top: 96%;}
  .walletboost-4 .imgButton {width: 100%;}
  .walletboost-4 .rtl-div-img .tooltip-div {left: 0; right: 0; bottom: 120%;}
  .walletboost-4 .rtl-div-img .imgButton:hover .tooltip-div { left: 0; right: 0; bottom:105%;}
  .walletboost-4 .rtl-div-img .tooltip-div::after { box-shadow: 3px 5px 7px 1px rgba(0, 0, 0, 0.1);
    left: 48%; top: 96%;}
  .walletboost-4 .tooltip-div h1 {text-align: center;}
  .walletboost-4 .tooltip-div p {text-align: center;}
  .walletboost-4 .rtl-div-img .tooltip-div h1 {text-align: center;}
  .walletboost-4 .rtl-div-img .tooltip-div p {text-align: center;}

  .walletboost-4 .members-title h2 {font-size: 30px;}
  .walletboost-4 .members-title h1 sup {font-size: 33px;}
  .walletboost-4 .members-title h1 span {font-size: 70px;}
  .walletboost-4 .tooltip-div p {font-size: 14px; line-height: 20px;}
  .walletboost-4 .tooltip-div h1 {font-size: 18px; margin: 5px 0 15px;}

}
@media screen and (max-width: 767px) {
  .walletboost-4 .col-lg-3 a img {transform: scale(1);}
  .walletboost-4 .tooltip-div {display: inline-block;left: 0; right: 0; top: auto; bottom: 120%; transition: all 0.5s ease 0s;  width: 100%;}
  .walletboost-4 .imgButton:hover .tooltip-div { left: 0; right: 0; bottom:105%;}
  .walletboost-4 .tooltip-div::after {box-shadow: 3px 5px 7px 1px rgba(0, 0, 0, 0.1); left: 48%; top: 96%;}
  .walletboost-4 .imgButton {width: 100%;}
  .walletboost-4 .rtl-div-img .tooltip-div {left: 0; right: 0; bottom: 120%;}
  .walletboost-4 .rtl-div-img .imgButton:hover .tooltip-div { left: 0; right: 0; bottom:105%;}
  .walletboost-4 .rtl-div-img .tooltip-div::after { box-shadow: 3px 5px 7px 1px rgba(0, 0, 0, 0.1);
    left: 48%; top: 96%;}
  .walletboost-4 .tooltip-div h1 {text-align: center;}
  .walletboost-4 .tooltip-div p {text-align: center;}
  .walletboost-4 .rtl-div-img .tooltip-div h1 {text-align: center;}
  .walletboost-4 .rtl-div-img .tooltip-div p {text-align: center;}

  .walletboost-4 .members-title h2 {font-size: 28px; margin: 0 0 30px 0;}
  .walletboost-4 .members-title h1 sup {font-size: 31px; display: inline-block; width: 100%; float: left;}
  .walletboost-4 .members-title h1 span {font-size: 55px; padding: 5px 10px 35px; width: 100%; text-align: center; float: left; margin: 0;}
}
@media screen and (max-width: 544px) {
  .walletboost-4 .col-lg-3 a img {transform: scale(1);}
  .walletboost-4 .tooltip-div {display: inline-block;left: 0; right: 0; top: auto; bottom: 120%; transition: all 0.5s ease 0s;  width: 100%;}
  .walletboost-4 .imgButton:hover .tooltip-div { left: 0; right: 0; bottom:105%;}
  .walletboost-4 .tooltip-div::after {box-shadow: 3px 5px 7px 1px rgba(0, 0, 0, 0.1); left: 48%; top: 96%;}
  .walletboost-4 .imgButton {width: 100%;}
  .walletboost-4 .rtl-div-img .tooltip-div {left: 0; right: 0; bottom: 120%;}
  .walletboost-4 .rtl-div-img .imgButton:hover .tooltip-div { left: 0; right: 0; bottom:105%;}
  .walletboost-4 .rtl-div-img .tooltip-div::after { box-shadow: 3px 5px 7px 1px rgba(0, 0, 0, 0.1);
    left: 48%; top: 96%;}
  .walletboost-4 .tooltip-div h1 {text-align: center;}
  .walletboost-4 .tooltip-div p {text-align: center;}
  .walletboost-4 .rtl-div-img .tooltip-div h1 {text-align: center;}
  .walletboost-4 .rtl-div-img .tooltip-div p {text-align: center;}

  .walletboost-4 .members-title h2 {font-size: 24px; margin: 0 0 30px 0;}
  .walletboost-4 .members-title h1 sup {font-size: 26px; display: inline-block; width: 100%; float: left;}
  .walletboost-4 .members-title h1 span {font-size: 45px; padding: 5px 10px 35px; width: 100%; text-align: center; float: left; margin: 0;}
}