.tab_content .offcanvas-body { border: 1px solid #ccc; border-radius: 0.3rem; padding: 1rem; } 
.tab_content .offcanvas-body input#mchatBtn { float: right; margin-top: 1rem; } 
.tab_content .offcanvas-body textarea {height: 100%!important;}
.tab_content .offcanvas-body iframe#mchatIfm2 {
    height: 100%!important;
    min-height: 280px!important;
}

i.bi.bi-arrow-left {
    color: #fff;
}

 i.bi.bi-arrow-left { color: #fff } 
button.sidebarCollapse {border: 1px solid #ffffff73;}
.overflow-hidden:hover button.sidebarCollapse {border: 1px solid #31ad0073!important}


.part-banner {background-color: #f2f2f2;}
.part-banner .simple-a .h1, .part-banner .h2, .part-banner i.bi.bi-arrow-left  { color: #000000; } 
.part-banner button.sidebarCollapse { border: 1px solid #09090973; }

.part-banner .row {
    padding-bottom: 2rem;
}

.header-bg.header-partner {
    background: aliceblue;
    margin: 1rem -2rem 3rem -2rem;
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: 6px 6px 17px 0px #00000042, 2px 2px 15px 0px #63ff8952;
}

.row > * { padding: 0; margin: 0; }

.rg-top-user {
    margin: 1rem;
    text-align: center; 
} 
.rg-top-user span {     color: #ccc;
font-size: 12px; display: block; margin: 5px 0 0 0; } 
.rg-top-user-ava { border-radius: 50%; width: 80px; height: 80px; position: relative; margin: 0 auto; margin-bottom: 15px; } 
.rg-top-user-ava span { 
    position: absolute;
    background: linear-gradient(149deg, #FF00AA 0%, #9C42F5 52.98%, #3560ce 100%);
    border-radius: 100%;
    border: 1px solid #000000;
    padding: 3px;
    color: #ffffff;
    font-size: 11px;
    top: -8px;
    right: -8px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.rg-top-user-ava img { border: 1px solid #00dfff; padding: 2px; opacity: .7; transition: .8s; border-radius: 50%; width: 80px; height: 80px; } 
.rg-top-user-ava img:hover { opacity: 1; -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); border-color: #f96c04; } 
.rg-top-user-name {    text-shadow: 2px -1px 10px #2bffca, -2px 1px 4px #e937ff;color: #fff;} 
.rg-top-user-name:hover { color: #50ff20 !important; }

#content { border-left: 1px solid #72727200; border-right: 1px solid #72727200; } 
.top-hide {border-bottom: 1px solid #72727200; }

@media (max-width: 768px) {  

.simple-a .h1 { font-size: x-large!important; }


.plus-features__item { padding-left: 1rem!important; }
.rg-top-user { width: 32%;  margin: auto;} 
h2, .h2 {
    font-size: calc(1rem + 0.9vw);
}

.header-bg.header-partner { margin: 0 0 3rem 0; padding: 2rem; border-radius: 0;}

}

.style-banner button:not(:disabled), .style-banner [type=button]:not(:disabled), .style-banner [type=reset]:not(:disabled), .style-banner [type=submit]:not(:disabled), .sup-banner button:not(:disabled), .sup-banner [type=button]:not(:disabled), .sup-banner [type=reset]:not(:disabled), .sup-banner [type=submit]:not(:disabled), .add-banner button:not(:disabled), .add-banner [type=button]:not(:disabled), .add-banner [type=reset]:not(:disabled), .add-banner [type=submit]:not(:disabled) {color: #000;}

.sup-banner .sidebarCollapse, .style-banner .sidebarCollapse, .green-banner .sidebarCollapse, .add-banner .sidebarCollapse {   padding: 0.5rem;  width: auto; height: auto; min-width: auto; margin-right: 0.7rem; } 

#content {
    background: #fafafa00 !important; }
}


.plus-features__item.lb {
    box-shadow: inset 0px 0px 2px 1px #3612ff;
}

.lb .plus-features__item__text a {
    background: #2300ffb8;
    color: #fff!important;
}

.plus-features__item { position: relative;    padding: 1.6rem 0; margin: 0;background: #fff; border-radius: 1rem; color: #000;width: 100%;text-align: left; padding-left: 2rem;} 
.plus-features {
    background: #52525200; 
 margin-top:0px;
}

.bg-social { background: #f2f2f2}

.bg-social .pagePlus { display: flex; align-items: center; width: 100%; } 
.bg-social .pagePlus .title1 { width: 60%; padding: 0 1rem;} 
.w-40 { width: 40%; }
.bg-social .pagePlus .title1 h1 {
    font-size: 2.5rem;
} 

.grid-4 {
    grid-template-columns: repeat(4, 1fr)!important;
}
 
.grid-4, .grid-2 {
    display: grid; 
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
} 

.plus-features__item__title { font-size: 18px; line-height: 20px; margin-bottom: 0;font-weight: 500; } 
.plus-features__item__title img { width: 30px; vertical-align: sub; } 
.plus-features__item__text { font-family: 'PT Sans';     padding: 1rem 0 2rem 0; font-size: inherit; line-height: inherit; padding-right: 0.5rem; } 
.plus-features__item__text a { position: absolute; bottom: 13px; background: #ffbebeb8; border-radius: 0.4rem; padding: 0.6rem 1rem; color: #000000c4; font-weight: 600; }
.plus-features__item:hover .plus-features__item__text a { background: #becfffb8;}
.plus-features__item.lb {
    box-shadow: inset 0px 0px 2px 1px #3612ff;
}
  .plus-features__item:hover { box-shadow: inset 0 0 0px 3px #99a8ffb8; } 
.plus-features__item.lb:hover .plus-features__item__text a {
    background: #000000;
}