body {
color: #112F32;
}
.bb-n-ds h1,.bb-n-ds h2,.bb-n-ds h3,.bb-n-ds h4,.bb-n-ds h5,.bb-n-ds h6{
font-family: Inter, sans-serif;
font-weight: 600;
}
#off-canvas-menu.mobile-off-canvas-menu.active{
justify-content: flex-start;
}
.perks-header .handrwritten-text{
font-family: Inter, sans-serif;
font-size: 14px;
color: #112F32;
left: 16px;
}
header .any-logo{
position: relative;
top: -2px;
}
.menu-icon i{
background:#0DAF89;
}
.ba-header-bar{
border: 1px solid #E8EAEE;
display: flex;
border-radius: 100px;
margin-top: 16px;
padding: 8px 16px 8px 24px;
align-items: center;
}
.main-menu .desktop-menu li.menu-item-has-children a span.arrow svg{
fill: #112F32 !important;
}
.menu>li a{
color: #546475!important;
}
.desktop-menu>li a:hover {
color:#546475!important;
}
.menu>li.menu-item-depth-0>a:hover{
background: linear-gradient(90deg, #15B189 45.67%, #86DE83 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.main-menu .desktop-menu li.menu-item-has-children:hover a span.arrow{
top: 2px;
position: relative;
}
/* .main-menu .desktop-menu li.menu-item-has-children:hover a span.arrow svg{
fill: #15B189 !important;
} */
.button{
background: linear-gradient(94.15deg, #FFAE00 42.98%, #FFEA03 108.73%) no-repeat;
background-size: 100% 100%;
background-origin: border-box;
color: #112F32;
position: relative;
isolation: isolate;
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
padding: 12px 24px !important;
border-radius: 100px !important;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.button:not(.see-more-content,.blank,.coupon__button):hover{
background: linear-gradient(94.15deg, #E69C00 42.98%, #E6D002 108.73%) no-repeat!important;
isolation: isolate!important;
background-size: 100% 100%!important;
background-origin: border-box!important;
border-radius: 100px !important;
}
.ba-header .button{
max-height: 38px;
padding: 8px 24px !important;
}
.button::before {
content: '';
position: absolute;
border-radius: 999px;
border: 1px solid rgba(255, 200, 100, 0.4);
z-index: -1;
width: calc(100% + 16px);
height: calc(100% + 16px);
top: -8px;
left: -8px;
}
.button:hover {
/* box-shadow: 0 8px 20px rgba(255, 165, 0, 0.35); */
color: #112F32;
}
.button.blank{
border: 1.5px solid #D9DBE0;
color: #112F32;
background: transparent;
font-size: 14px;
}
.button.blank::before{
content: unset;
}
/* .button.blank:after{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
} */
.button:not(.see-more-content,.blank, .glow-button):after{
width: 24px;
height: 24px;
content: url('data:image/svg+xml,');
margin-right: -4px;
}
body .pricing__subtitle--flex{
color: #0DAF89;
}
.bb-n-ds .blog-hero .hero__subtitle{
max-width: 700px;
}
.off-canvas-content{
padding-top: 0!important;
}
.bb-n-ds .hero__title,
.bb-n-ds .hero__subtitle{
color: #112F32;
}
.bb-n-ds .underline-title strong{
/* background: linear-gradient(90deg, #15B189 45.67%, #86DE83 100%); */
background: linear-gradient(90deg, #0FAF89 50.79%, #A4FFC1 120%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bb-n-ds .hero__title strong{
background: linear-gradient(90deg, #15B189 45.67%, #86DE83 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bb-n-ds .hero__title strong svg,
.bb-n-ds .underline-title strong svg,
.bb-n-ds .pricing-switch-mobile-only{
display: none;
}
.bb-n-ds .hero .row{
z-index: 9;
}
.bb-n-ds .hero .hero__blob-left,
.bb-n-ds .hero .hero__blob-right{
pointer-events: none;
}
.bb-n-ds .hero .front-dots:before {
content: '';
position: absolute;
right: 0;
top: -100px;
bottom: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') center;
background-size: contain;
scale: 1.5;
}
.bb-n-ds .hero:not(.feat-hero){
overflow: hidden;
min-height: min(100vh, 1089px);
padding-top: calc(150px + 97px);
margin-bottom: 0;
display: flex;
align-items: center;
}
.bb-n-ds .hero__blob-right {
bottom: -190px;
top: unset;
right: -133px;
}
.bb-n-ds .hero__title{
/* font-size: 72px; */
}
.bb-n-ds .hero__subtitle{
font-size: 18px;
}
.bb-n-ds .hero .button{
margin-top: 32px;
margin-bottom: 8px;
font-size: 16px;
padding: 12px 32px!important;
}
.pricing__subtitle--flex{
color: #0DAF89;
}
/* TESTIMONIALS */
.testimonials .testimonials-blob-left,
.testimonials .testimonials-blob-right{
position: absolute;
z-index: -1;
pointer-events: none;
}
.testimonials .testimonials-blob-left{
top: 400px;
left: -160px;
scale: 5;
}
.testimonials .testimonials-blob-right{
bottom: 0;
right: -160px;
scale: 5;
}
.testimonial__grid-wrap .see-more-wrapper .see-more-content{
margin-bottom: 8px;
}
.testimonial__grid-wrap .see-more-wrapper .overlay{
width: calc(100% + 21px);
opacity: 1;
transition: opacity .3s ease-in-out;
}
.testimonials .see-more-content.button.active~.overlay{
opacity: 0;
}
.hero .bb-trust-pilot-wrapper img{
/* scale: 1; */
/* max-height: 36px; */
max-height: 33px;
margin-bottom: 16px;
}
.floating-hero-image-container{
position: absolute;
z-index: 9;
}
.floating-hero-image-container img{
/* scale: 1.1; */
/* image-rendering: optimizequality; */
}
.floating-hero-image-container.top-left{
top: 206px;
left: 160px;
pointer-events: none;
}
.floating-hero-image-container.top-left img{
max-height: 160px;
}
.floating-hero-image-container.top-right img{
max-height: 152px;
box-shadow: -13.42px 46.99px 80.55px 0px rgba(204, 219, 215, 0.7);
border-radius: 14px;
}
.floating-hero-image-container.top-right{
top: 192px;
right: 180px;
pointer-events: none;
background: #fff;
}
.floating-hero-image-container.bottom-left{
bottom: 160px;
left: 220px;
pointer-events: none;
}
.floating-hero-image-container.bottom-left img{
border-radius: 15px;
box-shadow: 15.96px 39.91px 95.78px 0px rgba(204, 219, 215, 0.7);
max-height: 135px;
}
.floating-hero-image-container.bottom-right{
bottom: 160px;
right: 240px;
pointer-events: none;
}
.floating-hero-image-container.bottom-right img{
/* box-shadow: 17.56px 14.05px 105.39px 0px rgba(204, 219, 215, 0.7); */
max-height: 145px;
}
/* NUMBERS */
.numbers{
padding: 45px 0;
}
.numbers li{
background: transparent;
box-shadow: none;
color: #112F32;
text-align: center;
padding: 32px 24px;
position: relative;
overflow: unset;
}
.numbers li:not(:first-child):after{
background: #E6E9EA;
content: '';
height: calc(100% - 170px);
width: 2px;
display: block;
position: absolute;
top: 130px;
left: -20px;
}
.numbers .numbers__icon{
margin-left: auto;
margin-right: auto;
background: #F8F9FC;
border-radius: 50%;
}
.numbers .numbers__num{
color: #112F32;
font-size: 44px;
}
.numbers .numbers__title{
color: #546475;
text-transform: none;
font-size: 16px;
letter-spacing: normal;
font-family: Inter, sans-serif;
font-weight: 600;
}
.numbers .numbers__num span,
.plus{
color: #0DAF89;
top: -3px;
position: relative;
}
/* SINGLE TESTIMONIAL */
.bb-n-ds .single-testimonial {
padding: 0;
margin: 50px 0;
margin-bottom: 50px;
padding-bottom: 0;
/* padding-bottom: 145px; */
}
.bb-n-ds .single-testimonial .single-testimonial-container{
padding: 32px 56px;
/* max-width: 790px; */
max-width: 770px;
margin: auto;
background: #F8F9FC;
border-radius: 32px;
}
.bb-n-ds .single-testimonial .testimonial__title{
color: #112F32;
font-size: 28px;
text-align: center;
font-weight: 600;
}
.bb-n-ds .single-testimonial .testimonials__stars{
display: flex;
justify-content: center;
align-items: center;
}
.bb-n-ds .single-testimonial .testimonials__info{
justify-content: center;
margin-top: 48px;
}
.bb-n-ds .single-testimonial .testimonials__info img{
width: 52px;
height: 52px;
}
.bb-n-ds .single-testimonial .testimonials__author{
padding-left: 16px;
}
/* Features */
.bb-n-ds .feature-item{
position: relative;
}
.bb-n-ds .feature-item__container{
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 32px;
border: 1px solid transparent;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #B7D692 0%, #84DE83 100%) border-box;
padding: 4px 16px 4px 4px;
border-radius: 100px;
}
.bb-n-ds .feature-item:nth-child(2)::before {
content: "";
position: absolute;
left: 0;
width: 100vw;
height: 100%;
background: url('data:image/svg+xml,');
z-index: -1;
transform: translateX(-50%);
left: 50%;
top: 0;
background-repeat: no-repeat;
background-size: 100% 900px;
}
.bb-n-ds .feature-item__title{
color: #112F32;
}
.bb-n-ds .feature-item__content{
color: #546475;
margin-bottom: 0;
font-size: 18px;
line-height: 28px;
}
.bb-n-ds .feature-item__img img{
/* transform: scale(1)!important; */
max-height: 96%;
}
.bb-n-ds .feature-item__container .feature-item__icon{
border-radius: 50%;
margin-bottom: 0;
box-shadow: 0px 1px 1px 1.5px #00000008;
border: 2px solid #fff;
width: 32px;
height: 32px;
background: #F9FFF3;
}
.bb-n-ds .feature-item__container .feature-item__icon img{
width: 16px;
height: auto;
}
.bb-n-ds .feature-item__container .feature-item__icon-text{
color: #112F32;
font-weight: 500;
}
/* HOME TOOLS */
.home-tools{
padding: 126px 0;
background: #FAFBFD;
position: relative;
}
.home-tools__container{
z-index: 2;
position: relative;
}
.home-tools:before {
content: '';
background: url('data:image/svg+xml,');
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-repeat: repeat-x; /* or no-repeat, depending on effect wanted */
background-position: top center; /* anchor point stays fixed */
background-size: 100% auto; /* scale to width only, height stays natural (static) */
pointer-events: none;
overflow: hidden;
}
.home-tools .home-tools__title{
max-inline-size: 700px;
text-align: center;
margin: auto;
margin-bottom: 56px;
}
.home-tools .tabs{
max-width: 900px;
border: 1px solid #E8EAEE;
margin: auto;
border-radius: 100px;
padding: 8px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 64px;
gap: 10px;
}
.home-tools .tabs-title{
border-radius: 70px;
border-width: 1px;
padding: 8px 10px;
gap: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
font-weight: 500;
font-size: 18px;
cursor: pointer;
color: #112F32;
min-height: 44px;
}
.home-tools .tabs-title:hover{
color: #13B189;
}
.home-tools .tabs-title>a{
background: unset;
padding: 0;
font-size: inherit;
color: inherit;
text-align: center;
}
.home-tools .tabs-title.is-active{
background: #0FAF8914;
border-color: #0FAF89;
border-style: solid;
color: #0FAF89;
}
.home-tools .tabs::before,
.home-tools .tabs::after{
content: unset;
}
.home-tools .home-tools-flex{
display: grid;
grid-template-columns: 1fr .8fr;
gap: 20px;
margin-bottom: 20px;
}
.home-tools .home-tools-flex.reverse{
grid-template-columns: .8fr 1fr;
}
.home-tools .home-tools-flex.full{
grid-template-columns: 1fr!important;
}
.home-tools .home-tools-flex .home-tools-item{
width: auto;
/* background-color: #0DAF89; */
/* background: linear-gradient(45deg, #FFF4D1 0%, #E7F5D9 100%); */
height: 100%;
border-radius: 24px;
padding: 40px;
max-height: 521px;
overflow: hidden;
display: flex;
flex-direction: column;
background-color: #FBFBF8;
background-image: radial-gradient(ellipse 700px 700px at 18% 30%, rgba(255, 243, 203, 0.9) 0%, rgba(255, 243, 203, 0) 70%), radial-gradient(ellipse 900px 1400px at 78% 65%, rgba(208, 255, 176, 0.85) 0%, rgba(208, 255, 176, 0) 65%);
background-repeat: no-repeat;
}
.home-tools .home-tools-flex:first-child .home-tools-item:last-child,
.home-tools .home-tools-flex:last-child .home-tools-item:first-child{
background-color: #FBFBF8;
background-image:
radial-gradient(ellipse 650px 650px at 5% 98%, rgba(255, 243, 203, 0.9) 0%, rgba(255, 243, 203, 0) 70%),
radial-gradient(ellipse 850px 1300px at 66% 33%, rgba(208, 255, 176, 0.85) 0%, rgba(208, 255, 176, 0) 65%);
background-repeat: no-repeat;
}
/* .home-tools .home-tools-flex .home-tools-item .button{
margin-top: 16px;
} */
.home-tools .home-tools-flex .home-tools-item .home-tools-title{
color: #112F32;
font-size: 24px;
font-weight: 600;
margin-bottom: 12px;
}
.home-tools .home-tools-flex .home-tools-item .home-tools-content{
color: #546475;
font-size: 16px;
font-weight: 500;
margin-bottom: 16px;
}
.home-tools .tabs-content{
border: none;
color: inherit;
background: transparent;
max-width: 1089px;
margin: auto;
}
.page.home-tools .tabs-content .tools-content-link{
color: #1064A3;
text-decoration: underline;
margin-bottom: 16px;
font-weight: 600;
}
/* .home-tools .tabs-panel:not(.is-active){
display: none;
} */
.home-tools .tabs-panel{
animation-name: fadeOut;
}
.home-tools .tabs-panel.is-active{
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.home-tools .tabs-panel.keywords .home-tools-flex{
grid-template-columns: 1fr 1fr;
}
.home-tools .tabs-panel .home-tools-flex .home-tools-item .home-tools-img-wrapper{
position: relative;
height: 100%;
pointer-events: none;
}
.home-tools .tabs-panel .home-tools-flex .home-tools-item .home-tools-img-wrapper img{
border-radius: 24px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:first-child{
padding-right: 75px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-right: -40px;
margin-left: -40px;
}
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-right: -40px;
margin-left: -40px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper img,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper img{
/* scale: 1.1; */
position: absolute;
bottom: -40px;
right: -40px;
}
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper img{
/* scale: 1; */
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child),
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child),
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child){
padding-top: 0;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) > div,
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:last-child) > div,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) > div,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) > div{
order: 1;
}
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:last-child) .home-tools-img-wrapper{
order: 0;
margin-bottom: 32px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper{
order: 0;
margin-bottom: 32px;
top: -12px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper{
order: 0;
margin-bottom: 32px;
top: 0px;
}
/* .home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-content,
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-content,
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:last-child) .home-tools-content,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-content{
margin-bottom: 0;
} */
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img,
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:first-child) .home-tools-img-wrapper{
margin-right: -40px;
margin-left: -40px;
margin-bottom: 40px;
}
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img{
position: absolute;
bottom: -80px;
/* right: -40px; */
/* left: -40px; */
width: 100%;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-bottom: -40px;
margin-right: -40px;
margin-left: -40px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper img{
position: absolute;
bottom: 0;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child{
padding-top: 0;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-content-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-content-wrapper{
order: 1;
}
/* .home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-content,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-content{
margin-bottom: 0;
} */
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-right: -40px;
margin-bottom: -72px;
margin-left: -40px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper{
margin-right: -40px;
margin-left: -40px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper img{
position: absolute;
bottom: -40px;
}
.home-tools .tabs-panel.keywords .home-tools-flex.full .home-tools-item{
align-items: center;
flex-direction: row;
gap: 32px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.home-tools .tabs-panel.keywords .home-tools-flex.full .home-tools-content-wrapper{
order: 1;
/* padding-right: 160px; */
}
.home-tools .tabs-panel.keywords .home-tools-flex.full .home-tools-img-wrapper{
order: 0;
width: 100%;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:first-child{
padding-bottom: 0;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-right: -40px;
margin-left: -40px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper img{
position: absolute;
bottom: 0;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child{
padding-top: 0;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-content-wrapper{
order: 1;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-bottom: 32px;
margin-right: -40px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper img{
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
/* .home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-content{
margin-bottom: 0;
} */
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper{
margin-right: -40px;
margin-left: -40px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper img{
position: absolute;
bottom: -56px;
}
/* TESTIMONIALS */
.testimonials .see-more-content.button{
color: #fff;
/* background: linear-gradient(90deg, #15B189 45.67%, #86DE83 100%); */
background: linear-gradient(90deg, #0FAF89 14.9%, #A4FFC1 100%);
width: 138px;
justify-content: space-between;
background-size: 100% 100%;
background-origin: border-box;
}
.testimonials{
overflow: hidden;
}
.testimonials::after{
content: '';
position: absolute;
height: 480px;
bottom: -46px;
min-height: 150px;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(0deg, #fefefe 25%, #fefefe1a 95%, #fefefe14 100%);
width: 100%;
z-index: 1;
pointer-events: none;
}
.testimonials .testimonial__grid-wrap{
position: relative;
z-index: 3;
}
.testimonials .see-more-content.button:before{
border-color: #0FAF89;
}
.testimonial__grid-wrap .see-more-wrapper .see-more-content .arrow svg{
margin-right: -4px;
}
.testimonials .testimonials__title{
color: #112F32;
margin-bottom: 16px;
}
.testimonials .testimonials__subtitle{
color: #546475;
font-size: 18px;
}
.testimonials .testimonials__title strong{
color: #0DAF89;
}
.testimonials__header{
margin-bottom: 24px;
}
.testimonial__grid-item .testimonials__stars{
margin-top: 16px;
}
.testimonials .testimonials__image-quotes{
width: 44px;
height: 44px;
background: #F2F2F2;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
color: #ffff;
z-index: 2;
position: relative;
}
.testimonials .testimonials__info img{
margin-left: -12px;
width: 44px;
height: 44px;
z-index: 2;
position: relative;
}
.testimonials .testimonials__name{
color: #112F32;
margin-bottom: 0;
}
.testimonials .testimonials__position{
font-family: Inter, sans-serif;
letter-spacing: normal;
text-transform: unset;
color: #546475;
}
.testimonials h5{
color: #112F32;
font-size: 16px;
margin-bottom: 12px;
}
.testimonials__content,
.testimonials__content p{
color: #112F32;
}
.testimonials .testimonials__bottom-info{
display: flex;
align-items: center;
justify-content: space-between;
}
.testimonials .testimonials__bottom-rating{
display: flex;
align-items: center;
gap: 10px;
}
.testimonials .testimonials__star{
display: flex;
align-items: center;
}
.testimonials .testimonials__stars-text{
font-size: 18px;
color: #112F32;
font-weight: 500;
}
.bb-n-ds .notice-icon{
border-radius: 50%;
margin-bottom: 0;
box-shadow: 0px 1px 1px 1.5px #00000008;
border: 2px solid #fff;
width: 32px;
height: 32px;
background: #F9FFF3;
display: flex;
align-items: center;
justify-content: center;
}
/* CTA */
.cta{
padding: 80px 0;
}
.cta__inner{
position: relative;
background: url('data:image/svg+xml,');;
color: #112F32;
overflow: hidden;
max-width: unset;
}
.cta__inner .cta__inner-blob-right,
.cta__inner .cta__inner-blob-left{
position: absolute;
z-index: -1;
pointer-events: none;
}
.cta__inner .cta__inner-blob-right{
top: 0;
right: -200px;
scale: 5;
}
.cta__inner .cta__inner-blob-left{
bottom: 0;
left: -200px;
scale: 5;
}
.cta__inner .cta__title{
font-size: 48px;
}
.notice-wrapper{
display: flex;
align-items: center;
gap: 6px;
border: 1px solid transparent;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #B7D692 0%, #84DE83 100%) border-box;
padding: 4px 16px 4px 4px;
border-radius: 100px;
width: max-content;
margin: auto;
color: #112F32!important;
text-transform:initial;
margin-bottom: 32px;
font-size: 16px;
font-weight: 500;
font-family: Inter, sans-serif;
z-index: 1;
position: relative;
}
.cta__inner .button{
background: linear-gradient(94.15deg, #FFAE00 42.98%, #FFEA03 108.73%) no-repeat;
background-size: 100% 100%;
background-origin: border-box;
color: #112F32;
position: relative;
isolation: isolate;
transition: transform 0.15s ease, box-shadow 0.15s ease;
padding: 12px 24px !important;
border-radius: 100px !important;
display: inline-flex;
align-items: center;
gap: 10px;
}
.cta__inner .cta__title strong{
/* background: linear-gradient(90deg, #15B189 45.67%, #86DE83 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
color: #0DAF89;
}
.cta__inner .cta__title,
.cta__inner .cta__content{
max-width: 680px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.cta__inner .cta__content{
max-width: 580px;
color: #546475;
font-size: 18px;
}
/* Footer */
.footer__bottom:before{
margin: 0;
}
.footer{
overflow: hidden;
background: #F8F9FC;
}
.footer__menu li{
padding: 8px 0;
line-height: normal;
}
.footer .footer__email{
background:unset;
color: #112F32;
-webkit-text-fill-color: unset;
font-size: 22px;
font-weight: 500;
font-family: Inter, sans-serif;
}
.footer .footer__subtitle--menu,
.footer .footer__subtitle{
color: #112F3280;
font-family: Inter, san-serif;
font-weight: 500;
letter-spacing: normal;
}
.footer .footer-blob-left,
.footer .footer-blob-right{
position: absolute;
pointer-events: none;
}
.footer .footer-blob-left{
scale: 5;
left: -300px;
top: 400px;
rotate: 180deg;
opacity: 0;
}
.footer .footer-blob-right{
/* scale: 3; */
right: 0;
bottom: 0;
}
.footer .row:not(.footer__bottom){
justify-content: space-between;
}
/* .footer::after{
content: '';
background: url('data:image/svg+xml,');;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
background-size: contain;
background-repeat: repeat-y;
pointer-events: none;
} */
.footer .row > div:first-child{
margin-left: 0;
}
.footer .footer__bottom{
align-items: center;
}
.footer__socials{
padding-top: 26px;
padding-right: 42px;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.footer .footer__bottom .footer__copyright{
padding-top: 28px;
color: #112F32;
text-align: center;
}
.footer li a{
color: #112F32;
}
.footer__socials li a{
position: relative;
background: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 2;
border: 1px solid #FFFFFF14
}
.footer__logo img{
height: 37px;
max-width: 100%;
}
.handrwritten-text{
font-family: Inter, sans-serif;
font-size: 14px;
top: -40px;
right: unset;
left: -25%;
}
.handrwritten-text .arrow{
rotate: 4deg;
transform: scaleX(1);
right: -32px;
top: 6px;
left: unset;
}
.perks-list .infomation-tooltip{
background: unset
}
/*=========================END OF HOMEPAGE AND GLOBAL===========================================*/
/*============== FEATURES ===============================*/
.bb-n-ds .feat-hero__img:after,
.bb-n-ds .feat-hero__title:after{
content: unset;
}
/*=========================BOOKBEAM CREATE PAGE=================================================*/
[data-barba-namespace=bookbeam-create] .hero .dots-bg{
background-size: 100%;
background-position: top center;
}
[data-barba-namespace=bookbeam-create] .center-blob{
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
}
[data-barba-namespace=bookbeam-create] .center-blob svg{
width: 100%;
height: 100%;
}
[data-barba-namespace=bookbeam-create] .notice-icon{
background: #FEFAFF;
}
[data-barba-namespace=bookbeam-create] .hero__images img{
image-rendering: unset;
}
[data-barba-namespace=bookbeam-create] .feat-hero__title,
[data-barba-namespace=bookbeam-create] .feat-hero__content{
margin: auto;
max-width: 790px;
color: #112F32;
}
[data-barba-namespace=bookbeam-create] .underline-title strong,
[data-barba-namespace=bookbeam-create] .cta__inner .cta__title strong{
/* background: linear-gradient(90deg, #4F7CFF 45.67%, #D946EF 100%); */
background: linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-barba-namespace=bookbeam-create] .price-compare-section .underline-title strong,
[data-barba-namespace=bookbeam-create] .create-pricing .underline-title strong{
background: linear-gradient(90deg, #4F7CFF -100%, #D946EF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-barba-namespace=bookbeam-create] .home-features__list .underline-title strong{
background: linear-gradient(90deg, #4F7CFF 0%, #D946EF 130%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-barba-namespace=bookbeam-create] .testimonials .testimonials__title strong{
background: linear-gradient(90deg, #4F7CFF 100%, #D946EF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-barba-namespace=bookbeam-create] .feat-hero__title{
/* font-size: 72px; */
margin-bottom: 20px;
}
[data-barba-namespace=bookbeam-create] .notice-wrapper{
background: linear-gradient(#F3EFFD, #F3EFFD) padding-box, linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%) border-box;
}
[data-barba-namespace=bookbeam-create] .feat-hero__button .button,
[data-barba-namespace=bookbeam-create] .testimonials .see-more-content.button,
[data-barba-namespace=bookbeam-create] .cta__inner .button,
[data-barba-namespace=bookbeam-create] .create-pricing .button-wrapper .button{
background: #16191D;
color: #fff;
}
[data-barba-namespace=bookbeam-create] .feat-hero__button .button:hover,
[data-barba-namespace=bookbeam-create] .testimonials .see-more-content.button:hover,
[data-barba-namespace=bookbeam-create] .cta__inner .button:hover,
[data-barba-namespace=bookbeam-create] .create-pricing .button-wrapper .button:hover{
background: #16191D!important;
}
[data-barba-namespace=bookbeam-create] .feat-hero__button .button:before,
[data-barba-namespace=bookbeam-create] .testimonials .see-more-content.button:before,
[data-barba-namespace=bookbeam-create] .cta__inner .button:before,
[data-barba-namespace=bookbeam-create] .create-pricing .button-wrapper .button:before{
border: 6px solid transparent;
background:
linear-gradient(#16191D, #16191D) padding-box,
linear-gradient(90deg, rgba(79, 140, 255, 0.4) 0%, rgba(232, 121, 249, 0.4) 100%) border-box;
}
[data-barba-namespace=bookbeam-create] .feat-hero__inner .extra_hero_notice{
color: #112F32;
font-weight: 400;
}
[data-barba-namespace=bookbeam-create] .feat-hero__button .button::after,
[data-barba-namespace=bookbeam-create] .cta__inner .button:after{
content: url('data:image/svg+xml, ');
}
[data-barba-namespace=bookbeam-create] .feat-hero{
padding-top: 176px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
}
[data-barba-namespace=bookbeam-create] .feat-hero__button .button{
margin-top: 48px;
}
[data-barba-namespace=bookbeam-create] .feat-hero::after{
content: '';
position: absolute;
bottom: -16px;
width: 100%;
height: 150px;
background: linear-gradient(0deg, #fefefe 55%, #fefefe1a 95%, #fefefe14 100%);
z-index: 9;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left{
/* top: 400px; */
/* scale: 1.5;
bottom: unset;
left: -1200px;
top: -350px; */
top: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: 100%;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right{
/* bottom: unset;
top: -600px;
scale: 3;
right: -350px; */
bottom: 0;
top: 0;
scale: 1;
right: 0;
width: 100%;
max-width: 100%;
}
[data-barba-namespace=bookbeam-create] .feat-hero__button{
width: 100%;
text-align: center;
}
[data-barba-namespace=bookbeam-create] .feat-hero__inner{
text-align: center;
padding: 0;
}
[data-barba-namespace=bookbeam-create] .feat-hero__title div{
text-align: center;
}
[data-barba-namespace=bookbeam-create] .hero .feat-hero__img.bkbeam-upscale-img{
position: relative;
top: unset;
left: unset;
}
[data-barba-namespace=bookbeam-create] .hero_tags{
display: flex;
gap: 24px;
align-items: center;
justify-content: center;
margin-bottom: 80px;
}
[data-barba-namespace=bookbeam-create] .hero_tags .hero_tag{
display: flex;
align-items: center;
background: #fff;
gap: 8px;
border-radius: 60px;
padding: 6px 12px;
color: #112F32;
position: relative;
font-weight: 500;
}
[data-barba-namespace=bookbeam-create] .hero_tags .hero_tag svg{
margin-top: -6px;
}
[data-barba-namespace=bookbeam-create] .hero_tag::before {
content: '';
background: #ffffff4d;
width: calc(100% + 14px);
height: calc(100% + 12px);
position: absolute;
left: -8px;
right: -8px;
border-radius: 60px;
pointer-events: none;
}
[data-barba-namespace=bookbeam-create] .hero_tag .hero-tag_content{
z-index: 1;
}
[data-barba-namespace=bookbeam-create] .feat-title{
max-width: 500px;
margin: auto;
margin-bottom: 56px;
}
[data-barba-namespace=bookbeam-create] .title-wrapper{
max-width: 650px;
margin: auto;
margin-bottom: 56px;
}
[data-barba-namespace=bookbeam-create] .feat-heading{
margin: auto;
margin-bottom: 16px;
}
[data-barba-namespace=bookbeam-create] .feat-title div,
[data-barba-namespace=bookbeam-create] .feat-heading div{
text-align: center!important;
}
[data-barba-namespace=bookbeam-create] .feat-subtitle {
max-width: 600px;
margin: auto;
}
[data-barba-namespace=bookbeam-create] .feat-subtitle div{
text-align: center!important;
}
[data-barba-namespace=bookbeam-create] .grid-capabilities{
padding: 60px 0;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper {
display: grid;
grid-template-columns: repeat(9, 1fr);
gap: 24px;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container {
/* background: linear-gradient(45deg, #579AFF40 0%, #E879F940 100%); */
background: linear-gradient(135deg, #579AFF1F 0%, #E879F91F 100%), #FFFFFF;
border-radius: 16px;
padding: 32px;
max-height: 511px;
overflow: hidden;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(1) {
background:
linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.5) 100%),
linear-gradient(90deg, #e3eeff 0%, #f3f5ff 50%, #f1eafe 100%);
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(2) {
background:
linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.5) 100%),
linear-gradient(90deg, #e2ebfe 0%, #f1f1fd 50%, #f2e6fd 100%);
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(3) {
background:
linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.5) 100%),
linear-gradient(90deg, #e3ecfe 0%, #f3f3ff 50%, #f1e5fc 100%);
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(4) {
background:
linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 40%),
linear-gradient(90deg, #e4eefd 0%, #f5f4fe 50%, #f8e8fc 100%);
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(5) {
background:
linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 40%),
linear-gradient(90deg, #e6f0fe 0%, #f4f3fe 50%, #f2e6fb 100%);
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container h4{
margin-bottom: 12px;
font-weight: 600;
font-family: Inter, sans-serif;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container div:not(.capability-image){
color: #546475;
font-size: 16px;
}
/* Row 1: 3 Equal Columns (1/3 each) */
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(1),
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(2),
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(3) {
grid-column: span 3;
}
/* Row 2: Left capability-container (1/3 width) */
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(4) {
grid-column: span 5;
max-height: 455px;
}
/* Row 2: Right capability-container (2/3 width) */
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(5) {
grid-column: span 4;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container .capability-image{
/* min-height: 100%; */
width: 100%;
/* background: #f8f8f8;
border-radius: 24px; */
margin-top: 32px;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container{
display: flex;
flex-direction: column;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container .capability-image.top{
height: auto;
width: 100%;
/* background: #f8f8f8;
border-radius: 24px; */
margin-bottom: 32px;
margin-top: 0;
min-height: unset;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container .capability-image.top.last{
margin-top: -64px;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container .capability-image.bottom.last{
margin-bottom: -64px;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(3) .capability-image{
min-height: unset;
height: auto
}
/* Feature */
[data-barba-namespace=bookbeam-create] .feature-item{
padding-bottom: 32px;
}
[data-barba-namespace=bookbeam-create] .feature-item:nth-child(2)::before{
content: unset;
}
[data-barba-namespace=bookbeam-create] .feature-item__content ul{
margin-left: 0;
margin-top: 16px;
}
[data-barba-namespace=bookbeam-create] .feature-item__content li{
font-weight: bold;
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item{
padding: 58px;
background: red;
margin-top: 142px;
margin-bottom: 150px;
border-radius: 48px;
background: linear-gradient(90deg, rgba(79, 124, 255, 0.1) 0%, rgba(217, 70, 239, 0.1) 100%);
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item .feature-item__wrap{
margin-left: 0;
}
[data-barba-namespace=bookbeam-create] .feature-tags{
display: grid!important;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 16px;
}
[data-barba-namespace=bookbeam-create] .feature-check{
display: flex!important;
align-items: center;
gap: 8px;
}
[data-barba-namespace=bookbeam-create] .feature-check:before{
content: url('data:image/svg+xml,');
height: 22px;
width: 18px;
}
[data-barba-namespace=bookbeam-create] .feature-tag-check{
background: #fff;
border-radius: 24px;
padding: 4px 8px;
}
[data-barba-namespace=bookbeam-create] .feature-item__img svg{
top: 38%;
left: 39%;
}
/* PRICE COMPARISON */
[data-barba-namespace=bookbeam-create] .price-compare-section{
background: linear-gradient(90deg, rgba(79, 124, 255, 0.1) 0%, rgba(217, 70, 239, 0.1) 100%);
padding: 120px 0;
margin-bottom: 80px;
}
[data-barba-namespace=bookbeam-create] .price-compare-section .feat-subtitle{
color: #546475;
}
[data-barba-namespace=bookbeam-create] .price-compare-container{
display: flex;
width: 100%;
gap: 24px;
align-items: stretch;
justify-content: center;
}
[data-barba-namespace=bookbeam-create] .price-compare-card{
background: #fff;
width: 100%;
max-width: 400px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px;
border-radius: 24px;
position: relative;
}
[data-barba-namespace=bookbeam-create] .price-compare-card::before{
content: '';
background: #ffffff4d;
width: calc(100% + 16px);
height: calc(100% + 16px);
position: absolute;
top: -8px;
left: -8px;
border-radius: 24px;
pointer-events: none;
z-index: 1;
}
[data-barba-namespace=bookbeam-create] .price-compare-card > div{
z-index: 1;
}
[data-barba-namespace=bookbeam-create] .price-compare-card:not(:first-child) .notice-wrapper{
margin-top: 8px;
}
[data-barba-namespace=bookbeam-create] .price-compare-card:first-child{
padding-bottom: 12px;
}
[data-barba-namespace=bookbeam-create] .price-compare-card .notice-wrapper{
margin-bottom: 8px;
margin-top: 0;
}
[data-barba-namespace=bookbeam-create] .price-compare-card .price-compare-number{
color: #546475;
font-size: 40px;
font-weight: bold;
text-decoration: line-through;
text-align: center;
}
[data-barba-namespace=bookbeam-create] .price-compare-card:not(:first-child) .price-compare-number{
text-decoration: none;
color: #2563EB;
text-align: center;
}
[data-barba-namespace=bookbeam-create] .price-compare-card:not(:first-child) .price-compare-number .smaller{
font-size: 18px;
color: #112F32;
}
[data-barba-namespace=bookbeam-create] .price-compare-card .price-compare-text{
color: #546475;
text-align: center;
}
[data-barba-namespace=bookbeam-create] .price-compare-vs{
background: linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%);
font-weight: 700;
color: #fff;
min-width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-top: auto;
margin-bottom: auto;
}
/* Pricing */
[data-barba-namespace=bookbeam-create] .create-pricing{
margin-bottom: 120px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .title-wrapper h2{
color: #112F32;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper{
position: relative;
}
[data-barba-namespace=bookbeam-create] .create-pricing .save-tag-wrapper{
border: 1px solid #0DAF89;
border-radius: 90px;
background: #0DAF891A;
padding: 12px 16px;
max-width: max-content;
margin: auto;
font-weight: 600;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-box-notice-wrapper{
max-width: 730px;
margin: auto;
text-align: center;
margin-top: 56px;
font-size: 18px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper ul{
background: #F6F7F8;
margin-bottom: 0;
margin-top: 32px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper ul li{
padding: 14px 72px;
font-size: 16px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing__switch::before{
transform: translateX(0);
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%) border-box;
text-transform: initial;
border: 1px solid transparent;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing__switch[data-pay-switch=monthly]:before{
transform: translateX(108%);
width: calc(50% - 11px);
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing__switch li.active{
color: #2563EB!important;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap{
/* width: 50%; */
padding: 0;
margin: 0 12px;
padding: 4px;
padding-bottom: 8px;
border: 1px solid #F6F9FB;
background: #F6F9FB;
border-radius: 24px;
box-shadow: 10px 20px 120px 0px #4F7CFF14;
max-width: 368px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap .plans__info{
padding-top: 24px;
padding-bottom: 48px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap:first-child{
position: relative;
background: linear-gradient(#F6F9FB, #F6F9FB) padding-box, linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%) border-box;
text-transform: initial;
transform: translateX(0);
border-color: transparent;
transition: all .3s ease-in-out;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list:not([data-pay-plan=yearly]) .plans__list-wrap:first-child{
background: #F6F9FB;
border-color: #F6F9FB;
}
/* [data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap:first-child:before{
content: '';
border-radius: 24px;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%) border-box;
text-transform: initial;
transform: translateX(0);
border: 1px solid transparent;
height: 100%;
position: absolute;
width: calc(100% + 8px);
z-index: -1;
top: -4px;
left: -4px;
opacity: 1;
transition: opacity .3s ease-in-out;
} */
[data-barba-namespace=bookbeam-create] .create-pricing .most-recommended-wrapper{
position: absolute;
right: 24px;
top: -18px;
width: auto;
opacity: 1;
transition: opacity .3s ease-in-out;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list:not([data-pay-plan=yearly]) .plans__list-wrap:first-child:before,
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list:not([data-pay-plan=yearly]) .most-recommended-wrapper{
opacity: 0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .most-recommended-tag{
color: #F7F8F9;
background: linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%);
border-radius: 60px;
padding: 6px 10px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
z-index: 1;
width: auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-top: 7px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .most-recommended-wrapper:before{
content: '';
width: calc(100% + 8px);
height: calc(100% + 8px);
left: -4px;
top: -4px;
position: absolute;
background: #FFFFFF4D;
z-index: 1;
border-radius: 60px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap .button::after{
content: unset;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__cta,
[data-barba-namespace=bookbeam-create] .create-pricing .button-wrapper{
max-width: 100%;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__cta,
[data-barba-namespace=bookbeam-create] .create-pricing .plans__saved-price{
display: none;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__info{
background: linear-gradient(90deg, rgba(79, 124, 255, 0.1) 0%, rgba(217, 70, 239, 0.1) 100%);
margin-bottom: 16px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__info h4,
[data-barba-namespace=bookbeam-create] .create-pricing .plans__price{
color: #112F32;
font-family: Inter, sans-serif;
letter-spacing: normal;
}
[data-barba-namespace=bookbeam-create] .create-pricing .create-pricing__form{
display: none;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list-wrap:hover .plans__info{
/* background: linear-gradient(90deg, rgba(79, 124, 255, 0.1) 0%, rgba(217, 70, 239, 0.1) 100%); */
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__features{
background: transparent;
padding-left: 8px;
padding-right: 8px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__features a{
color: #4F7CFF;
}
[data-barba-namespace=bookbeam-create] .plans__features ul>li::before{
background: url('data:image/svg+xml,');
top: 6px;
}
[data-barba-namespace=bookbeam-create] .plans__features ul{
margin-bottom: 32px;
padding-left: 0;
}
[data-barba-namespace=bookbeam-create] .plans__features .summary-header{
display: none;
}
[data-barba-namespace=bookbeam-create] .plans__features ul>li{
color: #112F32;
margin-bottom: 0;
margin-top: 0;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 0;
/* border-bottom: 1px solid #ECEFF2; */
font-size: 16px;
}
[data-barba-namespace=bookbeam-create] .plans__features .summary-header{
/* border-bottom: 1px solid #ECEFF2; */
color: #112F32;
display: block;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
padding-left: 8px!important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item-container{
border-radius: 24px;
border: 1px solid #ECEFF2;
margin-bottom: 40px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-header{
background: #ECF1F9;
padding: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
border: none;
margin-top: 0;
width: 100%;
}
/* [data-barba-namespace=bookbeam-create] .perks-list .infomation-tooltip{
top: -1px;
} */
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-header h5{
margin-bottom: 0;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item{
background: #fff;
padding-left: 24px;
gap: 16px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item-container .perks-list-item:last-child{
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item::after{
content: unset;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item:nth-child(even){
background: #F8F8F8;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div:first-child,
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-header h5{
color: #112F32;
}
/* CTA */
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-left{
bottom: unset;
top: 0;
left:-72px;
height: 100%;
scale: 1;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-right{
top: unset;
bottom: 0;
right:-72px;
height:100%;
scale: 1;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-left svg,
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-right svg{
height: 100%;
}
[data-barba-namespace=bookbeam-create] .cta__inner{
padding-top: 105px;
padding-bottom: 105px;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__content{
max-width: 650px;
/* font-size: 16px; */
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header{
display: grid;
grid-template-columns: auto 1fr 1fr;
gap: 16px;
align-items: stretch;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"]{
background: linear-gradient(90deg, rgba(79, 124, 255, 0.1) 0%, rgba(217, 70, 239, 0.1) 100%);
border-radius: 24px;
padding: 24px 32px;
padding-bottom: 48px;
width: 100%!important;
max-width: 365px;
display: flex;
flex-direction: column;
margin: 0 auto;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .pricing__switch-container{
margin: auto 72px;
margin-left: 0;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"] .button{
background: #16191D;
color: #fff;
width: 100%;
margin-top: auto;
padding: 8px 24px!important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"] .button:before{
border: 6px solid transparent;
background:
linear-gradient(#16191D, #16191D) padding-box,
linear-gradient(90deg, rgba(79, 140, 255, 0.4) 0%, rgba(232, 121, 249, 0.4) 100%) border-box;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"] .button::after{
content: unset;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header h5{
color: #112F32;
text-align: left;
font-size: 28px;
font-family: Inter, sans-serif;
letter-spacing: normal;
font-weight: 600;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-plan__price .plans__price-strike--through{
color: #112F32!important;
opacity: 60%;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .perks-plan__price{
justify-content: flex-start;
padding: 0;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .perks-plan__price span{
font-weight: 700;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .perks-plan__price .smaller,
[data-barba-namespace=bookbeam-create] .create-pricing .plans__info .currency .smaller{
font-size: 16px;
font-weight: 500;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .perks-plan__price .yearly:not(.plans__price-strike--through),
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .perks-plan__price .monthly:not(.plans__price-strike--through){
font-size: 48px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .handrwritten-text{
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
right: 0!important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .handrwritten-text .arrow{
transform: scaleX(1);
position: relative;
left: unset!important;
right: unset!important;
top: 8px!important;
rotate: 0deg;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .pricing__switch::before{
transform: translateX(108%);
width: calc(50% - 8px);
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .pricing__switch[data-pay-switch=monthly]:before{
transform: translateX(0%);
width: calc(50% - 11px);
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .plans__cta,
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .plans__saved-price{
display: block;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .plans__saved-price-container{
display: flex;
align-items: center;
margin-bottom: 32px;
gap: 8px;;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .plans__saved-price-container div{
width: auto!important;
min-width: unset !important;
max-width: unset;
margin: 0;
font-family: Inter, sans-serif;
letter-spacing: normal;
font-weight: 600;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div:first-child{
min-width: 314px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .perks-list-item-content{
max-width: unset !important;
min-width: unset !important;
width: 100% !important;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__extra-data{
opacity: 60%;
font-weight: 500;
font-family: Inter, sans-serif;
}
[data-barba-namespace=bookbeam-create] .perks-header .pricing__switch{
background: unset;
gap: 8px;
}
[data-barba-namespace=bookbeam-create] .perks-header .pricing__switch::before{
content: unset;
}
[data-barba-namespace=bookbeam-create] .perks-header .pricing__switch li{
background: #F8F8F8;
border-radius: 24px;
border: 1px solid #F8F8F8;
padding: 8px 56px;
width: 100%;
}
[data-barba-namespace=bookbeam-create] .perks-header .pricing__switch li.active{
background: linear-gradient(#ECF1F9, #ECF1F9) padding-box, linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%) border-box;
text-transform: initial;
border: 1px solid transparent;
}
[data-barba-namespace=bookbeam-create] .create-pricing .button-wrapper .button{
padding: 8px 24px!important;
}
[data-barba-namespace=bookbeam-create] .create-pricing .button-wrapper .button::before,
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"] .button::before{
border-width: 3px;
}
[data-barba-namespace=bookbeam-create] .testimonials .notice-wrapper .notice-icon svg path{
stroke: #8921B1;
}
[data-barba-namespace=bookbeam-create] .faq .faq__inner{
background: unset;
overflow: unset;
}
[data-barba-namespace=bookbeam-create] .faq .faq__inner .faq-bg-decor{
position: absolute;
left: -180px;
}
[data-barba-namespace=bookbeam-create] .faq .faq__inner:before,
[data-barba-namespace=bookbeam-create] .faq .faq__inner:after{
content: unset;
}
[data-barba-namespace=bookbeam-create] .feature-item__img img{
margin-top: 0!important;
}
.footer .footer-blob-right svg{
height: 100%;
}
.footer .footer-blob-right{
height: auto;
}
[data-barba-namepsace=bookbeam-create] .home-features__list .feature-item__img{
margin-top: 0;
}
/* UTITLITIES */
.dots-bg-wrapper{
position: relative;
}
.dots-bg{
background:url('data:image/svg+xml,');
position:absolute;
background-size: contain;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.hero .dots-bg,
.footer .dots-bg{
background-size: 100% 1627px;
background-position: center center;
}
.numbers__icon img{
max-width: 25px;
}
.faq{
margin-bottom: 0;
}
.faq h3{
font-size: 48px;
color: #112F32;
}
.faq .accordion>li>a.accordion-title{
color: #112F32;
font-weight: 600;
}
.faq .accordion>li .accordion-content{
color: #546475;
padding: 0;
}
.faq .accordion>li .accordion-content p{
margin-bottom: 0;
}
.faq .accordion>li{
padding: 24px;
}
.faq .accordion>li>a:before{
background: url('data:image/svg+xml,') center no-repeat;
}
.faq .accordion>li.is-active>a:before{
background: url('data:image/svg+xml,') center no-repeat;
}
/* NORMAL PRICING PAGE */
.bb-n-ds[data-barba-namespace=pricing] .pricing__hero{
background: linear-gradient(180deg, #CEFFD3 0%, #FFFFFF 100%);
padding-top: 176px;
min-height: min(100vh, 692px);
}
[data-barba-namespace=pricing] .plans__list{
max-width: 1280px;
}
[data-barba-namespace=pricing] .pricing__hero .hero__title{
font-size: 64px;
max-width: 900px;
}
[data-barba-namespace=pricing] .pricing__swtich-container{
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
[data-barba-namespace=pricing] .pricing__swtich-container .pricing__switch li{
padding: 14px 48px;
}
[data-barba-namespace=pricing] .pricing__switch li{
font-weight: 500;
color: #112F32;
}
body [data-barba-namespace=pricing] .pricing__switch li.active{
color: #0DAF89!important;
}
[data-barba-namespace=pricing] .pricing__switch::before{
background: #0FAF8914;
border: 1px solid #0FAF89CC;
}
[data-barba-namespace=pricing] .coupon__button{
margin-top: 0;
margin-bottom: 0;
/* box-shadow: 0px 0px 0px 1.5px #112F3266; */
/* box-shadow: 0px 2px 24px 0px #112F320F; */
box-shadow: 0px 0px 12px 3px #112F320F;
}
[data-barba-namespace=pricing] .coupon__button::before,
[data-barba-namespace=pricing] .coupon__button::after{
content: unset;
}
[data-barba-namespace=pricing] .pricing__form input[type=text]{
border: 1px solid #ECEFF2;
background: #fff;
padding: 18px 135px 18px 24px;
color: #112F32;
}
[data-barba-namespace=pricing] .cta__form.pricing__form.new__pricing{
width: 100%;
}
[data-barba-namespace=pricing] .coupon__container{
max-width: 360px;
margin: auto;
}
[data-barba-namespace=pricing] .handrwritten-text{
right: -160px;
top: -12px;
left: unset;
}
[data-barba-namespace=pricing] .handrwritten-text .text{
color: #15B189!important;
margin-top: -40px!important;
}
[data-barba-namespace=pricing] .handrwritten-text .arrow{
rotate: 0deg;
transform: scaleX(-1);
right: unset;
top: -16px;
left: -32px;
}
[data-barba-namespace=pricing] .plans__list .plans__info{
background: #E9FBEF;
color: #112F32;
margin-bottom: 16px;
}
[data-barba-namespace=pricing] .plan__tag-container{
position: absolute;
top: -16px;
left: 0;
right: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
[data-barba-namespace=pricing] .plan__tag{
background: linear-gradient(90deg, #15B189 0%, #79D984 100%) !important;
font-size: 14px !important;
border-radius: 24px !important;
position: relative !important;
top: unset !important;
left: unset !important;
right: unset !important;
color: #fff;
padding: 0 20px;
min-height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
[data-barba-namespace=pricing] .plans__list>li{
padding: 4px;
margin: 0 12px;
background: #F8F9FC;
border-radius: 24px;
}
[data-barba-namespace=pricing] .plans__list .plans__features{
background: unset;
padding-right: 8px;
padding-left: 8px;
}
[data-barba-namespace=pricing] .plans__list h4,
[data-barba-namespace=pricing] .plans__price,
[data-barba-namespace=pricing] .plans__cta,
[data-barba-namespace=pricing] .plans__saved-price .plans__price-strike--through{
color: #112F32;
}
/* [data-barba-namespace=pricing] .plans__list h4{
margin-bottom: 0;
} */
[data-barba-namespace=pricing] .plans__list .plans__saved-price{
flex-direction: row;
align-items: flex-end;
gap: 8px;
font-family: Inter, sans-serif;
font-weight: 500;
}
[data-barba-namespace=pricing] .plans__list[data-pay-plan="yearly"] .plans__price-strike--through,
[data-barba-namespace=pricing] .plans__list[data-pay-plan="monthly"] .plans__price-strike--through,
[data-barba-namespace=pricing] .perks-list[data-pay-plan="yearly"] .plans__price-strike--through.yearly,
[data-barba-namespace=pricing] .plans__list[data-pay-plan="monthly"] .plans__saved-price.monthly .plans__price-strike--through,
[data-barba-namespace=pricing] .perks-list[data-pay-plan="monthly"].has-coupon .plans__saved-price.monthly .plans__price-strike--through.monthly,
[data-barba-namespace=pricing] .perks-list[data-pay-plan="monthly"].has-coupon .plans__saved-price.quarterly .plans__price-strike--through.quarterly{
display: inline-block;
margin-top: 0;
font-weight: 400;
}
[data-barba-namespace=pricing] .perks-list[data-pay-plan="monthly"].has-coupon .plans__saved-price.monthly{
align-items: flex-end;
}
[data-barba-namespace=pricing] .plans__cta{
text-align: left;
background: unset;
font-weight: 500;
font-family: Inter, sans-serif;
}
[data-barba-namespace=pricing] .plans__saved-price{
font-weight: 600;
font-family: Inter, sans-serif;
}
[data-barba-namespace=pricing] .floating-icon-wrapper{
position: absolute;
top: 16px;
right: 16px;
width: auto!important;
}
[data-barba-namespace=pricing] .plans__price{
font-family: Inter, sans-serif;
font-weight: 600;
}
[data-barba-namespace=pricing] .plans__price-strike--through{
/* opacity: .4; */
font-family: Inter, sans-serif;
font-weight: 500;
}
[data-barba-namespace=pricing] .perks-list .plans__cta{
margin-bottom: 0;
margin-top: 8px!important;
width: 100%!important;
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="yearly"]::before{
transform: translateX(234%);
width: calc(30% - 2px);
}
[data-barba-namespace=pricing] .faq .accordion>li.is-active>a:before{
background: url('data:image/svg+xml,') center no-repeat;
}
[data-barba-namespace=pricing] .perks-list .handrwritten-text .text{
color: #112F32!important;
}
[data-barba-namespace=pricing] .plans__list .button{
/* background: #0FAF89; */
background: linear-gradient(90deg, #FFAE00 38.44%, #FFEA03 100%);
/* color: #fff; */
color: #112F32;
transition: all .3s ease-in-out;
}
[data-barba-namespace=pricing] .plans__list .button:hover{
/* background: linear-gradient(90deg, #FFAE00 38.44%, #FFEA03 100%); */
background: linear-gradient(94.15deg, #E69C00 42.98%, #E6D002 108.73%) no-repeat !important;
isolation: isolate !important;
background-size: 100% 100% !important;
background-origin: border-box !important;
color: #112F32;
}
[data-barba-namespace=pricing] .plans__list .button::before,
[data-barba-namespace=pricing] .plans__list .button::after{
content: unset;
}
[data-barba-namespace=pricing] .plans__features .summary-header {
/* border-bottom: 1px solid #ECEFF2; */
color: #112F32;
display: block;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
padding-left: 8px !important;
}
[data-barba-namespace=pricing] .plans__features ul {
margin-bottom: 32px;
padding-left: 0;
}
[data-barba-namespace=pricing] .plans__features ul>li::before{
background: url('data:image/svg+xml,');
top: 6px;
}
[data-barba-namespace=pricing] .plans__features ul>li{
color: #112F32;
margin-bottom: 0;
margin-top: 0;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 0;
font-size: 16px;
}
[data-barba-namespace=pricing] .plans__list>li{
transition: all .3s ease-in-out;
box-shadow: 10px 20px 120px 0px transparent;
}
[data-barba-namespace=pricing] .plans__list>li:hover{
background: #F8F9FC;
box-shadow: 10px 20px 120px 0px #112F3214;
}
[data-barba-namespace=pricing] .plans__list[data-pay-plan="monthly"] .plans__saved-price.monthly .plans__price-strike--through{
font-size: 16px;
}
[data-barba-namespace=pricing] .pricing__form{
margin-top: 80px;
}
[data-barba-namespace=pricing] .pricing__form .coupon__button{
width: auto;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 4px;
}
[data-barba-namespace=pricing] .pricing__form .coupon__button:hover{
background: #0DAF89;
}
/* Perks */
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"]{
background: #E9FBEF;
border-radius: 24px;
padding: 24px 32px;
/* padding-bottom: 48px; */
width: 100% !important;
/* max-width: 365px; */
display: flex;
flex-direction: column;
margin: 0 auto;
min-width: unset;
position: relative;
}
[data-barba-namespace=pricing] .perks-list .perks-header .button{
width: 100%;
/* background: #0FAF89; */
/* color: #fff; */
background: linear-gradient(90deg, #FFAE00 38.44%, #FFEA03 100%);
color: #112F32;
transition: all .3s ease-in-out;
}
[data-barba-namespace=pricing] .perks-list .perks-header .button:hover{
background: linear-gradient(94.15deg, #E69C00 42.98%, #E6D002 108.73%) no-repeat !important;
isolation: isolate !important;
background-size: 100% 100% !important;
background-origin: border-box !important;
color: #112F32;
}
[data-barba-namespace=pricing] .perks-list .perks-header .button::after,
[data-barba-namespace=pricing] .perks-list .perks-header .button::before{
content: unset;
}
[data-barba-namespace=pricing] .perks-list .perks-header h5{
color: #112F32;
}
[data-barba-namespace=pricing] .perks-list .perks-header h5,
[data-barba-namespace=pricing] .perks-list .perks-header .plans__saved-price,
[data-barba-namespace=pricing] .perks-list .perks-header .perks-plan__price,
[data-barba-namespace=pricing] .perks-list .perks-header .plans__cta{
text-align: left;
justify-content: start;
}
[data-barba-namespace=pricing] .perks-list .perks-header .perks-plan__price{
padding: 0;
}
[data-barba-namespace=pricing] .perks-list .perks-list-header{
width: 100%;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item-container{
border-radius: 24px;
border: 1px solid #ECEFF2;
margin-bottom: 40px;
}
[data-barba-namespace=pricing] .perks-list .perks-list-header{
background: #ECF9F6;
padding: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
border: none;
margin-top: 0;
width: 100%;
}
/* [data-barba-namespace=pricing] .perks-list .infomation-tooltip{
top: -1px;
} */
[data-barba-namespace=pricing] .perks-list .perks-list-header h5{
margin-bottom: 0;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item{
background: #fff;
padding-left: 24px;
gap: 16px;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item-container .perks-list-item:last-child{
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item::after{
content: unset;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item:nth-child(even){
background: #F8F8F8;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item div:first-child,
[data-barba-namespace=pricing] .perks-list .perks-list-header h5{
color: #112F32;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item:after{
width: 100%;
}
[data-barba-namespace=pricing] .perks-list .perks-header .plans__cta{
margin: 0;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"] div{
min-width: unset!important;
}
[data-barba-namespace=pricing] .perks-list .handrwritten-text{
top: -24px;
left: 24px;
width: max-content !important;
min-width: unset !important;
}
[data-barba-namespace=pricing] .perks-list .handrwritten-text .arrow{
rotate: 0deg;
transform: scaleX(1);
right: unset;
top: -16px;
left: unset;
right: -30px;
}
[data-barba-namespace=pricing] .perks-header>div:first-child{
width: 100%!important;
max-width: unset;
min-width: unset!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header{
align-items: center;
gap: 12px;
}
/* [data-barba-namespace=pricing] .perks-list .pricing__switch::before{
transform: translateX(241%);
} */
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="quarterly"]::before {
transform: translateX(79%);
width: calc(40% - 4px);
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="monthly"]::before{
width: calc(32% - 6px);
}
/* [data-barba-namespace=pricing] .perks-header .pricing__switch{
background: unset;
gap: 8px;
}
[data-barba-namespace=pricing] .perks-header .pricing__switch li{
background: #F8F8F8;
border-radius: 24px;
border: 1px solid #F8F8F8;
padding: 8px 16px;
width: 100%;
min-width: 88px;
}
[data-barba-namespace=pricing] .perks-header .pricing__switch li.active{
background: #0FAF8914;
border: 1px solid #0FAF89CC;
}
[data-barba-namespace=pricing] .perks-header .pricing__switch::before{
content: unset;
} */
[data-barba-namespace=pricing] .testimonials{
padding-top: 120px;
}
/* FAQ */
[data-barba-namespace=pricing] .faq__inner{
padding: 72px 0;
max-width: 100%;
background: linear-gradient(180deg, #CEFFD3 -64.99%, #FFFFFF 125%);
margin-bottom: 64px;
}
[data-barba-namespace=pricing] .faq__inner .dots-bg{
background-size: 100%;
}
[data-barba-namespace=pricing] .faq__inner .accordion{
max-width: 960px;
padding: 0px 80px;
margin: auto;
}
[data-barba-namespace=pricing] .faq__inner::before,
[data-barba-namespace=pricing] .faq__inner::after{
content: unset;
}
[data-barba-namespace=pricing] .faq__inner .faq__decor-top,
[data-barba-namespace=pricing] .faq__inner .faq__decor-bottom{
display: none;
}
[data-barba-namespace=pricing] .perks-list-header svg path{
fill: #0DAF89;
}
.faq .accordion>li>a{
font-size: 20px;
}
.noticeBox{
text-align: center;
}
@media print, screen and (min-width: 64em) {
main:not(.bb-n-ds) .feat-hero{
padding: 176px 0 150px;
}
.bb-n-ds .feature-item {
padding-bottom: 150px;
margin-bottom: 0;
padding-top: 142px;
}
/* BB CREATE PAGE */
[data-barba-namespace=bookbeam-create] .feat-hero__title{
font-size: 72px;
}
[data-barba-namespace=bookbeam-create] .feat-hero__content{
font-size: 18px;
}
[data-barba-namespace=bookbeam-create] .feature-item__title{
font-size: 40px;
}
[data-barba-namespace=bookbeam-create] .feature-item__content{
font-size: 18px;
}
[data-barba-namespace=bookbeam-create] .feat-subtitle {
font-size: 18px;
}
}
@media print, screen and (min-width: 40em) {
.hero__title,
.hero__subtitle {
max-width: 790px;
}
.bb-n-ds .hero__blob-left {
top: -550px;
max-width: 100%;
left: -550px;
}
.footer{
padding-bottom: 32px;
}
}
/* MEDIA SCREEN 1680 */
@media screen and (max-width: 1680px) {
.floating-hero-image-container.top-left{
left: 80px;
}
.floating-hero-image-container.bottom-left{
left: 160px;
}
.floating-hero-image-container.top-right{
right: 80px;
}
.floating-hero-image-container.bottom-right{
right: 120px;
}
}
/* MEDIA SCREEN 1440 */
@media screen and (max-width: 1440px) {
.floating-hero-image-container.top-left{
top: 170px;
}
.floating-hero-image-container.top-right{
top: 160px;
}
.ba-header{
margin: 0 10px;
}
.cta__inner .cta__inner-blob-right,
.cta__inner .cta__inner-blob-left{
scale: 3;
}
.footer{
padding-bottom: 32px;
}
/* BB CREATE */
[data-barba-namespace=bookbeam-create] .hero__images{
text-align: center;
}
[data-barba-namespace=bookbeam-create] .hero__prime-image {
max-width: 900px;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right{
/* top: 0;
right: -450px; */
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left{
/* top: 900px; */
/* left: -800px;
top: -150px; */
}
[data-barba-namespace=bookbeam-create] .home-features .feature-item .feature-item__img img{
margin-left: -8px;
}
}
@media screen and (max-width: 1360px) {
.floating-hero-image-container.bottom-left{
bottom: 80px;
left: 80px;
}
.floating-hero-image-container.bottom-right{
bottom: 80px;
right: 80px;
}
.bb-n-ds .hero__blob-left svg{
scale: 1;
}
.bb-n-ds .hero__blob-right svg{
scale: 1;
}
[data-barba-namespace=bookbeam-create] .hero__blob-right svg,
[data-barba-namespace=bookbeam-create] .hero__blob-left svg{
height: 100%;
}
}
@media screen and (max-width: 1230px) {
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .perks-header > div:last-child:not(.sk-circle, .sk-child){
max-width: 100%;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item{
flex-wrap: unset;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div.perks-list-item-title{
width: 270px;
}
[data-barba-namespace=bookbeam-create] .perks-header .handrwritten-text{
left: 0;
}
/* PRICING PAGE */
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"]{
width: 30.3%!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"] .floating-icon-wrapper,
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"] .plan__tag-container{
width: auto!important;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item .perks-list-item-content{
width: 30.3%!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header div:first-child .pricing__switch li{
padding: 10px 16px;
}
[data-barba-namespace=pricing] .perks-list .perks-header .handrwritten-text {
left: 160px !important;
right: unset;
}
[data-barba-namespace=pricing] .perks-list .perks-header:last-child{
margin-top: 80px;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item{
justify-content: space-between;
}
}
@media screen and (max-width: 1170px){
.footer .dots-bg{
background-size: 100%;
}
}
@media screen and (max-width: 1170px) and (min-width: 1025px){
.numbers li:not(:first-child):after{
height: calc(100% - 200px);
}
}
@media screen and (max-width: 1030px) {
.bb-n-ds .hero__title{
font-size: 56px;
}
.floating-hero-image-container.top-left{
top: 140px;
left: 40px;
}
.floating-hero-image-container.bottom-right{
bottom: 0px;
}
.floating-hero-image-container.bottom-left,
.floating-hero-image-container.bottom-right{
bottom: 130px;
}
.floating-hero-image-container.bottom-left{
left: 40px;
}
.floating-hero-image-container.bottom-right{
right: 40px;
}
.floating-hero-image-container.top-right{
top: 120px;
}
.bb-n-ds .hero__blob-left{
top: -220px;
}
.numbers li{
padding: 32px 16px;
}
/* .cta__inner .cta__title{
font-size: 32px;
} */
.ba-header-bar{
padding-top: 12px;
padding-bottom: 12px;
padding-right: 24px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-right: -20px;
margin-left: -20px;
}
/* BB CREATE PAGE */
[data-barba-namespace=bookbeam-create] .home-features .feature-item.last-item .feature-item__img{
/* margin-top: 35px; */
max-height: unset;
}
[data-barba-namespace=bookbeam-create] .home-features .feature-item.last-item .feature-item__img img{
scale: 1!important;
max-height: 100%;
}
[data-barba-namespace=bookbeam-create] .hero__images{
justify-content: center;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-box-notice-wrapper{
font-size: 16px;
}
[data-barba-namespace=bookbeam-create] .home-features .feature-item .feature-item__img img{
scale: 1!important;
margin-left: 0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap{
width: 50%;
}
[data-barba-namespace=bookbeam-create] .feat-hero .underline-title strong{
display: block;
}
[data-barba-namespace=bookbeam-create] .home-features .feature-item__title br{
display: none;
}
.show-for-large,
.desktop-menu {
display: none !important;
}
.hide-for-large {
display: block !important;
}
.off-canvas-wrapper .off-canvas .hero__blob-left,
.off-canvas-wrapper .off-canvas .hero__blob-right{
display: none;
}
.off-canvas-wrapper .off-canvas>ul.menu>li{
border-bottom: 1px solid #ECEFF2;
padding-left: 0;
border-radius: 0px;
}
.off-canvas-wrapper .off-canvas>ul.menu>li>a{
color: #546475;
font-weight: 500;
font-size: 22px !important;
font-family: Inter, sans-serif;
position: relative;
width: max-content;
}
.off-canvas-wrapper .off-canvas > ul.menu li.menu-item-has-children a[parent-anchor=true]::after{
content: '';
position: absolute;
top: 14px;
right: -8px;
width: 18px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M15.9393 39.3107C15.3536 38.7249 15.3536 37.7751 15.9393 37.1893L29.3787 23.75L15.9393 10.3107C15.3536 9.72487 15.3536 8.77513 15.9393 8.18934C16.5251 7.60355 17.4749 7.60355 18.0607 8.18934L32.5607 22.6893C33.1464 23.2751 33.1464 24.2249 32.5607 24.8107L18.0607 39.3107C17.4749 39.8964 16.5251 39.8964 15.9393 39.3107Z' fill='%23042B71'/%3E%3C/svg%3E");
background-size: contain;
transform: rotate(90deg);
transition: transform .3s ease-in;
}
.off-canvas-wrapper .off-canvas > ul.menu li.menu-item-has-children.dropdown-active > a[parent-anchor=true]::after{
transform: rotate(-90deg);
}
.off-canvas-wrapper .off-canvas > ul.menu li.menu-item-has-children:after{
content: unset!important;
/* width: 20px;
height: 20px!important; */
/* top: unset!important; */
/* position: relative; */
/* rotate: 90deg; */
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu li > a{
font-size: 20px!important;
font-family: Inter, sans-serif;
font-weight: 500;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu li > a{
position: relative;
width: max-content;
}
.login-menu .button{
font-size: 18px!important;
margin-right: 0;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu li > a::after{
top: 2px;
right: -24px;
}
.mobile-off-canvas-menu{
display: flex !important;
justify-content: start;
padding-bottom: 32px;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu{
margin-top: 0;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu li{
padding: 15px 24px 10px 56px;
}
body .off-canvas-wrapper .mobile-off-canvas-menu .features__header li a[parent-anchor="true"] img{
width: 18px;
height: 18px;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu li.dropdown-active > a::after{
top: 2px;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children .menu li img{
top: 0 !important;
left: -28px !important;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children.resources-header__menu .menu li img{
top: -2px !important;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children.resources-header__menu .menu li:nth-child(4) img{
top: -6px!important;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children.resources-header__menu .menu li:nth-child(6) img{
top: -1px!important;
}
.off-canvas-wrapper .off-canvas>ul.menu li.menu-item-has-children.resources-header__menu .menu li:nth-child(3) img{
top: -3px!important;
}
.off-canvas-wrapper .mobile-off-canvas-menu .features__header ul:not(.nested-depth-0) li a{
font-size: 18px!important;
}
.off-canvas-wrapper .mobile-off-canvas-menu .vertical.menu > li.menu-item-has-children ul:not(.nested-depth-0) li img{
top: -2px !important;
}
.off-canvas-wrapper .mobile-off-canvas-menu .features__header ul:not(.nested-depth-0) li{
padding-bottom: 15px!important;
}
.off-canvas-wrapper .mobile-off-canvas-menu.off-canvas .login-menu{
display: flex;
flex-direction: column;
padding-left: 1rem;
order: 1;
gap: 10px;
}
[data-barba-namespace="pricing"] .perks-list .perks-list-item {
gap: 0;
}
}
@media screen and (max-width: 1023px){
.bb-n-ds .hero{
padding-top: 93px;
}
.bb-n-ds .hero__title, .bb-n-ds .hero__subtitle{
max-width: 690px;
}
.testimonials .testimonials__subtitle{
font-size: 16px;
}
.bb-n-ds .hero__blob-left svg{
scale: 2;
}
.bb-n-ds .hero__blob-right svg{
scale: 2;
}
.mobile-off-canvas-menu {
display: flex!important;
justify-content: start;
padding-bottom: 32px;
}
.dots-bg{
background: url('data:image/svg+xml,');;
background-size: unset!important;
}
.footer .medium-offset-1{
margin-left: 0;
}
/* BOOKBEAM CREATE PAGE */
[data-barba-namespace=bookbeam-create] .hero_tags{
flex-wrap: wrap;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper{
grid-template-columns: repeat(4, 1fr);
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container{
/* grid-column: unset!important; */
grid-column: span 2!important;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:last-child{
grid-column: 2 / span 2!important;
}
/* [data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:last-child img{
max-width: 50%;
} */
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(4){
max-height: 511px;
}
/* [data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(odd){
grid-column: span 4.5;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:nth-child(even){
grid-column: span 4.5;
} */
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container{
max-height: 511px;
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item{
padding: 24px;
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item .row{
flex-direction: column;
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item .row>div{
width: 100%;
max-width: 100%;
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item .feature-item__content,
[data-barba-namespace=bookbeam-create] .feature-item.last-item .feature-item__wrap,
[data-barba-namespace=bookbeam-create] .feature-item.last-item .feature-item__title{
max-width: unset;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item{
flex-wrap: wrap;
justify-content: center;
padding-right: 24px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__features{
margin-bottom: 0;
padding-left: 8px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .plans__saved-price-container .plans__cta{
padding: 0;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-left{
left: -200px;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-right{
right: -200px;
}
[data-barba-namespace=pricing] .plans__list{
gap: 20px;
}
[data-barba-namespace=pricing] .plans__list .plans__features{
margin-bottom: 0;
}
}
@media screen and (max-width: 1023px) and (min-width: 1001px){
[data-barba-namespace=pricing] .plans__list>li{
width: 46%;
}
}
@media screen and (max-width: 1023px) and (min-width: 639px) {
.floating-hero-image-container.top-left img{
max-height: 100px
}
.floating-hero-image-container.top-right img{
max-height: 102px;
}
.floating-hero-image-container.bottom-left img,
.floating-hero-image-container.bottom-right img{
max-height: 105px;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container .capability-image{
margin-top: 16px;
}
}
@media screen and (max-width: 1023px) and (min-width: 808px){
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list{
gap: 16px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header{
display: flex;
padding: 17px 24px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header:last-child{
margin-top: 64px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"]{
max-width: 365px!important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div.perks-list-item-title{
width: 100%;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .perks-list-item-content{
max-width: 365px!important;
margin: auto;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .pricing__switch-container{
margin-right: 0;
}
}
@media screen and (max-width: 968px) and (min-width: 639px) {
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:first-child) .home-tools-img-wrapper,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:first-child) .home-tools-img-wrapper,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
min-height: 200px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:first-child{
padding-right: 20px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
min-height: 176px;
}
}
@media screen and (max-width: 968px){
/* FOOTER */
.footer .footer-blob-left{
opacity: 0;
pointer-events: none
}
.footer{
background: #F8F9FC;
padding-bottom: 32px;
}
.footer .footer__bottom .footer__copyright{
text-align: left;
padding-left: 0;
font-size: 16px;
position: relative;
bottom: 0;
}
.footer .row > div{
flex: 0 0 100%;
max-width: 100%;
}
.footer .row .footer__menu{
margin-bottom: 16px;
}
.footer .row.footer__bottom .footer__menu{
flex-direction: column;
margin-bottom: 0;
}
.footer .row.footer__bottom .footer__menu li{
line-height: normal;
margin-bottom: 0;
}
.footer .row.footer__bottom .footer__menu li a{
line-height: 1;
}
.footer__socials{
margin-bottom: 0;
position: absolute;
z-index: 2;
top: 24px;
right: 24px;
padding-right: 0;
}
.footer .footer__suport,
.footer .medium-offset-1{
margin-left: 0!important;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left{
/* left: -800px;
top: 0; */
top: unset;
bottom: -150px;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right {
/* top: 400px;
right: -1000px; */
top: unset;
bottom: -150px;
}
}
@media screen and (max-width: 883px){
.handrwritten-text .arrow{
}
.create-pricing .pricing-switch-wrapper .handrwritten-text{
right: unset;
}
.create-pricing .pricing-switch-wrapper .handrwritten-text .arrow{
right: -32px;
top: 6px!important;
left: unset!important;
transform: scaleX(1);
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .handrwritten-text{
left: 0!important;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .perks-header .handrwritten-text .text{
left: 0;
}
}
@media screen and (max-width: 807px) {
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left {
/* left: -400px;
top: 600px;
scale: 2; */
/* left: -250px; */
left: 0;
bottom: -500px;
height: 100%;
top: 0;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right {
/* top: 600px;
right: -150px;
scale: 2; */
right: -50px;
bottom: -500px;
top: 0;
height: 100%;
}
/* [data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper ul li{
padding: 14px 0;
} */
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper ul{
margin-bottom: 16px!important;
margin: 0;
margin-top: 32px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list{
margin-top: 32px;
gap: 16px;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header{
display: flex;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"]{
margin: 0;
align-items: flex-start;
max-width: 365px !important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header [class^="perks-plan-"] > div{
/* justify-content: flex-start; */
text-align: left;
align-items: flex-start;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .plans__saved-price-container{
width: 100%;
flex-direction: unset;
align-items: flex-end!important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .pricing__switch-container{
margin-right: 0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-box-notice-wrapper{
margin-bottom: 64px;
margin-top: 64px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-box-notice-wrapper br{
display: none;
}
[data-barba-namespace=bookbeam-create] .perks-list{
padding: 0;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item{
justify-content: space-between;
gap: 0;
/* flex-wrap: nowrap; */
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-mobile-only{
display: block;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-mobile-only .perks__switch-m[data-pay-switch=basic]:before{
transform: translateX(108%);
width: calc(50% - 11px);
}
/* [data-barba-namespace=bookbeam-create] .create-pricing .perks-list[data-perks-plan="bookbeam-create"] .perks-list-item .perks-list-item-content:last-child,
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list[data-perks-plan="basic"] .perks-list-item .perks-list-item-content:not(:last-child){
display: none;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list[data-perks-plan="basic"] .perks-list-item .perks-list-item-content:last-child,
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list[data-perks-plan="bookbeam-create"] .perks-list-item .perks-list-item-content:not(:last-child){
display: block;
} */
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div.perks-list-item-title{
width: 100%!important;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div.perks-list-item-content{
width: 48%!important;
min-width: unset!important;
margin-bottom: 0;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-item div.perks-list-item-content{
/* text-align: right; */
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-header .handrwritten-text{
left: 0 !important;
width: 100% !important;
}
[data-barba-namespace=bookbeam-create] .create-pricing .perks-list .perks-header .handrwritten-text .text{
right:0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap{
margin: 0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .most-recommended-wrapper {
right: 24px;
top: -18px;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap{
width: 100%;
}
[data-barba-namespace=bookbeam-create] .faq .faq__inner .faq-bg-decor{
left: -550px;
}
/* PRICING */
[data-barba-namespace=pricing] .handrwritten-text{
left: unset;
top: -12px !important;
right: 80px!important;
}
[data-barba-namespace=pricing] .pricing__switch.handwritten-mob{
margin-bottom: 32px!important;
margin-top: 72px!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header .handrwritten-text{
left: unset !important;
right: 80px !important;
top: -8px !important;
}
[data-barba-namespace=pricing] .handrwritten-text .arrow{
transform: scaleX(1);
rotate: 0deg !important;
top: -20px !important;
left: unset !important;
right: -32px;
}
[data-barba-namespace=pricing] .perks-list .handrwritten-text .arrow{
transform: scaleX(1);
rotate: 0deg !important;
top: -20px !important;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item p{
margin: auto;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"]{
max-width: 435px;
width: 100%!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header{
gap: 20px;
}
[data-barba-namespace=pricing] .plans__list h4,
[data-barba-namespace=pricing] .perks-list .perks-header h5{
font-size: 24px;
}
[data-barba-namespace=pricing] .plans__price,
[data-barba-namespace=pricing] .plans__price .monthly,
[data-barba-namespace=pricing] .perks-list .perks-header .perks-plan__price span{
font-size: 28px!important;
}
[data-barba-namespace=pricing] .plans__price .smaller,
[data-barba-namespace=pricing] .perks-list .perks-header .perks-plan__price .smaller{
font-size: 20px!important;
}
.faq{
margin-bottom: 100px;
}
.faq h3{
font-size: 28px;
}
}
@media screen and (max-width: 639px) {
.bb-n-ds .button{
padding: 12px 24px!important;
}
.bb-n-ds .hero:not(.feat-hero){
padding-top: 96px!important;
padding-bottom: 126px;
min-height: min(100vh, 540px)!important;
}
.bb-n-ds .hero .bb-trust-pilot-wrapper img{
max-height: 24px;
margin-bottom: 0;
}
.bb-trust-pilot-wrapper img{
object-fit: contain;
}
.bb-n-ds .hero .hero__title{
max-width: 350px;
}
.bb-n-ds .hero .hero__subtitle{
max-width: 275px;
font-size: 16px;
}
.bb-n-ds .hero .hero__subtitle.pricing__subtitle{
max-width: none;
}
.bb-n-ds .pricing__subtitle .pricing__subtitle--flex{
font-size: 14px;
}
.pricing__subtitle--flex{
font-size: 14px;
}
.bb-n-ds .hero .hero__blob-left{
top: 0;
left: 0;
}
.bb-n-ds .hero .hero__blob-right{
bottom: 0;
right: 0;
z-index: 1;
}
.floating-hero-image-container.bottom-right{
bottom: 248px;
right: 10px;
}
.floating-hero-image-container.bottom-right img{
max-height: 72px;
}
.floating-hero-image-container.bottom-left{
bottom: 252px;
left: 10px;
}
.floating-hero-image-container.bottom-left img{
max-height: 72px;
}
.bb-n-ds .hero__notice{
margin-bottom: 0;
}
.bb-n-ds .hero .button{
margin-top: 80px;
}
.floating-hero-image-container.top-right{
right: 10px;
top: 90px;
}
.floating-hero-image-container.top-right img{
max-height: 72px;
}
.floating-hero-image-container.top-left{
left: 0;
top: 100px;
}
.floating-hero-image-container.top-left img{
max-height: 72px;
}
.homepage-trust-pilot-wrapper{
margin-bottom: 16px;
margin-top: 72px;
}
/* Numbers */
.numbers .numbers__num{
font-size: 32px;
}
.numbers .numbers__list li .numbers__icon{
width: 48px;
height: 48px;
margin-bottom: 16px;
}
.numbers li{
padding: 32px 0px;
}
.numbers .numbers__list li::after{
content: unset;
}
.numbers .numbers__list li:nth-child(odd)::after{
content: '';
background: #E6E9EA;
height: calc(100% - 130px);
width: 2px;
display: block;
position: absolute;
top: 90px;
right: -5px;
left: unset;
}
.numbers li .numbers__title{
font-size: 14px;
}
/* Tools */
.home-tools .home-tools-flex{
grid-template-columns: 1fr!important;
}
.home-tools .home-tools-flex .home-tools-item{
max-height: 100%;
padding: 24px!important;
}
.home-tools .tabs{
/* flex-wrap: wrap; */
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 16px;
background: transparent;
border: none;
padding: 8px 0;
}
.home-tools .tabs-title{
width: 100%;
border: 1px solid #E8EAEE;
background: #fff;
}
.home-tools .tabs-content{
margin: auto -10px;
}
.home-tools{
padding: 40px 10px;
}
.home-tools .home-tools__title{
/* text-align: left; */
font-size: 28px;
margin-bottom: 32px;
}
.home-tools .tabs-panel{
padding: 1rem 0;
}
.home-tools .tabs-panel .home-tools-flex .home-tools-item .home-tools-img-wrapper{
min-height: 220px;
}
.home-tools .tabs-panel.research .home-tools-flex .home-tools-item .home-tools-img-wrapper{
min-height: 160px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
min-height: 180px;
}
.home-tools .home-tools-flex .home-tools-item .home-tools-content{
font-size: 14px;
}
/* .home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child),
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child),
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child),
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child{
padding-top: 0!important;
} */
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-right: -20px;
margin-left: -20px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:first-child) .home-tools-img-wrapper{
margin-left: -20px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:first-child{
padding-bottom: 0!important;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper,
.home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper{
margin-bottom: 0px;
top: unset;
}
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:last-child) .home-tools-img-wrapper{
margin-bottom: 16px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper img{
border-radius: 24px!important;
}
.home-tools .tabs-panel.keywords .home-tools-flex.full .home-tools-item{
display: flex;
flex-direction: column-reverse;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-bottom: 0;
margin-top: 16px;
}
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-img-wrapper, .home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-left: -20px;
margin-bottom: -126px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:first-child .home-tools-content-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:last-child .home-tools-content-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:first-child .home-tools-content-wrapper{
order: 0;
}
.home-tools .tabs-panel.keywords .home-tools-flex.full .home-tools-item{
gap: 16px;
}
/* Single Testimonials */
.single-testimonial{
padding: 32px 20px 64px;
margin-top: 0;
}
.single-testimonial .testimonial__title{
font-size: 24px;
}
.single-testimonial .testimonials__info{
margin-top: 16px;
}
.testimonials__title.bb-masonry-title div,
.testimonials .testimonials__subtitle div,
.testimonials .testimonials__subtitle{
/* text-align: left!important; */
line-height: 1.5;
}
.testimonials .the-subtitle .notice-wrapper{
/* margin-left: 0; */
}
.testimonial__grid-wrap .bb-trust-pilot-wrapper{
/* justify-content: flex-start; */
margin-bottom: 24px;
}
.bb-trust-pilot-wrapper img {
max-height: 22px;
scale: 1;
/* margin-left: 0; */
width: 100%;
}
.testimonials .testimonials-blob-left{
top: 600px;
}
.testimonials .see-more-content.button{
justify-content: center;
}
.testimonial__grid-wrap .see-more-wrapper .see-more-content .arrow svg{
/* transform: rotate(-90deg)!important; */
}
/* TESTIMONIALS */
/* CTA */
.cta__inner .cta__inner-blob-right,
.cta__inner .cta__inner-blob-left{
scale: 2;
}
.cta__inner .cta__inner-blob-right{
top: -72px;
}
.cta__inner .cta__inner-blob-left{
bottom: -72px;
}
.cta__inner{
padding: 20px 32px!important;
}
.cta__inner .cta__title{
font-size: 36px;
}
.cta__inner .cta__content{
font-size: 16px;
}
/* HEADER NAV */
.mobile-off-canvas-menu .button::before,
.mobile-off-canvas-menu .button::after{
content: unset;
}
.off-canvas-wrapper .off-canvas>ul.menu{
margin-bottom: 0;
}
/* EXTRAS */
.numbers .numbers__num span, .plus{
top: -3px
}
.bb-n-ds .hero .plus{
top: -1px;
}
.notice-icon{
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.cta__inner .button{
margin-bottom: 16px;
}
.notice-wrapper{
margin: auto;
font-size: 13px;
margin-bottom: 20px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) > div, .home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:last-child) > div, .home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) > div, .home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) > div{
order: 0;
margin-top: 16px;
margin-bottom: 0;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img, .home-tools .tabs-panel.keywords .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img, .home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:not(:first-child) .home-tools-img-wrapper img{
border-radius: 24px!important;
}
.testimonials .testimonials__title{
max-width: 325px;
}
.home-tools .tabs-content .tools-content-link{
font-size: 14px;
}
.testimonials .testimonials__subtitle{
font-size: 18px;
}
.footer__socials{
right: 12px;
}
.home-tools .home-tools-flex:first-child .home-tools-item:last-child,
.home-tools .home-tools-flex:last-child .home-tools-item:first-child{
background-color: #FBFBF8;
background-image: radial-gradient(ellipse 700px 700px at 18% 30%, rgba(255, 243, 203, 0.9) 0%, rgba(255, 243, 203, 0) 70%), radial-gradient(ellipse 900px 1400px at 78% 65%, rgba(208, 255, 176, 0.85) 0%, rgba(208, 255, 176, 0) 65%);
background-repeat: no-repeat;
}
.bb-n-ds .feature-item:nth-child(2){
padding: 32px 0;
}
.bb-n-ds .feature-item:nth-child(2)::before{
background-size: cover;
}
/* BB CREATE PAGE */
[data-barba-namespace=bookbeam-create] .capabilities-wrapper{
grid-template-columns: 1fr;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container,
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:last-child{
grid-column: span 3!important;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container h4 br{
display: none;
}
[data-barba-namespace=bookbeam-create] .feat-hero{
padding-top: 106px;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right,
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left{
z-index: -1;
}
[data-barba-namespace=bookbeam-create] .price-compare-section{
padding: 60px 0;
}
[data-barba-namespace=bookbeam-create] .price-compare-container{
flex-direction: column;
align-items: center;
}
[data-barba-namespace=bookbeam-create] .price-compare-card{
min-height: 182px;
}
[data-barba-namespace=bookbeam-create] .price-compare-vs{
width: 48px;
}
[data-barba-namespace=bookbeam-create] .bb-trust-pilot-wrapper img{
scale: .85;
}
[data-barba-namespace=bookbeam-create] .feature-item.last-item{
border-radius: 24px;
}
[data-barba-namespace=bookbeam-create] .feature-tags{
grid-template-columns: 1fr;
}
/* [data-barba-namespace=bookbeam-create] .create-pricing .perks-list .perks-list-item .perks-list-item-content {
width: 50%!important;
min-width: unset;
} */
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left,
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right {
bottom: 100px;
left: 0;
right: 0;
top: 0;
height: 100%;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left svg,
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right svg{
height: 100%;
scale: 1;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container h4{
font-size: 24px;
max-width: 300px;
}
[data-barba-namespace=bookbeam-create] .capabilities-wrapper .capability-container:last-child h4{
font-size: 24px;
max-width: unset;
}
[data-barba-namespace=bookbeam-create] .feature-item{
padding-bottom: 0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper {
margin: 64px 0;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper .handrwritten-text{
top: -32px !important;
right: unset;
left: 25%;
}
[data-barba-namespace=bookbeam-create] .create-pricing .pricing-switch-wrapper .handrwritten-text .arrow{
left: -32px !important;
top: 6px !important;
transform: scaleX(-1);
right: unset !important;
}
[data-barba-namespace=bookbeam-create] .feature-item__title{
max-width: 100%;
}
[data-barba-namespace=bookbeam-create] .perks-list .perks-list-header h5 {
font-size: 20px;
}
[data-barba-namespace=bookbeam-create] .price-compare-section .underline-title strong{
background: linear-gradient(90deg, #4F7CFF 0%, #D946EF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-barba-namespace=bookbeam-create] .cta .bb-trust-pilot-wrapper{
margin-bottom: 8px;
margin-top: 8px!important;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-left{
left: -400px;
}
[data-barba-namespace=bookbeam-create] .cta__inner .cta__inner-blob-right{
right: -400px;
}
[data-barba-namespace=bookbeam-create] .hero .hero__blob-left,
[data-barba-namespace=bookbeam-create] .hero .hero__blob-right {
top: unset;
}
[data-barba-namespace=bookbeam-create] .create-pricing .plans__list .plans__list-wrap{
max-width: 100%;
}
/* PRICING */
[data-barba-namespace=pricing] .pricing__swtich-container{
padding: 0;
}
[data-barba-namespace=pricing] .pricing__switch li{
padding: 14px 24px!important;
}
[data-barba-namespace=pricing] .pricing__switch[data-pay-switch=quarterly]:before{
transform: translateX(103%);
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="quarterly"]::before{
transform: translateX(76%);
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="yearly"]::before{
width: calc(30% - 4px);
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="monthly"]::before{
width: calc(32% - 4px);
}
[data-barba-namespace=pricing] .plans__list .plans__info{
padding: 20px;
}
[data-barba-namespace=pricing] .perks-list{
padding: 0;
}
[data-barba-namespace=pricing] .plans__list>li{
margin: 0;
}
[data-barba-namespace=pricing] .perks-list .perks-header{
gap: 12px;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"]{
width: 100%!important;
align-items: flex-start;
margin-bottom: 24px;
max-width: unset;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"] div{
max-width: unset;
width: auto!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"] .plans__saved-price{
flex-direction: row;
max-width: unset;
}
[data-barba-namespace=pricing] .perks-list .perks-header div:first-child .pricing__switch li{
padding: 14px 24px!important;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item,
[data-barba-namespace=pricing] .perks-list .perks-list-header{
padding: 16px;
overflow: hidden;
}
[data-barba-namespace=pricing] .perks-list .perks-list-item .perks-list-item-content{
width: calc((100% / 3) - 16px)!important;
}
[data-barba-namespace=pricing] .perks-list .perks-header [class^="perks-plan-"] .plans__cta{
font-size: 16px;
}
[data-barba-namespace=pricing] .faq__inner{
margin: 0 auto;
border-radius: 32px;
padding: 32px 8px;
}
[data-barba-namespace=pricing] .faq__inner .accordion{
padding: 0 12px;
}
[data-barba-namespace=pricing] .perks-list .perks-list-header h5{
font-size: 20px;
}
}
@media screen and (max-width: 475px){
[data-barba-namespace=bookbeam-create] .price-compare-section .feat-heading strong{
display: block;
}
}
@media screen and (max-width: 425px){
.numbers .numbers__num{
font-size: 26px;
}
.single-testimonial .single-testimonial-container {
padding: 32px 16px;
}
}
@media screen and (max-width: 325px) {
.home-tools .tabs-title{
font-size: 14px;
}
.home-tools .tabs-panel.research .home-tools-flex .home-tools-item .home-tools-img-wrapper{
min-height: 100px;
}
.home-tools .tabs-panel.research .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
min-height: 120px;
}
.home-tools .tabs-panel .home-tools-flex .home-tools-item .home-tools-img-wrapper{
min-height: 140px;
}
/* PRICING */
[data-barba-namespace=pricing] .pricing__switch[data-pay-switch=quarterly]:before {
transform: translateX(110%);
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="yearly"]::before{
transform: translateX(240%);
}
[data-barba-namespace=pricing] .perks-list .pricing__switch[data-pay-switch="quarterly"]::before {
transform: translateX(80%);
}
[data-barba-namespace=pricing] .perks-list .perks-header .handrwritten-text{
right: 72px !important;
}
}
@media screen and (max-width: 1440px) and (min-width: 1023px) {
/* .numbers li{
padding: 32px 16px;
} */
.bb-n-ds .hero__title, .bb-n-ds .hero__subtitle{
max-width: 625px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px){
.home-tools .home-tools-flex .home-tools-item{
padding-left: 20px;
padding-right: 20px;
}
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-left: -20px;
margin-right: -20px;
}
.home-tools .tabs-panel.research .home-tools-flex:last-child .home-tools-item:not(:first-child) .home-tools-img-wrapper,
.home-tools .tabs-panel.track-and-optimize .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:last-child .home-tools-item:last-child .home-tools-img-wrapper,
.home-tools .tabs-panel.create-and-grow .home-tools-flex:first-child .home-tools-item:first-child .home-tools-img-wrapper{
margin-left: -20px;
margin-right: -20px;
}
}
/* EXTRAS */
/* .see-more-wrapper.mobile{
display: none;
} */
/* @media screen and (max-width: 639px){
.see-more-wrapper{
margin-bottom: 36px;
}
.see-more-wrapper.mobile .overlay{
display: none;
}
.see-more-wrapper.desktop .see-more-content.button{
display: none;
}
} */
.crisp-client{
display: none!important;
}
@supports (-webkit-hyphens: none) {
[data-barba-namespace=bookbeam-create] .testimonials .testimonials__title strong,
[data-barba-namespace=bookbeam-create] .price-compare-section .underline-title strong,
[data-barba-namespace=bookbeam-create] .create-pricing .underline-title strong,
[data-barba-namespace=bookbeam-create] .grid-capabilities .underline-title strong{
font-weight: 500;
}
}
@supports (-moz-appearance: none) {
svg filter, svg * {
color-interpolation-filters: sRGB;
opacity: .9;
}
}
.page-template-chrome-extension-lite .feat-hero__button, .page-template-chome-extension-lite .feat-hero__button{
text-align: center;
}