.h-113{
    height:113px !important;
}
.f-36{
    font-size:2.25rem;
}
.pt-24{
    padding-top:24px;
}
.f-white{
    color:#fff;
}
.mt-93{
    margin-top:-93px;
}
.mt-30{
    margin-top:30px;
}
.h-199{
    height:199px;
}
@media(max-width:496px){
    .h-199{
        height:auto;
    }
}
.circle {
    border: 1px solid #F5F5F6;
    height: 60px;
    width: 60px;
    padding: 3px;
}

.top-div {
   gap:124px;
    align-items: center;
    height: 201px;
    background-image: url('/images/Group.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.top-div-bg {
    background-image: url('/images/bg-img.png') !important;
    
}

.documentsummarization-top-div {
    background-color: #26C0E2;
    height:74px;
    color:#fff;
}
@media(max-width:1087px) {
    .top-div {
        gap: 25px;
    }
    
}
@media(max-width:767px) {
    .top-div {
        gap: 0px;
        padding: 23px;
    }
 
}
@media(max-width:739px) {
   

    .mt-93 {
        margin-top: 0px;
    }
}
@media(max-width:576px) {
    .top-div {
        height: 282px;
    }
}
.location-dropdown {
    margin-top: 2px;
    border-radius: 0;
    max-width: 178px;
    margin-left: -3px;
    max-height: 252px;
}

.r-searches-button {
    font-family: Roboto;
    font-size: 0.625rem; /* 10px / 16px */
    font-weight: 500;
    line-height: 0.938rem; /* 15px / 16px */
    padding: 0.25rem 0.625rem 0.25rem 0.625rem; /* 4px 10px 4px 10px */
    border-radius: 0.25rem; /* 4px / 16px */
    background: #138FAB;
    color: #FFFFFF;
}
.ml-gap {
    gap: 24px;
    margin-left: 42px;
}

.dropdown-style {
    width: 167px !important;
    margin-left: -16px !important;
    margin-top: -7px !important;
}
.mleft-3 {
    margin-left: 3px;
}

.m-b-2 {
    margin-bottom: 2px !important;
}
.card-footer-custom {
    padding: 17px !important;
    border-top: 1px solid #E4E4E7 !important;
    background-color: white !important;
}
.gap-24 {
    gap: 24px !important;
}
.car-bottom-buttons {
    border: 1px solid #E4E4E7 !important;
    padding: 4px 10px 4px 10px;
    border-radius: 4px;
    border: 1px;
    background: #F4F4F8;
}
.btn-view-patent {
    font-family: Nunito;
    font-size: 0.75rem !important; /* 12px / 16px */
    font-weight: 700 !important;
    line-height: 16px !important;
    letter-spacing: 0em;
    color: #26C0E2 !important; /* Text color */
    background-color: transparent; /* Transparent background */
    border: 1px solid #26C0E2 !important; /* Border color */
    border-radius: 8px !important; /* Border radius */
    color: #26C0E2 !important;
}

    .btn-view-patent:hover {
        color: #fff !important; /* Text color on hover */
        background-color: #26C0E2 !important; /* Background color on hover */
        border-color: #26C0E2 !important; /* Border color on hover */
    }

.gap-80 {
    gap: 80px;
}
@media(min-width:481px) and (max-width:590px) {
    .gap-80 {
        gap: 25px;
    }
}

@media(max-width:480px) {
    .gap-80 {
        gap: 10px;
    }
}

/* document summarization css */
.ml-12{
    margin-left:12px;
}

.p-10{
    padding:10px !important;
}
.h-89{
    height:89px;
}
@media(max-width:525px){
    .h-89{
        height:104px;
    }
}
.gap-131{
    gap:131px;
}
@media(max-width:441px){
    .gap-131{
        gap:0px;
    }
}
.l-h-24{
    line-height:24px;
}
.blue-grey {
    color: #718096 !important;
}
.h-106{
    height:119vh;
}
.p-9-28{
    padding:9px 28px !important; 
}
.p-18{
    padding:18px;
}
.h-99{
    height:99vh;
}
.h-w-31{
    height:31px !important;
    width:31px !important;
}
.border-grey {
    border: 1px solid #C7C7C7;
   
}
.chat-buttons {
    position:relative;
    margin-top:auto;
    display: flex;
    justify-content: flex-end;
   
    margin-bottom: 14px;
}
.document-summarization-div{
    padding:30px 70px 0px 70px;
}
@media(max-width:767px){
    .document-summarization-div {
        padding: 20px 20px 10px 20px;
    }
}

.chat-vertical-line {
    border-left: 1px solid #000000;
    height: 20px;
    margin-left: 20px;
}
.p-70-44{
    padding:16px 70px 44px 70px;
}
@media(max-width:767px){
    .p-70-44 {
        padding: 0px 15px 15px 15px;
    }
}
.h-81{
    height:81vh;
}
.h-71 {
    height: 71vh;
}
.chat-container {
    width: 100%;
    
    border-radius: 10px;
    background-color: #fff;
   
}



.chat-controls {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
}

.attach-btn {
    margin-left:10px;
    width: 78px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #26C0E2;
    color: #FFF;
    text-align: center;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.img-btn {
    padding:0 !important;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    margin: 0 5px;
}
.send-btn {
    padding: 0 !important;
    background: #E4E4E7;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    cursor: pointer;
    margin: 0 10px;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}
.file-btn {
    padding: 0 !important;
    background: #E4E4E7;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    cursor: pointer;
   
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}
.send-btn-active {
    padding: 0 !important;
    background: #26C0E2;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    cursor: pointer;
    margin: 0 10px;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.chat-box {
    flex-grow: 1;
    height: 60px;
    overflow-y: hidden;
    resize: none;
    border: none;
    outline: none;
    padding: 18px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 5px;
}

.QuestionCard {
    padding: 11px 16px;
    color: #1B2559;
    flex-shrink: 0;
    border-radius: 25px;
    border: 1px solid #EBEBEB;
  
}
.user-svg {
    align-items: center;
    background: white;
    display: flex;
    justify-content: center;
    height: 44px;
    width: 77px;
    border-radius: 50%;
}
.overclaim{
    position:relative;
    top:-21rem
}
.chat-import-line {
    top: 10px;
    margin-bottom: auto;
    position: relative;
}

/* document summarization css end */