.chat-item {
    position: relative;
    padding: 10px;
}
.delete-btn-hover {
    display: none;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #ef4444;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-family: Estedad-M;
}
.chat-item:hover .delete-btn-hover {
    display: block;
}

.aside-main {  width: var(--asideWidth);   position: fixed;   inset-block-start: 0px; inset-inline-start: 0px; height: 100dvh;}
.admin-logo img { width: 175px; max-width: initial;}
.sideMenu.p1.scroll-bar { overflow-x: hidden; overflow-y: auto;}
.sideMenuList {margin: 0px; list-style: none; padding: 0px;}
.link-hover {  display: flex;  white-space: nowrap;  gap: 10px;  padding: 10px;  border-radius: var(--border-radius); position: relative;}
.link-hover .menuicon { display: flex;  width: 30px;  justify-content: center; align-items: center;  flex: 0 0 30px;}
.link-hover.btn-hover:before {z-index: 2; inset-inline-start:12px; }
.rtl .link-hover.btn-hover:before { inset-inline-start:10px; }

.link-hover * { position: relative; z-index: 1;}
.link-hover:after{content: "";position: absolute;inset-inline-start: 0px;inset-block-start: 0px;width: 0px;border-radius: var(--border-radius);
  -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;opacity: 0;}
.link-hover:is(:hover) { color: var(--linkHover);}
.link-hover:is(.active, .ani-active) { color: var(--linkHover);}
.link-hover:is(:hover):after {height: 100%;width: 100%;background: var(--borderClr); animation: linkHover-animation .3s ease-in-out;}
.submenu{display: none;max-height: 300px;overflow: hidden;overflow-y: auto;}
body:not(.collapse-aside) .submenu.chat-list{padding: 0px 10px 0px 18px;}
.subdropdown {position: relative;}
.subdropdown .dropdown { inset-inline-end: 0px;   inset-block-start: 0px;  height: 45.5px; display: flex;  
 align-items: center;    justify-content: center;    width: 30px;}
.dropdown.open { transform: rotate(90deg);}
.collapse-aside .subdropdown .dropdown {inset-inline-end: -6px;}

.submenu.chat-list h5 {font-weight: 400;padding-block-end: 10px; margin: auto;font-size: 13px;margin-block: 10px;} 
.submenu.chat-list li { color: var(--text-light); font-size: 13px; }

 


/* DEMO-SPECIFIC STYLES */

 .ani-active p:after{content: "";position: absolute;inset-inline-end: 0px;inset-block-end: 4px;width: 6px;height: 6px;
    border-radius: 100%;background: var(--linkHover); animation: anidot .3s ease-in-out;  transition-delay:.8s;  }
 .ani-active p { padding-inline-end: 11px; animation:  typing 1.0s steps(30, end),    blink-caret .1s step-end infinite; }
@keyframes typing { from { width: 0 }  to { width: 92px }}
@keyframes anidot { from { opacity: 0 }  to { opacity:1 }}

/* top header */
.admin-logo { height: 82px; }
.calogo{ opacity: 0;  position: absolute;  max-width: 54px !important;}
.collapse-aside .calogo-hide{opacity: 0;}
.collapse-aside .calogo{opacity: 1}
.header {position: fixed;inset-block-start: 0px;inset-inline-end: 0;  width: calc(100% - var(--asideWidth));   height: 82px;
  padding: 0px 20px;border-bottom: 1px solid var(--borderClr); z-index: 99;} 
.logo img { width: 175px;}
.collapse-btn span { width: 15px;   min-width: 15px;    height: 7px;    border: 1px solid var(--primary-textclr);
    border-radius: var(--border-radius); transform: translateX(-2px);}
.collapse-btn span:last-child {transform: translateX(2px);}
.avtar-icon.object-fit { width: 40px;  height: 40px; border-radius: 100%;}
.dropdown-item { position: absolute;  z-index: 1;  inset-inline-start: 0px;   border-radius: 10px;   border: 1px solid var(--borderClr);   background: var(--bgdark);   box-shadow: var(--boxshadow);
    width: 250px;padding: 15px 10px;inset-block-start: 100%;  margin-block-start: 15px;  opacity: 0;   display: none;
    animation: slidedown .5s ease-in-out;  inset-inline-end: 0px;    inset-inline-start: auto;    max-height: 375px;  
     overflow-y: auto; }
.dropdown-item .link-hover {  padding: 5px 10px;}     
/*.header  .dropdown-item{inset-inline-start: -210px;}*/
.dropdown-item.dropdown-item-lg { width: 350px;}
.di-style-2 li { padding:  8px; border-radius: 5px; background: var(--bgsite); } 
.di-style-2 .overview_widget_txt h4 { font-size: 14px; } 
.di-style-2 .overview_widget_txt p { font-size: 11px; margin-block-end:0px; } 
.di-style-2  .overview_widget_txt .date { font-size: 11px; } 
.di-style-2 li .text-right { line-height: normal; } 
.di-style-2 li:not(last-child) { margin-block-end: 10px; } 
.di-style-2 li .card_item_icon { font-size: 12px; flex: 0 0 35px; width: 35px; height: 35px; font-weight: 600; }

.dropdown-menu.open .dropdown-item,
.dropdown-menu.open + .dropdown-item {  display: block;  opacity: 1; }

.dropdown-menu { position: relative; cursor: pointer;}
.slidedown {animation: slidedown .5s ease-in-out; }
.d-flex .avtar-icon.object-fit {  flex: 0 0 40px;}
.usrinfo h5 { margin-block-end: 3px;}
.usrinfo p { font-size: 11px;   color: #a6a2a2;}


.content-wrapper { padding-inline-start: var(--asideWidth); padding-block-start: 80px; height: 100dvh; } 
.aichat_prompt { padding: 30px; height: 100%; width: min(100%, 920px); margin: auto;} 
.cp_head {  border-bottom: 1px solid var(--borderClr);   margin-block-end: 15px;    padding-block-end: 15px;
position: relative;}
.cp_head .dropdown-item { inset-block-start: 100%; inset-inline-end: 0px; inset-inline-start: auto; margin: 0px;
width: 180px;}

.cp_body { padding-block-start: 20px; flex: 1; overflow-y: auto; }
.chat_content  .avtar-icon { display: flex; width: 35px; height: 35px; flex: 0 0 35px !important;   border: 1px solid var(--borderClr); border-radius: 100%; justify-content: center; align-items: center; } 
.txt { background: var(--btn-bg);  padding: 15px; border-radius: 10px; border: 1px solid var(--borderClr);
     color: var(--primary-textclr);max-width: 95%; }
.txt p, 
.txt ul, 
.txt ol { margin-bottom: 15px; } 
.txt ol li:not(last-child) { margin-bottom: 15px; } 
.txt ul, .txt ol { list-style: auto; padding-inline-start: 15px; } 
.txt *:last-child { margin-bottom: 0px; } 
.videoContainer { aspect-ratio: 16/9; position: relative;   max-width: 350px;overflow: hidden;border-radius: 10px;}
.videoContainer iframe {position: absolute;inset-block-start: 0;inset-inline-start: 0;width: 100%;height: 100%;}

.chat_content.chat_qus .avtar-icon { order: 2; }
.chat_content {  width: min(100%, 820px); position: relative;}
.chat_content.chat_qus{ width: min(100%, 760px);}
.cp_chatInfo { font-size: 12px;   inset-block-end: -20px;}

.prompt_textarea { width: 100%; flex: 1; display: flex; border:  1px solid var(--borderClr); border-radius: 10px; padding: 10px; } 
.prompt_textarea .form-control { width: 100%; display: block; background: transparent !important; border: none !important; 
    max-height:210px; height: auto; color: var(--primary-textclr); line-height: normal; outline: none !important;  
    font-family: Estedad-M; padding:0px;  } 
.prompt_textarea .form-control:focus { border: none !important; background: transparent; } 
.cp_footer  button.custom-btn { margin-block-start: auto; }

.chat_content.chat_ans {animation: slideDownani .3s ease-in-out;  transition-delay: .3s;}
.chat_content.chat_qus  {animation: slideupani .3s ease-in-out;  transition-delay: .3s;}

/*removebg */
.main-section {padding: 40px 0px;}
.videoPosition { aspect-ratio: 16/9; width: 350px; overflow: hidden; position: relative; border-radius: 10px; } 
.videoPosition video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.head_txt h1 { font-size: 50px;}
.head_txt p{font-size: 18px;}
.fileUpload-area { background: var(--bgdark); width: min(100%, 500px);height: 320px;padding: 20px;border-radius: 15px;
    position: relative;margin: auto;}
.rbfile { position: absolute; inset: 0; opacity: 0; cursor: pointer; } 
.imgicon { font-size: 80px; line-height: 1; } 
.rbfile_txt h4 { margin-block-end: 5px; font-size: 20px; } 
.rbfile_txt p { font-size: 11px; }
.dark .fileUpload-area { background: var(--btn-bg-hover); }

/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button {background-color: #170df2 !important;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 10px;height: 10px;border: 1px solid #fff !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #000 !important;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button { width: 50px; min-width: auto; height: 50px; position: relative; overflow: hidden;border: 1px solid #fff !important; color: #fff !important;pointer-events: all;}
.owl-nav button span {position: absolute;  z-index: 1;   min-width: auto;
    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    line-height: 1;    font-size: 20px;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}

 .scroll-bar::-webkit-scrollbar{display: none;}
 ::-webkit-scrollbar{display: none;}

 .usredit_Img.br-10 { position: absolute; } 
.modal-img { width: min(100%, 400px); position: relative; height: 340px; } 
.modal-img .usredit_Img { position: absolute; top: 50%; left: 50%;    width: auto;  height: auto; transform: translate(-50% , -50%); } 
.modal-img img.imgWallpaper { width: 100%; height: 100%; object-fit: cover; }
.custom_wall_list li.bgwallimg { flex: 0 0 80px; height: 80px; overflow: hidden; margin-block-end: 5px;
    border-radius: 5px; } 
.custom_wall_list li.bgwallimg img { width: 100%; height: 100%; object-fit: cover; } 
.custom_wall_list { margin-block-end: 15px; } .bgwallpaper .fill-btn { margin-block-end: 20px; }

.img-generation-section .aichat_prompt {  margin: 0px;}
.fs-16{font-size: 16px;}
.aiimg_box .aiimg-item {  flex: 1; position: relative;}
.radio_btn { position: relative; padding: 3px 16px; background: var(--bgsite); border-radius: 3px; font-size: 12px;
cursor:pointer; cursor: pointer; display: flex; min-width: 50px; justify-content: center;} 
.slt-version { width: min(100%,  250px); } 
.radio_btn input { position: absolute; opacity: 0; pointer-events: none; } 
.radio_btn:has(input[type="radio"]:checked) { background: var(--linkHover); }

.aichat_prompt.w-70 {width: 70%;}
.widget_item { padding-block-end: 15px;  margin-block-end: 15px;   border-bottom: 1px solid var(--borderClr);}
.widget_item_img.object-fit { width: 25px; height: 25px; border-radius: 100%; position: absolute; top: 0px; } 
.widget_item_txt h4 { padding-inline-start: 32px; margin-block-end: 4px; } 
.widget_item_txt { position: relative; padding-top: 5px; font-size: 12px; }
.aiimg-item-single{width: 100%;}
.aiimg-item-single img{max-width: 250px;}

.ai-img-action button:not(.custom-btn) {  font-size: 13px;  padding: 4px 8px; height: 30px;}
.ai-img-action button.btn-hover { height: 30px;  width: 30px;}
.widget_item .aiimg_box .aiimg-item {flex: 0 0 60px;}
.widget_item .aiimg_box .aiimg-item img { height: 100%;}
.widget_item .aiimg_box .aiimg-item img { border-radius: 5px;}
.sidebar_right { height: calc(100vh - 165px);   overflow-x: auto;}
.prompt_textarea.bo-none textarea { font-size: 20px;  resize: none;}
 
.usredit_Img { width: 100px;  height: 100px; border-radius: 100%; flex: 0 0 100px;}
.filed label {  display: block; margin-block-end: 5px;}
.filed {margin-block-end: 20px;}
.filed-sm {float: left;   width: 50%;    padding-inline: 7px;}
.filed .filed-sm:first-child {padding-inline-start: 0px;}

.as_body{overflow: hidden;}
.step-form { width: 422px; flex:  0 0 422px; padding: 0px 2px;   -webkit-transition: all .3s;    -moz-transition: all .3s;
    -o-transition: all .3s;    transition: all .3s;}
.collapse-password #ac_step-1 {  transform: translateX(-100%);}

 #prv-step { display: none;}
.back_btn_active #prv-step { display: inline-block;}
.form-btn button#next-step span:last-child { display: none;}
.back_btn_active button#next-step span:first-child { display: none;}
.back_btn_active button#next-step span:last-child { display: inline-block;}
.form-btn  button {  min-width: 115px;}

/* Login singup */
.account-container{position: relative;}
.login-box { position: relative;   width: 493px; min-height: 420px; box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.08), 25px 35px 20px rgba(0,0,0,0.05), 25px 30px 30px rgba(0,0,0,0.05), inset -20px -20px 25px rgba(255,255,255,0.9);
        transition: 0.5s; padding: 80px; border-radius: 51% 49% 44% 56% / 52% 30% 70% 48%;}
.login-box:hover {border-radius: 50%;}       
.account-wrapper  {  background: var(--bgdark); min-height: 100dvh;  padding: 40px 0px 60px;}
.ds-btn{ position: absolute; right:0px; bottom: 0; width: 155px; height: 119px; background: rgb(227, 84, 208); 
    display: flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; color: #3c3c3e; 
    line-height: 1.2em; letter-spacing: 0.1em; font-size: 0.8em; transition: 0.25s; text-align: center; color: var(--whiteclr); 
    box-shadow: inset 10px 10px 10px rgba(190, 1, 254, 0.05) , 15px 25px 10px rgba(190, 1, 254, 0.1), 
    15px 20px 20px rgba(190, 1 ,254 , 0.1), inset -10px -10px 15px rgba(255, 255, 255, 0.5); 
    border-radius:34% 66% 65% 35% / 57% 58% 42% 43%  ; } 
.ds-btn:hover{ border-radius: 50%; color: var(--whiteclr);} 
.ds-btn:before { content: ''; position: absolute; width: 20px; top: 15px; left: 30px; height: 20px; border-radius: 50%; background:var(--whiteclr); opacity: 0.45; } 
.ds-btn.ds-btn2{ width: 95px; height: 84px; bottom: 200px; right: 0px; border-radius: 55% 45% 36% 64% / 38% 67% 33% 62%; 
    background: rgb(244, 188, 20); box-shadow: inset 10px 10px 10px rgba(177, 147, 48, 0.58) , 
    15px 25px 10px rgba(239, 163, 18, 0.31), 15px 20px 20px rgba(183, 164, 109, 0.39), 
    inset -10px -10px 15px rgba(255, 255, 255, 0.1); } 
.ds-btn2:hover{ border-radius: 50%; } 
.ds-btn2:before{ width: 15px; height: 15px; left: 20px; }
.ds-btn-box{ box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1), inset -2px -5px 10px var(--bglight), 15px 15px 10px rgba(0,0,0,0.05), 15px 10px 15px rgba(0,0,0,0.025);
        display: inline-block;    margin: auto;     transition: 0.5s; background-color: var(--linkHover); border-radius: 20px;}
 .ds-btn-box button{ color: var(--whiteclr); font-weight: 500;    letter-spacing: 0.1em;        border: none;
    outline: none;    background: transparent; width: 100%; padding: 7px 30px;} 
 .ds-btn-box button:hover{    padding: 7px 40px;}    
.login-form .form-control { position: relative; box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1), inset -2px -5px 10px var(--bglight), 15px 15px 10px rgba(0,0,0,0.05), 15px 10px 15px rgba(0,0,0,0.025) !important;
    border-radius: 25px;  border: 1px solid var(--linkHover);} 
    
.dark .login-box { box-shadow: inset 25px 36px 38px rgba(0, 0, 0, 0.08), 25px 35px 20px rgba(0, 0, 0, 0.05), 
  25px 30px 30px rgba(0, 0, 0, 0.05), inset -20px -9px 21px rgb(255 255 255 / 12%);  }

.card_item_icon { font-size: 18px; flex: 0 0 52px; width: 50px; height: 50px; background: var(--bglight); border-radius: 100%; }
.card_item_icon i{ font-size: 25px}
.overview_widget_txt span{  display: block;  font-size: 17px; line-height: normal;}
.overview_widget { border: 1px solid var(--borderClr);}
.page_section:not(last-child){margin-bottom: 50px;}

.overview_widget_txt p { font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-block-end: 8px; } 
.overview_widget_txt date { font-size: 11px; font-weight: 700; } 
.overview_widget_txt h4{ font-size: 17px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 5px; }


.tabcontent{display: none;}    

.tab {text-align: center;padding-block-start: 30px;}
.tab ul {background: var(--bglight);display: inline-block;border-radius: 33px;padding: 2px;}
.tab ul li {font-weight: 600;font-size: 15px;line-height: 142.4%;text-align: center; font-family: var(--font-nunito);}
.tab ul li a {
    padding: 8px 18px;
    display: inline-block;
    border-radius: 33px;
    }
.tab ul li a.active {color: var(--link-clr);background: var(--linkHover);}
.package__list{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-gap: 15px;}

.package--pack {border: 1px solid  var(--borderClr);border-radius: 20px;overflow: hidden;}
.package__head {
    text-align: center;
    background: var(--bglight);
    position: relative;
    padding: 30px 35px;
    color: var(--primary-textclr);
    min-height: 249px;
    }
.package__head p {margin-bottom: 0px;}
.package__head button {min-width: 160px;margin-top: 15px;margin-inline: auto;}
.package__content {padding: 12px 10px;}
.pack--block {border-bottom: 1px solid var(--borderClr);padding-bottom: 10px;margin-bottom: 10px;}
.package__content .pack--block:last-child {border: 0px;margin: 0px;padding: 0px;}
.pack--block ul {list-style: none;padding: 0px;margin: 0px;}
.pack--block li {font-size: 16px;position: relative;/* color: #444444; */margin-bottom: 5px;padding-left: 23px;}
.pack--block li.min--heightlist {min-height: 54px;}
.offer--price { font-weight: 700;line-height: normal;}
.offer--price sup {font-size: 10px;font-weight: 700;top: -1.5em;}
.offer--price span {font-size: 48px;vertical-align: middle;}
.offer--price sub {font-size: 12px;font-weight: 400; font-family: var(--font-nunito);}
.pack--block ul li.pack--active:before, 
.pack--block ul li.pack--inactive:before {font-family: remixicon!important; content: "\EB7B";position: absolute;color: #5ACE31;left: 0px;top: 0px;}
.pack--block ul li.pack--inactive:before {color: var(--linkHover);content:"\EB99";}

.outline-btn {border: 2px solid var(--linkHover);background: transparent;color: var(--linkHover);}
.outline-btn:hover {background: var(--linkHover);color: var(--whiteclr) !important;}
.package__head button.outline-btn { padding: 10px 31px;}
.package--heading {font-size: 22px;font-weight: 500;}
.package--tag{background: var(--linkHover);color: var(--whiteclr);font-size: 10px;position: absolute;right: 0px;top: 0px;padding: 2px 12px 2px 20px;}
.package--tag:before { content: "";  width: 0;   height: 0;   border-style: solid;    border-width: 10px 0 10px 9px;
    border-color: transparent transparent transparent var(--bglight);    position: absolute;  left: 0px;   top: 50%; 
      transform: translateY(-50%); }

.account_settings { width: min(502px, 100%);}
.homePage .header { width: 100%;}
.homePage .content-wrapper {padding-inline-start: 0px;}

.gradientHeading { background: -webkit-radial-gradient( var(--primary-textclr), var(--whiteclr));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.dark .gradientHeading { background: -webkit-radial-gradient( var(--linkHover), var(--whiteclr)); 
  -webkit-background-clip: text;   -webkit-text-fill-color: transparent;}
.boatOverview  .overview__head h2 {font-size: 40px;}
.boatOverview .overview__head { margin-block-end: 50px;}
.assist_item {color: var(--primary-textclr);}
.assist_item:is(:hover, :focus) {color: var(--primary-textclr);}
.assist_item:hover { background: var(--btn-bg);  transform: translateY(-10px);}

.assist_item .stroke { position: absolute; inset-inline-end: 15px; inset-block-start: 15px; width: 25px; transition: all .3s; }
.assist_item { position: relative; } 
.assist_item:hover .stroke { inset-inline-end: 10px; inset-block-start: 10px; }



/* footer  */
 
 @keyframes slideDownani {

   0% {
      transform: translateY(-100px);
   }
   100% {
      transform: translateY(0);
   }

 }
 @keyframes slideupani {

   0% {
      transform: translateY(100px);
      opacity: 0;
   }
   100% {
      transform: translateY(0);
      opacity: 1;

   }

 }

 @keyframes slidedown {

   0% {
      transform: translateY(30px);
      opacity: 0;
  }
   100% {
      transform: translateY(0);
      opacity: 1;
  }

 }


 @keyframes slidedown {

   0% {
      transform: translateY(30px);
      opacity: 0;
  }
   100% {
      transform: translateY(0);
      opacity: 1;
  }

 }

 @keyframes linkHover-animation {

   0% {
       opacity: 0;
  }
  50% {
       opacity: 1;
  }
   100% {
       opacity: 0;
  }

 }

 

@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


/* container */
 
.container{margin: auto; padding: 0px 15px;}
 
 
@media (min-width: 767px){ 

.expend-btn{display: none;}


}
 
@media (min-width: 992px){
.container{margin: auto; padding: 0px 40px;}
.main-section { height: calc(100vh - 82px); overflow-x: auto;}
.collapse-aside .sideMenuList .link-hover  p { font-size: 0px; opacity: 0;}
.collapse-aside .submenu.chat-list h5 {  max-width: 25px;}
.sm-hide{display: none;} 

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

}

 
@media (min-width: 1400px){
 

}