/* .card{
    margin: auto;
}
.carousel-control-next, .carousel-control-prev{
    background: #a093a9;
} */
.price-color{
    font-weight: 700;
    color: #FF0000;
    font-size: 2rem;
}
.modal-content .carousel-item-owl-old .card {
    border-radius: 15px;border: 0;padding: 15px;
    text-align: center;
    display: block;
  max-height: unset;
  height: auto !important;
    
 }
 .modal-content .carousel-item-owl-old .card:hover,
 .modal-content .carousel-item-owl-old .card:focus{
    background: unset!important;
    outline: unset!important;
    color:#000!important;
    
 }
 .modal-content .carousel-item-owl-old .card:hover .card-img-figure,
 .modal-content .carousel-item-owl-old .card:focus .card-img-figure{

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
 }
 

 .modal-content .carousel-item-owl-old {
    padding: 10px;
 }
 .modal-content .carousel-item-owl-old .card .card-img-figure{
    width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #e4e4e4;
  padding: 8px;
  margin-left: auto;
  margin-right: auto;
 }
 .modal-content .carousel-item-owl-old .card .card-img-figure .card-img-top{
    border-radius: 100%;
    object-fit: contain;
    
 }
 .modal-content .carousel-item-owl-old .card .card-title{
    text-align:center;
    font-weight:bold;
    opacity: 0.5;
    margin-top: -10px;
  margin-bottom: 20px;
 }
 .banks-installments button {
  line-height: 15px;
  border-radius: 4px;
  margin: 5px;
  min-width: 95px;
}
.banks-installments{
 /* overflow-x: auto; */
  display: block;
  padding-bottom: 10px;
}
/* width */
.banks-installments::-webkit-scrollbar {
height: 8px;
}

/* Track */
.banks-installments::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
.banks-installments::-webkit-scrollbar-thumb {
background: #888;
}

/* Handle on hover */
.banks-installments::-webkit-scrollbar-thumb:hover {
background: #555;
}

.installment .modal-header .close {
    padding: 1rem 0 .5rem 2rem;
    margin: -1rem -1rem -1rem 0;
    font-size: 1.8rem;
}
.installment .modal-title{
    padding: 10px 28px 0 0;
}
.installment .modal-header .close:hover {
    background-color: transparent;
}
:lang(ar) .installment .modal-header{
    direction: ltr;
}
:lang(ar) .banks-installments{
    direction: rtl;
}
:lang(ar) .alert.alert-warning,:lang(ar) .div-holder{
    text-align: right;
}
:lang(ar) .includeMonth{
    text-align: right;
    margin: 5px 14px 0 5px;
}
:lang(en) .includeMonth{
    text-align: left;
    margin: 5px 0 14px 5px;
}
.installment .modal-footer{
    justify-content:right;
}
:lang(ar) .div-holder .modal-footer{
    direction:ltr;
}
:lang(en) .div-holder .modal-footer{
    direction:rtl;
}
 .installment-ways-wrapper .card{
    padding: 0;
    border:0;
    height: auto !important;
 }
.installment-ways-wrapper .card .card-img-figure{
 height: 50px;
  width: 100px;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  background-color: #fff;
  font-weight: 500;
  text-align: center;
  box-shadow: 1px 1px 4px 2px #eaeaea;
  transition: border-color .15s ease-out,color .25s ease-out,background-color .15s ease-out,box-shadow .15s ease-out;
  min-width: 90px;
  background:#fff;
}
.installment-ways-wrapper button.card:hover,
.installment-ways-wrapper button.card:focus{
 background: unset;
 outline: 0
}
.installment-ways-wrapper button.card:hover .card-img-figure,
.installment-ways-wrapper button.card:focus .card-img-figure{
 border: 2px solid rgb(240, 119, 70);
  z-index: 1;
  box-shadow: 0 0 0;
}
.installment-ways-wrapper .carousel-item-owl-old {
 margin: 0 10px 10px 0;
}
.installment-ways-wrapper .card .card-img-figure img {
 object-fit: contain;
 width: 100%;
  height: 100%;
  border-radius: 25px;
}
.checkout-index-index .installment-ways-wrapper .card .card-img-figure img{
    padding-right:20px;
}
.installment-ways-wrapper{
 padding: 20px 6px;
 display: flex;
}
.installment-ways-wrapper.active{
 /* display: flex!important; */
 display: block !important;
}
.installment-ways-wrapper.active .carousel-item-owl-old {
    display: inline-block;
}
:lang(ar) .plans{
    text-align: right;
}
@media (max-width: 768px){
    .installment-ways-wrapper{
        padding: 20px 0px;
    }
    :lang(en) .installment-ways-wrapper{
        padding: 20px 3px;
    }
    :lang(ar) .plan-button{
        margin: 0px 10px 0px;
    }
    :lang(en) .plan-button{
        margin: 0px 0px 0px 10px;
    }
    :lang(en) .banks-installments button {
        margin: 2px;
        min-width: 95px;
    }
}
@media (min-width: 768px){
.plans .product-add-form {
    padding-top: 20px !important;
}
:lang(ar) .alert.alert-warning{
    direction:ltr;
}
}