/* cart design */
#cart-modal .modal-dialog {
    max-width: 33%;
    width: 100%;
    height: 100%;
    margin: 0;
}

#cart-modal .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
}

#cart-modal .modal-body {
    padding: 0px;
}

#cart-modal .cart-items
{
    overflow-y: auto;
    height: 82vh;
}

@media (max-width: 1403px) {
    #cart-modal .modal-dialog {
        max-width: 50%;
    }
}
@media (max-width: 767px) {
    #cart-modal .modal-dialog {
        max-width: 100%;
    }
}

.cart-close-btn {
    border-radius: 50%;
    border: 1px solid black;
    width: .2em;
    height: .1em;
    padding: 10px;
    font-size: 10px;
}

.checkout-item-img
{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.cart-item-img
{
    width: 92px;
    height: 100px;
}

.cart-delete-item-btn
{
    border-radius: 50%;
    border: none;
    width: .1em;
    height: .1em;
    padding: 10px;
    font-size: 8px;
    background-color: white;
}
.item-quantity-input
{
    width: 4.5em;
    border: none;
    z-index: 1;
    margin-left: -5px;
    margin-right: -5px;
    text-align: center;
}
.item-quantity-input:focus
{
    border: none;
}
.cart-increase-item-btn
{
    position: relative;
    border-radius: 50%;
    border: none;
    width: 2.5em;
    height: 2.5em;
    font-size: 12px;
    background-color: #0e723a;
    color:white;
    z-index: 2;
}
.cart-decrease-item-btn
{
    position: relative;
    border-radius: 50%;
    border: none;
    width: 2.5em;
    height: 2.5em;
    font-size: 12px;
    background-color: #0e723a;
    color:white;
    z-index: 2;

}
/* end card design */
.c-1
{
    color: #0e723a;
}
.c-2
{
    color: #f6d469;
}
.c-4{
    color: white;
}
.c-6{
    color: #232323;
}
.b-1{
    background: #0e723a;
}
.b-7 {
    background-color: #e5e5e5;
}

.b-1:hover{
    background: #0e723a;
}
.c-4:hover{
    color: white;
}
.cart-quantity
{
    cursor: pointer;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.btn-radio
{
    border: 1px solid #CFCFCF;
    background: white;
    color: #1E1E1E;
}
.btn-radio:hover
{
    color: #0e723a ;
    background: rgb(14 114 58 / 15%);
    border-color: #0e723a ;
}
.btn-radio:focus
{
    color: #0e723a ;
    background: rgb(14 114 58 / 15%);
    border-color: #0e723a ;
}
.btn-radio.selected{

    color: #0e723a  !important;
    background: rgb(14 114 58 / 15%);
    border-color: #0e723a ;
}
.btn-radio.selected::after {
    color: #0e723a;
    border: 2px solid #0e723a;
    content: "✔";
    font-size: 17px;
    position: absolute;
    top: 5px;
    right: 0%;
    transform: translateX(-50%);
    height: 26px;
    width: 26px;
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    background: #f6d469;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
}

.dropdown-item.selected {
    background-color: #0e723a ; /* Change this to your desired background color */
    color: #ffffff; /* Change this to your desired text color */
}
.dropdown-item:focus {
    outline: none; /* Remove the default focus outline */
    box-shadow: none; /* Remove the default focus box-shadow */
    background-color: white; /* Change this to your desired background color */
    color: black; /* Change this to your desired text color */
}
.hide {
    display: none !important;
}
.form-control:focus
{
    border-color : #0e723a;
    box-shadow: 0 0 0 0.1rem rgba(8, 79, 39, 0.3);
}

.form-select:focus
{
    border-color : #0e723a;
    box-shadow: 0 0 0 0.1rem rgba(8, 79, 39, 0.3);
}
.iti--allow-dropdown
{
    display: block !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d1d1d1 !important;
}

.select2-selection {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #555555;
    font-size: 14px;
    outline: 0;
    min-height: 36px;
}

.select2-selection__rendered {
    margin: 5px;
}

.select2-selection__arrow {
    margin: 5px;
}
.swal2-confirm
{
    background-color: rgb(0,128,0) !important;
    border: none !important;
    box-shadow : none !important;
}
.swal2-confirm:focus
{
    border: none !important;
    box-shadow : none !important;
}
.form-control:focus
{
    border-color : rgb(0,128,0);
    box-shadow: 0 0 0 0.1rem rgb(14, 89, 21);
}

.form-select:focus
{
    border-color : rgb(0,128,0);
    box-shadow: 0 0 0 0.1rem rgb(14, 89, 21);
}