/*your custom css goes here*/

/*stripe payment  - By Fatehi*/
.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: #bd328e;
}

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: 0.2rem;
    padding-bottom: 0.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.5);
    }
    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;
}

.scroll-y {
    height: 400px;
    overflow-y: scroll;
}
.scroll-y-400 {
    height: 400px;
    overflow-y: scroll;
}
.tawk-icon-right {
    display: none !important;
}
/*end Style By Fatehi*/