.profilecontainer{padding: 115px 0px 50px 0px; background: none; position: relative;}
.profilecontainer .profileinner{float: left; width: 100%; background: var(--theme-white); border-radius: 40px;}
.profilecontainer .profilenav{float: left; position: sticky; position: -webkit-sticky; top: 100px; width: 100%; height: 100%; padding: 30px 0px 40px 40px; display: flex; flex-direction: column; gap: 30px; border-right: 1px solid rgba(0, 0, 0, 0.20);}
.profilecontainer .profilenav .profileuser{float: left; width: 100%; display: flex; gap: 10px; align-items: center;}
.profilecontainer .profilenav .profileuser .profileuserimg{position: relative; text-decoration: none; min-width: 50px; height: 50px; display: inline-flex; text-align: center; margin-bottom: 0px; justify-content: center; overflow: hidden; padding: 0px; background: var(--theme-white); border: none; border-radius: 50%; align-items: center; color: rgba(var(--primary), 1); font-size: 2.4em;}
.profilecontainer .profilenav .profileuser .profileuserimg img{width: 100%; height: 100%; object-fit: cover; padding: 0px;}
.profilecontainer .profilenav .profileuser h3{color: var(--mobile-nav); text-align: left; margin: 10px 0px 10px 0px; font-size: 14px; padding: 0px; text-transform: capitalize;}

.profilecontainer .profilenav .profilenavbtm{float: left; width: 100%; flex: 1;}
.profilecontainer .profilenav .profilenavbtm ul{display: block; margin: 0px; padding: 0px; list-style: none;}
.profilecontainer .profilenav .profilenavbtm ul li{margin: 0px; padding: 0px; list-style: none; display: block;}
.profilecontainer .profilenav .profilenavbtm ul li + li{border-top: 1px solid rgba(0, 0, 0, 0.20);}
.profilecontainer .profilenav .profilenavbtm ul li a{display: flex; gap: 10px; color: var(--theme-paragraph); font-size: 14px; text-decoration: none; padding: 19px 10px 19px 0px; transition: 0.3s ease-in-out;}
.profilecontainer .profilenav .profilenavbtm ul li a svg{align-self: flex-start; max-width: 18px; height: auto;}
.profilecontainer .profilenav .profilenavbtm ul li a span{align-self: center; line-height: 100%;}
.profilecontainer .profilenav .profilenavbtm ul li.active a{color: rgba(var(--primary), 1);}
.profilecontainer .profilenav .profilenavbtm ul li a:hover{color: rgba(var(--primary), 1);}

.profilecontainer .profilerightouter{float: left; width: 100%; padding: 40px 50px 50px 20px;}
.profilecontainer .profilerightouter h3{text-align: left; margin: 0px; color: rgba(var(--primary), 1); font-size: 22px; font-weight: 500; margin: 0px 0px 15px 0px;}
.profilecontainer .profilerightouter h4{text-align: left; margin: 0px; color: rgba(var(--primary), 1); font-size: 22px; font-weight: 500; margin: 20px 0px 5px 0px;}
.profilecontainer .profilerightouter p{text-align: left; margin: 0px 0px 15px 0px; color: var(--theme-paragraph); font-size: 14px; font-weight: 400; margin: 0px 0px 15px 0px;}
.profilecontainer .profilerightouter p strong{color: rgba(var(--primary), 1);}
.profilecontainer .profilerightouter .subscriptiontext p{display: flex;}
.profilecontainer .profilerightouter .subscriptiontext p strong{min-width: 158px;}

.profilecontainer .form-group{position: relative; margin-bottom: 25px;}
.profilecontainer .form-group label{text-align: left; color: var(--theme-paragraph); font-size: 13px; font-weight: 500; display: block; margin: 0px 0px 2px 0px;}
.profilecontainer .form-group .formgroupinner{display: block; position: relative;}
.profilecontainer .form-group .formgroupinner i{position: absolute; right: 15px; pointer-events: none; top: 50%; font-size: 1.2em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.profilecontainer .form-group .formgroupinner i.fa-mobile{font-size: 1.1em;}
.profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select, .profilecontainer .form-group .css-13cymwt-control, .profilecontainer .form-group .css-t3ipsp-control{background-color: #F6FBFB; border: 1px solid #F6FBFB; height: 42px; font-weight: 500; color: rgba(var(--primary), 1); font-size: 14px; padding: 6px 40px 6px 20px; -webkit-border-radius: 10px; border-radius: 10px;}
.profilecontainer .form-group .form-control:focus, .profilecontainer .form-group .form-select:focus, .profilecontainer .form-group .css-13cymwt-control:focus, .profilecontainer .form-group .css-t3ipsp-control:focus{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.profilecontainer .form-group .form-control.error, .profilecontainer .form-group .form-select.error{border-color: red;}

.profilecontainer .form-group .css-hlgwow{padding: 0px; margin: 0px;}
.profilecontainer .form-group .css-19bb58m{padding: 0px; margin: 0px;}
.profilecontainer .form-group .css-13cymwt-control, .profilecontainer .form-group .css-t3ipsp-control{padding-top: 0px; padding-bottom: 0px; padding-right: 2px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px;}
.profilecontainer .form-group .css-13cymwt-control .css-1u9des2-indicatorSeparator, .profilecontainer .form-group .css-t3ipsp-control .css-1u9des2-indicatorSeparator{display: none;}
.profilecontainer .form-group .css-13cymwt-control .css-1xc3v61-indicatorContainer, .profilecontainer .form-group .css-1xc3v61-indicatorContainer{display: none;}
.profilecontainer .form-group .css-13cymwt-control .css-1wy0on6, .profilecontainer .form-group .css-1wy0on6{display: none;}
.profilecontainer .form-group .css-t3ipsp-control{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.form-group .css-tr4s17-option{background-color: rgba(var(--primary), 1); color: var(--theme-white);}
.form-group .css-tr4s17-option:active{background-color: rgba(var(--primary), 1); color: var(--theme-white);}
.form-group .css-d7l1ni-option{background-color: rgba(var(--primary), 0.10); color: rgba(var(--primary), 1);}
.form-group .css-d7l1ni-option:active{background-color: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1);}


.profilecontainer .dltabsview{float: left; width: 100%;}
.profilecontainer .dltabsview .nav-tabs{background: #F6FBFB; border-radius: 20px; padding: 14px; gap: 30px; border: 1px solid #FAFAFA;}
.profilecontainer .dltabsview .nav-tabs .nav-item .nav-link{border: none; border-radius: 10px; color: rgba(var(--primary), 1); font-size: 13px; padding: 10px 20px; font-weight: 400;}
.profilecontainer .dltabsview .nav-tabs .nav-item .nav-link.active{background: rgba(var(--primary), 1); color: var(--theme-white);}
.profilecontainer .dltabsview .tabinner{padding: 20px 0px 0px 0px;}
.triplist{display: flex; align-items: center; gap: 20px; justify-content: space-between;}
.triplist + .triplist{padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px; border-top: 1px solid rgba(0, 0, 0, 0.20);}
.triplist .triplistlt{width: 50%;}
.triplist .triplistlt h5{text-align: left; color: rgba(var(--primary), 1); font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px;}
.triplist .triplistlt h5 a{color: rgba(var(--primary), 1); text-decoration: none;}
.triplist .triplistlt h5 a:hover{color: rgba(var(--secondary), 1);}
.triplist .triplistlt .date{text-align: left; display: flex; flex-wrap: wrap; gap: 0px 15px; color: rgba(var(--primary), 1); font-size: 17px; font-weight: 400; margin: 0px 0px 10px 0px;}
.triplist .triplistlt .date span{display: inline-flex; position: relative;}
.triplist .triplistlt .date span:before{position: absolute; left: 0px; top: 9px; opacity: 0; width: 5px; height: 5px; border-radius: 50%; content: ""; background: rgba(var(--primary), 1);}
.triplist .triplistlt .date span + span{padding: 0px 0px 0px 15px;}
.triplist .triplistlt .date span + span:before{opacity: 1;}

.triplist .triplistlt p{margin: 0px 0px 4px 0px; font-size: 14px; color: var(--theme-paragraph);}
.triplist .triplistrt{white-space: nowrap;}

.triplistlt .triplistimg{min-width: 150px; max-width: 150px; height: 140px;}
.triplistlt .triplistimg img{width: 100%; height: 100%; border-radius: 10px; object-fit: cover;}

.profileimageupload{margin-bottom: 20px;}
.profileimageupload .profileimg{display: inline-flex; position: relative;}
.profileimageupload .profileimg .change-photo-btn{position: absolute; right: 0px; top: 0px; width: 26px; height: 26px; display: inline-flex; justify-content: center; align-items: center; background-color: rgba(var(--secondary), 1); color: var(--theme-white); border-radius: 50%;}
.profileimageupload .profileimg .change-photo-btn svg{width: 18px;}
.profileimageupload .profileimg img{min-width: 90px; max-width: 90px; height: 90px; object-fit: cover; border-radius: 50%; border: 3px solid rgba(var(--secondary), 0.10);}
.profileimageupload .profilertcontent p{font-size: 13px; margin: 0px;}
.profileimageupload .profilertcontent .profilename{font-size: 20px; color: rgba(var(--primary), 1); font-weight: 600; margin: 0px 0px 1px 0px;}

.chatouter{display: flex; margin: 0px -10px; height: 90vh;}
.chatouter .chatlt{width: 35%; padding: 0px 10px;}
.chatouter .chatlt .chatltinner{width: 100%; height: 100%; display: flex; flex-direction: column; background: var(--theme-white); border: 1px solid #EDEDED; border-radius: 20px;}
.chatouter .chatlt .chatltinner .chatltheading{display: flex; color: rgba(var(--theme-heading), 1); min-height: 61px; align-items: center; font-size: 18px; font-weight: 300; padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.chatouter .chatlt .chatltinner .chatltbody{display: flex; flex: 1; flex-direction: column; padding: 15px 15px 15px 15px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch{padding: 0px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup{position: relative;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control{height: 42px; width: 100%; font-size: 14px; padding: 5px 40px 4px 15px; color: var(--theme-light-gray); background-color: var(--theme-white); border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 40px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control:focus, .profilecontainer .rightprofile .form-group .form-select:focus{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control::-webkit-input-placeholder{color: var(--theme-light-gray);}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control::-moz-placeholder{color: var(--theme-light-gray);}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control:-ms-input-placeholder{color: var(--theme-light-gray);}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control:-moz-placeholder{color: var(--theme-light-gray);}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .theme-btn{position: absolute; right: 6px; top: 50%; max-width: 34px; min-width: 34px; min-height: 34px; padding: 0px; font-size: 16px; margin: 0px; display: inline-flex; justify-content: center; align-items: center; border-radius: 30px; transform: translateY(-50%);}

.chatouter .chatlt .chatltinner .chatltbody .chatltlists{padding: 0px; width: 100%;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx{display: flex; gap: 10px; align-items: center; outline: none; width: 100%; background: none; border: none; text-decoration: none; padding: 7px 10px; margin: 0px 0px 10px 0px; border-radius: 15px; transition: 0.3s ease-in-out;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg{min-width: 45px; max-width: 45px; height: 45px; position: relative;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg .onlinebadge{position: absolute; display: inline-flex; right: 5px; bottom: 0px; font-size: 14px; padding: 5px; font-weight: 400; background: #0DFF00; border-radius: 50%;}

.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg .chatavatar{display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; width: 100%; height: 100%; border-radius: 100%; background: rgba(var(--primary), 1); color: var(--theme-white); }

.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct{width: 100%;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct h5{text-align: left; color: rgba(var(--theme-heading), 1); font-weight: 400; font-size: 15px; margin: 0px 0px 3px 0px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct .daytext{display: block; text-align: left; line-height: 100%; font-size: 13px; font-weight: 400; color: rgba(0, 0, 0, 0.30);}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct p{word-break: break-word; color: #848484; font-weight: 400; font-size: 13px; margin: 0px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx.active{background: rgba(var(--primary), 1);}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx.active .chatltlistct h5{color: var(--theme-white);}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx.active .chatltlistct p{color: #8f8fc5;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx.active .chatltlistct .daytext{color: var(--theme-white);}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx.active .chatltlistimg .chatavatar{background: #8d8dff; color: rgba(var(--primary), 1);}


.chatouter .chatlt .chatltinner .chatltbody .chatltbtm{flex: 1; display: flex; flex-direction: column;}
.chatouter .chatlt .chatltinner .chatltbody .chatltbtm .tab-content{flex: 1; position: relative;}
.chatouter .chatlt .chatltinner .chatltbody .chatltbtm .tab-content .tab-pane{position: absolute; padding: 0px 10px 0px 0px; left: 0px; right: -10px; bottom: 0px; top: 0px; overflow: auto;}
.chatouter .chatlt .chatltinner .chatltbody .chatltbtm .tab-content .tab-pane::-webkit-scrollbar{width: 4px; height: 4px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltbtm .tab-content .tab-pane::-webkit-scrollbar-track{background: rgba(var(--primary), 0.10); border-radius: 10px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltbtm .tab-content .tab-pane::-webkit-scrollbar-thumb{background: rgba(var(--primary), 1); border-radius: 10px;}
@supports (-moz-appearance: none) {
  .chatouter .chatlt .chatltinner .chatltbody .chatltbtm .tab-content .tab-pane{scrollbar-width: thin; scrollbar-color: rgba(var(--primary), 1) rgba(var(--primary), 0.10);}
}

.chatouter .chatrt{width: 65%; padding: 0px 10px;}
.chatouter .chatrt .chatrtinner{display: flex; flex-direction: column; height: 100%; background: var(--theme-white); border: 1px solid #EDEDED; border-radius: 20px;}
.chatouter .chatrt .chartrtheading{display: flex; justify-content: space-between; align-items: center; padding: 10px 0px 10px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.chatouter .chatrt .chartrtheading .chatltlistbx{display: flex; gap: 15px; align-items: center; outline: none; width: 100%; background: none; border: none; text-decoration: none; padding: 0px; margin: 0px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg{min-width: 40px; max-width: 40px; height: 40px; position: relative;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg .onlinebadge{position: absolute; display: inline-flex; right: 5px; bottom: -3px; font-size: 14px; padding: 5px; font-weight: 400; background: #0DFF00; border-radius: 50%;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg .chatavatar{display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; width: 100%; height: 100%; border-radius: 100%; background: rgba(var(--secondary), 0.30); color: rgba(var(--secondary), 1); }

.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct{width: 100%;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct h5{color: rgba(var(--theme-heading), 1); font-weight: 400; font-size: 16px; margin: 0px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct p{color: #848484; font-weight: 400; font-size: 13px; margin: 0px; text-align: left;}


.chatouter .chatrt .chartrtheading .chatdropdown{display: inline-flex;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-toggle{outline: none; font-size: 15px; font-weight: 400; color: var(--theme-paragraph); text-decoration: none; display: inline-flex; align-items: center; padding: 0px 5px; gap: 10px;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-toggle:after{display: none;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu{padding: 15px 0px; min-width: 180px; max-width: 180px; background: #FFFBFC; border: none; border-radius: 15px; inset: initial !important; top: 100% !important; margin: -10px 0px 0px 0px !important; right: 0px !important; transform: none !important;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li{float:left;width:100%;margin: 0px;padding:0;position:relative;list-style:none;transition:0.3s}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li a{float:left;width:100%; display: flex; font-size:15px;margin:0;padding:3px 20px 3px 20px; gap: 10px;color: var(--theme-paragraph); text-decoration:none;position:relative; border-radius: 30px; transition:0.3s}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li a i{align-self: center; color: var(--theme-paragraph); width:22px;height:30px;text-align:center; display: inline-flex; justify-content: center; align-items: center; font-size:1.2em;transition:0.3s}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li a span{align-self: center; text-align: left; line-height: 100%;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li a i svg{max-width: 24px; max-height: 24px;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li:hover a{color: rgba(var(--primary), 1);}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li:hover a i{background: linear-gradient(98.73deg, rgba(var(--secondary), 1) 15.31%, rgba(var(--primary), 1) 91.33%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li.active a{color: rgba(var(--primary), 1);}
.chatouter .chatrt .chartrtheading .chatdropdown .dropdown-menu li.active a i{background: linear-gradient(98.73deg, rgba(var(--secondary), 1) 15.31%, rgba(var(--primary), 1) 91.33%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.chatouter .chatrt .chatbody{flex: 1; padding: 10px 5px 0px 20px; display: flex; flex-direction: column;}

.chatouter .chatrt .chatbx{padding: 0px; display: flex; flex-wrap: wrap;}
.chatouter .chatrt .chatbx .chatbxinner{display: inline-flex; gap: 10px; margin: 0px 0px 25px 0px; max-width: calc(100% - 110px);}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg{display: inline-flex;}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg img{width: 40px; height: 40px; border-radius: 50%; object-fit: cover;}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg .chatavatar{display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; text-transform: uppercase; min-width: 40px; max-width: 40px; height: 40px; border-radius: 100%; background: #f3f3f3; color: rgba(var(--primary), 1); }
.chatouter .chatrt .chatbx.currentuser .chatbxinner .chatbximg .chatavatar{background: rgba(var(--primary), 1); color: var(--theme-white); }

.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent{display: flex; flex-direction: column; align-items: flex-start; gap: 7px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{word-break: break-word; color: rgba(var(--theme-heading), 1); font-size: 13px; font-weight: 300; background: #f3f3f3; border-radius: 0px 15px 15px 15px; padding: 8px 15px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .time{color: #6A7282; font-size: 13px; display: block; font-weight: 400; margin: 0px;}

.chatouter .chatrt .chatbx.currentuser{justify-content: flex-end;}
.chatouter .chatrt .chatbx.currentuser .chatbxinner{flex-direction: row-reverse;}
.chatouter .chatrt .chatbx.currentuser .chatbxinner .chatbxcontent .chatbxcontentpt{background: rgba(var(--primary), 1); border-radius: 15px 0px 15px 15px; color: var(--theme-white);}
.chatouter .chatrt .chatbx.currentuser .chatbxinner .chatbxcontent .time{text-align: right; align-self: flex-end;}



.chatouter .chatrt .chatbody .chatbodyouter{flex: 1; position: relative;}
.chatouter .chatrt .chatbody .chatbodyinner{position: absolute; left: 0px; right: 0px; bottom: 15px; top: 0px; overflow: auto; padding: 0px 10px 0px 0px;}
.chatouter .chatrt .chatbody .chatbodyinner::-webkit-scrollbar{width: 4px; height: 4px;}
.chatouter .chatrt .chatbody .chatbodyinner::-webkit-scrollbar-track{background: rgba(var(--primary), 0.10); border-radius: 10px;}
.chatouter .chatrt .chatbody .chatbodyinner::-webkit-scrollbar-thumb{background: rgba(var(--primary), 1); border-radius: 10px;}
@supports (-moz-appearance: none) {
  .chatouter .chatrt .chatbody .chatbodyinner{scrollbar-width: thin; scrollbar-color: rgba(var(--primary), 1) rgba(var(--primary), 0.10);}
}

.chatouter .chatrt .chatbody .chatmsgbx{padding: 0px 15px 15px 0px; display: flex; gap: 10px; width: 100%; position: relative;}
.chatouter .chatrt .chatbody .chatmsgbx .form-control{height: 46px; font-size: 13px; line-height: 18px; padding: 12px 20px 12px 15px; background: #f3f3f3; border-color: #f3f3f3; box-shadow: none; resize: none; border-radius: 50px;}
.chatouter .chatrt .chatbody .chatmsgbx .form-control:focus{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.chatouter .chatrt .chatbody .chatmsgbx .form-control::-webkit-scrollbar{width: 4px; height: 4px;}
.chatouter .chatrt .chatbody .chatmsgbx .form-control::-webkit-scrollbar-track{background: none; border-radius: 10px;}
.chatouter .chatrt .chatbody .chatmsgbx .form-control::-webkit-scrollbar-thumb{background: none; border-radius: 10px;}
@supports (-moz-appearance: none) {
  .chatouter .chatrt .chatbody .chatmsgbx .form-control{scrollbar-width: none; scrollbar-color: none;}
}
.chatouter .chatrt .chatbody .chatmsgbx .sendmsggroup{display: inline-flex; gap: 5px;}
.chatouter .chatrt .chatbody .chatmsgbx .sendmsggroup .sendbtn{display: inline-flex; justify-content: center; align-items: center; background: rgba(var(--primary), 1); width: 46px; height: 46px; font-size: 20px; outline: none; border: none; color: var(--theme-white); border-radius: 50%; transition: 0.3s ease-in-out;}
.chatouter .chatrt .chatbody .chatmsgbx .sendmsggroup .sendbtn svg{min-width: 20px; max-width: 20px;}
.chatouter .chatrt .chatbody .chatmsgbx .sendmsggroup .sendbtn:hover{background: rgba(var(--secondary), 1); color: var(--theme-white);}
.chatouter .chatrt .nochat{text-align: center;}
.chatouter .chatrt .nochat i{color: rgba(var(--primary), 1); font-size: 3rem; text-align: center; margin: 0px 0px 15px 0px;}
.chatouter .chatrt .nochat p{font-size: 16px;}


@media screen and (min-width: 1200px) {

}
@media (min-width: 1700px) {
.profilecontainer{padding: 140px 0px 50px 0px;}
.profilecontainer .profilenav .profilenavbtm ul li a{font-size: 18px;}
.profilecontainer .dltabsview .nav-tabs .nav-item .nav-link{font-size: 18px; padding: 15px 30px;}
.triplist .triplistlt h5{font-size: 20px;}
.triplist .triplistlt .date{font-size: 18px;}
.triplist .triplistlt p{font-size: 16px;}
.profilecontainer .profilerightouter h3{font-size: 26px;}
.profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 54px; font-size: 16px;}
.profilecontainer .form-group label{font-size: 15px;}
.profilecontainer .profilerightouter h4{font-size: 26px;}
.profilecontainer .profilerightouter p{font-size: 15px;}

.chatouter{height: calc(100vh - 115px);}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct h5{font-size: 22px;}
.chatouter .chatlt .chatltinner .chatltheading{font-size: 20px; min-height: 69px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg img{width: 44px; height: 44px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{font-size: 16px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg{min-width: 44px; max-width: 44px; height: 44px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg{min-width: 44px; max-width: 44px; height: 44px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct h5{font-size: 18px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct p{font-size: 16px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct .daytext{font-size: 15px;}
.chatouter .chatrt .chatbody .chatmsgbx .form-control{font-size: 15px;}
}

@media (min-width: 1920px) {
.profilecontainer{padding: 168px 0px 70px 0px;}
.profilecontainer .form-group label{font-size: 16px;}
.profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 61px; font-size: 20px;}
.profilecontainer .profilenav .profilenavbtm ul li a{font-size: 20px; padding: 22px 10px 22px 0px;}
.profilecontainer .dltabsview .nav-tabs .nav-item .nav-link{font-size: 18px; padding: 20px 40px; border-radius: 15px;}
.triplist .triplistlt h5{font-size: 18px;}
.triplist .triplistlt .date{font-size: 18px;}
.triplist .triplistlt p{font-size: 18px;}
.triplist .theme-btn{font-size: 16px; padding: 18px 40px;}
.profilecontainer .profilerightouter h3{font-size: 28px;}
.profilecontainer .profilerightouter h4{font-size: 28px;}
.profilecontainer .profilerightouter p{font-size: 18px;}

.chatouter{height: calc(100vh - 123px);}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .theme-btn{max-width: 42px; min-width: 42px; min-height: 42px; font-size: 20px;}
.chatouter .chatlt .chatltinner .chatltheading{font-size: 26px; min-height: 78px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control{font-size: 17px; height: 50px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct h5{font-size: 22px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct p{font-size: 16px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg img{width: 55px; height: 55px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{font-size: 18px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg{min-width: 55px; max-width: 55px; height: 55px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg{min-width: 55px; max-width: 55px; height: 55px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct h5{font-size: 20px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct p{font-size: 17px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct .daytext{font-size: 17px;}
.chatouter .chatrt .chatbody .chatmsgbx .form-control{font-size: 17px;}


}

@media (max-width: 1199px) {
.triplist .triplistlt{width: 100%;}
.profilecontainer{padding: 90px 0px 50px 0px;}


.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct h5{font-size: 14px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct p{font-size: 13px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg{min-width: 40px; max-width: 40px; height: 40px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx{gap: 10px; padding: 7px 7px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{font-size: 13px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg img{width: 35px; height: 35px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistimg{min-width: 40px; max-width: 40px; height: 40px;}
.chatouter .chatlt .chatltinner .chatltheading{font-size: 22px; min-height: 51px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .form-control{height: 38px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltsearch .inputgroup .theme-btn{min-width: 30px; max-width: 30px; min-height: 30px;}


}
@media (min-width: 992px) {

}
@media (max-width: 991px) {
.profilecontainer .profileinner{border-radius: 25px;}
.profilecontainer .profilerightouter{padding: 20px 15px 20px 0px;}
.profilecontainer .profilenav{padding: 15px 0px 30px 15px;}
.chatouter{margin: 0px -5px;}
.chatouter .chatlt{padding: 0px 5px;}
.chatouter .chatrt{padding: 0px 5px;}
.chatouter .chatlt .chatltinner .chatltbody{padding: 10px;}
.chatouter .chatlt .chatltinner .chatltheading{font-size: 14px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx{padding: 5px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct h5{font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistct p{font-size: 12px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg{min-width: 30px; max-width: 30px; height: 30px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg .chatavatar{font-size: 16px;}
.chatouter .chatlt .chatltinner .chatltbody .chatltlistbx .chatltlistimg .onlinebadge{padding: 4px;}
.chatouter .chatrt .chatbody{padding: 10px 5px 0px 10px;}
.chatouter .chatrt .chatbx .chatbxinner{gap: 5px; max-width: calc(100% - 50px);}
.chatouter .chatrt .chatbx .chatbxinner .chatbximg .chatavatar{min-width: 30px; max-width: 30px; height: 30px; font-size: 16px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{padding: 8px 10px;}
.chatouter .chatrt .chatbx .chatbxinner .chatbxcontent .chatbxcontentpt{font-size: 12px;}

}
@media (min-width: 768px){

}
@media (max-width: 767px){
.profilecontainer{padding: 85px 0px 50px 0px;}
.profilecontainer .profileinner{padding: 0px; border-radius: 0px; background: none;}
.profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 44px;}
.profilecontainer .profilerightouter{padding: 15px; background: var(--theme-white); border-radius: 15px;}
.profilecontainer .profilenav{border-right: none; padding: 20px 30px; background: var(--theme-white); border-radius: 15px;}
.profilecontainer .profilenav .profilenavbtm{display: flex;}
.profilecontainer .profilenav .profilenavbtm ul li + li{border: none;}
.profilecontainer .dltabsview .nav-tabs{gap: 4px;}
.triplist .triplistlt .date{font-size: 14px;}

.chatouter{flex-wrap: wrap; margin: 0px;}
.chatouter .chatlt{width: 100%; }
.chatouter .chatrt{width: 100%; padding: 0px;}
.chatouter .chatrt .chartrtheading{padding: 10px 0px 10px 20px;}
.chatouter .chatrt .chatbody{padding: 10px 5px 0px 10px;}
.chatouter .chatrt .chartrtheading .chatltlistbx{gap: 10px;}
.chatouter .chatrt .chartrtheading .chatltlistbx .chatltlistct h5{font-size: 15px;}
.chatouter .chatlt .chatltinner .chatltheading{min-height: initial;}

.profilecontainer .profilenav{position: static; position: -webkit-static;}
.profilecontainer .profilenav .profilenavbtm{position: fixed; top: 0; padding: 30px 20px; flex-direction: column; height: 100%; left: 0; margin-left: -268px; background-size: 200%; background: #fff; background-position: right center; max-height: 100%; overflow: auto; margin-right: 0; transition: all 0.3s; width: 268px; z-index: 102;}
.layout-user .profilecontainer .profilenav .profilenavbtm{margin-left: 0px;}
.layout-user{overflow: hidden;}
.user-overlay{position: fixed; z-index: 100; top: 0; right: 0; height: 100% !important; left: 0; display: none; background: #181C21; opacity: .5; cursor: pointer;}
.layout-user .user-overlay{display: block;}
.profileimageupload .profileimg img{min-width: 60px; max-width: 60px; height: 60px;}
.profileimageupload .profilertcontent .profilename{font-size: 16px;}
.profileimageupload .profileimg .change-photo-btn{right: -4px; top: -4px; width: 22px; height: 22px;}
.profileimageupload .profileimg .change-photo-btn svg{width: 16px;}
.profilecontainer .profilenav{padding: 10px 15px;}
.profilecontainer .profilenav .profilenavtop{display: flex; justify-content: space-between; align-items: center;}
.profilecontainer .profilenav .profilenavtop svg{width: 20px;}
.profilecontainer .form-group{margin-bottom: 15px;}
.profilecontainer .profilenav .profilenavbtm ul li a{padding: 15px 10px 15px 0px;}

}
@media (min-width: 576px){

}
@media (max-width: 575px){
.profilecontainer{padding: 75px 0px 30px 0px;}
.profilecontainer .dltabsview .nav-tabs .nav-item .nav-link{font-size: 13px; padding: 9px 14px;}
.triplist{display: block;}
.triplist .triplistrt{padding: 7px 0px 0px 0px;}
.triplistlt .triplistimg{max-width: 100%; min-width: 100%;}
.profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 38px; font-size: 13px;}
.profilecontainer .form-group .css-13cymwt-control, .profilecontainer .form-group .css-t3ipsp-control{height: 38px; font-size: 13px;}
.profilecontainer .profilerightouter h3{font-size: 18px;}
.profilecontainer .profilerightouter p{font-size: 13px;}
}

@media (max-width: 440px){

}
@media (max-width: 360px){

}


/*
	font-family: "Poppins", sans-serif;
*/