/* general settings */

#page-container h1,
#page-container h2,
#page-container h3,
#page-container h4,
#main-content h5,
#page-container h6 {
  font-family: var(--ff-main) !important;
  color: var(--plnb-clr-heading) !important;
}
html,
body,
li,
ul,
ol,
#page-container p {
  font-family: var(--ff-main)!important;
  color: var(--plnb-clr-paragraph);
}

#page-container h1 {
  font-size: var(--plnb-fs-h1) !important;
  font-weight: var(--plnb-fw-h1) !important;
  line-height: var(--plnb-lh-h1) !important;
  letter-spacing: var(--plnb-ls-h1) !important;
}
#page-container h1.big {
  font-size: var(--plnb-fs-h1-big) !important;
  font-weight: var(--plnb-fw-h1-big) !important;
  line-height: var(--plnb-lh-h1-big) !important;
  letter-spacing: var(--plnb-ls-h1-big) !important;
}
#page-container h2 {
  font-size: var(--plnb-fs-h2)!important;
  font-weight: var(--plnb-fw-h2) !important;
  line-height: var(--plnb-lh-h2) !important;
  letter-spacing: var(--plnb-ls-h2) !important;
}
#page-container h2.big {
  font-size: var(--plnb-fs-h1)!important;
  font-weight: var(--plnb-fw-h1)!important;
  line-height: var(--plnb-lh-h1)!important;
  letter-spacing: var(--plnb-ls-h1)!important;
}
#page-container h3 {
  font-size: var(--plnb-fs-h3)!important;
  font-weight: var(--plnb-fw-h3) !important;
  line-height: var(--plnb-lh-h3) !important;
  letter-spacing: var(--plnb-ls-h3) !important;
}
#page-container h4 {
  font-size: var(--plnb-fs-h4)!important;
  font-weight: var(--plnb-fw-h4) !important;
  line-height: var(--plnb-lh-h4) !important;
  letter-spacing: var(--plnb-ls-h4) !important;
}
#main-content h5 {
  font-size: var(--plnb-fs-h5) !important;
  font-weight: var(--plnb-fw-h5) !important;
  line-height: var(--plnb-lh-h5) !important;
  letter-spacing: var(--plnb-ls-h5) !important;
}
#page-container h6 {
  font-size: var(--plnb-fs-h6)!important;
  font-weight: var(--plnb-fw-h6) !important;
  line-height: var(--plnb-lh-h6) !important;
  letter-spacing: var(--plnb-ls-h6) !important;
}

#page-container p {
  font-size: var(--plnb-fs-p)!important;
  font-weight: var(--plnb-fw-p)!important;
  line-height: var(--plnb-lh-p)!important;
  letter-spacing: var(--plnb-ls-p)!important;
}
#page-container p.small {
  font-size: var(--plnb-fs-p-small)!important;
  font-weight: var(--plnb-fw-p-small)!important;
  line-height: var(--plnb-lh-p-small)!important;
  letter-spacing: var(--plnb-ls-p-small)!important;
}
#page-container p.big {
  font-size: var(--plnb-fs-p-big)!important;
  font-weight: var(--plnb-fw-p-big)!important;
  line-height: var(--plnb-lh-p-big)!important;
  letter-spacing: var(--plnb-ls-p-big)!important;
}
#page-container p.subheading {
  font-size: var(--plnb-fs-subh)!important;
  font-weight: var(--plnb-fw-subh)!important;
  line-height: var(--plnb-lh-subh)!important;
  letter-spacing: var(--plnb-ls-subh)!important;
}
#page-container p.label {
  font-size: var(--plnb-fs-p-label)!important;
  font-weight: var(--plnb-fw-p-label)!important;
  line-height: var(--plnb-lh-p-label)!important;
  letter-spacing: var(--plnb-ls-p-label)!important;
}

/* end general settings */

body, .et_pb_section {
	background-color: #F2F3F7 !important;
}


@media (max-width: 1280px) {
    body br {
	display: block !important
	}
}



/* ===== Section header =====*/
.section-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

 #page-container .section-header h2 {
	font-size: var(--fs-h1-big) !important;
	font-weight: var(--plnb-fw-h1-big) !important;
	line-height: var(--plnb-lh-h1-big) !important;
}


.section-header .subtitle {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--plnb-clr-neutral-200);
	border-radius: 5px;
	padding-block: 5px;
	gap: 5px
}
#page-container .section-header .subtitle p {
	text-align: center;
	font-size: 18px
}

.section-header .subtitle img {
	width: 40px;
	flex-shrink: 0;
}

@media (max-width: 1280px) {
	#page-container .section-header h2 {
		font-size: var(--fs-h1) !important;
		font-weight: var(--plnb-fw-h1) !important;
		line-height: var(--plnb-lh-h1) !important;
	}
}

@media (max-width: 980px) {
	.section-header {
		margin-bottom: 48px;
		gap: 12px;
	}
}

@media (max-width: 768px) {
	.section-header {
		gap: 0;
	}
	#page-container .section-header h2 {
		font-size: 39px !important;
		font-weight: 700 !important;
		line-height: 1.1em !important;
	}
}

@media (max-width: 480px) {
	.section-header {
		padding-left: 24px;
		padding-right: 24px
	}
	.section-header .subtitle {
		align-items: flex-start;
	}
	#page-container .section-header h2 {
		text-align: center
	}
	
}



/* ===== cards section ===== */
.et_pb_section .cards-wrapper {
	display: flex;
	flex-direction: column;
	gap: 64px;
	position: relative;
}

.et_pb_section .cards-wrapper .card {
	position: sticky;
	top: 100px;
	display: flex;
	gap: 48px;
	justify-content: space-between;
	align-items: center;
	--stack-progress: 0;
	opacity: calc(1 - var(--stack-progress));
	transform: scale(calc(1 - (var(--stack-progress) * 0.06)));
	transform-origin: center center;
	transition:
		opacity 0.08s linear,
		transform 0.08s linear;
	will-change: opacity, transform;
}

.et_pb_section .cards-wrapper .card.is-stacked {
	pointer-events: none;
}

.et_pb_section .cards-wrapper .card .card-text-col {
	display: flex;
	flex-direction: column;
	max-width: 364px;
	background-color: #F2F3F7;
}

.et_pb_section .cards-wrapper .card .card-text-col h3 {
	margin-bottom: 26px;
}

.et_pb_section .cards-wrapper .card .card-text-col .features {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.et_pb_section .cards-wrapper .card .card-text-col a {
	font-size: var(--plnb-fs-p);
	font-weight: var(--plnb-fw-p-big);
	line-height: var(--plnb-lh-p-big);
	text-decoration: underline;
	color: var(--plnb-clr-neutral-800);
	margin-top: 48px;
}

.et_pb_section .cards-wrapper .card .card-text-col .features .feature {
	display: flex;
	align-items: center;
	gap: 24px;
}

.et_pb_section .cards-wrapper .card .card-img-col {
	max-width: 786px;
}

@media (max-width: 1280px) {
	.et_pb_section .cards-wrapper .card .card-text-col {
		width: 40%;
	}

	.et_pb_section .cards-wrapper .card .card-img-col {
		width: 60%;
	}

	.et_pb_section .cards-wrapper .card .card-text-col .features {
		gap: 24px;
	}

	.et_pb_section .cards-wrapper .card .card-text-col h3 {
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.et_pb_section .cards-wrapper {
		gap: 48px;
	}

	.et_pb_section .cards-wrapper .card {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}

	.et_pb_section .cards-wrapper .card .card-text-col {
		width: 100%;
		max-width: 100%;
	}

	.et_pb_section .cards-wrapper .card .card-img-col {
		width: 100%;
		max-width: 100%;
	}

	.et_pb_section .cards-wrapper .card .card-text-col h3 {
		margin-bottom: 0;
	}

	.et_pb_section .cards-wrapper .card .card-text-col a {
		margin-top: 24px;
	}
}

@media (max-width: 480px) {
	.et_pb_section .cards-wrapper .card .card-text-col {
		padding-left: 24px;
		padding-right: 24px;
	}
	.et_pb_section .cards-wrapper .card .card-img-col {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.et_pb_section .cards-wrapper .card .card-text-col .features img {
		width: 24px;
		height: 24px
	}

}





/* ===== Navbar =====*/
body {
	max-width: 100vw;
	overflow-x: hidden;
}

body #page-container #et-boc div.et_pb_section.dropdown-menu-section {
	background-color: #FFF !important;
}


/* ===== Hero section =====*/
.features-hero-section {
	background-color: #000 !important;
	border-radius: 0 0 110px 110px;
	padding-bottom: 0 !important;
	overflow: hidden
}
.features-hero-section .et_pb_row {
	width: 100%;
	max-width: 100%;
	padding-bottom: 0;
}


.features-hero-section .et_pb_code_inner {
	display: flex;
	justify-content: center
	
}
.features-hero-section .hero-content-wrapper {
	max-width: 835px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 24px;
	z-index: 9;
}

#page-container .features-hero-section p,
#page-container .features-hero-section h1 {
	color: #FFF !important
}


.features-hero-section .hero-content-wrapper .plnb-button-primary {
	display: flex;
	padding: 30px !important;
	background-color: #089175 !important;
	border-color: #089175 !important
}

.features-hero-section .et_pb_image {
	margin-top: -125px;
	margin-bottom: 0 !important;
}

.features-hero-section .et_pb_image.img-mobile {
	margin-top: 40px;
}

.dead-transform-img img {
  will-change: opacity, filter;
  transform: translateZ(0); /* force GPU layer */
  backface-visibility: hidden;
}


@media (max-width: 1439px) {
    .et_pb_section.features-hero-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media (max-width: 1280px) {
	.features-hero-section .et_pb_image {
		margin-top: -50px;
	}
}
@media (max-width: 768px) {
	.features-hero-section {
		border-radius: 0 0 76px 76px !important;
	}
}

@media (max-width: 480px) {
	 #page-container #et-boc .features-hero-section .plnb-button-primary {
		width: fit-content;
	}
}


/* ===== Calendar section =====*/
.features-calendar-section .section-header .img-left {
	margin-top: -20px;
}
.features-calendar-section .section-header .img-right {
	margin-bottom: -30px;
	margin-right: -20px;
	width: 60px;
	height: 60px;
}

@media (max-width: 480px) {
	.et_pb_section.features-calendar-section {
		padding-left: 0;
		padding-right: 0
	}
}




/* ===== Media library section =====*/
.features-media-section .et_pb_row {
	background-color: #FFE0D0;
	border-radius: 30px;
	padding: 50px 50px 0 50px !important;
	overflow: hidden
}

.features-media-section .section-header .subtitle {
	background-color: #FFC8A8
}

.features-media-section .section-header .img-left,
.features-media-section .section-header .img-right {
	margin-top: -30px;
	width: 50px;
	height: 50px;
}
.features-media-section .section-header .img-left {
	margin-left: -25px
}
.features-media-section .section-header .img-right {
	margin-right: -25px;
}

.features-media-section .et_pb_image {
	margin-bottom: 0 !important;
}

@media (max-width: 768px) {
	.features-media-section .et_pb_row{
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 24px;
	}
	.features-media-section .section-header {
		padding-left: 24px;
		padding-right: 24px;
	}
	.features-media-section .et_pb_image  {
		padding-left: 24px;
	}
	
	.features-media-section .card-text-col {
		background-color: transparent !important;
		padding-left: 24px;
        padding-right: 24px;
		padding-top: 50px;
		padding-bottom: 30px;
	}
}

@media (max-width: 480px) {
	.et_pb_section.features-media-section {
		padding-left: 10px;
		padding-right: 10px
	}
	.features-media-section .et_pb_row {
		border-radius: 14px;
	}
}



/* ===== Approvals section =====*/
.features-approvals-section .cards-wrapper .card .card-text-col .features .feature {
	align-items: flex-start;
}
.features-approvals-section .section-header .img-left {
	width: 60px;
	margin-left: -25px;
	margin-top: -40px;
}
.features-approvals-section .section-header .img-right {
	margin-right: -20px;
	margin-bottom: -10px;
	margin-top: -10px;
	width: 40px
}

.features-approvals-section .button-wrapper {
	display: flex;
	justify-content: center
}

.features-approvals-section .button-wrapper .plnb-button-primary {
    display: flex;
	width: fit-content;
    padding: 30px !important;
    background-color: #089175 !important;
    border-color: #089175 !important;
}

@media (max-width: 480px) {
	.et_pb_section.features-approvals-section {
		padding-left: 0;
		padding-right: 0
	}
	
		
	.features-approvals-section .section-header .subtitle {
		padding-bottom: 0;
	}
	.features-approvals-section .section-header .subtitle p {
		padding-bottom: 10px;
	}
	.features-approvals-section .section-header .img-right {
		margin-top: 40px
	}
}


/* ===== Analytics section =====*/
.features-analytics-section .card {
	background-color: #D8E4FF;
	padding: 24px 24px 24px 48px;
	border-radius: 30px;
}

.features-analytics-section .cards-wrapper .card .card-text-col {
	background-color: transparent
}

.features-analytics-section .cards-wrapper .card .card-img-col {
	max-width: 626px;
}

.features-analytics-section .section-header .img-left {
	width: 40px;
	margin-left: 0;
	margin-top: -20px
}
.features-analytics-section .section-header .img-right {
	margin-right: -30px;
	margin-top: -30px;
	width: 60px
}

@media(max-width: 980px) {
	.features-analytics-section .card {
		padding: 16px 16px 16px 24px;
	}
}

@media(max-width: 480px) {
	.et_pb_section.features-analytics-section {
		padding-left: 0;
		padding-right: 0
	}
	.et_pb_section.features-analytics-section .cards-wrapper {
		padding-left: 10px;
		padding-right: 10px
	}

	.features-analytics-section .card {
		border-radius: 14px;
		padding: 32px 16px 10px 16px;
	}
	.features-analytics-section .cards-wrapper .card .card-img-col {
		padding: 0;
	}
	
}

@media (max-width: 380px) {
	.et_pb_section.features-analytics-section .cards-wrapper .card .card-text-col {
		padding-left: 0;
		padding-right: 0;
	}

}


/* ===== Cards row =====*/
.features-inbox-section .section-header .img-left {
	width: 60px;
	margin-left: -25px;
	margin-top: -40px;
}
.features-inbox-section .section-header .img-right {
	margin-right: -20px;
	margin-bottom: -10px;
	margin-top: -10px;
	width: 40px
}

.features-inbox-section .cards-row {
	display: flex;
	gap: 30px;
}

.features-inbox-section .cards-row .card {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	width: 33%;
	border-radius: 32px;
	overflow: hidden;
	flex-shrink: 0;
}

.features-inbox-section .cards-row .card .card-header {
	padding: 30px;
	width: 100%;
}

.features-inbox-section .cards-row .card .card-header h6 {
	padding-bottom: 0;
}

.features-inbox-section .cards-row .card:first-child img {
	max-width: 289px;
}

@media (max-width: 768px) {
	.features-inbox-section .cards-row {
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		cursor: grab;
		user-select: none;

		gap: 20px;
		padding-bottom: 12px;

		/* hide scrollbar */
		scrollbar-width: none;
	}

	.features-inbox-section .cards-row::-webkit-scrollbar {
		display: none;
	}

	.features-inbox-section .cards-row.is-dragging {
		cursor: grabbing;
		scroll-snap-type: none;
	}

	.features-inbox-section .cards-row .card {
		width: 85%;
		min-width: 85%;
		scroll-snap-align: start;
	}

	.features-inbox-section .cards-row .card .card-header {
		padding: 24px;
	}
}

@media (max-width: 480px) {
	.et_pb_section.features-inbox-section {
		padding-left: 0;
		padding-right: 0;
	}
	.features-inbox-section .cards-row {
		margin-left: 24px
	}
	
	.features-inbox-section .section-header .subtitle {
		padding-bottom: 0;
	}
	.features-approvals-section .section-header .subtitle p {
		padding-bottom: 10px;
	}
	.features-inbox-section .section-header .img-right {
		margin-top: 40px
	}
}



/* ===== Automations section =====*/
.features-automations-section .card {
	align-items: unset !important;
}

.features-automations-section .card .section-header {
	align-items: flex-start
}

.features-automations-section .card .section-header p {
	text-align: left !important;
}

.features-automations-section .card-text-col {
	flex-grow: 1;
	justify-content: space-between;
}

.features-automations-section .card-text-col .features .feature {
	align-items: flex-start
}

@media (max-width: 480px) {
	.features-automations-section .card .section-header {
		padding-left: 0;
		padding-right: 0;
	}
	.et_pb_section.features-automations-section {
		padding-left: 0;
		padding-right: 0;
	}
}


/* ===== Prefooter section =====*/
#page-container .plnb-prefooter-section {
	background-color: #F2F3F7 !important
}
.plnb-prefooter-section .et_pb_row.active {
    border-top-left-radius: 170px;
    border-top-right-radius: 170px;
}
.plnb-prefooter-section.new-homepage .plnb-prefooter-row {
    padding-bottom: 0px !important;
}
.plnb-prefooter-section .et_pb_row {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: var(--plnb-clr-neutral-900) !important;
    backdrop-filter: blur(2.1303744316101074px);
    transition: all 1s ease-in-out;
}
.plnb-prefooter-section .et_pb_row {
    max-width: 100% !important;
    padding-block: 160px;
}
#page-container .plnb-prefooter-section .prefooter-text-content {
    font-size: 61px !important;
    font-weight: 700 !important;
    line-height: 65px !important;
    text-align: center;
    color: white !important;
    margin-bottom: 32px !important;
}
#page-container .plnb-prefooter-section.new-homepage .prefooter-text-content + p {
    text-align: center !important;
    padding-bottom: 48px !important;
    color: white !important;
    font-size: 18px !important;
}

.plnb-prefooter-section.new-homepage .buttons-row {
    padding-block: 0px 160px !important;
}

.plnb-prefooter-section.new-homepage .buttons-row .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#page-container .plnb-prefooter-section .et_pb_module {
    margin-bottom: 0px !important;
}
.plnb-prefooter-section.new-homepage .buttons-row .et_pb_column .et_pb_button_module_wrapper {
    margin-top: 0px !important;
}

.plnb-prefooter-section.new-homepage .buttons-row .et_pb_column .et_pb_button_module_wrapper a.plnb-button-secondary {
    border: 1px solid white !important;
    color: white !important;
}

@media (max-width: 980px) {
    #page-container .plnb-prefooter-section .prefooter-text-content {
        font-size: 44px !important;
    }
	.plnb-prefooter-section.new-homepage .buttons-row {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 480px) {
    .plnb-prefooter-section.new-homepage .buttons-row .et_pb_column {
        flex-direction: column !important;
    }
}