.fa-solid::before {
    content: \f0ac;
}
.b-r {
    border-radius: 15px 15px 0px 0px !important;
}
.b-rr {
    border-radius: 0px 0px 15px 15px;
    padding-top: 12px;
    padding-bottom: 2px !important;
}
.card-1 {
    /* box-shadow: 0px 1px 1px #888888; */
    border: 2px solid #efefef;
    border-radius: 15px;
}
.card-2 {
    box-shadow: 0px 1px 4px #888888;
}
.bwidth-151 {
    width: 151px;
}
.fs-12 {
    font-size: 12px;
    color: white;
}
.input-changes {
    /* background: rgba(228, 186, 181, 0.732); */
    background: #f9ead2;
    width: 100%;
    height: 45px;
    border-radius: 20px;
    border: none;
    padding: 22px;
    outline: 0;
}
.input-changes::placeholder {
    color: black !important;
}

.I-icon {
    width: 29px;
    height: 29px;
}
.btn-red {
    width: 100% !important;
    height: 57px !important;
    border-radius: 15px !important;
    /* background: rgba(234, 137, 25, 0.937); */
    background: rgba(234, 137, 25, 0.937) !important;
    color: white !important;
    /* font-size: 23px !important; */
    font-size: 14px !important;
    font-weight: 600 !important;
}

.btn-green {
    width: 100% !important;
    height: 57px !important;
    border-radius: 15px !important;
    background-color: rgb(10, 0, 197) !important;
    color: white !important;
    font-size: 19px !important;
    font-weight: 600 !important;
}
.btn-green:hover {
    background-color: rgb(10, 0, 197);
}

.sub-btn {
    border: 1px solid rgb(201, 201, 201) !important;
    font-size: 10px !important;
    width: 103px !important;
}
.rounded-br {
    border-radius: 14px;
}
.fs-10px {
    font-size: 10px;
}
hr {
    color: red;
}
.hr-1 {
    margin-top: 0px !important;
    /* padding: 0px !important; */
}
.mb-00 {
    margin-bottom: 0px;
}

/* media query */

@media screen and (min-device-width: 280px) and (max-device-width: 480px) {
    /* .btn-q {
        width: 100px !important;
        font-size: 8px !important;
    } */
    .mdq-480 {
        margin-top: 10px;
    }
}
@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
    .btn-q {
        width: 100px !important;
        font-size: 8px !important;
    }
}
/* media query */

.border-radius {
    border-radius: 10px !important;
}
.h-btn {
    height: 65px;
}

.sub-btn {
    color: #a19f9f;
}
.font-11px {
    font-size: 11px;
}
.icon-clr {
    color: #adadad;
}
.width-25 {
    width: 25% !important;
}

.p-10px {
    padding: 10px 0px;
}
.p-35px {
    padding: 35px 0px;
}
.font-14px {
    font-size: 14px;
}
.fs-9px {
    font-size: 9px;
    top: 3px;
}

.color-o-t {
    color: rgba(234, 137, 25, 0.937) !important;
}
.bg-o-t {
    background: rgba(234, 137, 25, 0.937) !important;
}

.g-color {
    color: #6c6b6b !important;
}

.mt-12px {
    margin-top: 12px !important;
}

.p-lr {
    padding: 0px 15px;
}
.position-setting {
    right: 31px;
    top: 8px;
    background: #f9ead2 !important;
    font-weight: 500;
}

.font-23px {
    /* font-size: 23px !important; */
    font-size: 14px !important;
}
.click-here {
    font-weight: 500;
    color: black;
    font-style: italic;
}
.padding-none {
    padding: 0px 0px;
}
.line-h {
    line-height: 19px;
}
.fw-px {
    font-weight: 600 !important;
}
.ten-s {
    font-weight: 600 !important;
    padding-top: 3px !important;
}
.for-pay {
    font-weight: 500 !important;
    font-size: 17px;
}
.bg-blue {
    background: blue;
}
.bg-blue:hover {
    background-color: blue;
}

.bg-wtsp {
    background: #4fba4f !important;
}
.bg-face-b {
    background-color: #3737aa;
    background-color: #3737aa !important;
}
@media screen and (min-device-width: 300px) and (max-device-width: 550px) {
    .card-set02 {
        font-size: 10px !important;
        padding: 0px 0px !important;
    }
    .p-card-02 {
        font-size: 10px !important;
        padding: 0px 0px !important;
        margin: 0px 0px !important;
    }
}
.back-li {
    background: #f9ead2 !important;
}
.carousel-item {
    transition: transform 0.4s ease-in-out !important;
}