.chat-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    max-height: 600px;
    overflow-y: auto;
}

.chat-bubble {
    max-width: 80%;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 20px;
}

.bot {
    background-color: #3ece98;
    align-self: flex-start;
    color: #fff;
}
.user {
    background-color: #008e58; 
    color: #fff;
    align-self: flex-end;
    margin-left: auto;
}

.btn-outline-primary {
margin: 4px 4px 4px 0;
--bs-btn-border-color: #0096ec !important;
color: #0096ec !important;
}
.btn-outline-primary:hover {
background: #55e6af !important;
--bs-btn-border-color: #55e6af !important;
border-color: #55e6af !important;
color: #fff !important;
}
.accordion-header.completed .accordion-button {
    background-color: #d1e7dd;
    color: #0f5132;
    font-weight: bold;
}

.pisumify_hdr img {
    width: 100%;
}
 
.pisumify_ftr img {
    width: 100%;
}
.compaign_setup{
    margin: 100px 0;
}
.pisumify-hero-shape {
position: absolute;
left: 0;
top: 0;
transform: translateY(-290px);
z-index: -1;
}
.pisumify-hero-shape img {
height: 970px;
}
#campaignAccordion .accordion-button {
color: #000;
background-color: #eaf4f6;
font-weight: 600;
font-size: 16px;
box-shadow:inherit !important;
}
.accordion-button:not(.collapsed) {
background: linear-gradient(to right, rgb(85, 230, 175) 1%, rgb(0, 142, 88) 100%);
color: #fff !important;
}
#campaignAccordion .completed .accordion-button {
color: #fff;
background-color: #16c60c !important;
font-weight: 600;
font-size: 16px;
box-shadow: inherit !important;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
background: linear-gradient(to right, rgb(1, 53, 165) 1%, rgb(0, 155, 240) 100%);
}
#submitCampaignBtn{
background: linear-gradient(to right, rgb(1, 53, 165) 1%, rgb(0, 155, 240) 100%);
border: 0;
}
#submitCampaignBtn:hover{
background: linear-gradient(to right, rgb(0, 155, 240) 100%, rgb(1, 53, 165) 1%);
}
#reviewSummary .shadow-sm{
box-shadow: inherit !important; 
}
#reviewSummary{
max-height: inherit;
}
.step-main p{
margin-top: 12px;
  height: 100%;
min-height: 46px;
font-size: 13px;
font-weight: 600;
}
@media (max-width:767px) {
.step-indicators .step-main p{
font-size: 12px !important;
    inline-size: 116px !important;
}
}