/*!
Theme Name: supporty
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _s
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

_s is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/* ================================
   Original CSS for Supporty.io Landing Page
   ================================ */

.landing-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	background-color: #fff;
}

.link, .buttons-group .link, .section-first .link{
	cursor: pointer;
	text-decoration: none;
}
body .header {
	display: flex;
	align-items: center;
	justify-content: space-between;

	/* padding: 24px; */
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: rgba(250, 250, 250, 1);
}

body .img {
	position: relative;
	flex: 0 0 auto;
	padding: 24px;
}

body .buttons-group {
	display: inline-flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
	padding: 26.5px 24px;
}

body .button {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
	position: relative;
	flex: 0 0 auto;
	border-radius: 8px;
}

body .button-sign-up {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
	position: relative;
	flex: 0 0 auto;
	border-radius: 8px;
	background-color: rgba(241, 93, 24, 1);
	border-color: rgba(241, 93, 24, 1);
}

body .text-container {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	position: relative;
	flex: 0 0 auto;
}

body .button-text {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-SemiBold", Helvetica;
	font-weight: 600;
	color: rgba(241, 93, 24, 1);
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 24px;
	white-space: nowrap;
}

body .div {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	position: relative;
/*	background-color: rgba(241, 93, 24, 1);*/
	border-radius: 8px;
/*	border: 2px solid;*/
	border-color: rgba(241, 93, 24, 1);
}

body .button-text-wrapper {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	position: relative;
	flex: 0 0 auto;
}

body .text-wrapper {
	all: unset;
	box-sizing: border-box;
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-SemiBold", Helvetica;
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 24px;
	white-space: nowrap;
}

body .icon-jam-icons {
	position: relative;
	width: 24px;
	height: 24px;
}

body .section {
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .section-2 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 80px 235px;
	align-self: stretch;
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
}

body .section-text {
	display: inline-flex;
	padding: 24px 0;
	flex: 0 0 auto;
	flex-direction: column;
/*	align-items: center;*/
	gap: 24px;
	position: relative;
}

body .section-2 .section-text .paragraph{
	position: relative;
   width: 875px;
   font-family: "Nunito-Regular", Helvetica;
   font-weight: 400;
   color: rgba(105, 105, 105, 1);
   font-size: 18px;
	text-align: left;
   letter-spacing: 0;
   line-height: 28.8px;
}

body .section-text .ul-list{
	font-weight: 500;
	color: #696969;
	margin: 0px;
   padding-left: 20px;
}
body .section-text .ul-list .label{
	font-weight: bold;
}

body .section-text .ul-list li{
	line-height: 27px;
}

body .image-section{
	display: flex;
    gap: 32px;
    width: 750px;
}

body .image-section img{
   padding: 0px;
}

body .top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .secondary-headline {
	position: relative;
	align-self: stretch;
	margin-top: -1px;
	font-family: "Nunito-ExtraBold", Helvetica;
	font-weight: 800;
	color: rgba(64, 64, 64, 1);
	font-size: 48px;
	text-align: center;
	letter-spacing: 0;
	line-height: 61.6px;
}

body .paragraph {
	position: relative;
	width: 750px;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(105, 105, 105, 1);
	font-size: 18px;
	text-align: center;
	letter-spacing: 0;
	line-height: 28.8px;
}

body .section-3 {
	display: inline-flex;
	align-items: center;
	gap: 80px;
	padding: 80px 35px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(254, 240, 234, 1) 100%);
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
}

body .frame {
	display: flex;
	flex-direction: column;
	width: 750px;
	align-items: flex-start;
	gap: 24px;
	position: relative;
	flex: 0 0 auto;
}

body .section-text-2 {
	display: flex;
	width: 750px;
	align-items: center;
	gap: 24px;
	padding: 24px 0;
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
}

body .top-2 {
	width: 750px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	flex: 0 0 auto;
}

body .frame-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	position: relative;
	flex: 0 0 auto;
}

body .div-2 {
	align-self: stretch;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	flex: 0 0 auto;
}

body .secondary-headline-2 {
	position: relative;
	align-self: stretch;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: rgba(64, 64, 64, 1);
	font-size: 36px;
	text-align: center;
	letter-spacing: 0;
	line-height: 39.6px;
}

body .row {
/*	display: flex;*/
	width: 1280px;
	height: 274px;
	align-items: flex-start;
	gap: 48px;
	position: relative;
}

body .container {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
}

body .content-box {
	display: flex;
	flex-direction: column;
	width: 394.67px;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
}

body .circle {
	position: absolute;
	width: 104px;
	height: 104px;
	top: 0;
	left: 140px;
	border-radius: 100px;
	border: 2px dashed;
	border-color: rgba(242, 108, 45, 1);
}

body .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .div-3 {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	display: flex;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .title-container {
	align-items: center;
	gap: 8px;
	display: flex;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .title {
	position: relative;
	flex: 1;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: rgba(43, 43, 43, 1);
	font-size: 24px;
	text-align: center;
	letter-spacing: 0;
	line-height: 26.4px;
}

body .p {
	color: rgba(43, 43, 43, 1);
	font-size: 20px;
	line-height: 32px;
	position: relative;
	align-self: stretch;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0;
}

body .content-box-2 {
	width: 394.67px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

body .content-box-wrapper {
	display: inline-flex;
	flex-direction: column;
	height: 274px;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
}

body .content-box-3 {
	width: 394px;
	height: 274px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

body .container-wrapper {
	display: flex;
	align-items: flex-start;
	padding: 80px;
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
	width: -webkit-fill-available;;
}

body .section-text-wrapper {
	display: flex;
	gap: 80px;
	padding: 80px;
	align-self: stretch;
	background-color: #f9f9f9;
	border-radius: 24px;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
}

body .section-text-3 {
	display: flex;
	flex: 1;
	flex-grow: 1;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	position: relative;
}

body .paragraph-2 {
	color: rgba(64, 64, 64, 1);
	font-size: 18px;
	line-height: 28.8px;
	position: relative;
	align-self: stretch;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0;
}

body .buttons-group-2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.07), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

body .button-2 {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 20px 24px;
	position: relative;
	flex: 0 0 auto;
	background-color: rgba(241, 93, 24, 1);
	border-radius: 8px;
	border: 2px solid;
	border-color: rgba(241, 93, 24, 1);
}

body .div-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	position: relative;
	flex: 0 0 auto;
}

body .text-wrapper-2 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.5px;
	line-height: 24px;
	white-space: nowrap;
}

body .frame-3 {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
	position: relative;
	flex: 0 0 auto;
	padding-bottom: 80px;
}

body .plans-pricing {
	display: flex;
	flex-direction: column;
	width: 940px;
	align-items: center;
	gap: 40px;
	position: relative;
	flex: 0 0 auto;
}

body .frame-2 .img {
	padding: 0;
}

body .heading {
	display: flex;
	flex-direction: column;
	width: 790px;
	align-items: center;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

body .page-heading {
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-ExtraBold", Helvetica;
	font-weight: 800;
	color: rgba(64, 64, 64, 1);
	font-size: 56px;
	line-height: 61.6px;
	white-space: nowrap;
	position: relative;
	text-align: center;
	letter-spacing: 0;
}

body .page-description {
	align-self: stretch;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(105, 105, 105, 1);
	font-size: 18px;
	line-height: 28.8px;
	position: relative;
	text-align: center;
	letter-spacing: 0;
}

body .plan-cards {
	position: relative;
	width: 940px;
	height: 490px;
}

body .organization-plan {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	padding: 30px 32px 0;
	height: 435px;
	position: absolute;
	top: 33px;
	left: 640px;
	background-color: #fff;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid;
	border-color: rgba(235, 235, 235, 1);
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.1);
}

body .customers-organization-plan {
	height: 520px;
	padding-bottom: 30px;
}

body .div-4 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .text-wrapper-3 {
	position: relative;
	align-self: stretch;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: rgba(29, 29, 29, 1);
	font-size: 20px;
	letter-spacing: -0.8px;
	line-height: 22px;
}

body .plan-description {
	position: relative;
	align-self: stretch;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: #919191;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 16.1px;
}

body .plan-price {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 2px 2px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

body .currency {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-Medium", Helvetica;
	font-weight: 500;
	color: rgba(29, 29, 29, 1);
	font-size: 32px;
	letter-spacing: -1.28px;
	line-height: 38.4px;
	white-space: nowrap;
}

body .plan-price .price {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: rgba(29, 29, 29, 1);
	font-size: 32px;
	letter-spacing: -1.28px;
	line-height: 38.4px;
	white-space: nowrap;
	margin-right: 2px;
}

body .unit {
	position: relative;
	width: auto;
	margin-top: -10px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: rgba(29, 29, 29, 1);
	font-size: 25px;
	letter-spacing: -1.28px;
	line-height: 38.4px;
}

body .feature-list {
	flex-direction: column;
	height: 186px;
	gap: 10px;
	display: flex;
	align-items: flex-start;
	position: relative;
	align-self: stretch;
	width: 100%;
}

body .customers-feature-list{
	height: unset;
}

body .feature-item {
	gap: 6px;
	flex: 0 0 auto;
	display: flex;
	align-items: flex-start;
	position: relative;
	align-self: stretch;
	width: 100%;
}

body .frame-4 {
	position: relative;
	width: 16px;
	height: 16px;
}

body .plan-feature {
	position: relative;
	flex: 1;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: rgba(29, 29, 29, 1);
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 16.8px;
}

body .plan-feature-2 {
	color: rgba(29, 29, 29, 1);
	position: relative;
	flex: 1;
	margin-top: -1px;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 16.8px;
}

body .plan-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: rgba(29, 29, 29, 1);
	border-radius: 8px;
}

body .text-wrapper-4 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-Medium", Helvetica;
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	text-align: center;
	letter-spacing: -0.48px;
	line-height: 19.2px;
	white-space: nowrap;
}

body .highlight-frame {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	padding: 10px 4px 4px;
	position: absolute;
	top: 0;
	left: 316px;
	background-color: rgba(241, 93, 24, 1);
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.1), 0 33px 33px 0 rgba(0, 0, 0, 0.09), 0 73px 44px 0 rgba(0, 0, 0, 0.05), 0 130px 52px 0 rgba(0, 0, 0, 0.01), 0 203px 57px 0 rgba(0, 0, 0, 0);
}

body .highlight-label {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-Bold", Helvetica;
	font-weight: 700;
	color: #fff;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.96px;
	line-height: 13.8px;
	white-space: nowrap;
}

body .professional-plan {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	padding: 30px 32px 0;
	position: relative;
	flex: 0 0 auto;
	background-color: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.12);
}

body .feature-list-2 {
	align-self: stretch;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	position: relative;
	flex: 0 0 auto;
	height: 186px;
}

body .customers-feature-list-2 {
	width: 210px;
	height: unset;
}

body .padding-correction {
	display: inline-flex;
	align-items: center;
	padding: 1px 0;
	position: relative;
	flex: 0 0 auto;
}

body .plan-feature-3 {
	color: rgba(168, 168, 168, 1);
	position: relative;
	flex: 1;
	margin-top: -1px;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 16.8px;
}

body .alternative-action {
	position: relative;
	width: fit-content;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(26, 26, 26, 1);
	font-size: 14px;
	text-align: center;
	letter-spacing: -0.42px;
	line-height: 16.1px;
	white-space: nowrap;
	padding-bottom: 32px;
}

body .span {
	color: #1d1d1d;
	letter-spacing: -0.06px;
}

body .text-wrapper-5 {
	color: #1d1d1d;
	letter-spacing: -0.06px;
	text-decoration: underline;
}

body .plans-pricing .div-2 {
	width: 236px;
}

body .starter-plan {
	display: flex;
	flex-direction: column;
	height: 435px;
	align-items: flex-start;
	gap: 32px;
	padding: 30px 32px 0;
	position: absolute;
	top: 33px;
	left: 0;
	background-color: #fff;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid;
	border-color: rgba(235, 235, 235, 1);
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.1);
}

body .customers-starter-plan {
	height: 520px;
	padding-bottom: 30px;
}

body .specifications {
	display: inline-flex;
	height: 298px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: relative;
}

body .customers-specifications {
	height: unset;
}

body .plan {
	display: flex;
	flex-direction: column;
	width: 236px;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

body .feature-list-3 {
	width: 236px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	position: relative;
	flex: 0 0 auto;
}

body .overlap-group {
	position: relative;
	width: 14px;
	height: 14px;
	top: 1px;
	left: 1px;
	background-image: url(./img/vector.svg);
	background-size: 100% 100%;
}

body .vector {
	position: absolute;
	width: 5px;
	height: 4px;
	top: 5px;
	left: 5px;
}

body .select-plan-wrapper {
	all: unset;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	background-color: rgba(29, 29, 29, 1);
	border-radius: 8px;
	cursor: pointer;
}

body .footer-section {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 80px;
	padding-top: 80px;
	align-self: stretch;
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
}

body .footer {
	position: relative;
	width: 1350px;
	height: 436px;
	background-color: rgba(252, 226, 213, 1);
}

body .group {
	position: relative;
	width: 1054px;
	height: 240px;
	top: 100px;
	left: 195px;
}

body .frame-5 {
	display: flex;
	width: 1052px;
	align-items: flex-start;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 3px;
	background-color: rgba(252, 226, 213, 1);
}

body .frame-6 {
	display: flex;
	flex-direction: column;
	width: 787px;
	align-items: flex-start;
	gap: 24px;
	position: relative;
}

body .frame-6 .img {
	padding: 0;
}

body .text-wrapper-6 {
	position: relative;
	align-self: stretch;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(64, 64, 64, 1);
	font-size: 18px;
	letter-spacing: 0.54px;
	line-height: normal;
}

body .frame-7 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

body .frame-8 {
	display: inline-flex;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

body .text-wrapper-7 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-SemiBold", Helvetica;
	font-weight: 600;
	color: rgba(64, 64, 64, 1);
	font-size: 20px;
	letter-spacing: 0;
	line-height: normal;
}

body .text-wrapper-8 {
	position: relative;
	width: fit-content;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(64, 64, 64, 1);
	font-size: 16px;
	letter-spacing: 0.48px;
	line-height: normal;
}

body .line {
	position: absolute;
	width: 1050px;
	height: 2px;
	top: 184px;
	left: 3px;
	object-fit: cover;
}

body .frame-wrapper {
	display: flex;
	width: 1050px;
	align-items: center;
	gap: 181px;
	position: absolute;
	top: 215px;
	left: 0;
	background-color: rgba(252, 226, 213, 1);
	justify-content: space-between;
}

body .text-wrapper-9 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(64, 64, 64, 1);
	font-size: 18px;
	letter-spacing: 0.54px;
	line-height: normal;
}

.text-wrapper-10:first-child {
    border-right: 1px solid #404040;
    padding-right: 8px;
    margin-right: 8px;
}

/* Specific adjustments for Section First */
.section-first {
	display: flex;
	align-items: center;
	gap: 80px;
	padding: 80px 0;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: rgba(250, 250, 250, 1);
}

.section-first .icon-jam-icons {
	position: absolute;
	width: 176px;
	height: 176px;
	top: 0;
	left: 0;
}

.section-first .decoration-icons {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: absolute;
	top: 400px;
	left: 1105px;
}

.section-first .left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	padding: 24px 0;
	position: relative;
	flex: 1;
}

.section-first .left .button{
	background-color: rgba(241, 93, 24, 1);
   border: 2px solid;
	border-color: rgba(241, 93, 24, 1);
	border-radius: 8px;
}

.section-first .main-headline {
	position: relative;
	align-self: stretch;
	margin-top: -1px;
	font-family: "Nunito-ExtraBold", Helvetica;
	font-weight: 800;
	color: rgba(10, 10, 10, 1);
	font-size: 72px;
	letter-spacing: 0;
	line-height: 79.2px;
}

.section-first .section-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.section-first .top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

.section-first .text-wrapper {
	position: relative;
	align-self: stretch;
	margin-top: -1px;
	font-family: "Nunito-SemiBoldItalic", Helvetica;
	font-weight: 600;
	font-style: italic;
	color: rgba(10, 10, 10, 1);
	font-size: 40px;
	letter-spacing: 0;
	line-height: 44px;
}

.section-first .paragraph {
	position: relative;
	width: 550px;
	font-family: "Nunito-Regular", Helvetica;
	font-weight: 400;
	color: rgba(145, 145, 145, 1);
	font-size: 18px;
	letter-spacing: 0;
	line-height: 28.8px;
	text-align: justify;
}

.section-first .button {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 0 0 auto;
}

.section-first .text-container {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	position: relative;
	flex: 0 0 auto;
}

.section-first .div {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Nunito-SemiBold", Helvetica;
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 24px;
	white-space: nowrap;
}

.section-first .left-2 {
	height: 440px;
	position: relative;
	flex: 1;
	width: 600px;
}

.section-first .left-2 iframe{
	width: 600px;
	height: 440px;
	border: 0;
}

.mobile-logo {
	display: none;
}


body .section-3 .border{
	border: 1px solid #404040;
   margin-bottom: 20px;
}

body .section-3 .feature-container{
	display: flex;
	gap: 97px;
}

body .section-3 .feature-container-one{
	gap: 188px;
}

body .section-3 .feature-container-two{
	gap: 140px;
}

body .section-3 .feature-container .left{
	width:437px;
}

/*body .features-second-div .left{
	display: flex;
   flex-direction: column;
}*/

body .section-3 .feature-container .left p{
	font-family: "Nunito", sans-serif;
	font-size: 24px;
	color: #696969;
	margin: 0px;
}

body .section-3 .second-feature{
	gap: 80px;
   display: grid;
   direction: rtl;
}

body .section-3 .second-feature .left{
	direction: ltr;
}

body .section-3 .second-feature .left .button, body .section-3 .second-feature .left .desc{
	float: right;
}

body .section-3 .second-feature .right{
	direction: ltr;
}

/*body .section-3 .second-feature .left .button{
	float: right;
}*/

body .section-3 .second-feature .left .desc{
	font-family: "Nunito", sans-serif;
	font-size: 24px;
	color: #696969;
	text-align: right;
}

body .section-3 .feature-container .left .button{
	padding: 0px;
	padding-bottom: 16px;
}

body .section-3 .feature-container .left .text-container{
	padding: 0px;
}

body .section-3 .feature-container .left .text-container .div img{
	padding-right: 16px;
}

body .section-3 .feature-container .left .text-container .div{
	position: relative;
	 width: fit-content;
/*	 margin-top: -1px;*/
	 font-family: "Nunito-SemiBold", Helvetica;
	 font-weight: bold;
	 color: #404040;
	 font-size: 24px;
/*	 letter-spacing: 0.5px;*/
/*	 line-height: 24px;*/
/*	 white-space: nowrap;*/
}

body .section-3 .feature-container .right{
	display: flex;
	gap: 33px;
}

body .section-3 .feature-container .right .right-1, body .section-3 .feature-container .right .right-2{
	gap: 41px;
	display: grid;
}

body .section-3 .feature-container .right .right-1 .small-img{
	display: flex;
	gap: 33px;
}

body .section-3 .features-second-div .desc{
	border-top: 1px solid #404040;
 	padding-top: 16px;
}










/* ================================================
   Responsive Styles
   ================================================ */

/* For screens 1024px and below */
@media (min-width: 1022px) and (max-width: 1025px) {

	body .section-2, body .section-3, body .container-wrapper, body .footer-section {
		padding: 57px 57px;
	}

	body .heading,
	body .plans-pricing {
		width: 90%;
	}

	body .row,
	body .plan-cards,
	body .footer-section,
	body .frame-5,
	body .frame-wrapper {
/*		width: 100%;*/
		width: -webkit-fill-available;
		padding: 0px;
		left: 0;
	}

	body .footer, body .footer .group, .frame-5{
		width: -webkit-fill-available;
	}

	body .footer .group {
		left: 0px;
	}

	.section-first{
		flex-direction: column;
    	width: -webkit-fill-available;
    	padding: 57px 57px;
/*    	align-items: flex-start;*/
	}

	.section-first .icon-jam-icons {
		top: 560px;
    	left: -420px;
    	width: -webkit-fill-available;
	}

	body .section-3, body .frame, body .frame-2, body .section-text-2{
		width: -webkit-fill-available;
	}

	body .content-box{
		width: 260px;
	}

	body .circle{
		left: 78px;
	}

	body .content-box .first{
		left: 5px;
	}

	.section-first .left-2, body .section-2 .img  {
		width: -webkit-fill-available;
	}

	body .line{
		width: -webkit-fill-available;
	}

	.section-first .left{
		width: -webkit-fill-available;
	}

	.section-first .paragraph, body .paragraph{
		width: -webkit-fill-available;
	}

	body .section-3 .features-second-div .left .desc{
   	float: right;
   }


	body .footer{
		padding-left: 17px;
		padding-right: 17px;
	}

	body .section-3 .feature-container {
		display: grid;
	}

}

/* For screens 768px and below (tablets) */
@media (max-width: 768px) {

	body .frame, body .frame .section-text-2, body .frame .section-text-2 .top-2{
		width: auto;
	}

	body .frame-2{
		width: auto;
    	align-self: stretch;
	}

	body .frame-2 .section-text-2{
		width: auto;
		padding-left: 20px;
      padding-right: 20px;
	}

	.desktop-logo {
		display: none;
	}

	.mobile-logo {
		display: block;
	}

	body .buttons-group {
		gap: 12px;
	}

	body .text-container {
		padding: 0 0;
	}

	.section-first {
		flex-direction: column;
		gap: 40px;
		text-align: center;
		padding: 0px 24px;
	}

	.section-first .section-text{
		padding: 0px;
		gap: 0px;
	}

	.section-first .left{
		gap: 0px;
	}

	body .section-3 .feature-container {
		display: grid;
		gap: 40px;
	}

	body .section-3 .second-feature{
		gap: 40px;
	}

	/*body .section-3 .feature-container .left {
	   width: 384px;
		padding-left: 24px;
		padding-right: 24px;
	}*/

	body .section-3 .feature-container .left {
	   width: 100%;
		/*padding-left: 24px;
		padding-right: 24px;*/
	}

	body .section-3 .feature-container .left p {
		font-size: 20px;
	}

	.section-first .decoration-icons {
		/*top: 743px;
		left: 130px;*/

		top: 435px;
		left: 130px;
	}

	.section-first .paragraph {
		width: 100%;
		font-size: 16px;
	}

	body .section-2 .section-text .paragraph {
		width: 100%;
		font-size: 16px;
	}

	body .section-2 .image-section {
		width: 100%;
/*    	display: block;*/
    	display: contents;
	}

	.section-first .main-headline {
		font-size: 48px;
	}

	.section-2 .img {
/*		width: -webkit-fill-available;*/
		width: 252px;
	}

	body .section-2,
	body .section-3,
	.container-wrapper,
	.footer-section {
		padding: 20px 24px;
	}

	body .section-text, body .section-3, body .section-text-2 {
		gap: 0px;
	}

	body .section-3{
		width: -webkit-fill-available;
		padding: 20px 0px;
		margin-left: 20px;
    	margin-right: 20px;
	}

	/*body .section-3 .right .img-big-1{
		width: 152px;
		height: 200px;
	}

	body .section-3 .right .img-small-1, body .section-3 .right .img-small-2{
		width: 66px;
		height: 102px;
	}

	body .section-3 .right .img-big-2{
		width: 152px;
		height: 150px;
	}

	body .section-3 .right .img-big-3{
		width: 152px;
		height: 230px;
	}*/

	.features-second-div{
		grid-template-columns: 1fr;
	}

	.section-3 .features-second-div .left {
      order: 1;
      width: 100%;
   }

   body .frame-2 .paragraph-second {
   	padding-bottom: 64px;
   }

   body .section-3 .features-second-div .left .desc{
   	float: right;
   }

 	body .section-3 .features-second-div .right {
   	order: 2;
     	width: 100%;
     	padding-bottom: 0px;
 	}

	body .section-3 .feature-container .right{
		gap: 0px;
/*		gap: 16px;*/
		align-items: center;
		padding-bottom: 40px;
/*		flex-direction: column;*/
	}

	body .section-3 .feature-container .right .right-1, body .section-3 .feature-container .right .right-2 {
/*	   gap: 16px;*/
	   gap: 0px;
	}

	body .section-3 .feature-container .right .right-1 .small-img {
		gap: 0px;
/*		gap: 20px;*/
		flex-wrap: wrap;
    	justify-content: center;
	}

	body .section-text-2{
		padding: 0px;
	}

	body .header .img{
		padding: 24px;
	}

	body .img{
		padding-top: 0px;
	}

	body .top-2 .secondary-headline{
		line-height: 45px;
	}

	body .p{
		line-height: 26px;
		margin-top: 0px;
	}

	body .content-box-3, body .content-box-wrapper{
		height: unset;
	}

	body .content{
		gap: 20px;
	}


	body .secondary-headline {
		font-size: 32px;
		line-height: 45px;
	}

	body .paragraph {
		font-size: 16px;
		width: 100%;
	}

	body .section-3 .row {
		flex-direction: unset;
	}

	body .row {
		flex-direction: column;
		width: 100%;
		gap: 20px;
		height: auto;
	}

	body .heading,
	body .plans-pricing {
		width: -webkit-fill-available;
	}


	.frame-2 .row {
		align-items: center;
	}

	/* Make plan cards stack vertically */
	body .plan-cards {
		position: relative;
		display: flex;
		flex-direction: column;
		height: auto;
	}

	body .organization-plan,
	body .professional-plan,
	body .starter-plan {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* For screens 480px and below (mobile) */
@media (max-width: 480px) {

	body .secondary-headline {
		font-size: 32px;
		line-height: 35px;
	}

	body .section-2 .section-text .secondary-headline {
		padding-bottom: 24px;
	}

	body .section-text-3 .secondary-headline {
		font-size: 36px;
	}

	.section-first .text-wrapper {
		white-space: revert;
		font-weight: 500;
		font-size: 32px;
	}

	body .paragraph-2 {
		font-size: 16px;
	}

	body .paragraph {
		font-size: 16px;
	}

	body .secondary-headline-2 {
		font-size: 32px;
	}

	body .frame-2 .paragraph {
		font-size: 16px;
	}

	body .title {
		font-size: 20px;
	}

	body .p {
		font-size: 14px;
	}


	body .button,
	body .button-sign-up,
	body .button-2,
	body .select-plan-wrapper {
		padding: 10px 0;
	}

	body .section-3 .second-feature .left .button, body .section-3 .second-feature .left .desc{
		float: unset;
		text-align: center;
		font-size: 20px;
	}

	body .section-first .paragraph {
		font-size: 16px;
	}

	.section-first .left-2 {
		height: auto;
		width: 100%;
	}

	.section-first .left {
		align-items: center;
	}

	.section-first .paragraph {
		text-align: center;
	}

	body .section-3,
	body .section-3 .frame-2 {
		align-self: stretch;
	}

	body .section-3 .frame,
	body .section-3 .section-text-2,
	body .section-3 .top-2,
	body .section-3 .frame-2,
	body .section-3 .content-box,
	body .section-3 .content-box-2,
	body .section-3 .content-box-3 {
		width: auto;
	}

	body .section-3 .circle {
		left: 72px;
		top: -1px;
		width: 100px;
	}


	body .container-wrapper {
		padding: 80px 24px;
	}

	body .section-text-wrapper {
		gap: 40px;
		padding: 40px 24px;
	}

	body .section-text-3 {
		width: -webkit-fill-available;
	}

	body .div-wrapper {
		width: 232px;
	}

	body .text-wrapper-2 {
		font-size: 20px;
	}

	body .buttons-group-2 .div-wrapper .text-wrapper-2 {
		font-size: 16px;
	}

	body .footer-section {
		width: -webkit-fill-available;
		padding: 0;
	}

	body .footer {
		width: -webkit-fill-available;
		height: 350px;
	}

	body .footer-section .group {
		width: -webkit-fill-available;
		left: 0;
		top: 0;
	}

	body .footer-section .group .frame-5 {
		padding: 40px 24px;
		flex-direction: column;
		align-items: center;
		width: -webkit-fill-available;
	}

   body .footer-section .text-wrapper-6{
   	margin-top: 0px;
   }

	body .footer-section .line,
	body .footer-section .group .frame-6 {
		width: -webkit-fill-available;
		align-items: center;
		padding: 0 24px;
	}


	body .footer-section .line {
		top: 260px;
		width: -webkit-fill-available;
	}

	body .footer-section .frame-wrapper {
		top: 290px;
		justify-content: center;
		width: -webkit-fill-available;
		flex-direction: column-reverse;
      gap: 24px;
	}

	body .footer-section .text-wrapper-6 {
		text-align: center;
		font-size: 16px;
	}

	body .footer-section .text-wrapper-9 {
		font-size: 16px;
	}

	body .footer-section .frame-7 {
		gap: 8px;
	}


	.plans-pricing {
		width: 312px;
	}

	.frame-3 .plans-pricing .page-heading {
		font-size: 36px;
		white-space: pre-line;
		line-height: 45px;
	}

	.frame-3 .plans-pricing .price {
		font-size: 20px;
	}

	.frame-3 .page-heading {
		font-size: 40px;
		white-space: pre-line;
	}

	body .page-description {
		font-size: 16px;
	}

	body .plan-cards {
		width: 260px;
		flex-direction: column-reverse;
	}

	body .organization-plan,
	body .starter-plan {
		margin-bottom: 0;
	}

	body .organization-plan,
	body .professional-plan,
	body .starter-plan,
	body .highlight-frame {
		width: -webkit-fill-available;
	}

	body .customers-organization-plan,
	body .customers-professional-plan,
	body .customers-starter-plan,
	body .customers-highlight-frame {
		height: auto;
	}

	body .highlight-frame {
		position: revert;
		margin-top: 32px;
		margin-bottom: 32px;
	}

	body .plans-pricing .div-2 {
		width: 100%;
	}

	body .header .buttons-group {
		padding: 24px;
		padding-top: 0px;
    	padding-bottom: 8px;
	}

	.frame-3 {
		width: auto;
		padding: 24px 24px;
	}

	body .footer-section .frame-7 {
		align-items: center;
		margin-bottom: 20px;
	}

	body .footer-section .img {
		width: 178px;
	}

	body .button-text,
	.button-sign-up .button-text-wrapper .text-wrapper {
		font-size: 14px;
	}


}

/* For screens 480px and below (mobile) */
@media (min-width: 410px) and (max-width: 422px) {
	.section-first .left-2 {
		height: auto;
		width: 100%;
	}
}

@media (min-width: 355px) and (max-width: 377px) {

	body .section-3 .circle {
		left: 123px;
	}

	/*body .frame-2 .section-3 {
		padding-left: 0px;
		padding-right: 0px;
	}*/

	.frame-2 .row {
		gap: inherit;
	}

	body .section-3 .row {
      flex-direction: column;
   }

   body .section-3 .feature-container {
   	gap: 40px;
   }

	body .section-3,
	body .section-3 .frame-2 {
/*		width: 360px;*/
		width: -webkit-fill-available;
		align-self: revert;
	}

	.header,
	.section-first,
	.section-2,
	.container-wrapper,
	.frame-3,
	body .footer-section {
		width: -webkit-fill-available;
	}

	body .frame{
		padding-left: 20px;
      padding-right: 20px;
	}

	body .section-2, .section-first, body .section-3, .container-wrapper, .footer-section, body .container-wrapper{
		padding: 40px 20px;
	}

	.section-first .left, body .section-text-2, body .section-3, body .frame-2{
		gap: 0px;
		margin-left: 0px;
    	margin-right: 0px;
    	text-align: center;
	}

   body .secondary-headline{
   	line-height: 45px;
   }

	.section-first .decoration-icons .icon-jam-icons{
		top: 60px;
/*		top: -160px;*/
		left: 30px;
	}

	body .section-text {
		padding: 0px;
		gap: 24px;
	}

	body .img {
		padding: 0px;
	}

   body .section-3 .circle {
   	left: 92px;
   }

   body .p {
   	line-height: 25px;
   	margin: 0px 0px 24px 0px;
   }

   body .secondary-headline-2 {
   	line-height: 30px;
   }

   body .frame-2 .paragraph{
   	line-height: 25px;
   }

   body .footer-section .group .frame-5{
   	padding: 40px 24px;
   }

   body .footer-section .group .frame-6{
   	padding-bottom: 24px;
   }
   body .footer-section .line{
   	top: 300px;
   }
   body .footer-section .frame-wrapper{
   	top: 330px;
   }

   body .footer{
   	height: 390px;
   }


}

@media (min-width: 1360px) and (max-width: 1400px) {
	body .container-wrapper, body .section-text-wrapper {
		padding-left: 76px;
		padding-right: 76px;
	}
}

@media (min-width: 370px) and (max-width: 418px) {

	body .section-3 .circle {
		left: 123px;
	}

	.frame-2 .row {
		gap: inherit;
	}

	body .section-3,
	body .section-3 .frame-2 {
/*		width: 360px;*/
		width: -webkit-fill-available;
		align-self: revert;
	}

	.header,
	.section-first,
	.section-2,
	.container-wrapper,
	.frame-3,
	body .footer-section {
		width: -webkit-fill-available;
	}

	body .section-2, .section-first, body .section-3, .container-wrapper, .footer-section, body .container-wrapper{
		padding: 40px 5px;
	}

	.section-first .left, body .section-text-2, body .section-3, body .frame-2{
		gap: 0px;
	}

   body .secondary-headline{
   	line-height: 45px;
   }

	.section-first .decoration-icons .icon-jam-icons{
		top: 45px;
		left: 50px;
	}

	body .section-text {
		padding: 0px;
		gap: 0px;
	}

	body .img {
		padding: 0px;
	}

   body .section-3 .circle {
   	left: 100px;
   }

   body .p {
   	line-height: 25px;
   	margin: 0px 0px 24px 0px;
   }

   body .secondary-headline-2 {
   	line-height: 30px;
   }

   body .frame-2 .paragraph{
   	line-height: 25px;
   }

   body .footer-section .group .frame-5{
   	padding: 40px 24px;
   }

   body .footer-section .group .frame-6{
   	padding-bottom: 24px;
   }
   body .footer-section .line{
   	top: 300px;
   }
   body .footer-section .frame-wrapper{
   	top: 330px;
   }

   body .footer{
   	height: 390px;
   }


}

@media (min-width: 318px) and (max-width: 322px) {
   body .section-3 {
     margin-left: 0px;
     margin-right: 0px;
     text-align: center;
   }

   .buttons-group-2 .button-2 {
      width: 240px !important;
   }
}

@media (min-width: 318px) and (max-width: 391px) {

	.section-first .left-2 iframe{
		width: 270px;
		height: 160px;
	}
	body .container-wrapper {
      padding: 40px 24px;
      width: -webkit-fill-available;
   }

   body .section-2 .image-section div{
   	display: grid;
      justify-content: center;
   }

   .section-2 .img {
     	width: 250px;
 	}

   body .buttons-group-2, body .buttons-group-2 .button-2{
   	width: -webkit-fill-available;
   }

   body .section-text-3 .buttons-group-2 .text-wrapper-2{
   	font-size: 16px;
   }

   body .secondary-headline{
   	line-height: 45px;
   }

   body .frame-3{
   	width: -webkit-fill-available;
		padding: 40px 24px;
   }

   body .section-3 .right .img-big-1{
		width: 152px;
/*		width: 142px;*/
/*		height: 190px;*/
	}

	body .section-3 .right .img-big-second{
		width: 252px;
	}

	body .section-3 .right .img-small-1, body .section-3 .right .img-small-2{
		width: 152px;
/*		width: 55px;*/
/*		height: 92px;*/
	}

	body .section-3 .right .img-big-2{
		width: 252px;
/*		width: 142px;*/
/*		height: 140px;*/
	}

	body .section-3 .right .img-big-3{
		width: 252px;
		/*width: 142px;
		height: 220px;*/
	}

	.section-first .icon-jam-icons {
		left: 0px;
	}

	body .customers-specifications,body .plan, body .feature-list-3 {
		width: 100%;
	}

	body .footer-section .group .frame-5{
		padding: 40px 24px;
	}

	body .footer-section .text-wrapper-6 {
		margin-top: 0px;
	}

	body .footer-section .line {
     top: 300px;
  	}

	body .footer-section .frame-wrapper {
   	top: 330px;
   	flex-direction: column-reverse;
   	gap: 24px;
  	}

  	body .footer {
  		height: 375px;
  	}

  	.section-first .decoration-icons{
  		top: 450px;
  	}

	/*body .section-2 {
		align-self: revert;
	}*/

}

@media (min-width: 318px) and (max-width: 430px) {
	.section-2 .second-img{
     	top: -35px;
    	left: 25px;
 	}

 	body .section-2 .image-section div {
      display: grid;
      justify-content: center;
   }

 	.section-2 .section-image{
 		margin-top: -120px;
 	}

   .section-3 .right .img-small-2 {
   	margin-top: 40px;
   }

   .section-3 .right .img-small-second-2 {
   	margin-top: -66px;
   }

   .section-3 .right .img-big-3{
		margin-top: -45px;
    	margin-left: 15px;
	}

 	body .section-3 .feature-container .right {
 		flex-direction: column;
 	}
}

@media (min-width: 370px) and (max-width: 391px) {
	.section-2 .img {
      width: 270px;
   }

}

@media (min-width: 410px) and (max-width: 766px) {

	.section-first .left-2 iframe{
		width: 376px;
		height: 220px
	}

	body .section-3 .circle {
		left: 123px;
	}

	body .section-3 .right .img-big-1{
		width: 162px;
/*		height: 210px;*/
	}

	body .section-3 .right .img-small-1, body .section-3 .right .img-small-2{
		width: 170px;
/*		height: 112px;*/
	}

	body .section-3 .right .img-big-second{
		width: 252px;
	}

	body .section-3 .right .img-big-2{
		width: 252px;
/*		height: 160px;*/
	}

	body .section-3 .right .img-big-3{
		width: 252px;
/*		height: 240px;*/
	}

   body .section-3 .feature-container .right {
     justify-content: center;
     flex-direction: column;
 	}

 	body .frame{
 		padding-left: 20px;
    	padding-right: 20px;
 	}

   body .section-3{
   	margin-left: 20px;
    	margin-right: 20px;
   }


	.section-first .icon-jam-icons {
		left: 100px;
	}
}

@media (min-width: 765px) and (max-width: 770px) {

	.section-first {
		text-align: unset;
	}

	body .plan-cards {
		width: -webkit-fill-available;
		flex-direction: column-reverse;
		align-items: center;
	}

	body .starter-plan,
	body .organization-plan,
	body .professional-plan,
	body .highlight-frame {
		width: fit-content;
	}

	body .highlight-frame {
		position: unset;
		margin-bottom: 20px;
	}

	body .footer-section {
		width: -webkit-fill-available;
		padding: 0 0;
	}

	body .footer,
	body .frame-6,
	body .frame-wrapper {
		width: -webkit-fill-available;
	}

	body .footer{
		padding-left: 24px;
    	padding-right: 24px;
	}

	body .group {
		left: unset;
		width: unset;
	}

	body .frame-5 {
		width: unset;
	}

	body .line {
		width: 705px;
	}

	.section-first .icon-jam-icons {
		top: 100px;
    	left: 425px;
	}

	body .section-3 .right .img-big-1{
		width: 230px;
/*		height: 330px;*/
	}

	body .section-3 .right .img-small-1, body .section-3 .right .img-small-2{
		width: 199px;
		height: 232px;
	}

	body .section-3 .right .img-big-2{
		width: 282px;
/*		height: 280px;*/
	}

	body .section-3 .right .img-big-3{
		width: 282px;
/*		height: 360px;*/
	}

}

@media (min-width: 1439px) and (max-width: 1442px) {
	body .section-3 {
		padding: 80px 80px;
	}
	body .container-wrapper{
		width: 1280px;
	}

	body .footer{
		width: -webkit-fill-available;
	}
}


/*checkout page css*/

.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block{
	font-family: 'Nunito', sans-serif;
}

.wc-block-components-text-input input, .wc-block-components-form .wc-block-components-text-input input, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-text-input input:focus-visible, .wc-block-components-form .wc-block-components-text-input input:focus-visible, .wc-blocks-components-select .wc-blocks-components-select__select:focus-visible{
	border-color: #D7DEDD !important;
	font-family: 'Nunito', sans-serif !important;
	outline: unset;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
	font-family: 'Nunito', sans-serif !important;
}

.status-publish{
	justify-content: space-between;
   gap: 20px;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 15px;
}

.wp-block-woocommerce-checkout-fields-block{
	background: #fff;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.wp-block-woocommerce-checkout-order-summary-block{
	background: #fff;
   padding: 20px;
   border-radius: 8px !important;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   border: none !important;
}

.wc-block-components-checkout-step__heading h2{
	font-size: 16px;
   font-weight: 500;
   color: #0A0A0A;
   margin-bottom: 4px;
}

.wc-block-components-checkout-step__container p{
	color: #696969;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 16px;
}

#billing .wc-block-components-text-input input{
	margin-bottom: 16px;
   border: 1px solid #404040;
   border-radius: 6px;
}

.wc-block-checkout__order-notes{
	display: none;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block {
   border-top: 0px;
}

.wc-block-components-checkout-return-to-cart-button{
	display: none;
}

.wc-block-components-checkout-place-order-button{
	background-color: #ff6600;
   color: white;
   border: none;
   border-radius: 8px;
   font-size: 12px;
   font-weight: 500;
}

.wc-block-components-checkout-order-summary__title-text{
	font-size: 20px;
   color: #0A0A0A;
   font-weight: 600 !important;
   margin-bottom: 20px !important;
}

.wc-block-components-order-summary-item__description h3{
	font-size: 20px;
   color: #0A0A0A !important;
   font-weight: 600 !important;
   margin-bottom: 10px !important;
}

.wc-block-components-order-summary-item__individual-prices, .wc-block-components-product-metadata, .wc-block-components-order-summary-item__individual-prices, .wc-block-components-order-summary-item__total-price, .wc-block-components-order-summary-item__quantity{
	display: none !important;
}

.wc-block-components-panel__button, .wc-block-components-totals-item__label{
	margin: 6px 0;
   font-size: 14px;
   font-weight: 500;
   color: #696969;
   padding-bottom: 6px;
}

.wc-block-components-totals-coupon__input-coupon{
	border-radius: 6px;
	border: 1px solid #404040;
}

.wc-block-components-totals-coupon__button{
	margin: 6px 0;
   font-size: 14px;
   font-weight: 500;
   color: #F15D18;
   white-space: nowrap;
   background: none;
   border: none;
   cursor: pointer;
}

.wc-block-components-button__text {
	opacity: 1 !important;
}

.wc-block-formatted-money-amount{
	font-size: 14px;
   font-weight: 500 !important;
   color: #0A0A0A;
}

.wc-block-components-totals-wrapper, .wp-block-woocommerce-checkout-order-summary-totals-block{
	border-top: 0px !important;
	padding-bottom: 0px !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted{
	box-shadow: none !important;
}

.wc-block-components-radio-control--highlight-checked:after{
	border: 0px !important;
}

.wc-block-checkout__payment-method .wc-block-components-title{
	font-weight: 600;
}

#radio-control-wc-payment-method-options-stripe__label{
	display: block;
   margin-bottom: 4px;
   font-size: 12px;
   font-weight: 600;
   color: #404040;
}

.checkout-header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.checkout-title-link {
   text-decoration: none;
   color: unset;
}

.checkout-title {
  font-size: 32px;
  color: #0A0A0A;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.return-arrow-icon {
   margin-right: 10px;
}

.wc-block-checkout__form .section-title{
	font-size: 20px;
   color: #0A0A0A;
   font-weight: 600;
   margin-bottom: 20px;
}

.wc-block-checkout__form section{
	margin-bottom: 40px;
}

.wc-block-checkout__form section .subsection-title{
	font-size: 16px;
   font-weight: 500;
   color: #0A0A0A;
   margin-bottom: 4px;
}

.wc-block-checkout__form section .section-description{
	color: #696969;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 16px;
}

.wc-block-checkout__form section .terms-text{
	color: #0A0A0A;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 0;
}

.wc-block-checkout__form section .terms-links{
	color: #0A0A0A;
   font-weight: 500;
   font-size: 12px;
   margin-top: 0;
}

.wc-block-checkout__form section .terms-links .terms-link {
    color: #18ACF1;
    text-decoration: none;
}

.wc-block-components-sidebar {
	margin-top: 0px !important;
}

#radio-control-wc-payment-method-options-stripe__label .css-1ytih4b img{
	max-width: unset;
	max-height: unset;
	height: unset;
	padding-right: 70px;
}


.wc-block-components-order-summary .wc-block-components-order-summary-item__image{
	margin-top: 0px !important;
	padding-bottom: 0px !important;
	width: 65px !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img{
	max-width: unset !important;
	width: 75px !important;
}

@media (max-width: 600px) {
 	.is-mobile .wc-block-components-form .wc-block-components-checkout-step {
   	position: unset;
 	}
}

.wc-block-checkout__payment-method .wc-block-components-radio-control.disable-radio-control .wc-block-components-radio-control__option {
	padding-left: 3.5em !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control.disable-radio-control .wc-block-components-radio-control__input{
	display: block !important;
	border-color: #ff6600;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{
	background: #ff6600 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:focus{
	outline: unset !important;
}


@media (max-width: 600px) {

	.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span {
		float: unset !important;
		display: unset !important;
		align-items: unset !important;
   }

   .wc-block-components-form {
   	padding: 10px;
   }
}


.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
	margin-top: 0px !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text{
	margin-left: 0px !important;
}

.wc-block-components-totals-wrapper{
	padding-top: 0px !important;
}
.wc-block-components-order-summary.is-large{
	padding-left: 0px !important;
}

.is-large .wc-block-components-sidebar .wc-block-components-panel, .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon{
	padding-left: 0px !important;
	padding-bottom: 12px !important;
}

.wc-block-components-sidebar .wc-block-components-totals-item {
	padding-left: 0px !important;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button, .wc-block-components-panel__button{
	margin-bottom: 0px !important;
}

.wc-block-components-button__text .wc-block-components-checkout-place-order-button__text{
	font-family: 'Nunito', sans-serif;
	font-size: 12px;
   font-weight: bold;
}