body > div.page > aside{
    background: #333333 !important;
}
body > div.page > header{
   background: #333333 !important;  
}
#navbar-menu > ul > li > a{
color:white;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-header > div > div > div.col-auto > div{
    display:none;
}
body > section.site-section.md\:opacity-0.md\:translate-y-8.transition-all.duration-700.\[\&\.lqd-is-in-view\]\:opacity-100.\[\&\.lqd-is-in-view\]\:translate-y-0.lqd-is-in-view > div > div > div > div.mb-9.lqd-tabs-triggers.max-lg\:grid-cols-3.max-lg\:gap-4.max-md\:grid-cols-2.max-sm\:grid-cols-1.grid.justify-between.grid-cols-5.gap-4 > button.transition-all.p-7.text-\[1\.25rem\].text-center.border.rounded-xl.font-oneset.font-medium.hover\:text-heading.\[\&\.lqd-is-active\]\:bg-white.\[\&\.lqd-is-active\]\:text-heading.\[\&\.lqd-is-active\]\:border-white.\[\&\.lqd-is-active\]\:shadow-lg.lqd-is-active{
    font-size: 16px;
    padding: 16px;
    height: 100px;
}
body > section.site-section.md\:opacity-0.md\:translate-y-8.transition-all.duration-700.\[\&\.lqd-is-in-view\]\:opacity-100.\[\&\.lqd-is-in-view\]\:translate-y-0.lqd-is-in-view > div > div > div > div.mb-9.lqd-tabs-triggers.max-lg\:grid-cols-3.max-lg\:gap-4.max-md\:grid-cols-2.max-sm\:grid-cols-1.grid.justify-between.grid-cols-5.gap-4 > button{
      font-size: 16px;
    padding: 16px;
    height: 100px;
}
#chat_form > div > div.relative.flex.items-center.grow{
    border: 1px solid #333333;
    border-radius: 100px;
}
#chats-list-container{
    border-right: 1px solid #8080801a;
    border-radius: 5px;
}
#stop_button{
    background:#e65858;
}
#prompt{
    font-size: 14px;
    font-weight: bold;
    color: rgb(51, 51, 51) !important;
}
#testimonials > div.container.relative > div > div > div.mb-20{
    display:none;
}
body > header{
    background: #333333 !important;   
}
#myBtnn > a{
        border: #13c29f solid 2px;
    border-radius: 15px;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-body.pt-8 > div > div > div.col-12 > div > div > div > div.col-12.col-md-6.col-lg-5.max-md\:mb-4 > a{
    width: 100%;
    background: #1ca685;
    color: white;
    font-weight: bold;
     margin-top: 5px;
    margin-bottom: 5px;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-body > div > div > div.col-12 > div > div > div > div.col-12.col-md-6.col-lg-5.max-md\:mb-4 > a{
    width: 100%;
    background: #1ca685;
    color: white;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
#navbar-menu > ul > li > div > span{
 color:#13c29f ; 
 font-weight:bold;
 font-size:12px;
}

body > div.page > span{
    display:none;
}
body > div.page > header > div > div.navbar-nav.flex-row.justify-end.max-lg\:basis-\[65\%\] > div > div.nav-item.dropdown{
    margin-left:15px;
    margin-right:15px;
}
#navbar-menu > ul > li > hr{
    border-color: #616876 !important;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-header > div > div.col-lg-8.col-md-8.col-xl-8{
    display:none;
}
.form-label {
    font-weight: bold !important;
}
#article_title{
     border-color: #13c29f !important;
    border-width: 2px !important;
}
#focus_keywords{
     border-color: #f5afaf !important;
    border-width: 2px !important;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-body.pt-6 > div > div > div.col-sm-6.col-lg-5.lg\:pr-14 > div{
    display:none !important;
}
#navbar-menu > ul > li:nth-child(43) > div:nth-child(3) > div > p.mb-\[0\.75em\]{
    color:white !important;
}
#navbar-menu > ul > li > div{
     color:white ;
}
.navbar .navbar-toggler {
     color:white ;  
}
body > div.page > header > div > div.navbar-nav.flex-row.justify-end.max-lg\:basis-\[65\%\] > div > div.hidden.items-center.max-lg\:flex > a > svg{
   color:white;  
}
body > div.page > header > div > div.navbar-nav.flex-row.justify-end.max-lg\:basis-\[65\%\] > div > div:nth-child(3) > a > svg{
    color:white;
}
.nav-link-icon{
    color:white !important;
}
.navbar-vertical .nav-link-icon {
    stroke: white !important;
}
#navbar-menu > ul > li:nth-child(34) > div.px-\[1\.428rem\] > div.flex.flex-col.mb-2 > div{
    color:white;
}
#navbar-menu > ul > li:nth-child(35) > div:nth-child(3) > div > p.mb-\[0\.75em\]{
    color:white !important;
}
body > div.page > div.page-wrapper.overflow-hidden > div > div.page-body.pt-6 > div > div.dgrid.hidden > div > article > footer{
    background:lightgrey;
}
body > div.page.page-auth.page-login > div:nth-child(2) > div > div:nth-child(1) > div > div > div:nth-child(5){
    font-size:16px;
    font-weight:bold;
}
#LoginFormButton{
     background: #333333;
}
#RegisterFormButton{
    background: #333333; 
}
#workbook_textarea > div.border-solid.border-t.border-r-0.border-b-0.border-l-0.border-\[var\(--tblr-border-color\)\].pt-\[30px\].mt-\[15px\] > form > div:nth-child(1) > input{
   border: #e4e6ea solid 1px !important;
    padding: 10px;
}
#templates > div > div > div.flex.flex-col.items-center > div{
      box-shadow: 0 4px 10px 0 #dfe6e9, 0 6px 20px 0 #dfe6e9;
}
#order > div > div > div > div{
     box-shadow: 0 4px 10px 0 #dfe6e9, 0 6px 20px 0 #dfe6e9;
}

*{
  font-family: 'Tajawal' !important; 
    
}
body {
    font-family: 'Tajawal' !important;  
      background: white !important;
}
#pricing > div > div > div.mt-9.flex.justify-center{
    display:none;
}
#banner > div.banner-divider.absolute.-bottom-\[2px\].inset-x-0 > svg{
    fill:white;
    background:white;
}


body > div.page.page-auth.page-register > div:nth-child(2) > div > div.flex.flex-col.justify-center.col-lg-6.lg\:pt-32.lg\:pb-20 > div > div > div.container-tight > form > div.mb-\[25px\]{
    display:none;
}
.banner-bg {
     background: url('https://ibtikarai.com/public/assets/custom/df.png');
      background-size: contain;
 
}

body > div.flex.items-center.justify-center.px-3.h-12.absolute.inset-x-0.top-0.z-50.bg-\[\#343C57\].text-center.text-white.text-sm.bg-cover.bg-blend-luminosity.opacity-0.transition-all.duration-500.group-\[\.page-loaded\]\/body\:opacity-100{
     background-color:#333333;
}

#banner > div.container.relative > div > div.transition-all.delay-\[500ms\].opacity-0.translate-y-3.group-\[\.page-loaded\]\/body\:opacity-100.group-\[\.page-loaded\]\/body\:translate-y-0 > a{
       color:darkgrey;
  

}

body > div.page > div.page-wrapper.overflow-hidden > div.page-body.page-generator.pt-6 > div > div > div.col-12.flex-column > div > div > div.mb-3 > div > div.form-selectgroup.flex.flex-row > label > h3{
    display:none;
}
#pricing > div > div > div.lqd-tabs.text-center > div.lqd-tabs-triggers.inline-flex.flex-wrap.gap-2.mx-auto.mb-9.text-\[15px\].font-medium.leading-none.border.rounded-md > button > span{
      color:#333333; 
  background: #13c29f;
}
#templates > div > div > div > div.grid.grid-cols-3.gap-4.templates-cards.max-h-\[28rem\].overflow-hidden.max-lg\:grid-cols-2.max-md\:grid-cols-1 > div > figure > a > span{
     color:#333333; 
  background: #13c29f;
}
#templates > div > div > div > div.grid.grid-cols-3.gap-4.templates-cards.max-h-\[28rem\].overflow-hidden.max-lg\:grid-cols-2.max-md\:grid-cols-1 > div > figure > a > span > svg{
    fill:#333333
}
#templates > div > div > div.relative.z-20.mt-2.text-center > button > span.inline-grid.rounded-lg.place-content-center.w-7.h-7.bg-\[\#885EFE\].bg-opacity-10.mr-1{
   color:#333333; 
  background: #13c29f;
}
#templates > div > div > div.relative.z-20.mt-2.text-center > button > span.inline-grid.place-content-center.px-2.h-7.bg-\[\#885EFE\].bg-opacity-10.rounded-lg{
   color:#333333; 
  background: #13c29f;
}
body > footer > div.absolute.inset-0{
        background: #333333 !important;
}
body > footer > div.relative > div.container.mb-28 > div{
    color:white; 
}
body > footer > div.relative > div.container.mb-28 > div > p.text-\[100px\].font-bold.font-oneset.leading-none.tracking-tight.mb-8.text-transparent.bg-clip-text.bg-gradient-to-br.from-transparent.-from-\[5\%\].to-white.to-50\%.max-sm\:text-\[18vw\]{
     background:#13c29f; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#banner > div.container.relative > div > div.banner-title-wrap.relative > h1 > span > span{
     background:white; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   height:100px;
}
#banner > div.container.relative > div > div.banner-title-wrap.relative > h1{
   background:#13c29f; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding:10px;
  font-size:100px;
 
}
#blog > div > div > div.flex.justify-center > a > div{
   color:#333333; 
  background: #13c29f;
}
#features > section > div > div > div > div.mb-9.lqd-tabs-triggers.max-lg\:grid-cols-3.max-lg\:gap-4.max-md\:grid-cols-2.max-sm\:grid-cols-1.grid.justify-between.grid-cols-5.gap-8{
    gap:0.5rem;
   
}
#features > section > div > div > div > div.mb-9.lqd-tabs-triggers.max-lg\:grid-cols-3.max-lg\:gap-4.max-md\:grid-cols-2.max-sm\:grid-cols-1.grid.justify-between.grid-cols-5.gap-8 > button{
      font-size:15px !important;
}
div > div.w-\[47\%\].p-8.shadow-lg.rounded-xl.flex.flex-col.items-start.max-md\:w-full > h6{
     background:#13c29f; 
}
div > div.w-\[47\%\].p-8.shadow-lg.rounded-xl.flex.flex-col.items-start.max-md\:w-full > h6 > span.opacity-50{
    color:white;
     opacity:100;
}
#frontend-local-navbar > div.site-nav-container.basis-1\/3.transition-all.max-lg\:w-full.max-lg\:absolute.max-lg\:top-full.max-lg\:right-0.max-lg\:bg-\[\#343C57\].max-lg\:text-white.max-lg\:overflow-hidden.max-lg\:max-h-0.\[\&\.lqd-is-active\]\:max-lg\:max-h-\[calc\(100vh-150px\)\] > div > ul{
    gap:2.5rem;
}

#how-it-works > div > div{
      background:#333333 !important; 
      color: white !important;
}
#how-it-works > div > div > div.mb-14.max-xl\:w-1\/2.max-lg\:w-8\/12.max-md\:w-full.w-2\/5.mx-auto.text-center > h2{
     background:#13c29f; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pricing-monthly > div > div > a{
    color: white;
    background: gray;
 
}
#how-it-works > div > div > div.gap-7.max-md\:grid-cols-1.grid.grid-cols-3.mb-20 > div > span{
      border: 1px solid #33e395;
}

#how-it-works > div > div > div.flex.justify-center.text-\[\#A2B2C9\]{
     background:#13c29f; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    
}
#pricing-monthly > div > div > ul > li > span{
   color: white;
    background: #13c29f;
}
#pricing > div > div > div.lqd-tabs.text-center > div.lqd-tabs-triggers.inline-flex.flex-wrap.gap-2.mx-auto.mb-9.text-\[15px\].font-medium.leading-none.border.rounded-md{
    display:none;
}
#faq > div > div > header > h6{
  color:#333333; 
  background: #13c29f;   
}

#templates > div > div > header > h6{
    color:#333333; 
  background: #13c29f; 
}


#templates > div > div > div > div.grid.grid-cols-3.gap-4.templates-cards.overflow-hidden.max-lg\:grid-cols-2.max-md\:grid-cols-1 > div > figure > span{
     background: #8e8e8e;   
}
#templates > div > div > div > div.grid.grid-cols-3.gap-4.templates-cards.overflow-hidden.max-lg\:grid-cols-2.max-md\:grid-cols-1 > div > figure > span > svg{
       fill:#00ffcb
}
#templates > div > div > div > div.grid.grid-cols-3.gap-4.templates-cards.overflow-hidden.max-lg\:grid-cols-2.max-md\:grid-cols-1 > div{
    background:#F0F0F0;
}
#templates > div > div > div > div.grid.grid-cols-3.gap-4.templates-cards.overflow-hidden.max-lg\:grid-cols-2.max-md\:grid-cols-1 > div{
    background:#F0F0F0;
}

#faq > div > div{
      background:#333333;
    color:white;
}
#faq > div > div > header > h2{
   background:#13c29f; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

#faq > div > div > div > div > button{
         color: ghostwhite;
    font-size: 16px;
    border-bottom-width:0px;
}
#features > section.site-section.pb-20.pt-32.md\:opacity-0.md\:translate-y-8.transition-all.duration-700.\[\&\.lqd-is-in-view\]\:opacity-100.\[\&\.lqd-is-in-view\]\:translate-y-0.lqd-is-in-view > div > div > div > div.grid.place-items-center.shrink-0.w-11.h-11.rounded-lg.bg-box-icon-bg.text-heading.transition-all.group-hover\:scale-125.group-hover\:shadow-xl.group-hover\:bg-black.group-hover\:text-white{
      background:#13c29f; 
}
#banner > div.container.relative > div > div.transition-all.delay-\[450ms\].opacity-0.translate-y-3.group-\[\.page-loaded\]\/body\:opacity-100.group-\[\.page-loaded\]\/body\:translate-y-0 > a{
  background:white;   
  border-color:#13c29f;
}
#banner > div.container.relative > div > div.transition-all.delay-\[450ms\].opacity-0.translate-y-3.group-\[\.page-loaded\]\/body\:opacity-100.group-\[\.page-loaded\]\/body\:translate-y-0 > a > span{
     background:#13c29f; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}

#blog > div > div > header > h6{
      background:#13c29f; 
      color:#333333;
}
#faq > div > div > div > div > button > div{
      color:#00ffcb; 
      border-color:#00ffcb;
      border-width:0px;
     
}
#faq > div > div > div > div >.lqd-is-active{
    border-bottom-width:1px;
    border-color:#00ffcb;
}
.lqd-accordion-content {
     border-bottom-width:1px;
    border-color:#00ffcb;
}

#faq > div > div > header > p{
        color: gray;
    font-size: 14px;
}
#faq > div > div > header > h6 > span.opacity-50{
    opacity:0.7;
}


body > .lqd-is-sticky {
     background:linear-gradient(122deg, #333333 35%, #333333 100%); 
     color:white;
}
#frontend-local-navbar > div.site-nav-container.basis-1\/3.transition-all.max-lg\:w-full.max-lg\:absolute.max-lg\:top-full.max-lg\:right-0.max-lg\:bg-\[\#343C57\].max-lg\:text-white.max-lg\:overflow-hidden.max-lg\:max-h-0.\[\&\.lqd-is-active\]\:max-lg\:max-h-\[calc\(100vh-150px\)\] > div > ul > li > a{
      color:white;
      font-size:14px;
      font-weight:bold;
}
#pricing-monthly > div > div > ul{
        text-align: start;

}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > div.hidden.md\:block.relative.group > button{
    color:#222222;
    border-color: #222222;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > div.mx-3 > a{
     color:white;
      background:#222222; 
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > div.hidden.md\:block.relative.group > button:hover{
    background:#333333;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > div.hidden.md\:block.relative.group > button:focus{
    background:#333333;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > div.hidden.md\:block.relative.group > button:active{
    background:#333333;
}

#testimonials > div.container.relative > div > header > h6{
  color:#333333; 
  background: #13c29f; 
}
#blog > div > header > h6{
  color:#333333; 
  background: #13c29f;   
}
body > footer > div.absolute.inset-x-0.-top-px{
    display:none;
}
.\[\&\.active\]\:before\:opacity-10.active:before{
    opacity: 0;
}
#order > div > div > header > h6{
    color:#333333; 
  background: #13c29f;  
}
#pricing-monthly > div > div > h6{
    font-size:16px;
}
#myBtnn > a > span{
   color:#333333; 
  background: #13c29f;  
}
#frontend-local-navbar > div.site-nav-container.basis-1\/3.transition-all.max-lg\:w-full.max-lg\:absolute.max-lg\:top-full.max-lg\:right-0.max-lg\:bg-\[\#343C57\].max-lg\:text-white.max-lg\:overflow-hidden.max-lg\:max-h-0.\[\&\.lqd-is-active\]\:max-lg\:max-h-\[calc\(100vh-150px\)\] > div > ul > li:nth-child(6) > a{
     color:white;
}
#frontend-local-navbar > div.site-nav-container.basis-1\/3.transition-all.max-lg\:w-full.max-lg\:absolute.max-lg\:top-full.max-lg\:right-0.max-lg\:bg-\[\#343C57\].max-lg\:text-white.max-lg\:overflow-hidden.max-lg\:max-h-0.\[\&\.lqd-is-active\]\:max-lg\:max-h-\[calc\(100vh-150px\)\] > div > ul > li:nth-child(6){
   padding: 10px;
    border-radius: .5rem;
  border: #9b9a9a solid 1px; 
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a.inline-flex.items-center.relative.overflow-hidden.transition-all.duration-300.hover\:scale-105.hover\:shadow-lg.hover\:border-black.hover\:bg-black.hover\:text-white.border-\[2px\].border-white.\!border-opacity-10.group-\[\.lqd-is-sticky\]\/header\:border-black.text-white.group-\[\.lqd-is-sticky\]\/header\:text-black.group-\[\.lqd-is-sticky\]\/header\:hover\:text-white.py-2.px-4.rounded-lg.font-medium{
    color:white;
     border-color:grey;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a.inline-flex.items-center.relative.overflow-hidden.transition-all.duration-300.hover\:scale-105.hover\:shadow-lg.hover\:border-black.hover\:bg-black.hover\:text-white.border-\[2px\].border-white.\!border-opacity-0.bg-white.\!bg-opacity-10.hover\:\!bg-opacity-100.group-\[\.lqd-is-sticky\]\/header\:bg-black.group-\[\.lqd-is-sticky\]\/header\:hover\:\!bg-opacity-100.text-white.group-\[\.lqd-is-sticky\]\/header\:text-black.group-\[\.lqd-is-sticky\]\/header\:hover\:text-white.py-2.px-4.rounded-lg.font-medium{
      color:white;
      border-color:grey;
}
#banner > div.container.relative > div > h6{
    display:none;
}
#banner > div.container.relative > div > div.transition-all.delay-\[500ms\].opacity-0.translate-y-3.group-\[\.page-loaded\]\/body\:opacity-100.group-\[\.page-loaded\]\/body\:translate-y-0{
   display:none;  
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a{
    color:white;
}
#templates > div > div > div.flex.flex-col.items-center > div{
    width: 100%;
    justify-content: center;
    padding: 10px 20px;
    font-size: 12px;
}
#templates > div > div > div.flex.flex-col.items-center > div > button.transition-all.px-4.py-2.rounded-lg.hover\:text-heading.\[\&\.lqd-is-active\]\:text-heading.\[\&\.lqd-is-active\]\:bg-white.\[\&\.lqd-is-active\]\:shadow-xl.lqd-is-active{
    padding:10px;
}
#order > div > div > header > h6{
    display:none;
}
#templates > div > div > header > h6{
     display:none;
}

/*contact form start*/
#order > div > div > div > div.p-8.shadow-lg.flex.flex-col.items-start.max-md\:w-full.border > form > div > label{
    display: block;
    font-weight: 700;
    float: none;
    word-break: break-word;
    word-wrap: break-word;
    padding: 5px 0;
}
#order > div > div > div > div.p-8.shadow-lg.flex.flex-col.items-start.max-md\:w-full.border > form > div{
    padding: 10px 0;
    position: relative;
}
#popular_ai_writter{
    margin-bottom:40px;
    overflow: auto !important;
}
.wrapper {
      display: block; 
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: none;
    font-family: inherit; 
    color: grey !important ;
    padding: 0.55em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: white;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    font-size: 13px;
  /*This part is important for centering*/
  display: grid;
  place-items: center;
}

.typing-demo {
  width: 24ch;
  animation: typing 3s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
  font-size: 13px;
}

@keyframes typing {
  from {
    width: 0
  }
}
#load_chat_area_container{
    width:75% !important;
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}
input {
    border-color:lightgrey !important;
}
#order > div > div > div > div.p-8.shadow-lg.flex.flex-col.items-start.max-md\:w-full.border > form > div > input , textarea{
      display: block; 
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: none;
    font-family: inherit; 
    color: grey !important ;
    padding: 0.55em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: white;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    font-size: 14px;
}
#order > div > div > div > div.p-8.shadow-lg.flex.flex-col.items-start.max-md\:w-full.border > form > button{
     color:white; 
  background: #9b9a9a;   
    width: 100%;
    border-radius: 5px;
    height:45px;
    font-weight:bold;
}
#order > div > div > div > div.p-8.max-md\:w-full.group > div > figure > img{
    height:550px;
}

#order > div > div > div > div.p-8.shadow-lg.flex.flex-col.items-start.max-md\:w-full.border{
    border-radius: 15px;
}
#order > div > div > div > div.p-8.max-md\:w-full.group{
    border-radius: 15px ;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > .lqd-is-sticky {
    background:white;
    color:#333333;
}
#navbar-search > div{
    margin-left:30px;
    margin-right:30px;
}
#navbar-search > div > kbd{
    display:none;
}

/*footer css*/
footer{
   background: #333333;
  padding-top: 60px;
}

.footer .footer_menu{
  display: flex;
  justify-content: space-around;
}

.footer .footer_menu .title{
  margin-bottom: 10px;
  font-weight:bold;
  font-size:16px;
   background:#13c29f; 
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}

.footer .footer_menu ul li a{
  display: block;
  margin-bottom: 8px;
  color: #fff;
  text-decoration: none;
}

.footer .partners ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 55px;
}

.footer .partners li a{
	height: 50px;
  margin: 0 5px;
  color:white;
  text-decoration: none;
}

.footer .social_media{
  text-align: center;
      justify-content: space-evenly;
          padding-top: 45px;
}

.footer .social_media ul{
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.footer .social_media ul li a{
  margin: 0 5px;
  color: #fff;
  height: 50px;
  text-decoration: none;
}
body > div.page > header > div > div.navbar-nav.flex-row.justify-end.max-lg\:basis-\[65\%\] > div > div:nth-child(2) > a.nav-link.items-center.justify-center.px-0.hide-theme-dark.hover\:\!bg-transparent.max-lg\:w-10.max-lg\:h-10.max-lg\:p-0.max-lg\:border.max-lg\:border-solid.max-lg\:border-\[--tblr-border-color\].max-lg\:\!rounded-full.max-lg\:dark\:bg-white.max-lg\:dark\:bg-opacity-\[0\.03\]{
    display:none;
}

body > div.page > div.page-wrapper.overflow-hidden > div.pt-6.page-body{
    padding-top:0px !important;
}
 #myBtnn{
   width: 63% !important;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > button > span > span{
    background-color:white;
}
@media (max-width:768px) {
    #prompt{
        font-size:15px;
        width: 255px !important;
    }
    #load_chat_area_container > div.flex.h-\[82px\].justify-between.border-b.border-l-0.border-r-0.border-t-0.border-solid.border-\[--tblr-border-color\].p-\[20px\].max-sm\:px-4 > div:nth-child(2) > div.flex.gap-2 > div.self-center.lqd-chat-mobile-sidebar-trigger > button{
        display:none;
    }
    #banner > div.container.relative > div > div.banner-title-wrap.relative > h1{
        font-size:75px !important;
    }
    #templates > div > div > div.flex.flex-col.items-center{
        display:none;
    }
    body > div.page > header > div > div.navbar-nav.flex-row.justify-end.max-lg\:basis-\[65\%\] > div > div:nth-child(5) > a > span{
        width:1.5rem !important;
        height:1.5rem !important;
    }
    body > div.page > header{
    height: 50px !important;
    min-height: 55px;
    }
    body > div.page > div.page-wrapper.overflow-hidden > div.page-body.mt-2.relative.after\:h-px.after\:w-full.after\:bg-\[var\(--tblr-body-bg\)\].after\:absolute.after\:top-full.after\:left-0.after\:-mt-px > div > div > div.col-12.col-lg-9 > div.page-header > div > div > div > h2{
        font-size:22px;
    }
    body > div.page > div.page-wrapper.overflow-hidden > div.page-body.mt-2.relative.after\:h-px.after\:w-full.after\:bg-\[var\(--tblr-body-bg\)\].after\:absolute.after\:top-full.after\:left-0.after\:-mt-px > div > div > div.col-12.col-lg-3{
        display:none;
    }
    body > div.page > div.page-wrapper.overflow-hidden > div.page-body.mt-2.relative.after\:h-px.after\:w-full.after\:bg-\[var\(--tblr-body-bg\)\].after\:absolute.after\:top-full.after\:left-0.after\:-mt-px > div > div > div.col-12.col-lg-9 > div > div{
        padding:15px !important;
    }
    #voice_record_button{
        display:none !important;
    }
    body > div.page > div.page-wrapper.overflow-hidden > div > div > div{
        border:none !important;
    }
    #export_chat{
        display:none !important;
    }
    #prompt_library{
        display:none !important;
    }
    #load_chat_area_container > div.flex.flex-col.p-\[20px\].h-\[100px\].border-b-2.border-\[\#f9f9f9\]{
        padding:5px !important;
    }
   #workbook_textarea > div.border-solid.border-t.border-r-0.border-b-0.border-l-0.border-\[var\(--tblr-border-color\)\].pt-\[30px\].mt-\[15px\]{
        margin-top:10px !important;
        height:500px;
    }
    body > div.page > div.page-wrapper.overflow-hidden > div > div.container-xl > div > div > div.flex.justify-content-between > ul{
        display:none;
    }
    #description{
       height:150px;  
    }
    body > div.page > div.page-wrapper.overflow-hidden > div.page-body.pt-6 > div > div > div.col-sm-6.col-lg-5.lg\:pr-14 > div{
        display:none;
    }
    #your_description{
        height:100px !important;
    }
    body > div.page > div.page-wrapper.overflow-hidden > footer{
     display:none !important;
    }
     body > div.page > div.page-wrapper.overflow-hidden > footer > div > div{
        display:none !important;
    }
body > div.page > div.page-wrapper.overflow-hidden > div.page-header > div > div > div > h2{
    font-size:22px;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-header > div > div > div > a{
    display:none;
}
    #frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a.block.py-3.border-b.border-black.border-opacity-5.last\:border-none.transition-colors.hover\:bg-black.hover\:bg-opacity-5{
        display:none;
    }
    body > div.page.page-auth.page-login > div:nth-child(2) > div{
        margin:10px;
    }
    body > div.page.page-auth.page-login > div:nth-child(2) > div > div:nth-child(1) > div > div > div.mt-20.text-center.text-muted{
        margin-top: 10px;
    font-weight: bold;
    }
    body > div.page.page-auth.page-register > div:nth-child(2) > div > div.flex.flex-col.justify-center.col-lg-6.lg\:pt-32.lg\:pb-20 > div > div > div.mt-10.text-center.text-muted{
          margin-top: 10px;
    font-weight: bold;
    }
    body > div.page.page-auth.page-register > div:nth-child(2) > div{
       margin:10px;  
    }
    #myBtnn{
    display: block;
    width:100% !important;
    bottom: 5px;
    }
    #myBtnn > a > div{
    width: -webkit-fill-available;
    text-align: center;
    }
    #frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a.inline-flex.items-center.relative.overflow-hidden.transition-all.duration-300.hover\:scale-105.hover\:shadow-lg.hover\:border-black.hover\:bg-black.hover\:text-white.border-\[2px\].border-white.\!border-opacity-0.bg-white.\!bg-opacity-10.hover\:\!bg-opacity-100.group-\[\.lqd-is-sticky\]\/header\:bg-black.group-\[\.lqd-is-sticky\]\/header\:hover\:\!bg-opacity-100.text-white.group-\[\.lqd-is-sticky\]\/header\:text-black.group-\[\.lqd-is-sticky\]\/header\:hover\:text-white.py-2.px-4.rounded-lg.font-medium{
        display:none;
    }
    #templates > div > div > div.flex.flex-col.items-center > div {
    width: 100%;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
     font-size: 12px; 
}
#chat_form{
    position: fixed;
    padding-bottom: 64px;
    gap: 3px !important;
}
 body > div.page > nav{
        height:3.5rem;
    }
#stop_button{
        width: 38px;
    height: 38px;
    padding: 10px;
    margin: 2px;
}
#send_message_button{
        width: 38px;
    height: 38px;
    padding: 10px;
    margin: 2px;
}
#prompt{
 
    padding-right:10px;
     padding-left:10px;
    padding-top:12px !important;
    font-size:12px;
    border-radius: 15px !important;
}
.page-wrapper .page-header{
    border-bottom:0px !important;
    padding-bottom:0px !important;
}
body > div.page > div.page-wrapper.overflow-hidden > div.pt-6.page-body{
    padding-top:0px !important;
    margin-top:1px;
}
body > div.page > div.page-wrapper.overflow-hidden > div.page-header{
    margin-top:15px !important;
}
#user_chat_area > div.chats-list-container.flex.flex-col.overflow-hidden.w-1\/4.shrink-0.grow-0.max-md\:w-full.max-md\:h-\[50vh\]{
    display:none;
}
footer {
  padding-top: 0px !important;  
}
#popular_ai_writter_button{
    margin-right:2px;
     margin-left:2px;
}
}
@media (max-width:991px) {
    #load_chat_area_container{
    width:100% !important;
}
  
#frontend-local-navbar > div.site-nav-container.basis-1\/3.transition-all.max-lg\:w-full.max-lg\:absolute.max-lg\:top-full.max-lg\:right-0.max-lg\:bg-\[\#343C57\].max-lg\:text-white.max-lg\:overflow-hidden.max-lg\:max-h-0.\[\&\.lqd-is-active\]\:max-lg\:max-h-\[calc\(100vh-150px\)\].lqd-is-active > div{
     background:#333333;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a.inline-flex.items-center.relative.overflow-hidden.transition-all.duration-300.hover\:scale-105.hover\:shadow-lg.hover\:border-black.hover\:bg-black.hover\:text-white.border-\[2px\].border-white.\!border-opacity-0.bg-white.\!bg-opacity-10.hover\:\!bg-opacity-100.group-\[\.lqd-is-sticky\]\/header\:bg-black.group-\[\.lqd-is-sticky\]\/header\:hover\:\!bg-opacity-100.text-white.group-\[\.lqd-is-sticky\]\/header\:text-black.group-\[\.lqd-is-sticky\]\/header\:hover\:text-white.py-2.px-4.rounded-lg.font-medium > span{
    font-size:12px;
}
#frontend-local-navbar > div.flex.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a.inline-flex.items-center.relative.overflow-hidden.transition-all.duration-300.hover\:scale-105.hover\:shadow-lg.hover\:border-black.hover\:bg-black.hover\:text-white.border-\[2px\].border-white.\!border-opacity-10.group-\[\.lqd-is-sticky\]\/header\:border-black.text-white.group-\[\.lqd-is-sticky\]\/header\:text-black.group-\[\.lqd-is-sticky\]\/header\:hover\:text-white.py-2.px-4.rounded-lg.font-medium > span{
     font-size:12px;
}
body > footer > div.relative > div > div.flex.flex-wrap.items-center.justify-between.gap-8.pt-10.pb-7.max-sm\:justify-center > ul{
    gap:0.75rem;
}
#frontend-local-navbar > div.flex.xs\:hidden.justify-end.gap-2.basis-1\/3.max-lg\:basis-2\/3 > a{
    display:none;
}
      .banner-bg {
    
      background-size: cover;
 
} 
  .footer .footer_menu{
   display:none;
  }
  .footer .footer_menu > div{
    margin: 10px 0;
  }
  .footer .partners ul li a{
    margin: 5px;
  }
  
}