@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root{
	--primary-font: 'Manrope';
	--base-font-size: 15px;
	--border-radius: 16px;
  --heading-font-size: 2rem;
	--db-cover-height-medium:300px;
	--db-card-shadow-opacity:0;
	--container-width: 97%;
	--navbar-align-links: center;
	--footer-bg-color: #463acb;
	--footer-fg-color: white;
	--navbar-shadow-opacity: 0;
	--navbar-brand-font-size: 1.6rem;
	
}
.dark-mode{
	 --bg-color: #0b0d0e;
	 --navbar-btn-bg-color: #463acb;
	 --footer-bg-color: #463acb;
}
.navbar-item:hover{
	color: var(--navbar-btn-bg-color) !important;
}
.footer-brand, .footer-item{
	font-weight: 500;
}
.notion-page-icon-image img{
	width: 64px;
}
.bullet-copyright{
	border-top:.1px solid;
	margin-top: 5em;
}
.bullet-copyright{
	font-size: .9rem;
}
nav{
	border-bottom: 1px solid var(--fg-color-0);
}
.column-brand, .footer-brand-container{
	width: 30%;
}
.footer-title{
	font-size: 1rem;
}
.co-webeeui-ps-hero .bullet-2-column{
	 gap: 2rem;
}
.co-webeeui-ps-hero img{
	aspect-ratio: 2/2;
}
.co-webeeui-ps-hero  .notion-callout{
	padding: 3rem;
}
.notion-button  .notion-button-inner,
.notion-form-button
{
	padding: 14px 26px;
	font-size: 1rem;
	margin-top: 1rem;
}
.nav-cta-btn{
	height: 3.3em;
}


.co-webeeui-ps-info>*{
	text-align: center;
}


.co-webeeui-ps-info .notion-page-icon-inline{
	  height: 64px;
    width: 64px;
    max-width: 64px;
    max-height: 64px;
    margin: 1rem auto;
}
.co-webeeui-ps-info .notion-h3{
  font-size: calc(var(--heading3) - .5rem);
}
.co-webeeui-ps-info .notion-row .notion-spacer{
	display: none;
}

.co-webeeui-ps-info .notion-row  .notion-column{
	width: 100% !important;
	padding: 0;
	flex-direction: unset;
}

.co-webeeui-ps-info .notion-row {
	 border: 1px solid var(--fg-color-0);
	 border-radius:var(--border-radius);
	 margin-top: 3rem;
}

@media(min-width: 1024px){
.co-webeeui-ps-info>.notion-callout-text>.notion-text{
	width: 40%;
	margin: 0 auto;
}
.co-webeeui-ps-info .notion-row>:nth-child(3){
	border-left: 1px solid rgb(227, 227, 227);
	border-right: 1px solid rgb(227, 227, 227);
}
.co-webeeui-ps-info .notion-row>:nth-child(3){
	border-left: 1px solid var(--bg-color-0);
	border-right: 1px solid var(--bg-color-0);
}

.co-webeeui-ps-info .notion-row {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr;
}
	
}
.co-webeeui-ps-info .notion-callout{
	 flex-direction: column;
	 border: unset;
	 border-radius: unset;
	 padding: 3rem;
	 padding-top: 1rem;
} 
/* [class*="co-webeeui"] img{
	aspect-ratio: 2/2;
} */
.co-webeeui-ps-features .bullet-2-column{
  align-items: center !important;
}
.co-webeeui-ps-features .notion-column
{
	overflow: visible;
}
.co-webeeui-ps-features .bullet-2-column img{
	padding: 3rem;
	border-radius: 4rem !important;
}

.co-webeeui-ps-support>.notion-callout-text>*{
	width: 100%;
	text-align: center;
}
@media(min-width: 800px){
.co-webeeui-ps-support>.notion-callout-text>.notion-text{
	width: 40%;
	margin: 0 auto;
}
}
.co-webeeui-ps-support .notion-gallery-grid {
	border: unset;
	grid-template-columns: repeat(auto-fill, minmax(348px, 1fr));
}
.co-webeeui-ps-support .notion-collection-card-cover{
	padding: 3rem 3rem 0 3rem;
	background-color: var(--notion-gray_background);
}
.co-webeeui-ps-support .notion-collection-card-body{
	padding: 1rem 3rem 3rem 3rem;
	align-items: center;
}
.co-webeeui-ps-support .notion-page-title-text{
	font-size: var(--heading3);
}
.co-webeeui-ps-support .notion-property-text {
	white-space: pre-wrap;
	font-size: var(--base-font-size);
}
.co-webeeui-ps-support .notion-collection-card {
	border: 1px solid var(--fg-color-0);
}
.co-webeeui-ps-support .notion-collection-card:hover{
	background-color: transparent;
}

.co-webeeui-ps-choose .notion-row{
	align-items: center;
}

@media(min-width: 800px){
	 .co-webeeui-ps-faq .notion-h2{
		width: 50%;
  	margin: 0 auto;
  	display: block;
 	}

}

 .co-webeeui-ps-faq .notion-h2{
text-align: center;
	padding-bottom: 3rem;
 } 
  .co-webeeui-ps-faq{
	margin: 2rem auto;
  }
  .co-webeeui-ps-faq .notion-toggle{
	border-radius: 20px;
	padding: 0 2rem !important;
	margin-bottom: 1rem !important;
  }
  .dark-mode .co-webeeui-ps-faq .notion-toggle:hover{
	  background-color: var(--bg-color-1);
  }
  .dark-mode .co-webeeui-ps-faq .notion-toggle{
  		  border: 1px solid var(--bg-color-1);
  } 
  .co-webeeui-ps-faq .notion-toggle:hover{
	  background-color: var(--fg-color-5);
  }
  .notion-form-select, .notion-form-text-area, .notion-input-text {
  	 color: black;
  }
  .co-webeeui-ps-faq .notion-toggle {
	  border: 1px solid var(--fg-color-0);
	  font-size: 1rem;
	  font-weight: 400;
	  line-height: 21px;
	  margin: 0 auto;
	  padding: 0;
	  position: relative;
	  width: 80%
  }
  
  .co-webeeui-ps-faq summary {
	  list-style: none;
	  list-style-type: none;
	  padding: 31px 0!important;
	  width: 90%
  }
  
  .co-webeeui-ps-faq summary:after {
	  content: "+";
	  font-size: 30px;
	  position: absolute;
	  right: 27px;
	  top: 27px
  }
  
  .co-webeeui-ps-faq details[open] summary:after {
	  content: "-";
	  font-size: 1.875rem;
	  position: absolute;
	  right: 27px;
	  top: 27px
  }
  
  .co-webeeui-ps-faq details>div {
	  font-size: .875rem;
	  font-weight: 400;
	  line-height: 21px;
	  padding-bottom: 20px
  }
  
  .co-webeeui-ps-faq details[open] summary>b {
	  font-size: 2rem;
	  font-weight: 600
  }
  
  .co-webeeui-ps-faq summary>b {
	  font-size: 1.25rem;
	  font-weight: 500!important
  }
  
  @media(max-width:650px){
	.co-webeeui-ps-faq .notion-toggle {
	  width: 100%;
	}
  }

  .co-webeeui-ps-cta{
    opacity: 1;
    margin: 2rem auto;
    position: relative;
}
.co-webeeui-ps-cta *{
  opacity: 1;
}


.co-webeeui-ps-cta .notion-gray_background_co {
  padding: 5rem 2rem;
  border-radius: 20px;
}
  .co-webeeui-ps-cta .notion-gray_background_co .notion-callout-text{
    width: 60%;
    margin: 0 auto;
    text-align: center;
  }

@media(max-width:900px){
  .co-webeeui-ps-cta .notion-gray_background_co .notion-callout-text{
     width: 100%;
  }

}

.co-webeeui-ps-cta .notion-gray_background_co .bullet-2-column>:first-child{
   text-align: center;
}



.co-webeeui-ps-cta .notion-button{
  justify-content: center;
}
.co-webeeui-ps-cta .notion-h2{
     font-size: calc(var(--heading2) * .9);
    margin-top: 0;
}

@media(max-width:800px){
  .co-webeeui-ps-cta{
    padding-left: 0;
    padding-right: 0;
  }
  .column-brand, .footer-brand-container {
    width: 100%;
}
}

.co-webeeui-vertical-slider {
	margin-top: 3rem;
	margin-bottom: 3rem;
  }
  
  .co-webeeui-vertical-slider .notion-collection-card img{
	border-radius: 15px;
  }
  .co-webeeui-vertical-slider .notion-collection-card-cover{
	height: auto;
	aspect-ratio: 2/3;
	border: unset;
  }
  .co-webeeui-vertical-slider {
	  text-align: center;
  }
  .co-webeeui-vertical-slider .notion-collection-card-body *{
	  text-align: start;
  }
  .co-webeeui-vertical-slider{
	  padding: 0;
  }
  
  .co-webeeui-vertical-slider .notion-collection-card-body{
	padding: 0;
	margin-top: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1.3rem;
	backdrop-filter: blur(10px);
	border-bottom-left-radius:15px;
	  border-bottom-right-radius:15px;
  }
  .co-webeeui-vertical-slider .notion-collection-card-body *{
	  color: white;
  }
  
  .co-webeeui-vertical-slider .notion-collection-card{
	margin-bottom: 1rem;
	position:relative;
	box-shadow: unset;
	
  }
  .co-webeeui-vertical-slider .notion-collection-card:hover{
	background: transparent;
  }
  .co-webeeui-vertical-slider .notion-gallery-grid{
	border: unset;
  }
  .co-webeeui-vertical-slider .notion-page-title-text{
	  opacity: 1;
	  font-weight: 800;
  }
  .co-webeeui-vertical-slider .notion-property-text{
	  font-size:.75rem;
	  white-space: pre-wrap;
	  display: -webkit-box;     
	   -webkit-box-orient: vertical;
	   overflow: hidden;         
	   -webkit-line-clamp: 2;     
	   text-overflow: ellipsis; 
  }
  .co-webeeui-vertical-slider .notion-h2{
	margin: 1rem auto;
  }

  .co-webeeui-ps-pricing {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.co-webeeui-ps-pricing .bullet-3-column *{
    text-align: start;
}
.co-webeeui-ps-pricing .bullet-3-column {
    margin-top: 4rem;
}
.co-webeeui-ps-pricing .notion-callout{
     border-radius: 30px;
     padding: 30px;
}
.co-webeeui-ps-pricing .notion-h3{
    margin-top: 0;
    margin-bottom: 1rem;
}

.co-webeeui-ps-pricing .notion-list{
    opacity: .8;
    font-size: calc(var(--base-font-size) - 1px);
}
.co-webeeui-ps-pricing .notion-callout .notion-blank{
    height: 1px;
}

.co-webeeui-ps-pricing .bullet-btn,
.co-webeeui-ps-pricing .notion-button-inner
{
    width: 100%;
    text-align: center;
    margin: 1rem auto;

}
.co-webeeui-ps-pricing .bullet-3-column{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
.co-webeeui-ps-pricing .notion-column{
  width: 100% !important;
}
.co-webeeui-ps-pricing .notion-spacer{
  display: none;
}
.co-webeeui-ps-pricing .notion-h2{
  width: 50%;
  margin-bottom: 1rem;
}
.co-webeeui-ps-pricing>.notion-callout-text>.notion-text{
  width: 60%;
  margin:0 auto;
}


@media(max-width: 1242px){
 .co-webeeui-ps-pricing {
    width: 100%;
 }   
 .co-webeeui-ps-pricing .bullet-3-column{
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
 }
 .co-webeeui-ps-pricing .notion-h2{
  width: 80%;
}
.co-webeeui-ps-pricing>.notion-callout-text>.notion-text{
  width: 80%;
}
}
@media(max-width: 700px){
   .co-webeeui-ps-pricing .bullet-3-column{
       grid-template-columns: 1fr;
   }
    .co-webeeui-ps-pricing .notion-h2{
  width: 100%;
}
.co-webeeui-ps-pricing>.notion-callout-text>.notion-text{
  width: 100%;
}
   .co-webeeui-ps-pricing .bullet-3-column{
     margin-top: 1rem;
   }
}

.co-webeeui-simple-heading .notion-text{
    width: 100%;
    text-align: center;
    padding-bottom: 1.5rem;
    
}
.co-webeeui-simple-heading {
  margin: 3rem auto;
}
.co-webeeui-simple-heading .notion-row{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1px));
   grid-row-gap: .5rem;
   grid-column-gap: 3rem;
   align-items: center;
   justify-content: center;
}
.co-webeeui-simple-heading .notion-row .notion-spacer{
  display: none;
}
.co-webeeui-simple-heading .notion-row  .notion-column{
  width: 100% !important;
}

.co-webeeui-ps-about>.notion-callout-text>.notion-h{
	display: block;
	padding-bottom: 1rem;
}
.co-webeeui-ps-about>.notion-callout-text>.notion-h,
.co-webeeui-ps-about>.notion-callout-text>.notion-text
{
	text-align: center;
	width: 40%;
	margin: 0 auto;
}
.co-webeeui-ps-about .notion-row img{
	aspect-ratio: 2/2;
	border-radius: 4rem;
	padding: 3rem;
}
.co-webeeui-ps-about .notion-row{
	margin-top: 2rem;
}
.co-webeeui-ps-mission>.notion-callout-text>.notion-h{
	display: block;
	padding-bottom: 1rem;
}

.co-webeeui-ps-mission .notion-row{
	margin-top: 4rem;
}
.co-webeeui-ps-mission img{
    padding: 2rem 0 0 0rem;
}
.co-webeeui-ps-mission>.notion-callout-text>.notion-h,
.co-webeeui-ps-mission>.notion-callout-text>.notion-text {
  text-align: center;
	width: 100%;
	margin: 0 auto;
}

@media(min-width: 840px){
	.co-webeeui-ps-features .bullet-2-column ,
	.co-webeeui-ps-mission .bullet-2-column
	{
	position: sticky;
    top: 80px;
	overflow: auto;
	max-height: 100%;
	background-color: var(--bg-color);
}
.co-webeeui-ps-mission>.notion-callout-text>.notion-h,
.co-webeeui-ps-mission>.notion-callout-text>.notion-text {
	width: 40%;
}
}

@media (max-width: 840px) {
	
    [class*='co-webeeui-ps'] .notion-row{
	     flex-direction: column;
    }
    [class*='co-webeeui-ps']   .notion-column {
        width: 100% !important;
    }
}


@media(min-width: 800px){
.co-webeeui-ps-form {
	width: 70%;
	margin: 0 auto;
 }
}
.co-webeeui-ps-form .notion-callout{
		margin-top: 4rem;
}
.co-webeeui-ps-form .notion-form{
	border: unset;
	padding: 3rem .1rem;
}
.co-webeeui-ps-form .notion-h1{
	text-align: center;

}
.co-webeeui-ps-form .notion-text{
		text-align: center;
	width: 70%;
	margin: 1rem auto;
	display: block;
}

.co-webeeui-ps-form input,
.co-webeeui-ps-form textarea
{
	padding: 1rem;
	background: white;
}
.notion-form-block{
	gap: 20px;
}
@media(max-width: 600px){
	.notion-full-width{
   	padding: 0;
	}
}