@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Outfit:wght@100..900&display=swap');

:root{
	--bg-color: #f3f3f3;
	  --heading1: calc(var(--heading-font-size) * 1.375);
    --heading2: calc(var(--heading-font-size) * 1.2);
    --heading3: calc(var(--heading-font-size) * .9);
    --primary-font: "Outfit";
    --secondary-font: "Outfit";
    --navbar-btn-bg-color: black;
    --navbar-brand-logo-width: '90px';
    --navbar-bg-color: white;
}
.dark-mode {
	--bg-color: #1d1e1f;
	--navbar-bg-color: #161618;
	--footer-bg-color: #161618;
}
.notion-app .notion-h1 {
  line-height: 3rem;
}

.notion-form{
	border: unset;
}
.co-webeeui-sl-center-info>*{
	text-align: center;
}
.co-webeeui-grid-with-logos .notion-column{
	display: grid;
}
[class*="co-webeeui-sl"] .notion-default_background_co
{
	 background: var(--navbar-bg-color);
	 align-items: center;
	 border-radius: calc(var(--border-radius) + 20px);
	 padding: 2rem;
}
.co-webeeui-grid-with-logos .notion-default_background_co{
		 background: var(--navbar-bg-color);
}
.notion-page .notion-h2{
	font-size: var(--heading2);
}


[class*="co-webeeui-sl"] .bullet-2-column .notion-column{
   display: grid;
}

@media (max-width: 840px) {
    .notion-row {
        flex-direction: column;
    }
    .notion-row .notion-column {
        width: 100% !important;
    }
}

.co-webeeui-sl-cta> *{
	text-align: center;
}
.co-webeeui-sl-cta .notion-button{
	justify-content: center;
	padding-top: 1rem;
}
.co-webeeui-sl-cta .notion-callout{
	padding: 5rem 2rem;
}

.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-nco-center-img *{
	text-align: center;
}
.co-webeeui-nco-center-img .notion-column{
	display: grid;
}
.co-webeeui-nco-center-img .notion-page-icon-inline{
	  height: 74px;
    width: 74px;
    max-width: 74px;
    max-height: 74px;
    margin: 1rem auto;
    padding: 20px;
    border-radius: calc(var(--border-radius) + 100px);
    background: var(--navbar-btn-bg-color);
}

.co-webeeui-nco-center-img .notion-page-icon-inline img{
	  height: 64px;
	
}
.co-webeeui-nco-center-img .notion-h{
	padding-top: 2rem;
	padding-bottom: 1rem
}

.co-webeeui-nco-center-img .notion-callout{
	 flex-direction: column;
} 

[class*="co-webeeui-nco"] .notion-row{
	margin-top: 1rem;
}
[class*="co-webeeui-nco"] .notion-callout{
  padding:  10px 20px;
  border-radius: calc(var(--border-radius)  + 20px);
}



.co-webeeui-grid-with-logos{
  margin: 4rem auto;
}
.co-webeeui-grid-with-logos .notion-row{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: .2rem;
}
.co-webeeui-grid-with-logos .notion-h{
  text-align: center;
}
.co-webeeui-grid-with-logos .notion-row .notion-spacer{
  display: none;
}
.co-webeeui-grid-with-logos .notion-row  .notion-column{
  width: 100% !important;
}
.co-webeeui-grid-with-logos .notion-callout{
  border: unset;
  padding: 30px;
}

 [class*="co-webeeui-"]>.notion-callout-text> .notion-h,
  [class*="co-webeeui-"]>.notion-callout-text> .notion-text
 {
 	text-align: center;
 	margin: 0 auto;
 }
 
   .co-webeeui-sl-pricing {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.co-webeeui-sl-pricing .bullet-3-column *{
    text-align: start;
}
.co-webeeui-sl-pricing .bullet-3-column {
    margin-top: 1rem;
}
.co-webeeui-sl-pricing .notion-callout{
     border-radius: 30px;
     padding: 30px;
}
.co-webeeui-sl-pricing .notion-h3{
    margin-top: 0;
    margin-bottom: 1rem;
}

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

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

}
.co-webeeui-sl-pricing .bullet-3-column{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
.co-webeeui-sl-pricing .notion-column{
  width: 100% !important;
}
.co-webeeui-sl-pricing .notion-spacer{
  display: none;
}
.co-webeeui-sl-pricing .notion-h2{
  width: 50%;
  margin-bottom: 1rem;
}
.co-webeeui-sl-pricing>.notion-callout-text>.notion-text{
  width: 60%;
  margin:0 auto;
}
[class*="co-webeeui-"] .notion-callout-text>.notion-h {
  padding-bottom: .8rem ;
}


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


@media (min-width: 1024px) {
    [class*="co-webeeui-"]>.notion-callout-text>.notion-text {
        width: 55%;
    }
}


.co-webeeui-sl-toggle .notion-h2{
  text-align: center;
}
.co-webeeui-sl-toggle{
  margin: 2rem auto;
}
.co-webeeui-sl-toggle .notion-toggle{
  border-radius: 20px;
  padding: 0 2rem !important;
  margin-bottom: 1rem !important;
}
.co-webeeui-sl-toggle .notion-toggle{
    background-color: var(--navbar-bg-color);
}
.co-webeeui-sl-toggle .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;
}

.co-webeeui-sl-toggle summary {
    list-style: none;
    list-style-type: none;
    width: 90%;
    padding: 31px 0;
}
.co-webeeui-sl-toggle details[open]  summary{
	padding-top: 31px !important;
	padding-bottom:  20px !important;
}

.co-webeeui-sl-toggle summary:after {
    content: "+";
    font-size: 30px;
    position: absolute;
    right: 27px;
    top: 27px
}

.co-webeeui-sl-toggle details[open] summary:after {
    content: "-";
    font-size: 1.875rem;
    position: absolute;
    right: 27px;
    top: 27px
}

.co-webeeui-sl-toggle details>div {
    font-size: .95rem;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 20px
}

.co-webeeui-sl-toggle details[open] summary>b {
    font-size: 2rem;
    font-weight: 600
}

.co-webeeui-sl-toggle summary>b {
    font-size: 1.25rem;
    font-weight: 500!important
}

@media(min-width: 1024px){
	.co-webeeui-sl-toggle .notion-toggle{
	  width: 80%
	}
}

@media(max-width:650px){
  .co-webeeui-sl-toggle .notion-toggle {
    width: 100%;
  }
  .notion-full-width{
  	padding-left: 1rem;
  	padding-right: 1rem;
  }
}

@media (max-width: 600px) {
  .notion-app .notion-h1 {
    line-height: 2.5rem;
 }
}

.bullet-copyright {
    font-size: .9rem;
}

.bullet-copyright {
    border-top: .1px solid;
    margin-top: 5em;
}
.notion-form-button{
	padding: 10px 30px;
}