/*your custom css goes here*/

/*stripe payment form*/
.creditCardForm {
    max-width: 700px;
    background-color: var(--background-white-bg-color);
    overflow: hidden;
    padding: 10px;
    color: #4C4E56;
  }
  .creditCardForm label {
    width: 100%;
    margin-bottom: 10px;
  }
  .creditCardForm .heading h1 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #4C4E56;
  }
  .creditCardForm .payment {
    float: left;
    font-size: 18px;
    padding: 10px 10px;
    margin-top: 10px;
    position: relative;
  }
  .creditCardForm .payment .form-group {
    float: left;
    margin-bottom: 15px;
  }
  .creditCardForm .payment .form-control {
    line-height: 40px;
    height: auto;
    padding: 0 16px;
  }
  .creditCardForm .owner {
    width: 63%;
    margin-right: 10px;
  }
  .creditCardForm .CVV {
    width: 35%;
  }
  .creditCardForm #card-number-field {
    width: 100%;
  }
  .creditCardForm #expiration-date {
    width: 49%;
  }

  .creditCardForm #expiration-date {
    width: 49%;
  }
  .creditCardForm .expiry_month {
    width: 35%;
    border: 1px solid #e2e5ec;
    color: #898b92;
  }

  .creditCardForm .expiry_year {
    width: 35%;
    border: 1px solid #e2e5ec;
    color: #898b92;
  }

  .creditCardForm #credit_cards {
    width: 50%;
    margin-top: 25px;
    text-align: right;
  }
  .creditCardForm #pay-now {
    width: 100%;
    margin-top: 25px;
  }
  .creditCardForm .payment .btn {
    width: 100%;
    margin-top: 3px;
    font-size: 24px;
    background-color: var(--background-red-bg-color);
    color: white;
  }
  .creditCardForm .payment select {
    padding: 5px;
    margin-right: 15px;
    margin-top: 10px;
  }
  .transparent {
    opacity: 0.2;
  }
  @media(max-width: 650px) {
    .creditCardForm .owner,
    .creditCardForm .CVV,
    .creditCardForm #expiration-date,
    .creditCardForm #credit_cards {
      width: 100%;
    }
    .creditCardForm #credit_cards {
      text-align: left;
    }
    .creditCardForm {
      padding: 0; 
    }
  }
  /*stripe payment form end*/
/*Style By Fatehi*/
  .text-underline{
    text-decoration: underline;
  }
  .text-red {
    color: rgb(248, 6, 6) !important;
    font-style: italic;
  }
  /*.text-red {
    color: #dd4b39 !important;
    font-style: italic;
  }*/
  .text-yellow {
    color: #f39c12 !important;
  }
  .text-aqua {
    color: #00c0ef !important;
  }
  .text-blue {
    color: #0073b7 !important;
  }
  .text-black {
    color: #111111 !important;
  }
  .text-light-blue {
    color: #3c8dbc !important;
  }
  .text-green {
    color: #00a65a !important;
  }
  .text-gray {
    color: #d2d6de !important;
  }
  .text-navy {
    color: #001f3f !important;
  }
  .text-teal {
    color: #39cccc !important;
  }
  .text-olive {
    color: #3d9970 !important;
  }
  .text-lime {
    color: #01ff70 !important;
  }
  .text-orange {
    color: #ff851b !important;
  }
  .text-fuchsia {
    color: #f012be !important;
  }
  .text-purple {
    color: #605ca8 !important;
  }
  .text-maroon {
    color: #d81b60 !important;
  }
  .link-muted {
    color: #7a869d;
  }
  .link-muted:hover,
  .link-muted:focus {
    color: #606c84;
  }
  .link-black {
    color: #666;
  }
  .link-black:hover,
    .link-black:focus {
      color: #999;
    }
  .link-red {
    color: #dd4b39 !important;
  }
  .link-red:hover,
  .link-red:focus {
    color: rgb(253, 6, 6);
  }

  ul.social-network {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  ul.social-network li {
      display: inline;
      margin: 0;
  }

  ul.social-network li a {
      color: #fff;
      height: 30px;
      width: 30px;
      display: inline-block;
      text-align: center;
      border-radius: 0;
      font-size: 16px;
      padding: 5px 0;
  }

  ul.social-network li a {
      background: rgba(0, 0, 0, 0.2);
  }

  ul.social-network li a:hover {
      background: rgba(0, 0, 0, 0.6);
  }

  .share {
      padding: 0;
  }

  .share li a {
      width: 40px !important;
      height: 40px !important;
      font-size: 20px !important;
      padding: 10px 0 !important;
  }

  ul.social-network li .facebook {
      background: #3b5998;
  }

  ul.social-network li .twitter {
      background: #1da1f2;
  }

  ul.social-network li .google {
      background: #dc4e41;
  }

  ul.social-network li .pintrest {
      background: #cb2027;
  }

  ul.social-network li .linkedin {
      background: #0077b5;
  }

  ul.social-network li .youtube {
      background: #db4437;
  }

  ul.social-network li .instagram {
      background: #b07109;
  }

  ul.social-network li .tumblr {
      background: #36465d;
  }

  ul.social-network li .flickr {
      background: #ff0084;
  }

  ul.social-network li .whatsapp {
      background: #00a859;
      background: #29a628;
  }

  .email-pg {
    background: #3490f3;
  }

  .whatsapp-pg{
  background: #29a628;
  }
  .profit-style{
    margin: 10px; 
    border-style: dashed;
    padding-top: .2rem;
    padding-bottom: .3rem !important;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 50px;
  }

  .badge-size{
    /*top: -10px;
    right: -8px;*/
    height: 18px !important;
    width: 18px !important;
  }
  /*[dir="rtl"] .badge-size{
    height: 18px;
    width: 18px;
  }*/
  .absolute-top-right-badge {
    position: absolute;
    top: -6px;
    right: -10px;
}
[dir="rtl"] .absolute-top-right-badge {
    right: auto;
    left: -10px;
}

.pb-1,.py-1,.p-1 { padding-bottom: 1rem; }
.pb-2,.py-2,.p-2 { padding-bottom: 2rem; }
.pb-3,.py-3,.p-3 { padding-bottom: 3rem; }
.pb-4,.py-4,.p-4 { padding-bottom: 4rem; }
.pb-5,.py-5,.p-5 { padding-bottom: 5rem; }

.item-center{
  display: flex;
  justify-content: center;
}

.btn .badge{
  position:relative;
  top:-8px;
}

.d-mobile{display: none;}

/*[dir="rtl"] .ml-3,.mx-3{
  margin-left: 0rem!important
}*/

/*[dir="rtl"] .ml-2, .mx-2, .pr-3 {
  margin-left: 0rem!important;
}*/

/*[dir="rtl"] .pr-3 {
  margin-right: 0rem!important;
}*/

.text-bold{
  font-weight: bolder;
}
.label-text{
  padding: 0.3rem 0.3rem;
}

.fe-pulse {
  animation-name: pulse;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  from { transform: scale(1); }
  50% { transform: scale(0.50); }
  to { transform: scale(1); }
}

.phone-rotate {
  animation: shake 10s linear infinite;
}
@keyframes shark {
  100% {transform: rotate(180deg);}
}

.bg-grad-5 { background-color: #35f82e; 
  background-image: linear-gradient(315deg, #35f82e 0%, #0db907 74%); }

@media (max-width:768px){
  .d-mobile{display: block!important}
  }

  [dir="rtl"] .item-teft{
    display: flex;
    justify-content: right;
  }
  
  .item-teft{
    display: flex;
    justify-content: left;
  }
  /* By Fatehi*/
  .input-group-label {
    padding: .375rem .75rem !important;
  }
  [dir="rtl"] .input-group-label {
    padding: .375rem .75rem !important;
  }
/*end Style By Fatehi*/