::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        position:relative;
        z-index:9000;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    
    .c8poweredbyp{
        line-height: 1.5 !important;
        font-weight: 400 !important;
        font-family: Poppins, Helvetica, "sans-serif" !important;
        -webkit-font-smoothing: antialiased !important;
        color: #464E5F !important;
        -webkit-box-direction: normal !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        font-size: 0.8rem !important;
    }
    
    .c8wcard-custom{
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        min-height: 1px;
        text-align: center !important;
        padding: 1rem 1.25rem;
        
        width: 400px;
        position: fixed;
        bottom: 10px;
        right: 10px;
        
        
        
        -webkit-box-orient: vertical;
        flex-direction: column;
        min-width: 0;
        background-color: #ffffff;
        background-clip: border-box;
        border-radius: 0.42rem;
        box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
        border: 0;

        z-index: 2147483640;
        box-shadow: 2px 2px 19px 5px #00000038;

    }
    
    .C8wlogo > img {
        max-height:75px;
    }
    #c8wminbutton{
        box-sizing: border-box;
        border-radius: 0;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        outline: 0 !important;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: .5;
        float: left !important;
        padding: 0.5rem !important;
        background-color: transparent;
        border: 0;
        cursor: pointer;
    }
    #c8wplusbutton{
        box-sizing: border-box;
        border-radius: 0;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        outline: 0 !important;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: .5;
        float: right !important;
        padding: 0.5rem !important;
        background-color: transparent;
        border: 0;
        cursor: pointer;
    }
    
    .c8startchattitle{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #80808F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 0.8rem !important;
        font-weight: 300 !important;
        margin-top: -5px;
    }
    
    #C8textform{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
    }
    
    .c8agentdiv{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        display: flex;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
        -webkit-box-align: center !important;
        align-items: center !important;
        margin-bottom: 1.25rem !important;
    }
    
    .c8agentdiv2{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        display: flex !important;
        -webkit-box-align: center !important;
        align-items: center !important;
    }
    
    .c8agentdiv3{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-right: 0.75rem !important;
        display: inline-block;
        flex-shrink: 0;
        position: relative;
        border-radius: 50%;
    }
    
    .c8agentdiv4{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        text-align: center !important;
        box-sizing: border-box;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }
    
    .c8agentimage{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        vertical-align: middle;
        border-style: none;
        display: flex;
        border-radius: 50%;
        width: 100%;
        max-width: 50px;
        height: 50px;
    }
    
    .c8agentnamespan{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal !important;
        box-sizing: border-box;
        line-height: 1.2;
        margin-bottom: 0 !important;
        text-align: left !important;
        font-weight: 500 !important;
        color: #212121 !important;
        font-size: 0.8rem !important;
    }
    
    .c8agentdetailsspan{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal !important;
        box-sizing: border-box;
        text-align: left !important;
        font-weight: 500 !important;
        color: #B5B5C3 !important;
        font-size: 0.72rem;
    }
    
    .c8agentchaticon{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        text-align: center !important;
        box-sizing: border-box;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }
    .c8agentchaticon2{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        text-align: center !important;
        -webkit-box-direction: normal !important;
        box-sizing: border-box;
        font-weight: 500 !important;
        color: #B5B5C3 !important;
        font-size: 3.0rem;
    }
    
    .c8joinusbutton{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        margin-bottom: 0.5rem;
        font-weight: normal;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.65rem 1rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        box-shadow: none;
        display: block;
        width: 100%;
        margin-top: 1.75rem !important;
        font-size: 1.35rem !important;
        outline: none !important;
        vertical-align: middle;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #ffffff;
        background-color: #1BC5BD;
        border-color: #1BC5BD;
        cursor: pointer;
        text-decoration:none;
    }
    
    .c8downloadtranscriptbutton{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        margin-bottom: 0.5rem;
        font-weight: normal;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.65rem 1rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        display: block;
        width: 100%;
        margin-top: 0.75rem !important;
        font-size: 1.35rem !important;
        outline: none !important;
        vertical-align: middle;
        text-decoration: none;
        cursor: pointer;
        box-shadow: none;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #ffffff;
        background-color: #EE9D01;
        border-color: #EE9D01;
    }
    
    
    .c8thanksforcontacting{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 1.75rem;
        margin-top: 0.75rem !important;
        font-weight: 600 !important;
    }
    
    .c8reqsentagain{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 1.75rem;
        margin-top: 0.75rem !important;
        font-weight: 600 !important;
    }
    .c8reqsentagain2{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 0.8rem !important;
        font-weight: 300 !important;
        margin-top: -5px;
    }
    
    .c8reqagain{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 0.8rem !important;
        font-weight: 300 !important;
        margin-top: -5px;
    }
    
    .C8Question1{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
        font-size: 1.25rem;
    }
    
    .C8Question2{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
        font-size: 1.25rem;
    }
    
   
    
    
    .c8text-muted {
        color: #B5B5C3 !important; 
    }
    
    
    
    .c8text-left {
        text-align: left !important; 
    }
    
    .c8text-dark-75 {
        color: #464E5F !important; 
    }
    .c8text-dark-50 {
        color: #80808F !important; 
    }
    
    
    
    
    a.c8text-hover-primary,
    .c8text-hover-primary {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; 
    }
    a.c8text-hover-primary:hover,
    .c8text-hover-primary:hover {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #3699FF !important; 
    }
    a.c8text-hover-primary:hover i,
    .c8text-hover-primary:hover i {
        color: #3699FF !important; 
    }
    a.c8text-hover-primary:hover .svg-icon svg g [fill],
    .c8text-hover-primary:hover .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #3699FF; 
    }
    a.c8text-hover-primary:hover .svg-icon svg:hover g [fill],
    .c8text-hover-primary:hover .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }

    .hoverable:hover a.c8text-hover-primary,
    .hoverable:hover .c8text-hover-primary {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #3699FF !important; 
    }
    .hoverable:hover a.c8text-hover-primary i,
    .hoverable:hover .c8text-hover-primary i {
        color: #3699FF !important; 
    }
    .hoverable:hover a.c8text-hover-primary .svg-icon svg g [fill],
    .hoverable:hover .c8text-hover-primary .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #3699FF !important; 
    }
    .hoverable:hover a.c8text-hover-primary .svg-icon svg:hover g [fill],
    .hoverable:hover .c8text-hover-primary .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    
    
    
    
    
    
    
    /*alert css*/
    
    .c8alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.42rem; 
    }

    .c8alert-heading {
        color: inherit; 
    }

    .c8alert-link {
        font-weight: 500; 
    }

    .c8alert-dismissible {
        padding-right: 4rem; 
    }
    .c8alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit; 
    }

    .c8alert-primary {
        color: #1c5085;
        background-color: #d7ebff;
        border-color: #c7e2ff; 
    }
    .c8alert-primary hr {
        border-top-color: #aed5ff; 
    }
    .c8alert-primary .c8alert-link {
        color: #13375b; 
    }

    .c8alert-secondary {
        color: #777a7c;
        background-color: #fafbfc;
        border-color: #f8f9fa; 
    }
    .c8alert-secondary hr {
        border-top-color: #e9ecef; 
    }
    .c8alert-secondary .c8alert-link {
        color: #5e6062;
    }

    .c8alert-success {
        color: #0e6662;
        background-color: #d1f3f2;
        border-color: #bfefed; 
    }
    .c8alert-success hr {
        border-top-color: #abeae7; 
    }
    .c8alert-success .c8alert-link {
        color: #083937; 
    }

    .c8alert-info {
        color: #472a83;
        background-color: #e7dcfe;
        border-color: #decefe; 
    }
    .c8alert-info hr {
        border-top-color: #cdb5fd; 
    }
    .c8alert-info .c8alert-link {
        color: #321e5c; 
    }

    .c8alert-warning {
        color: #855700;
        background-color: #ffeecc;
        border-color: #ffe7b8; 
    }
    .c8alert-warning hr {
        border-top-color: #ffde9f; 
    }
    .c8alert-warning .c8alert-link {
        color: #523600; 
    }

    .c8alert-danger {
        color: #802932;
        background-color: #fddcdf;
        border-color: #fccdd2; 
    }
    .c8alert-danger hr {
        border-top-color: #fbb5bc;
    }
    .c8alert-danger .c8alert-link {
        color: #591d23; 
    }

    .c8alert-light {
        color: #7e8081;
        background-color: #fdfdfe;
        border-color: #fcfcfd;
    }
    .c8alert-light hr {
        border-top-color: #ededf3; 
    }
    .c8alert-light .c8alert-link {
        color: #656667;
    }

    .c8alert-dark {
        color: #111111;
        background-color: lightgray;
        border-color: #c1c1c1; 
    }
    .c8alert-dark hr {
        border-top-color: #b4b4b4;
    }
    .c8alert-dark .c8alert-link {
        color: black; 
    }

    .c8alert-white {
        color: #858585;
        background-color: white;
        border-color: white;
    }
    .c8alert-white hr {
        border-top-color: #f2f2f2; 
    }
    .c8alert-white .c8alert-link {
        color: #6c6c6c; 
    }
    
    
    
    
    
    
    
    
    
    
    
    .c8alert.c8alert-primary {
        background-color: #3699FF;
        border-color: #3699FF;
        color: #FFFFFF; 
    }
    .c8alert.c8alert-primary .c8close i {
        opacity: 0.8;
        color: #FFFFFF; 
    }
    .c8alert.c8alert-primary .c8close:focus i, .c8alert.c8alert-primary .c8close:hover i {
        opacity: 1;
        color: #FFFFFF; 
    }

    .c8alert.c8alert-secondary {
        background-color: #E5EAEE;
        border-color: #E5EAEE;
        color: #464E5F; 
    }
    .c8alert.c8alert-secondary .c8close i {
        opacity: 0.8;
        color: #464E5F;
    }
    .c8alert.c8alert-secondary .c8close:focus i, .c8alert.c8alert-secondary .c8close:hover i {
        opacity: 1;
        color: #464E5F;
    }

    .c8alert.c8alert-success {
        background-color: #1BC5BD;
        border-color: #1BC5BD;
        color: #ffffff;
    }
    .c8alert.c8alert-success .c8close i {
        opacity: 0.8;
        color: #ffffff;
    }
    .c8alert.c8alert-success .c8close:focus i, .c8alert.c8alert-success .c8close:hover i {
        opacity: 1;
        color: #ffffff;
    }

    .c8alert.c8alert-info {
        background-color: #8950FC;
        border-color: #8950FC;
        color: #ffffff;
    }
    .c8alert.c8alert-info .c8close i {
        opacity: 0.8;
        color: #ffffff;
    }
    .c8alert.c8alert-info .c8close:focus i, .c8alert.c8alert-info .c8close:hover i {
        opacity: 1;
        color: #ffffff; 
    }

    .c8alert.c8alert-warning {
        background-color: #FFA800;
        border-color: #FFA800;
        color: #ffffff; 
    }
    .c8alert.c8alert-warning .c8close i {
        opacity: 0.8;
        color: #ffffff;
    }
    .c8alert.c8alert-warning .c8close:focus i, .c8alert.c8alert-warning .c8close:hover i {
        opacity: 1;
        color: #ffffff;
    }

    .c8alert.c8alert-danger {
        background-color: #F64E60;
        border-color: #F64E60;
        color: #ffffff;
    }
    .c8alert.c8alert-danger .c8close i {
        opacity: 0.8;
        color: #ffffff;
    }
    .c8alert.c8alert-danger .c8close:focus i, .c8alert.c8alert-danger .c8close:hover i {
        opacity: 1;
        color: #ffffff; 
    }

    .c8alert.c8alert-light {
        background-color: #F3F6F9;
        border-color: #F3F6F9;
        color: #80808F; 
    }
    .c8alert.c8alert-light .c8close i {
        opacity: 0.8;
        color: #80808F;
    }
    .c8alert.c8alert-light .c8close:focus i, .c8alert.c8alert-light .c8close:hover i {
        opacity: 1;
        color: #80808F; 
    }

    .c8alert.c8alert-dark {
        background-color: #212121;
        border-color: #212121;
        color: #ffffff; 
    }
    .c8alert.c8alert-dark .c8close i {
        opacity: 0.8;
        color: #ffffff; 
    }
    .c8alert.c8alert-dark .c8close:focus i, .c8alert.c8alert-dark .c8close:hover i {
        opacity: 1;
        color: #ffffff; 
    }

    .c8alert.c8alert-white {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #464E5F; 
    }
    .c8alert.c8alert-white .c8close i {
        opacity: 0.8;
        color: #464E5F; 
    }
    .c8alert.c8alert-white .c8close:focus i, .c8alert.c8alert-white .c8close:hover i {
        opacity: 1;
        color: #464E5F; 
    }

    .c8alert.c8alert-custom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 1.5rem 2rem; 
    }
    .c8alert.c8alert-custom .c8alert-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.25rem 0 0; 
    }
    .c8alert.c8alert-custom .c8alert-icon i {
        font-size: 2.4rem; 
    }
    .c8alert.c8alert-custom .c8alert-icon.c8alert-icon-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch; 
    }
    .c8alert.c8alert-custom .c8alert-text {
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .c8alert.c8alert-custom .c8alert-close {
        padding: 0 0 0 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        line-height: 0; 
    }
    .c8alert.c8alert-custom .c8alert-close .c8close {
        text-shadow: none !important;
        cursor: pointer;
        line-height: 0; 
    }
    .c8alert.c8alert-custom .c8alert-close i {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        font-size: 1rem; 
    }
    .c8alert.c8alert-custom .c8alert-close i.ki {
        font-size: 0.75rem;
    }
    .c8alert.c8alert-custom .c8alert-close:focus i, .c8alert.c8alert-custom .c8alert-close:hover i {
        -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
    .c8alert.c8alert-custom.c8alert-outline-2x {
        border-width: 2px; 
    }
    .c8alert.c8alert-custom.c8alert-white {
        background-color: #ffffff;
        border-color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-icon i {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-text {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-close i {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-default {
        background-color: #F3F6F9;
        border-color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-shadow {
        -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
        box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05); 
    }
    .c8alert.c8alert-custom.c8alert-primary {
        background-color: #3699FF;
        border-color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-primary .c8alert-icon i {
        opacity: 0.8;
        color: #FFFFFF; 
    }
    .c8alert.c8alert-custom.c8alert-primary .c8alert-text {
        color: #FFFFFF; 
    }
    .c8alert.c8alert-custom.c8alert-primary .c8alert-close i {
        color: #FFFFFF; 
    }
    .c8alert.c8alert-custom.c8alert-primary .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-primary .c8alert-close:hover {
        opacity: 1;
        color: #FFFFFF; 
    }
    .c8alert.c8alert-custom.c8alert-light-primary {
        background-color: #E1F0FF;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-primary .c8alert-icon i {
        color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-light-primary .c8alert-text {
        color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-light-primary .c8alert-close i {
        color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-light-primary .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-primary .c8alert-close:hover {
        color: #187DE4; 
    }
    .c8alert.c8alert-custom.c8alert-light-primary.c8alert-notice {
        border: 0;
        border-left: 4px solid #3699FF;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .c8alert.c8alert-custom.c8alert-outline-primary {
        background-color: transparent;
        border-color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-outline-primary .c8alert-icon i {
        color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-outline-primary .c8alert-text {
        color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-outline-primary .c8alert-close i {
        opacity: 0.8;
        color: #3699FF; 
    }
    .c8alert.c8alert-custom.c8alert-outline-primary .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-primary .c8alert-close:hover i {
        opacity: 1; 
    }
    .c8alert.c8alert-custom.c8alert-secondary {
        background-color: #E5EAEE;
        border-color: #E5EAEE; 
    }
    .c8alert.c8alert-custom.c8alert-secondary .c8alert-icon i {
        opacity: 0.8;
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-secondary .c8alert-text {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-secondary .c8alert-close i {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-secondary .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-secondary .c8alert-close:hover {
        opacity: 1;
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-light-secondary {
        background-color: #ECF0F3;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-secondary .c8alert-icon i {
        color: #E5EAEE; 
    }
    .c8alert.c8alert-custom.c8alert-light-secondary .c8alert-text {
        color: #E5EAEE; 
    }
    .c8alert.c8alert-custom.c8alert-light-secondary .c8alert-close i {
        color: #E5EAEE; 
    }
    .c8alert.c8alert-custom.c8alert-light-secondary .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-secondary .c8alert-close:hover {
        color: #d9e0e6; 
    }
    .c8alert.c8alert-custom.c8alert-light-secondary.c8alert-notice {
        border: 0;
        border-left: 4px solid #E5EAEE;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .c8alert.c8alert-custom.c8alert-outline-secondary {
        background-color: transparent;
        border-color: #E5EAEE; 
    }
    .c8alert.c8alert-custom.c8alert-outline-secondary .c8alert-icon i {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-outline-secondary .c8alert-text {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-outline-secondary .c8alert-close i {
        opacity: 0.8;
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-outline-secondary .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-secondary .c8alert-close:hover i {
        opacity: 1; 
    }
    .c8alert.c8alert-custom.c8alert-success {
        background-color: #1BC5BD;
        border-color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-success .c8alert-icon i {
        opacity: 0.8;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-success .c8alert-text {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-success .c8alert-close i {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-success .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-success .c8alert-close:hover {
        opacity: 1;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-light-success {
        background-color: #C9F7F5;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-success .c8alert-icon i {
        color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-light-success .c8alert-text {
        color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-light-success .c8alert-close i {
        color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-light-success .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-success .c8alert-close:hover {
        color: #0BB7AF; 
    }
    .c8alert.c8alert-custom.c8alert-light-success.c8alert-notice {
        border: 0;
        border-left: 4px solid #1BC5BD;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .c8alert.c8alert-custom.c8alert-outline-success {
        background-color: transparent;
        border-color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-outline-success .c8alert-icon i {
        color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-outline-success .c8alert-text {
        color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-outline-success .c8alert-close i {
        opacity: 0.8;
        color: #1BC5BD; 
    }
    .c8alert.c8alert-custom.c8alert-outline-success .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-success .c8alert-close:hover i {
        opacity: 1;
    }
    .c8alert.c8alert-custom.c8alert-info {
        background-color: #8950FC;
        border-color: #8950FC;
    }
    .c8alert.c8alert-custom.c8alert-info .c8alert-icon i {
        opacity: 0.8;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-info .c8alert-text {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-info .c8alert-close i {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-info .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-info .c8alert-close:hover {
        opacity: 1;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-light-info {
        background-color: #EEE5FF;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-info .c8alert-icon i {
        color: #8950FC; 
    }
    .c8alert.c8alert-custom.c8alert-light-info .c8alert-text {
        color: #8950FC; 
    }
    .c8alert.c8alert-custom.c8alert-light-info .c8alert-close i {
        color: #8950FC; 
    }
    .c8alert.c8alert-custom.c8alert-light-info .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-info .c8alert-close:hover {
        color: #7337EE;
    }
    .c8alert.c8alert-custom.c8alert-light-info.c8alert-notice {
        border: 0;
        border-left: 4px solid #8950FC;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .c8alert.c8alert-custom.c8alert-outline-info {
        background-color: transparent;
        border-color: #8950FC;
    }
    .c8alert.c8alert-custom.c8alert-outline-info .c8alert-icon i {
        color: #8950FC; 
    }
    .c8alert.c8alert-custom.c8alert-outline-info .c8alert-text {
        color: #8950FC;
    }
    .c8alert.c8alert-custom.c8alert-outline-info .c8alert-close i {
        opacity: 0.8;
        color: #8950FC;
    }
    .c8alert.c8alert-custom.c8alert-outline-info .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-info .c8alert-close:hover i {
        opacity: 1;
    }
    .c8alert.c8alert-custom.c8alert-warning {
        background-color: #FFA800;
        border-color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-warning .c8alert-icon i {
        opacity: 0.8;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-warning .c8alert-text {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-warning .c8alert-close i {
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-warning .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-warning .c8alert-close:hover {
        opacity: 1;
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-light-warning {
        background-color: #FFF4DE;
        border-color: transparent;
    }
    .c8alert.c8alert-custom.c8alert-light-warning .c8alert-icon i {
        color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-light-warning .c8alert-text {
        color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-light-warning .c8alert-close i {
        color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-light-warning .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-warning .c8alert-close:hover {
        color: #EE9D01; 
    }
    .c8alert.c8alert-custom.c8alert-light-warning.c8alert-notice {
        border: 0;
        border-left: 4px solid #FFA800;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .c8alert.c8alert-custom.c8alert-outline-warning {
        background-color: transparent;
        border-color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-outline-warning .c8alert-icon i {
        color: #FFA800;
    }
    .c8alert.c8alert-custom.c8alert-outline-warning .c8alert-text {
        color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-outline-warning .c8alert-close i {
        opacity: 0.8;
        color: #FFA800; 
    }
    .c8alert.c8alert-custom.c8alert-outline-warning .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-warning .c8alert-close:hover i {
        opacity: 1; 
    }
    .c8alert.c8alert-custom.c8alert-danger {
        background-color: #F64E60;
        border-color: #F64E60; 
    }
    .c8alert.c8alert-custom.c8alert-danger .c8alert-icon i {
        opacity: 0.8;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-danger .c8alert-text {
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-danger .c8alert-close i {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-danger .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-danger .c8alert-close:hover {
        opacity: 1;
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-light-danger {
        background-color: #FFE2E5;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-danger .c8alert-icon i {
        color: #F64E60; 
    }
    .c8alert.c8alert-custom.c8alert-light-danger .c8alert-text {
        color: #F64E60; 
    }
    .c8alert.c8alert-custom.c8alert-light-danger .c8alert-close i {
        color: #F64E60;
    }
    .c8alert.c8alert-custom.c8alert-light-danger .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-danger .c8alert-close:hover {
        color: #EE2D41; 
    }
    .c8alert.c8alert-custom.c8alert-light-danger.c8alert-notice {
        border: 0;
        border-left: 4px solid #F64E60;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .c8alert.c8alert-custom.c8alert-outline-danger {
        background-color: transparent;
        border-color: #F64E60; 
    }
    .c8alert.c8alert-custom.c8alert-outline-danger .c8alert-icon i {
        color: #F64E60; 
    }
    .c8alert.c8alert-custom.c8alert-outline-danger .c8alert-text {
        color: #F64E60; 
    }
    .c8alert.c8alert-custom.c8alert-outline-danger .c8alert-close i {
        opacity: 0.8;
        color: #F64E60;
    }
    .c8alert.c8alert-custom.c8alert-outline-danger .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-danger .c8alert-close:hover i {
        opacity: 1; 
    }
    .c8alert.c8alert-custom.c8alert-light {
        background-color: #F3F6F9;
        border-color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-light .c8alert-icon i {
        opacity: 0.8;
        color: #80808F;
    }
    .c8alert.c8alert-custom.c8alert-light .c8alert-text {
        color: #80808F; 
    }
    .c8alert.c8alert-custom.c8alert-light .c8alert-close i {
        color: #80808F; 
    }
    .c8alert.c8alert-custom.c8alert-light .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light .c8alert-close:hover {
        opacity: 1;
        color: #80808F; 
    }
    .c8alert.c8alert-custom.c8alert-light-light {
        background-color: #F3F6F9;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-light .c8alert-icon i {
        color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-light-light .c8alert-text {
        color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-light-light .c8alert-close i {
        color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-light-light .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-light .c8alert-close:hover {
        color: #E5EAEE; 
    }
    .c8alert.c8alert-custom.c8alert-light-light.c8alert-notice {
        border: 0;
        border-left: 4px solid #F3F6F9;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .c8alert.c8alert-custom.c8alert-outline-light {
        background-color: transparent;
        border-color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-outline-light .c8alert-icon i {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-outline-light .c8alert-text {
        color: #464E5F;
    }
    .c8alert.c8alert-custom.c8alert-outline-light .c8alert-close i {
        opacity: 0.8;
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-outline-light .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-light .c8alert-close:hover i {
        opacity: 1; 
    }
    .c8alert.c8alert-custom.c8alert-dark {
        background-color: #212121;
        border-color: #212121;
    }
    .c8alert.c8alert-custom.c8alert-dark .c8alert-icon i {
        opacity: 0.8;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-dark .c8alert-text {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-dark .c8alert-close i {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-dark .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-dark .c8alert-close:hover {
        opacity: 1;
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-light-dark {
        background-color: #D6D6E0;
        border-color: transparent; 
    }
    .c8alert.c8alert-custom.c8alert-light-dark .c8alert-icon i {
        color: #212121; 
    }
    .c8alert.c8alert-custom.c8alert-light-dark .c8alert-text {
        color: #212121; 
    }
    .c8alert.c8alert-custom.c8alert-light-dark .c8alert-close i {
        color: #212121; 
    }
    .c8alert.c8alert-custom.c8alert-light-dark .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-dark .c8alert-close:hover {
        color: #111111; 
    }
    .c8alert.c8alert-custom.c8alert-light-dark.c8alert-notice {
        border: 0;
        border-left: 4px solid #212121;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; 
    }
    .c8alert.c8alert-custom.c8alert-outline-dark {
        background-color: transparent;
        border-color: #212121; 
    }
    .c8alert.c8alert-custom.c8alert-outline-dark .c8alert-icon i {
        color: #212121; 
    }
    .c8alert.c8alert-custom.c8alert-outline-dark .c8alert-text {
        color: #212121;
    }
    .c8alert.c8alert-custom.c8alert-outline-dark .c8alert-close i {
        opacity: 0.8;
        color: #212121; 
    }
    .c8alert.c8alert-custom.c8alert-outline-dark .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-dark .c8alert-close:hover i {
        opacity: 1; 
    }
    .c8alert.c8alert-custom.c8alert-white {
        background-color: #ffffff;
        border-color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-icon i {
        opacity: 0.8;
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-text {
        color: #464E5F; 
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-close i {
        color: #464E5F;
    }
    .c8alert.c8alert-custom.c8alert-white .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-white .c8alert-close:hover {
        opacity: 1;
        color: #464E5F;
    }
    .c8alert.c8alert-custom.c8alert-light-white {
        background-color: #ffffff;
        border-color: transparent;
    }
    .c8alert.c8alert-custom.c8alert-light-white .c8alert-icon i {
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-light-white .c8alert-text {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-light-white .c8alert-close i {
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-light-white .c8alert-close:focus, .c8alert.c8alert-custom.c8alert-light-white .c8alert-close:hover {
        color: #F3F6F9; 
    }
    .c8alert.c8alert-custom.c8alert-light-white.c8alert-notice {
        border: 0;
        border-left: 4px solid #ffffff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .c8alert.c8alert-custom.c8alert-outline-white {
        background-color: transparent;
        border-color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-outline-white .c8alert-icon i {
        color: #ffffff; 
    }
    .c8alert.c8alert-custom.c8alert-outline-white .c8alert-text {
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-outline-white .c8alert-close i {
        opacity: 0.8;
        color: #ffffff;
    }
    .c8alert.c8alert-custom.c8alert-outline-white .c8alert-close:focus i, .c8alert.c8alert-custom.c8alert-outline-white .c8alert-close:hover i {
        opacity: 1; 
    }

    /*alert css*/
    
    
    
    .c8btn.c8btn-light-danger {
        color: #F64E60;
        background-color: #FFE2E5;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-danger i {
        color: #F64E60; 
    }
    .c8btn.c8btn-light-danger .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60; 
    }
    .c8btn.c8btn-light-danger .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-danger.dropdown-toggle:after {
        color: #F64E60; 
    }
    .c8btn.c8btn-light-danger:hover:not(.c8btn-text):not(:disabled):not(.disabled), .c8btn.c8btn-light-danger:focus:not(.c8btn-text), .c8btn.c8btn-light-danger.focus:not(.c8btn-text) {
        color: #ffffff;
        background-color: #F64E60;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-danger:hover:not(.c8btn-text):not(:disabled):not(.disabled) i, .c8btn.c8btn-light-danger:focus:not(.c8btn-text) i, .c8btn.c8btn-light-danger.focus:not(.c8btn-text) i {
        color: #ffffff; 
    }
    .c8btn.c8btn-light-danger:hover:not(.c8btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .c8btn.c8btn-light-danger:focus:not(.c8btn-text) .svg-icon svg g [fill], .c8btn.c8btn-light-danger.focus:not(.c8btn-text) .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff; 
    }
    .c8btn.c8btn-light-danger:hover:not(.c8btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .c8btn.c8btn-light-danger:focus:not(.c8btn-text) .svg-icon svg:hover g [fill], .c8btn.c8btn-light-danger.focus:not(.c8btn-text) .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-danger:hover:not(.c8btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .c8btn.c8btn-light-danger:focus:not(.c8btn-text).dropdown-toggle:after, .c8btn.c8btn-light-danger.focus:not(.c8btn-text).dropdown-toggle:after {
        color: #ffffff; 
    }
    .c8btn.c8btn-light-danger.disabled, .c8btn.c8btn-light-danger:disabled {
        color: #F64E60;
        background-color: #FFE2E5;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-danger.disabled i, .c8btn.c8btn-light-danger:disabled i {
        color: #F64E60; 
    }
    .c8btn.c8btn-light-danger.disabled .svg-icon svg g [fill], .c8btn.c8btn-light-danger:disabled .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #F64E60; 
    }
    .c8btn.c8btn-light-danger.disabled .svg-icon svg:hover g [fill], .c8btn.c8btn-light-danger:disabled .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-danger.disabled.dropdown-toggle:after, .c8btn.c8btn-light-danger:disabled.dropdown-toggle:after {
        color: #F64E60; 
    }
    .c8btn.c8btn-light-danger:not(:disabled):not(.disabled):active:not(.c8btn-text), .c8btn.c8btn-light-danger:not(:disabled):not(.disabled).active,
    .show > .c8btn.c8btn-light-danger.dropdown-toggle,
    .show .c8btn.c8btn-light-danger.c8btn-dropdown {
        color: #ffffff;
        background-color: #F64E60;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-danger:not(:disabled):not(.disabled):active:not(.c8btn-text) i, .c8btn.c8btn-light-danger:not(:disabled):not(.disabled).active i,
    .show > .c8btn.c8btn-light-danger.dropdown-toggle i,
    .show .c8btn.c8btn-light-danger.c8btn-dropdown i {
        color: #ffffff; 
    }
    .c8btn.c8btn-light-danger:not(:disabled):not(.disabled):active:not(.c8btn-text) .svg-icon svg g [fill], .c8btn.c8btn-light-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
    .show > .c8btn.c8btn-light-danger.dropdown-toggle .svg-icon svg g [fill],
    .show .c8btn.c8btn-light-danger.c8btn-dropdown .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff; 
    }
    .c8btn.c8btn-light-danger:not(:disabled):not(.disabled):active:not(.c8btn-text) .svg-icon svg:hover g [fill], .c8btn.c8btn-light-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
    .show > .c8btn.c8btn-light-danger.dropdown-toggle .svg-icon svg:hover g [fill],
    .show .c8btn.c8btn-light-danger.c8btn-dropdown .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-danger:not(:disabled):not(.disabled):active:not(.c8btn-text).dropdown-toggle:after, .c8btn.c8btn-light-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after,
    .show > .c8btn.c8btn-light-danger.dropdown-toggle.dropdown-toggle:after,
    .show .c8btn.c8btn-light-danger.c8btn-dropdown.dropdown-toggle:after {
        color: #ffffff; 
    }
    
    
    
    
    
    .c8fontbig{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        margin-bottom: 0.5rem;
        font-weight: normal;
        user-select: none;
        border: 1px solid transparent;
        line-height: 1.5;
        border-radius: 0.42rem;
        display: block;
        width: 100%;
        margin-top: 0.75rem !important;
        padding: 0 !important;
        font-size: 1.35rem !important;
        outline: none !important;
        vertical-align: middle;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #1BC5BD;
        background-color: #C9F7F5;
        border-color: transparent;
        cursor: pointer;
        height: 60px;
        text-align: center;    
    }
    
    .c8movetosmsbutton{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        margin-bottom: 0.5rem;
        font-weight: normal;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        line-height: 1.5;
        border-radius: 0.42rem;
        display: block;
        width: 100%;
        margin-top: 0.75rem !important;
        padding: 0 !important;
        font-size: 0.8rem !important;
        outline: none !important;
        vertical-align: middle;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #FFA800;
        background-color: #FFF4DE;
        border-color: transparent;
        cursor: pointer;
        height: 60px;
    }
    
    .c8fontbig:hover:not(.btn-text):not(:disabled):not(.disabled) {
        color: #ffffff;
        background-color: #1BC5BD;
        border-color: transparent; 
    }
    
    .c8movetosmsbutton:hover:not(.btn-text):not(:disabled):not(.disabled), .c8movetosmsbutton:focus:not(.btn-text), .c8movetosmsbutton.focus:not(.btn-text) {
        color: #ffffff;
        background-color: #FFA800;
        border-color: transparent; 
    }
    .c8movetosmsbutton:hover:not(.btn-text):not(:disabled):not(.disabled) i, .c8movetosmsbutton:focus:not(.btn-text) i, .c8movetosmsbutton.focus:not(.btn-text) i {
        color: #ffffff; 
    }
    .c8movetosmsbutton:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .c8movetosmsbutton:focus:not(.btn-text) .svg-icon svg g [fill], .c8movetosmsbutton.focus:not(.btn-text) .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff; 
    }
    .c8movetosmsbutton:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .c8movetosmsbutton:focus:not(.btn-text) .svg-icon svg:hover g [fill], .c8movetosmsbutton.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8movetosmsbutton:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .c8movetosmsbutton:focus:not(.btn-text).dropdown-toggle:after, .c8movetosmsbutton.focus:not(.btn-text).dropdown-toggle:after {
        color: #ffffff; 
    }
    
    
    .text-warningc8w {
        color: #FFA800 !important; 
    }

    a.text-warningc8w:hover, a.text-warningc8w:focus {
        color: #b37600 !important; 
    }

    .text-warningc8w {
        color: #FFA800 !important; 
    }

    
    .c8icon-xl {
        font-size: 1.75rem !important; 
    }

    .text-dangerc8w {
        color: #F64E60 !important; 
    }

    a.text-dangerc8w:hover, a.text-dangerc8w:focus {
        color: #ec0c24 !important; 
    }

    .float-leftc8w {
        float: left !important; 
    }
    .float-rightc8w {
        float: right !important; 
    }
    
    .p-2c8w {
        padding: 0.5rem !important; 
    }
    .closec8w {
        float: right;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: .5; 
    }
    @media (max-width: 1200px) {
        .closec8w {
            font-size: calc(1.275rem + 0.3vw) ; 
        } 
    }
    .closec8w:hover {
        color: #000000;
        text-decoration: none; 
    }
    .closec8w:not(:disabled):not(.disabled):hover, .closec8w:not(:disabled):not(.disabled):focus {
        opacity: .75; 
    }

    button.closec8w {
        padding: 0;
        background-color: transparent;
        border: 0; 
    }


    
    
    
    
    
    
    .icon-3x-c8w {
        font-size: 3rem !important; 
    }
    .c8text-white {
        color: #ffffff !important; 
    }
    .c8text-success {
        color: #1BC5BD !important; 
    }
    
    .c8px-0 {
        padding-right: 0 !important; 
    }
    .c8pr-0 {
        padding-right: 0 !important; 
    }

    .c8nooperatorssubtitle{
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 0.8rem !important;
        margin-top: 0.8rem !important;
        font-weight: 300 !important;
        color: #80808F;
    }
    
    
    .c8chatclosedtitle{
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 1.35rem;
        margin-top: 0.8rem !important;
        font-weight: 500 !important;
    }
    
    
    .c8p-0 {
        padding: 0 !important; 
    }

    .c8chatclosedsubtitle{
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 1.0rem;
        margin-top: 0.8rem !important;
        font-weight: 300 !important;
        color: #80808F;
    }
    
    #C8ratingThanks{
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
    }
    #C8ratingThanksText{
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #80808F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 1.0rem;
        margin-top: 0.8rem !important;
        font-weight: 300 !important;
    }
    
    .c8ratingbuttonup{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        margin-bottom: 0.5rem;
        display: inline-block;
        font-weight: normal;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.65rem 1rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        box-shadow: none;
        margin-top: 0.75rem !important;
        margin-right: 1.25rem !important;
        font-size: 1.35rem !important;
        outline: none !important;
        vertical-align: middle;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #ffffff;
        background-color: #1BC5BD;
        border-color: #1BC5BD;
        cursor: pointer;
    }
    
    .c8ratingbuttondown{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        margin-bottom: 0.5rem;
        display: inline-block;
        font-weight: normal;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.65rem 1rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        margin-top: 0.75rem !important;
        font-size: 1.35rem !important;
        outline: none !important;
        vertical-align: middle;
        text-decoration: none;
        cursor: pointer;
        box-shadow: none;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        color: #ffffff;
        background-color: #EE2D41;
        border-color: #EE2D41;
    }


    .C8footer > img {
        max-height:20px;
    }
    
    .c8footerimage{
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        vertical-align: middle;
        border-style: none;
        max-height: 20px;
    }
    
    @keyframes C8pulse_animation {
        0% { transform: scale(1); }
        30% { transform: scale(1); }
        40% { transform: scale(1.08); }
        50% { transform: scale(1); }
        60% { transform: scale(1); }
        70% { transform: scale(1.05); }
        80% { transform: scale(1); }
        100% { transform: scale(1); }
    }
    .C8pulse {
        animation-name: C8pulse_animation;
        animation-duration: 5000ms;
        transform-origin:70% 70%;
        animation-iteration-count: 3;
        animation-timing-function: linear;
    }

    .c8card-body{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        min-height: 1px;
        text-align: center !important;
        padding: 1rem 1.25rem; 
    }
    .c8close{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        border-radius: 0;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        text-transform: none;
        outline: 0 !important;
        -webkit-appearance: button;
        float: right;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: .5;
        padding: 0;
        background-color: transparent;
        border: 0;
        cursor: pointer;
    }
    .c8h2{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 1.40rem;
        margin-top: 0.75rem !important;
        font-weight: 600 !important;
    }
    .c8h4{
        font-size: 1.35rem !important;
    }
    .c8h6{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 0.96rem;
        font-weight: 300 !important;
        margin-top: 0px;
    }
    .c8input-group{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        margin-top: 0.45rem !important;
    }
    .c8input-group-append{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        display: flex;
        margin-left: -1px;
    }
    .c8input-group-text{
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0.65rem 1rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #464E5F;
        text-align: center;
        white-space: nowrap;
        background-color: #F3F6F9;
        border: 1px solid #E5EAEE;
        border-radius: 0.42rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .c8form-control{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        display: block;
        font-weight: 400;
        color: #464E5F;
        background-color: #ffffff;
        background-clip: padding-box;
        border: 1px solid #E5EAEE;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        height: 44.5px;
        padding: 0.825rem 1.42rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        position: relative;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
        box-shadow: none !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    
    .c8input-group{
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
    }
    
    .c8mt-4,
    .c8my-4 {
        margin-top: 0.8rem !important; 
    }
    .c8form-control-lg {
        height: calc(1.5em + 1.65rem + 2px);
        padding: 0.825rem 1.42rem;
        font-size: 0.8rem !important;
        line-height: 1.5;
        border-radius: 0.42rem; 
    }
    
    .c8form-control-ta{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: auto;
        resize: vertical;
        display: block;
        font-weight: 400;
        color: #464E5F;
        background-color: #ffffff;
        background-clip: padding-box;
        border: 1px solid #E5EAEE;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        padding: 0.825rem 1.42rem;
        height: 44.5px;
        line-height: 1.5;
        border-radius: 0.42rem;
        height: auto;
        position: relative;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
        box-shadow: none !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .c8form-control::-webkit-input-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control::-moz-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control:-ms-input-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control::-ms-input-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control::placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control-ta::-webkit-input-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control-ta::-moz-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control-ta:-ms-input-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control-ta::-ms-input-placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8form-control-ta::placeholder {
        color: #B5B5C3;
        opacity: 1; 
    }
    .c8btn {
        display: inline-block;
        font-weight: normal;
        color: #464E5F;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.65rem 1rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
        transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
        transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; 
    }
    @media (prefers-reduced-motion: reduce) {
        .c8btn {
            -webkit-transition: none;
            transition: none; 
        } 
    }
    .c8btn:hover {
        color: #464E5F;
        text-decoration: none; 
    }
    .c8btn:focus, .c8btn.focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    .c8btn.disabled, .c8btn:disabled {
        opacity: 0.6;
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    .c8btn:not(:disabled):not(.disabled) {
        cursor: pointer; 
    }
    .c8btn:not(:disabled):not(.disabled):active, .c8btn:not(:disabled):not(.disabled).active {
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    .c8btn-block {
        display: block;
        width: 100%; 
    }
    .c8btn-block + .c8btn-block {
        margin-top: 0.5rem; 
    }
    input[type=submit].c8btn-block, input[type=reset].c8btn-block, input[type=button].c8btn-block {
        width: 100%; 
    }
    .c8btn-primary {
        color: #ffffff;
        background-color: #3699FF;
        border-color: #3699FF;
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    .c8btn-primary:hover {
        color: #ffffff;
        background-color: #1086ff;
        border-color: #037fff; 
    }
    .c8btn-primary:focus, .c8btn-primary.focus {
        color: #ffffff;
        background-color: #1086ff;
        border-color: #037fff;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); 
    }
    .c8btn-primary.disabled, .c8btn-primary:disabled {
        color: #ffffff;
        background-color: #3699FF;
        border-color: #3699FF; 
    }
    .c8btn-lg, .c8btn-group-lg > .c8btn {
        padding: 0.6rem 1.42rem;
        font-size: 0.9rem;
        line-height: 1.5;
        border-radius: 0.42rem; 
    }
    .c8btn-sm, .c8btn-group-sm > .c8btn {
        padding: 0.55rem 0.75rem;
        font-size: 0.925rem;
        line-height: 1.35;
        border-radius: 0.42rem; 
    }
    .c8btn-block {
        display: block;
        width: 100%; 
    }
    .c8btn-block + .c8btn-block {
        margin-top: 0.5rem; 
    }
    .c8btn-danger {
        color: #ffffff;
        background-color: #F64E60;
        border-color: #F64E60;
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    .c8btn-danger:hover {
        color: #ffffff;
        background-color: #f42a3f;
        border-color: #f41d34; 
    }
    .c8btn-danger:focus, .c8btn-danger.focus {
        color: #ffffff;
        background-color: #f42a3f;
        border-color: #f41d34;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5); 
    }
    .c8btn-danger.disabled, .c8btn-danger:disabled {
        color: #ffffff;
        background-color: #F64E60;
        border-color: #F64E60; 
    }
    .c8btn-danger:not(:disabled):not(.disabled):active, .c8btn-danger:not(:disabled):not(.disabled).active,    .show > .c8btn-danger.dropdown-toggle {
        color: #ffffff;
        background-color: #f41d34;
        border-color: #f3112a; 
    }
    .c8btn-danger:not(:disabled):not(.disabled):active:focus, .c8btn-danger:not(:disabled):not(.disabled).active:focus,    .show > .c8btn-danger.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5); 
    }
    .c8m-3 {
        margin: 0.75rem !important; 
    }
    .c8mt-3, .c8my-3 {
        margin-top: 0.75rem !important; 
    }
    .c8mb-3 {
        margin-bottom: 0.75rem !important; 
    }
    .c8m-2 {
        margin: 0.5rem !important; 
    }
    .c8mt-2, .c8my-2 {
        margin-top: 0.5rem !important; 
    }
    .c8p{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin: 0 !important;
        font-size: 0.725rem;
    }
    .c8p2{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin: 0 !important;
        font-size: 0.8rem;
    }
    .c8a{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        background-color: transparent;
        outline: 0 !important;
        color: #0073e9 !important;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        text-decoration: none !important;
    }
    .c8font-size-xs {
        font-size: 0.65rem;
    }
    
    .c8clearfix::after {
        display: block;
        clear: both;
        content: ""; 
    }
    .c8ml-3,
    .c8mx-3 {
        margin-left: 0.75rem !important; 
    }
    .c8p-5 {
        padding: 1.25rem !important;
    }
    .c8mt-0,
    .c8my-0 {
        margin-top: 0 !important; 
    }
    .c8font-size-lg {
        font-size: 0.8rem !important; 
    }
    
    .c8rounded {
        border-radius: 0.42rem !important; 
    }
    .c8bg-light-success {
        background-color: #C9F7F5 !important; 
    }
    
    .c8bg-light-primary {
        background-color: #E1F0FF !important; 
    }
    .c8mr-3,
    .c8mx-3 {
        margin-right: 0.75rem !important; 
    }
    
    
    .c8btn.c8btn-light-success {
        color: #1BC5BD;
        background-color: #C9F7F5;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-success i {
        color: #1BC5BD; 
    }
    .c8btn.c8btn-light-success .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD; 
    }
    .c8btn.c8btn-light-success .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-success.dropdown-toggle:after {
        color: #1BC5BD; 
    }
    .c8btn.c8btn-light-success:hover:not(.c8btn-text):not(:disabled):not(.disabled), .c8btn.c8btn-light-success:focus:not(.c8btn-text), .c8btn.c8btn-light-success.focus:not(.c8btn-text) {
        color: #ffffff;
        background-color: #1BC5BD;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-success:hover:not(.c8btn-text):not(:disabled):not(.disabled) i, .c8btn.c8btn-light-success:focus:not(.c8btn-text) i, .c8btn.c8btn-light-success.focus:not(.c8btn-text) i {
        color: #ffffff; 
    }
    .c8btn.c8btn-light-success:hover:not(.c8btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .c8btn.c8btn-light-success:focus:not(.c8btn-text) .svg-icon svg g [fill], .c8btn.c8btn-light-success.focus:not(.c8btn-text) .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff; 
    }
    .c8btn.c8btn-light-success:hover:not(.c8btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .c8btn.c8btn-light-success:focus:not(.c8btn-text) .svg-icon svg:hover g [fill], .c8btn.c8btn-light-success.focus:not(.c8btn-text) .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-success:hover:not(.c8btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .c8btn.c8btn-light-success:focus:not(.c8btn-text).dropdown-toggle:after, .c8btn.c8btn-light-success.focus:not(.c8btn-text).dropdown-toggle:after {
        color: #ffffff; 
    }
    .c8btn.c8btn-light-success.disabled, .c8btn.c8btn-light-success:disabled {
        color: #1BC5BD;
        background-color: #C9F7F5;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-success.disabled i, .c8btn.c8btn-light-success:disabled i {
        color: #1BC5BD; 
    }
    .c8btn.c8btn-light-success.disabled .svg-icon svg g [fill], .c8btn.c8btn-light-success:disabled .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1BC5BD; 
    }
    .c8btn.c8btn-light-success.disabled .svg-icon svg:hover g [fill], .c8btn.c8btn-light-success:disabled .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-success.disabled.dropdown-toggle:after, .c8btn.c8btn-light-success:disabled.dropdown-toggle:after {
        color: #1BC5BD; 
    }
    .c8btn.c8btn-light-success:not(:disabled):not(.disabled):active:not(.c8btn-text), .c8btn.c8btn-light-success:not(:disabled):not(.disabled).active,
    .show > .c8btn.c8btn-light-success.dropdown-toggle,
    .show .c8btn.c8btn-light-success.c8btn-dropdown {
        color: #ffffff;
        background-color: #1BC5BD;
        border-color: transparent; 
    }
    .c8btn.c8btn-light-success:not(:disabled):not(.disabled):active:not(.c8btn-text) i, .c8btn.c8btn-light-success:not(:disabled):not(.disabled).active i,
    .show > .c8btn.c8btn-light-success.dropdown-toggle i,
    .show .c8btn.c8btn-light-success.c8btn-dropdown i {
        color: #ffffff; 
    }
    .c8btn.c8btn-light-success:not(:disabled):not(.disabled):active:not(.c8btn-text) .svg-icon svg g [fill], .c8btn.c8btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
    .show > .c8btn.c8btn-light-success.dropdown-toggle .svg-icon svg g [fill],
    .show .c8btn.c8btn-light-success.c8btn-dropdown .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #ffffff; 
    }
    .c8btn.c8btn-light-success:not(:disabled):not(.disabled):active:not(.c8btn-text) .svg-icon svg:hover g [fill], .c8btn.c8btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
    .show > .c8btn.c8btn-light-success.dropdown-toggle .svg-icon svg:hover g [fill],
    .show .c8btn.c8btn-light-success.c8btn-dropdown .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; 
    }
    .c8btn.c8btn-light-success:not(:disabled):not(.disabled):active:not(.c8btn-text).dropdown-toggle:after, .c8btn.c8btn-light-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
    .show > .c8btn.c8btn-light-success.dropdown-toggle.dropdown-toggle:after,
    .show .c8btn.c8btn-light-success.c8btn-dropdown.dropdown-toggle:after {
        color: #ffffff; 
    }
    
    
    
    
    
    
    
    
    .c8wsubheading{
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        color: #464E5F;
        -webkit-box-direction: normal;
        text-align: center !important;
        box-sizing: border-box;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-size: 0.8rem !important;
        font-weight: 300 !important;
        margin-top: -5px;   
    }        
        
        
        
    .c8wwidgetmodal{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        text-align: left;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        color: #464E5F;
        box-sizing: border-box;
        transition: opacity 0.15s linear;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        width: 100%;
        height: 100%;
        outline: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 17px;
        padding-left: 17px;
        display: block;
        scrollbar-width: thin;
        scrollbar-color: rgba(0,0,0,.5);
        border-radius: 0px;
    }
    .c8wwidgetmodal-scrollable{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        line-height: 1.5;
        text-align: left;
        font-size: 0.8rem !important;
        font-weight: 400;
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        color: #464E5F;
        box-sizing: border-box;
        position: relative;
        width: auto;
        display: flex;
        max-width: 450px;
        margin: 1.75rem auto;
        max-height: calc(100% - 3.5rem);
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        transform: none;
    }
        
        
    .c8wtextarea{
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: auto;
        resize: vertical;
        display: block;
        font-weight: 400;
        color: #464E5F;
        background-color: #ffffff;
        background-clip: padding-box;
        border: 1px solid #E5EAEE;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        padding: 0.825rem 1.42rem;
        font-size: 0.8rem !important;
        line-height: 1.5;
        border-radius: 0.42rem;
        height: auto;
        position: relative;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
        box-shadow: none !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .c8wforminput{
        box-sizing: border-box;
        margin: 0;
        font-family: inherit;
        overflow: visible;
        display: block;
        font-weight: 400;
        color: #464E5F;
        background-color: #ffffff;
        background-clip: padding-box;
        border: 1px solid #E5EAEE;
        box-shadow: none;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        height: calc(1.5em + 1.65rem + 2px);
        padding: 0.825rem 1.42rem;
        font-size: 1.08rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        position: relative;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
        

   
    .C8WebChat1214{
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: Poppins, Helvetica, "sans-serif";
        -webkit-font-smoothing: antialiased;
        -webkit-box-direction: normal;
        box-sizing: border-box;
        -webkit-appearance: button;
        display: inline-block;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        box-shadow: none;
        padding: 0.825rem 1.42rem;
        font-size: 1.08rem;
        line-height: 1.5;
        border-radius: 0.42rem;
        margin-right: 0.5rem !important;
        font-weight: 400 !important;
        outline: none !important;
        vertical-align: middle;
        transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        text-decoration: none;
        cursor: pointer;
        z-index: 2147483630 !important;
        display: none;
        
    }
    
    .c8align-items-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important; 
    }
    .c8mb-5,
    .c8my-5 {
        margin-bottom: 1.25rem !important; 
    }

    .c8d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; 
    }
    .c8align-items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important; 
    }
    
    .c8max-w-350px {
        max-width: 350px !important; 
    }
    
    .c8align-items-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important; 
    }
    .c8flex-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important; 
    }
    .c8flex-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important; 
    }
    .c8flex-column-auto {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none; 
    }

    .c8flex-column-fluid {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; 
    }
    
    
    .c8font-size-h6 {
        font-size: 0.8rem !important; 
    }
    .c8font-weight-bold {
        font-weight: 500 !important; 
    }
    .c8font-weight-bolder {
        font-weight: 600 !important; 
    }
    .c8font-weight-light {
        font-weight: 300 !important; 
    }
    
    
    .c8icon-2x {
        font-size: 2rem !important; 
    }
    .c8text-white {
        color: #ffffff !important; 
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        src: local('Poppins Regular'), local('Poppins-Regular'), url(https://conversationsrocks.com/chat_assets/custom/fonts/fontdownloaded4.woff2) format('woff2');
    }
    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        src: local('Poppins Regular'), local('Poppins-Regular'), url(https://conversationsrocks.com/chat_assets/custom/fonts/fontdownloaded3.woff2) format('woff2');
    }
    /* cyrillic */
    @font-face {
        font-family: 'Helvetica';
        font-style: normal;
        font-weight: 400;
        src: local('Helvetica LT Pro'), local('HelveticaLTPro-Roman'), url(https://conversationsrocks.com/chat_assets/custom/fonts/fontdownloaded2.woff2) format('woff2');
    }
    /* latin-ext */
    @font-face {
        font-family: 'Helvetica';
        font-style: normal;
        font-weight: 400;
        src: local('Helvetica LT Pro'), local('HelveticaLTPro-Roman'), url(https://conversationsrocks.com/chat_assets/custom/fonts/fontdownloaded1.woff2) format('woff2');
    }
    /* latin */
    @font-face {
        font-family: 'Helvetica';
        font-style: normal;
        font-weight: 400;
        src: local('Helvetica LT Pro'), local('HelveticaLTPro-Roman'), url(https://conversationsrocks.com/chat_assets/custom/fonts/fontdownloaded5.woff2) format('woff2');
    }
    @font-face {
        font-family: "FlaticonC8";
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon/Flaticon.eot");
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon/Flaticon.woff") format("woff"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon/Flaticon.ttf") format("truetype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
        font-weight: normal;
        font-style: normal; 
        color: #B5B5C3 !important;
    }
    [class^="FlaticonC8-"]:before,    [class*=" FlaticonC8-"]:before {
        font-family: FlaticonC8;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased; 
    }
    @font-face {
        font-family: "FlaticonC82";
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon2/Flaticon2.eot");
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon2/Flaticon2.eot?#iefix") format("embedded-opentype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon2/Flaticon2.woff") format("woff"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon2/Flaticon2.ttf") format("truetype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/flaticon2/Flaticon2.svg#Flaticon2") format("svg");
        font-weight: normal;
        font-style: normal; 
        color: #B5B5C3 !important;
    }
    [class^="FlaticonC82-"]:before,
    [class*=" FlaticonC82-"]:before {
        font-family: FlaticonC82;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased; 
    }
    .FlaticonC8-chat:before {
        content: "\f175"; 
    }
    .FlaticonC8-chat-1:before {
        content: "\f177"; 
    }
    .FlaticonC8-chat-2:before {
        content: "\f1dc"; 
    }
    .FlaticonC8-notes:before {
        content: "\f1c4"; 
    }
    .FlaticonC8-comment:before {
        content: "\f1d4"; 
    }
    .FlaticonC82-chat:before {
        content: "\f112"; }
    .FlaticonC82-chat-1:before {
        content: "\f14b"; 
    }
    .FlaticonC82-chat-2:before {
        content: "\f19e"; 
    }
    .FlaticonC82-user:before {
        content: "\f11b"; 
        color: #B5B5C3 !important;
    }
    .FlaticonC82-email:before {
        content: "\f1b4"; 
        color: #B5B5C3 !important;
    }
    .FlaticonC82-phone:before {
        content: "\f10f"; 
        color: #B5B5C3 !important;
    }
    .FlaticonC8-speech-bubble:before {
        content: "\f122"; 
    }
    .FlaticonC8-speech-bubble-1:before {
        content: "\f125"; 
    }
    .FlaticonC8-interface-2:before {
        content: "\f174"; 
    }
    .FlaticonC8-user-ok:before {
        content: "\f1bf"; 
    }
    .FlaticonC82-phone:before {
        content: "\f10f"; 
    }
    .FlaticonC8-black:before {
        content: "\f13d"; 
    }
    .FlaticonC8-file-2:before {
        content: "\f19f"; 
    }
    
    .FlaticonC8-businesswoman:before {
        content: "\f166"; 
    }
    
    @font-face {
        font-family: "c8f";
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/keenthemes-icons/Ki.eot");
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/keenthemes-icons/Ki.eot?#iefix") format("embedded-opentype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/keenthemes-icons/Ki.woff") format("woff"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/keenthemes-icons/Ki.ttf") format("truetype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/keenthemes-icons/Ki.svg#Ki") format("svg");
        font-weight: normal;
        font-style: normal; 
    }
    .c8f {
        font-size: 1rem; 
    }
    .c8f:before {
        font-family: "c8f";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased; 
    }
    .c8f-close:before {
        content: "\f130"; 
    }
    .c8icon-side {
        color: #B5B5C3;
    }
    .c8icon-2x {
        font-size: 1.75rem !important;
    }	
    
    
    
    
    /*font flac8w*/
    @font-face {
        font-family: 'flac8w';
        font-style: normal;
        font-weight: 900;
        font-display: auto;
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/line-awesome/la-solid-900.eot");
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/line-awesome/la-solid-900.eot?#iefix") format("embedded-opentype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/line-awesome/la-solid-900.woff2") format("woff2"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/line-awesome/la-solid-900.woff") format("woff"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/line-awesome/la-solid-900.ttf") format("truetype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/line-awesome/la-solid-900.svg#lineawesome") format("svg"); 
    }
    .flac8w{
        font-family: 'flac8w';
        font-weight: 900; 
    }
    .flac8w{
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1; 
    }
    .flac8w.flac8w-minus-square-o:before {
        content: "\f146"; 
    }
    .flac8w-minus:before {
        content: "\f068"; 
    }
    .flac8w-minus-circle:before {
        content: "\f056"; 
    }
    .flac8w-minus-square:before {
        content: "\f146"; 
    }
    
    .flac8w.flac8w-window-close-o {
        font-family: 'flac8w';
        font-weight: 400; 
    }
    .flac8w.flac8w-window-close-o:before {
        content: "\f410"; 
    }
    .flac8w-chevron-down:before {
        content: "\f078"; 
    }
    .flac8w-chevron-up:before {
        content: "\f077"; 
    }
    /*font flac8w*/
    
    
    
    @font-face {
        font-family: "FontFlaticonrC8";
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-regular-400.eot");
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-regular-400.woff2") format("woff2"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-regular-400.woff") format("woff"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-regular-400.ttf") format("truetype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-regular-400.svg#fontawesome") format("svg"); 
    }
    
    @font-face {
        font-family: "FontFlaticonrC8";
        font-style: normal;
        font-weight: 900;
        font-display: block;
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-solid-900.eot");
        src: url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-solid-900.woff2") format("woff2"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-solid-900.woff") format("woff"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-solid-900.ttf") format("truetype"), url("//conversationsrocks.com/chat_assets/plugins/global/fonts/@fortawesome/fa-solid-900.svg#fontawesome") format("svg"); 
    }


    .FlaticonrC8{
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1; 
        font-weight: 400;
        font-family: "FontFlaticonrC8";
    }
    .FlaticonrC8-thumbs-up:before {
        content: "\f164"; 
    }
    .FlaticonrC8-thumbs-down:before {
        content: "\f165"; 
    }
    
    
    
    .FlaticonrC8s-mobile-alt:before {
        content: "\f3cd"; 
    }
    .FlaticonrC8s {
        font-family: "FontFlaticonrC8";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1; 
    }
    .FlaticonrC8s {
        font-weight: 900; 
    }
    
    
    
    .FlaticonrC8-keyboard:before {
        content: "\f11c"; 
    }
    
    
    
@media screen and (max-width: 1024px) {    .c8wcard-custom{
        width:100% !important;
        padding: 1rem !important;
        border-radius: 0px !important;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: scroll;
        zoom: 0.9;
    }
    #C8ChatPane{
        height: 38vh;
    }
    #C8TextChat10 {
        width:100% !important
    }
    
        
}