#navbar {

  /*display: none !important;*/

}

.langauge-selecter select {

  border: 0;

}
#changetoar{
    background-color: #fff;
    color: #282828;
    padding: 0px 2px!important;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 14px!important;
    border: 0px solid #282828!important;
    cursor: pointer;
}
/*#changetoar:hover{
  background-color: #282828;
  color: #fff;
}*/
.shoping-icons-div li.cart{
  margin-right: 0px!important;
}
.woocommerce-error {
    border-top-color: transparent!important;
}
div.woocommerce-info, div.woocommerce-message{
  border-top: 3px solid transparent!important;
}
.woocommerce-cart-form {
  margin-bottom: 40px!important;
}
#billing_company_field, #shipping_company_field{
  display: none!important;
}
.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart.loading:after{
   display: none!important;
}
.yith-wcan-active-filters .active-filter{
  margin-top: 5px!important;
}
.woocommerce table.shop_table.cart.wishlist_table{
   /*border-collapse: collapse!important;*/
}
tbody.wishlist-items-wrapper{

}
table.shop_table.cart.wishlist_table.wishlist_view{
border-spacing: 0px!important;
}
.woocommerce table.shop_table.cart.wishlist_table tbody tr td{
      border-top: 0px solid rgba(0,0,0,.1)!important;
      padding: 25px 12px!important;
}
.woocommerce table.shop_table.cart.wishlist_table thead{
background-color: #efefef!important;
  
}
.woocommerce table.shop_table.cart.wishlist_table thead tr th{
  padding: 31px 12px!important;
  color: #282828;
    font-family: Roboto;
    font-size: 20px!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
table.shop_table.cart.wishlist_table tbody.wishlist-items-wrapper tr td {
  border-bottom-width: 1px!important;
  border-bottom: 1px solid #dfdfdf!important;
  border-style: dashed;
  border-color: #dfdfdf!important;
}
table.shop_table.cart.wishlist_table tbody.wishlist-items-wrapper tr:last-child td{
   border-bottom: 0px solid #dfdfdf!important;
}
.wishlist-in-stock{
  color: #282828!important;
}
.wishlist-empty{
  padding: 25px 12px!important;
  
}
table.wishlist_table tbody td.wishlist-empty{
  text-align: center!important;
}
#billing_country_field, #billing_city_field, #billing_postcode_field, #shipping_country_field, #shipping_city_field {
  width: 47%;
    overflow: visible;
    display: inline-block;
}
#billing_address_1_field, #billing_state_field, #billing_phone_field, #shipping_address_1_field, #shipping_state_field{
  width: 47%;
    overflow: visible;
    display: inline-block;
    float: right
}
.woocommerce-info {
    border-top-color: transparent!important;
}
.return-to-shop{
  text-align: center!important;
}
.wpcf7-spinner{
   display: none!important;
}
/*#billing_city_field{
  width: 47%;
    overflow: visible;
    display: inline-block;
}*/
/*#billing_state_field{
  width: 47%;
    overflow: visible;
    display: inline-block;
    float: right
}*/

/*#billing_postcode_field{
  width: 47%;
    overflow: visible;
    display: inline-block;
}*/
/*#billing_phone_field{
  width: 47%;
    overflow: visible;
    display: inline-block;
    float: right
}*/
@media screen and (max-width: 1279px){
  .shoping-icons-div li.cart{
  margin-right: 16px!important;
  }
}
@media screen and (max-width: 390px){
  #billing_country_field, #billing_city_field, #billing_postcode_field, #shipping_country_field, #shipping_city_field{
    width: 100%!important;
    display: block;
  }
  #billing_address_1_field, #billing_state_field, #billing_phone_field, #shipping_address_1_field, #shipping_state_field{
    width: 100%!important;
    display: block;
  }
}
.langauge-selecter select.form-select {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 500 !important;

  font-size: 14px !important;

  line-height: 14px;

}

.langauge-selecter {

  

  display: inline-flex;

}

.langauge-selecter .form-select:focus {

  border-color: none !important;

  outline: 0;

  box-shadow: none !important;

}

.lang {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-size: 14px;

  line-height: 14px;

  color: #282828;

}

.header-btn {

  background: #282828;

  border-radius: 8px;

  font-family: "Roboto" !important;

  font-style: normal;

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  color: #ffffff !important;

  padding: 16.5px 24px !important;

}
.bnr-header-btn {

  background: #282828;

  border-radius: 8px;

  font-family: "Roboto" !important;

  font-style: normal;

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  color: #ffffff !important;

  padding: 16.5px 24px !important;
  border: 1px solid #282828;
    cursor: pointer;
}
/* .bnr-header-btn:hover{
  background: #fff;
  color: #282828!important;
  border: 1px solid #282828;
} */
.read-btn{
  background: #282828;

  border-radius: 8px;

  font-family: "Roboto" !important;

  font-style: normal;

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  color: #ffffff !important;

  padding: 16.5px 24px !important;
  border: 1px solid #282828;
  cursor: pointer;
}
/*.read-btn:hover{
  background: #fff;
  color: #282828!important;
  border: 1px solid #282828;
}*/

.hero {

  width: 100%;

  position: relative;

  background-color: #47bfab;

  padding: 80px 0 80px 0;

}

.hero h2 {

  font-size: 64px;

  font-weight: 700;

  margin-bottom: 24px;

  color: #282828;

  line-height: 74px;

  padding-top: 65px;

}



.hero p {

  color: rgba(255, 255, 255, 0.6);

  font-weight: 400;



  font-size: 18px;

  line-height: 28px;

  color: #282828;

}

.exclusive {

  font-size: 14px !important;

  font-family: "Inter", sans-serif !important;

  font-weight: 400 !important;

  line-height: 20px !important;

  margin-top: 20px !important;

  color: #282828 !important;

}



.hero .btn-get-started {

  font-family: "Roboto", sans-serif;

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  display: inline-block;

  padding: 15px 26px;

  border-radius: 8px;

  /* transition: 0.3s;*/

  color: #fff;

  background: #282828;

  border: 1px solid #282828;

  margin-top: 40px;

}



.hero .btn-get-started:hover {

  /*border: 1px solid #282828;

  background-color: #ffffff;

  color: #282828;*/

  color: #fff;

  background: #282828;

  border: 1px solid #282828;

}

.why-sec, .how-work {

  padding: 120px 0px;

  background-color: #f7f7f7;

}

.why-head {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 46px;

  line-height: 56px;

  color: #282828;

  text-align: center;

  margin-bottom: 72px;

}

.why-cnt h2 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 24px;

  line-height: 29px;

  color: #282828;

  margin-bottom: 24px;

}

.why-cnt p {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #282828;

  margin-bottom: 0px;

  /*margin-right: 15px;*/

}

.why-box {

  background: #ffffff;

  border: 2px solid #282828;

  border-radius: 12px;

  padding: 32px;

  min-height: 324px;

}

.why-box img {

  width: 75px;

  margin: 0px 0px 40px 0px;

}

.wallet-sec {

  padding: 120px 0px;

  background-color: ;

}



.wallet-cnt-div {

  padding-left: 50px;

}

.wallet-cnt-div h2 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 46px;

  line-height: 56px;

  margin-bottom: 40px;

  color: #282828;

}

.wallet-cnt-div p {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 28px;

  color: #282828;

}

.join-sec {

  background-color: #f7f7f7;

  padding: 120px 0;

}

.oin-head h2 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 46px;

  line-height: 56px;

  color: #282828;

}

.join-list ul li {

  position: relative;

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 26px;

  color: #282828;

  margin-bottom: 30px;

  list-style: none;

  padding-left: 4px;

}

.join-list ul {

  padding-left: 1rem !important;

  margin-bottom: 0px !important;

}

.join-list ul li:last-child {

  margin-bottom: 0px !important;

}

.join-list img {

  width: 30px;

  margin-right: 20px;

}

.read-sec {

  background-color: #facd23;

  padding: 120px 0px;

}

.read-row {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}

.read-cnt-div h2 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 46px;

  line-height: 56px;

  color: #282828;

  margin-bottom: 40px;

}

.read-btn-div {

  margin-bottom: 12px;

}

.read-btn {

  background: #282828;

  border-radius: 8px;

  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  color: #ffffff !important;

  padding: 15px 26px;

}

.join-box {

  padding: 80px 60px;

  border: 2px solid #282828;

  background-color: #fff;

  border-radius: 12px;

}

.footer-cnt {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 32.77px;

  border-bottom: 1px solid #dfdfdf;

  margin-bottom: 24px;

}

.copy-right-div {

  display: flex;

  justify-content: flex-start;

}

.copy-right-div p {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 14px;

  line-height: 21px;

  margin-bottom: 0px;

  color: #282828;

}

.copy-right-div ul {

  display: flex;

}

.copy-right-div ul li {

  padding: 0px 10px;

}

.copy-right-div ul li a {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 14px;

  line-height: 21px;

  color: #282828 !important;

  width: fit-content;

  display: block;

  padding-right: 2px;

}



/*.modal.show .modal-dialog {

  top: 50%;

  transform: translateY(-50%);

}

.modal .modal-content {

  border: 16px solid #fff;

}

.modal-header {

  border-bottom: 0px !important;

}*/

.sib-form-message-panel {

  border: 0px !important;

}

#sib-form-container {

  border: 0px !important;

}

.sib-form {

  border: 0px !important;

  padding: 0px 12px 32px !important;

}

#sib-container {

  border: 0px !important;

}

.btn-close {

  position: absolute;

  right: 5px;

  top: 5px;

  color: #fff !important;

  content: "X";

  width: 25px;

  height: 25px;

}

/*.modal-body {

  position: relative;

  flex: 1 1 auto;

  padding: 0px;

  min-height: 560px;

  padding-top: 5px !important;

}*/

.beta {

  background: #f1f8ff;

  border-radius: 20px;

  color: #000;

  padding: 4px 16px;

  margin: 3px 0px 0px 10px;

  font-size: 14px;

}



iframe {

  border: 0px !important;

  border-width: 0px !important;

}

.btn-close:focus {

  outline: 0;

  box-shadow: none !important;

  opacity: 1;

}

.why-img-box img {

  /*width: 30px!important;*/

  height: 30px !important;

}

.copy-right-div ul li::marker {

  content: none;

}

.join-head h2 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 46px;

  line-height: 56px;

  color: #282828;

}



.howdoeswork {

  max-width: 1072px;

  margin: 0 auto;

}

.howdoeswork .accordion-item {

  margin-bottom: 24px;

  border: 2px solid #282828 !important;

  border-radius: 12px;

  padding: 32px 32px 0px;

}

.howdoeswork .accordion-item .show {

  padding-bottom: 60px;

}

.howdoeswork .accordion-header > button {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 24px;

  line-height: 28px;

  display: flex;

  align-items: center;

  color: #282828;

  min-height: 28px;

  background: none;

  margin: 0;

  border: 0 !important;

  box-shadow: none;

  padding: 0;

  min-height: 40px;

  margin-bottom: 38px;

  margin-top: 6px;

}



.howdoeswork .accordion-body,

.howdoeswork .accordion-body h3 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 28px;

  color: #292929;

  padding: 0;

}

.howdoeswork .accordion-body {

  padding-right: 110px;

}

.howdoeswork .accordion-body h3 {

  margin: 25px 0;

}

.howdoeswork .accordion-body P:last-child {

  margin-bottom: 0;

}

.howdoeswork .accordion-button:not(.collapsed)::after,

.howdoeswork .accordion-button::after {

  background-image: url(../images/MinusCircle.svg);

  transform: var(--bs-accordion-btn-icon-transform);

  width: 40px;

  height: 40px;

  background-size: cover;

}



.howdoeswork .accordion-button.collapsed::after {

  background-image: url(../images/PlusCircle.svg);

  width: 40px;

  height: 40px;

  background-size: cover;

}

/*-------non-profit-css-start------------*/
 .non-profit-bnr-sec{
       background-color: #f7f7f7;
       min-height: 600px;
       position: relative;
       padding: 78px 0 60px;
    }
    .non-profit-bnr-sec:after{
        background-color:#fff;
        bottom: 0px;
        height: 200px;
        width: 100%;
        content: "";
        position: absolute;
    }
    .non-profit-bnr-cnt{
        width: 80%;
        margin: 95px auto 0px;
    }
    .non-profit-bnr-cnt h2{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-size: 64px;
        line-height: 74px;
        text-align: center;
        color: #282828;
        margin-bottom: 24px;
    }
    .non-profit-bnr-cnt p{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #282828;
        width: 34%;
        margin: 0px auto 80px;
    }
    .non-profit-bnr-img-div{
        text-align: center;
        position: relative;
        z-index: 1;
    }
    .non-profit-bnr-img-div img{
      max-width: 100%;
    }
    .non-profit-cnt-sec{
        padding: 20px 0px 120px;
    }
    .non-profit-cnt-div{
        padding: 0px 13px;
    }
    .non-profit-cnt-div h3{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        color: #282828;
        margin-bottom: 88px;
    }
    .non-profit-cnt-div h4{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        color: #282828;
        margin-bottom: 24px;
    }
    .non-profit-cnt-div p{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        color: #282828;
        margin-bottom: 56px;
    }

    
.pay-options-div {
	align-items: center;
}

/*------------non-profit-css-end-----*/
/*.categoryitem img{
  width: 35px;
}
.categoryitem-img img{
   max-width: 100px!important;
   max-height: 100px!important;
}*/

/*@media screen and (max-with: 1200px){

  .langauge-selecter{



}

.haeder-btn-div{



}

}*/



@media (max-width: 991px) {

  .wallet-cnt-div h2 {

    font-family: "Roboto";

    font-style: normal;

    font-weight: 700;

    font-size: 34px;

    line-height: 42px;

    margin-bottom: 20px;

    color: #282828;

  }

  .hero h2 {

    font-size: 50px;

    font-weight: 700;

    margin-bottom: 24px;

    color: #282828;

    line-height: 60px;

    padding-right: 1px;

  }

  #hero .col-lg-5 {

    text-align: center;

  }



  .why-sec {

    padding: 64px 0px;

    background-color: #f7f7f7;

  }

  .how-work {

    padding: 64px 0px;

    background-color: #F7F7F7;

  }

  .wallet-sec {

    padding: 60px 0px;

  }

  .join-sec {

    padding: 60px 0;

  }

  .read-sec {

    padding: 60px 0px;

  }

  .wallet-imag-div img {

    width: 100%;

  }

}

@media (max-width: 767px) {

  .modal {

    z-index: 9999999;

}

  .hero h2 {

    font-size: 36px !important;

    font-weight: 700;

    margin-bottom: 20px;

    color: #282828;

    line-height: 43px !important;

    padding-right: 10px !important;

    padding-left: 10px;

    padding-top: 0px;

  }

  .order-1 {

    margin: 0px;

  }

  .order-1 img {

    padding: 20px;

  }

  .hero {

    padding: 80px 0 36px 0;

  }

  .hero p {

    text-align: left;

    font-size: 16px;

    line-height: 24px;

    text-align: center !important;

    margin-bottom: 0;

    padding: 0 5px;

  }



  .why-box {

    margin-bottom: 24px;

  }

  .wallet-imag-div img {

    width: 100%;



    margin-bottom: 40px;

  }

  .wallet-cnt-div h2 {

    font-family: "Roboto";

    font-style: normal;

    font-weight: 700;

    font-size: 30px;

    line-height: 37px;

    margin-bottom: 25px;

    color: #282828;

  }

  .wallet-cnt-div p {

    font-size: 16px;

    line-height: 24px;

  }

  .join-box {

    padding: 40px 32px 48px 32px;

  }

  .join-head h2 {

    font-family: "Roboto";

    font-style: normal;

    font-weight: 700;

    font-size: 30px;

    line-height: 37px;

    color: #282828;

    margin-bottom: 30px;

  }

  .exclusive {

    margin-bottom: 10px;

  }

  .why-head {

    font-size: 30px;

    margin-bottom: 37px;

    line-height: 37px;

  }

  .how-work .why-head {

    margin-bottom: 48px;

  }



  .read-cnt-div h2 {

    font-family: "Roboto";

    font-style: normal;

    font-weight: 700;

    font-size: 30px;

    line-height: 37px;

    color: #282828;

    margin-bottom: 40px;

  }

  .wallet-cnt-div {

    padding-left: 0px;

  }

  .join-list ul {

    padding-left: 0rem !important;

    margin-bottom: 0px !important;

  }

  .join-list ul li {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 20px;

    padding-left: 0px;

    display: inline-flex;

  }

  .join-list img {

    width: 30px;

    margin-right: 20px;

    height: 28px;

  }



  .howdoeswork .accordion-item {

    padding: 18px 24px 6px;

    margin-bottom: 20px;

  }

  .howdoeswork .accordion-item .show {

    padding-bottom: 56px;

}

  .howdoeswork .accordion-header > button {

    font-size: 20px;

    line-height: 28px;

    margin-top: 0 !important;

  }

  .howdoeswork .accordion-button::after,

  .howdoeswork .accordion-button:not(.collapsed)::after,

  .howdoeswork .accordion-button.collapsed::after

   {

    width: 24px;

    height: 24px;

    background-size: cover;

  }

  .howdoeswork .accordion-header > button span {

    display: inline-block;

    width: calc(100% - 38px);

  }

  .howdoeswork .accordion-body,

  .howdoeswork .accordion-body h3 {

    font-size: 16px;

    line-height: 24px;

  }

  .howdoeswork {

    width: 95%;

  }

  .howdoeswork .accordion-header > button {

    margin-bottom: 15px;

  }



  .header-btn {

    /*display: none;*/

  }

  #myBtn {   

     display: none;

     /*background-color: #fff;*/

     /*padding: 5px;*/



    display: none;

    position: sticky;

    bottom: 0;

    width: 100vw;

    /*background: #fff;*/

    font-family: "Roboto";

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 22px;

    color: #ffffff !important;

    /*padding: 16px 24px;*/

    z-index: 999999;

    text-align: center;

    border: 0px;



    

  }





#myBtn a{

  display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 15px 26px;

    gap: 10px;

   width: 100%;

    height: 52px;

    /* Dark Grey */

    background: #282828;

    color: #fff;

    border-radius: 8px;

    font-family: "Roboto";

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 22px;

    margin: 0 auto;

    color: #fff;

}





  #myBtn:hover {

    /*background-color: #555;*/

  }

  .howdoeswork .accordion-body {

    padding-right: 0px;

}

}

@media (max-width: 550px) {

  .header-btn {
    font-size: 12px;
    padding: 10px 10px !important;
   

  }
  .read-btn{
    font-size: 16px;
    padding: 15px 26px !important;
  }

  .langauge-selecter {

    margin-right: 2px;

  }

  .header .logo img {

    max-height: 35px;

    margin-right: 6px;

  }

  #hero .row {

    flex-direction: column-reverse;

  }

  .footer-cnt {

    display: block;

    text-align: center;

  }

  .footer-logo-div img {

    margin-bottom: 40px;

  }

  .social-icons-div .social-links {

    justify-content: center !important;

  }

  .copy-right-div {

    display: block;

    justify-content: center;

    text-align: center;

  }

  .copy-right-div ul {

    display: flex;

    padding-left: 0px;

    justify-content: center;

  }

  .beta {

    background: #f1f8ff;

    border-radius: 20px;

    color: #000;

    padding: 4px 12px;

    margin: 3px 0px 0px 5px;

    font-size: 12px;

  }

  .join-list img {

    width: 22px;

    margin-right: 15px;

    height: 22px;

  }

}

@media (max-width: 375px) {

  .header .logo img {

    max-height: 30px;

    margin-right: 2px;

  }



  .hero h2 {

    font-size: 42px;

  }

  .wallet-cnt-div {

    padding-left: 0px;

  }

}

@media (max-width: 360px) {

  

  .form-select {

    /*padding: 0.375rem 2.05rem 0.375rem 0.75rem;*/

    padding: 0.375rem 1.65rem 0.375rem 0.35rem;

  }

  .langauge-selecter select.form-select {

    font-size: 11px !important;

  }



  .header-btn {

    font-size: 10px;

    padding: 8px 8px !important;

  }
  .read-btn{
    font-size: 14px;
    padding: 15px 26px !important;
  }

  .beta {

    background: #f1f8ff;

    border-radius: 20px;

    color: #000;

    padding: 4px 10px;

    margin: 3px 0px 0px 5px;

    font-size: 10px;

  }

}