@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

:root {
	--page-color: black;
	--main-font: Manrope, sans-serif;
	--paragraph-font: "Fragment Mono", sans-serif;
	--brand-color: #4052ee;
	--elements-stroke: #24b6f2;
	--elements-bg: #0d0d0d;
	--gradient-color-02: #0e70ba;
	--gradient-color-01: #ffe9c5;
	--gradient-color-03: #0000;
	--hoved-color: #090909;
	--block-stroke: #243641;
	--clr-1: #00ffe0;
	--clr-2: #007bff;
	--clr-3: #00ff94;
	--clr-4: #0085ff;
	--clr-5: #00ffe0;
}



.w-layout-grid {
	grid-row-gap: 16px;
	grid-column-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.w-commerce-commercecheckoutformcontainer {
	background-color: #f5f5f5;
	width: 100%;
	min-height: 100vh;
	padding: 20px;
}

.w-commerce-commercelayoutcontainer {
	justify-content: center;
	align-items: flex-start;
	display: flex;
}

.w-commerce-commercelayoutmain {
	flex: 0 800px;
	margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-color: #000;
	border-width: 0;
	border-radius: 2px;
	align-items: center;
	height: 38px;
	min-height: 30px;
	margin-bottom: 8px;
	padding: 0;
	text-decoration: none;
	display: flex;
}

.w-commerce-commercecartapplepayicon {
	width: 100%;
	height: 50%;
	min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-color: #000;
	border-width: 0;
	border-radius: 2px;
	justify-content: center;
	align-items: center;
	height: 38px;
	margin-bottom: 8px;
	padding: 0 15px;
	text-decoration: none;
	display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
	margin-right: 8px;
	display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	justify-content: space-between;
	align-items: baseline;
	padding: 4px 20px;
	display: flex;
}

.w-commerce-commercecheckoutblockcontent {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 20px;
}

.w-commerce-commercecheckoutlabel {
	margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 0;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutrow {
	margin-left: -8px;
	margin-right: -8px;
	display: flex;
}

.w-commerce-commercecheckoutcolumn {
	flex: 1;
	padding-left: 8px;
	padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 0;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	flex-direction: row;
	align-items: baseline;
	margin-bottom: 0;
	padding: 16px;
	font-weight: 400;
	display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
	flex-direction: column;
	flex-grow: 1;
	margin-left: 12px;
	margin-right: 12px;
	display: flex;
}

.w-commerce-commerceboldtextblock {
	font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
	-webkit-appearance: none;
	appearance: none;
	cursor: text;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
	-webkit-appearance: none;
	appearance: none;
	cursor: text;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
	-webkit-appearance: none;
	appearance: none;
	cursor: text;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
	flex-direction: row;
	display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
	margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
	margin-left: 8px;
	font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
	margin-top: 16px;
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 16px;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	margin-bottom: 0;
	padding: 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
	color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	justify-content: space-between;
	align-items: baseline;
	padding: 4px 20px;
	display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
	margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
	margin-bottom: 20px;
	display: flex;
}

.w-commerce-commercecartitemimage {
	width: 60px;
	height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
	flex-grow: 1;
	margin-left: 16px;
	margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
	white-space: pre-wrap;
	display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
	margin-bottom: 0;
	padding-left: 0;
	text-decoration: none;
	list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
	flex: 0 0 320px;
	position: sticky;
	top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 8px;
	display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
	font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	text-align: center;
	background-color: #3898ec;
	border-width: 0;
	border-radius: 3px;
	align-items: center;
	margin-bottom: 20px;
	padding: 9px 15px;
	text-decoration: none;
	display: block;
}

.w-commerce-commercecheckouterrorstate {
	background-color: #ffdede;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
	margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
	margin-bottom: 10px;
	display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
	color: #000;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #000;
	margin-right: 10px;
	padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
	color: #fff;
	background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
	color: #666;
	cursor: not-allowed;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 60px;
	height: 38px;
	margin-bottom: 10px;
	padding: 8px 6px 8px 12px;
	line-height: 20px;
	display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
	color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
	border-color: #3898ec;
	outline-style: none;
}

.w-commerce-commercebuynowbutton {
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-color: #3898ec;
	border-width: 0;
	border-radius: 0;
	align-items: center;
	margin-top: 10px;
	padding: 9px 15px;
	text-decoration: none;
	display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
	color: #666;
	cursor: not-allowed;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-color: #3898ec;
	border-width: 0;
	border-radius: 0;
	align-items: center;
	padding: 9px 15px;
	text-decoration: none;
	display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
	color: #666;
	cursor: not-allowed;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
	background-color: #ddd;
	margin-top: 10px;
	padding: 10px;
}

.w-commerce-commerceaddtocarterror {
	background-color: #ffdede;
	margin-top: 10px;
	padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
	background-color: #f5f5f5;
	width: 100%;
	min-height: 100vh;
	padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
	margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
	margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
	flex-direction: row;
	justify-content: flex-start;
	display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
	margin-right: 0.33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper,
.w-commerce-commercecheckoutpaymentsummarywrapper {
	margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
	background-color: #f5f5f5;
	width: 100%;
	min-height: 100vh;
	padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
	background-color: #ffdede;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 10px 16px;
}

.w-users-userformpagewrap {
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	max-width: 340px;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.w-users-userloginformwrapper {
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.w-users-userformheader {
	text-align: center;
}

.w-users-userformbutton {
	text-align: center;
	width: 100%;
}

.w-users-userformfooter {
	justify-content: space-between;
	margin-top: 12px;
	display: flex;
}

.w-users-userformerrorstate {
	margin-left: 20px;
	margin-right: 20px;
	position: absolute;
	top: 100%;
	left: 0%;
	right: 0%;
}

.w-users-usersignupformwrapper {
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.w-users-userformsuccessstate {
	display: none;
}

.w-checkbox {
	margin-bottom: 5px;
	padding-left: 20px;
	display: block;
}

.w-checkbox:before {
	content: " ";
	grid-area: 1 / 1 / 2 / 2;
	display: table;
}

.w-checkbox:after {
	content: " ";
	clear: both;
	grid-area: 1 / 1 / 2 / 2;
	display: table;
}

.w-checkbox-input {
	float: left;
	margin: 4px 0 0 -20px;
	line-height: normal;
}

.w-checkbox-input--inputType-custom {
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 12px;
	height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
	background-color: #3898ec;
	background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
	box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
	display: none;
}

.w-users-userresetpasswordformwrapper,
.w-users-userupdatepasswordformwrapper {
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.w-users-useraccountwrapper {
	background-color: #f5f5f5;
	width: 100%;
	min-height: 100vh;
	padding: 20px;
}

.w-users-blockcontent {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	margin-bottom: 20px;
	padding: 20px;
}

.w-users-useraccountformsavebutton {
	text-align: center;
	margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
	text-align: center;
	color: #333;
	background-color: #d3d3d3;
}

.w-users-blockheader {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	justify-content: space-between;
	align-items: baseline;
	padding: 4px 20px;
	display: flex;
}

.w-users-useraccountsubscriptionlist {
	-webkit-overflow-scrolling: touch;
	flex: 1;
	overflow: auto;
}

.w-users-useraccountsubscriptionlistitem {
	align-items: flex-start;
	display: flex;
}

.w-commerce-commercecartiteminfo {
	flex-direction: column;
	flex: 1;
	margin-left: 16px;
	margin-right: 16px;
	display: flex;
}

.w-commerce-commercecartproductname {
	font-weight: 700;
}

.w-users-gridrow {
	grid-column-gap: 8px;
	grid-template-columns: auto auto;
	justify-content: flex-start;
	display: grid;
}

.w-users-flexcolumn {
	flex-direction: column;
	display: flex;
}

.w-users-useraccountsubscriptioncancelbutton {
	color: #3898ec;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-color: #0000;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.w-commerce-commercelayoutcontainer {
		flex-direction: column;
		align-items: stretch;
	}

	.w-commerce-commercelayoutmain {
		flex-basis: auto;
		margin-right: 0;
	}

	.w-commerce-commercelayoutsidebar {
		flex-basis: auto;
	}
}

@media screen and (max-width: 479px) {
	.w-commerce-commercecheckoutemailinput,
	.w-commerce-commercecheckoutshippingfullname,
	.w-commerce-commercecheckoutshippingstreetaddress,
	.w-commerce-commercecheckoutshippingstreetaddressoptional {
		font-size: 16px;
	}

	.w-commerce-commercecheckoutrow {
		flex-direction: column;
	}

	.w-commerce-commercecheckoutshippingcity,
	.w-commerce-commercecheckoutshippingstateprovince,
	.w-commerce-commercecheckoutshippingzippostalcode,
	.w-commerce-commercecheckoutshippingcountryselector,
	.w-commerce-commercecheckoutcardnumber,
	.w-commerce-commercecheckoutcardexpirationdate,
	.w-commerce-commercecheckoutcardsecuritycode,
	.w-commerce-commercecheckoutbillingfullname,
	.w-commerce-commercecheckoutbillingstreetaddress,
	.w-commerce-commercecheckoutbillingstreetaddressoptional,
	.w-commerce-commercecheckoutbillingcity,
	.w-commerce-commercecheckoutbillingstateprovince,
	.w-commerce-commercecheckoutbillingzippostalcode,
	.w-commerce-commercecheckoutbillingcountryselector,
	.w-commerce-commerceaddtocartquantityinput {
		font-size: 16px;
	}
}

body {
	background-color: var(--page-color);
	font-family: var(--main-font);
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
}

h1 {
	font-size: 60px;
	font-weight: 500;
	line-height: 1.1;
}

h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.2;
}

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
}

h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
}

h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
}

h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
}

p {
	font-family: var(--paragraph-font);
	color: #d4d4d4;
	letter-spacing: 0.3px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}

a {
	font-family: var(--paragraph-font);
	color: #fff;
	text-decoration: none;
}

ul,
ol {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 40px;
}

li {
	color: #bdbdbd;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

img {
	max-width: 100%;
	display: inline-block;
}

blockquote {
	border-left: 2px solid var(--brand-color);
	text-transform: none;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 40px 0 40px 24px;
	font-size: 24px;
	font-style: italic;
	line-height: 1.7;
}

figure {
	margin-bottom: 10px;
}

figcaption {
	text-align: center;
	margin-top: 5px;
	font-family: IBM Plex Sans Hebrew;
	font-size: 15px;
}

.white-colors-show-case {
	background-color: #fff;
	border-radius: 300px;
	width: 54px;
	height: 54px;
	box-shadow: 0 0 9px #00000047;
}

.white-colors-show-case.black {
	box-shadow: none;
	background-color: #7d7d7d;
}

.yellow-color-show-case {
	background-color: var(--brand-color);
	border-radius: 300px;
	width: 54px;
	height: 54px;
}

.color-container {
	grid-column-gap: 18px;
	grid-row-gap: 18px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.center-top {
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.black-background {
	background-color: var(--elements-stroke);
}

.color-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	display: flex;
}

._4-col-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.black-background-padding {
	padding: 40px;
}

.container {
	z-index: 2;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 2em;
	position: relative;
}

.container.navbar-container {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: #14141480;
	border-radius: 60px;
	align-items: center;
	max-width: 1145px;
	height: 100%;
	padding: 11px 15px;
	display: flex;
}

.container.no-paddings {
	padding-top: 0;
	padding-bottom: 0;
	position: static;
}

._100width {
	width: 100%;
}

.border-box {
	border: 1px solid #cdcdcd;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	display: flex;
}

.button {
	color: #fff;
	text-align: center;
	background-color: #fff;
	background-image: linear-gradient(90deg, #0e70ba, #24b6f2);
	border: 1px solid #24b6f2;
	border-radius: 200px;
	justify-content: center;
	align-items: center;
	padding: 14px 30px;
	font-size: 16px;
	font-weight: 600;
	transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		background-color 0.45s;
	display: flex;
}

.button:hover {
	background-color: #cecece;
	transform: scale(1.04);
}

.button.with-icon {
	color: #000;
	background-color: #24b6f2;
	background-image: url("../images/Button-Arrow.svg");
	background-position: 89%;
	background-repeat: no-repeat;
	background-size: auto;
	border-color: #0e70ba;
	padding-left: 25px;
	padding-right: 41px;
}

.button.outline {
	border-width: 2px;
	border-color: var(--elements-stroke);
	background-color: var(--elements-bg);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	color: #fff;
	white-space: nowrap;
	background-image: none;
	font-weight: 400;
}

.button.outline:hover {
	background-color: var(--page-color);
}

.button.outline.nav-btn {
	border-width: 2px;
	padding: 8px 17px;
	font-family: Fragment Mono, sans-serif;
	font-size: 14px;
}

.button.outline.nav-btn.connect-wallet {
	border-color: var(--elements-stroke);
	background-color: var(--gradient-color-02);
}

.button.outline.terminal-button {
	margin-left: 140px;
	margin-right: 140px;
}

.style-guide-box-holder {
	background-color: var(--page-color);
	padding: 20px;
}

.style-guide-box-container {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	flex-direction: column;
	display: flex;
}

.colors-buttons {
	grid-column-gap: 90px;
	align-items: center;
	display: flex;
}

.section {
	z-index: 2;
	position: relative;
}

.section.hero-section,
.section.overflow-hidden {
	overflow: hidden;
}

.section.extra-paddings {
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}

.section.contact-v1 {
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}

.section.below-section {
	margin-top: -90px;
	overflow: hidden;
}

.button-container {
	grid-column-gap: 18px;
	grid-row-gap: 18px;
	background-color: #151515;
	border: 2px solid #ebebeb2e;
	border-radius: 20px;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
	display: flex;
}

._8-col-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

._6-col-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.cols-text {
	font-size: 14px;
	font-weight: 400;
}

.paragraph-xl {
	font-size: 20px;
	line-height: 1.5;
}

.navbar {
	background-color: #1b1b1b00;
	padding-top: 12px;
	padding-bottom: 12px;
	position: sticky;
	top: 0;
}

.navbar-holder {
	width: 100%;
	height: 100%;
}

.navbar-container,
.nav-menu-link-holder {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
}

.nav-menu-link-container {
	flex: 1;
	justify-content: center;
	height: 100%;
	display: flex;
}

.brand-image {
	width: 100%;
}

.nav-menu {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
}

.nav-links {
	grid-column-gap: 40px;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	display: flex;
}

.nav-link {
	font-family: var(--paragraph-font);
	color: #fff9;
	border-bottom: 3px solid #fff0;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	transition: color 0.6s;
	display: flex;
	bottom: -1px;
}

.nav-link:hover {
	color: #fff;
}

.nav-link.w--current {
	color: #fff;
	font-weight: 600;
}

.footer-wrapper {
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 2em;
	display: flex;
}

.footer-brand {
	grid-row-gap: 18px;
	flex-direction: column;
	align-items: flex-start;
	max-width: 360px;
	display: flex;
}

.footer-content {
	grid-column-gap: 70px;
	grid-row-gap: 40px;
	grid-template-rows: auto;
	grid-template-columns: auto auto 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.footer-block {
	grid-row-gap: 10px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.title-small {
	font-family: var(--paragraph-font);
	letter-spacing: 0.5px;
	text-transform: none;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
}

.footer-divider {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	display: flex;
}

.footer-copyright-center {
	text-transform: uppercase;
	font-size: 15px;
}

.footer-brand-image {
	max-width: 60%;
}

.white-link {
	color: #fff;
	text-decoration: underline;
	transition: color 0.375s;
}

.white-link:hover {
	color: #a1a1a1;
}

.title {
	z-index: 0;
	letter-spacing: 0.4px;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, #fff, #c9c9c9);
	-webkit-background-clip: text;
	background-clip: text;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 800;
	line-height: 1.4;
}

.title.medium {
	font-weight: 500;
}

.white-text {
	color: #fff;
}

.center-text {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.featured-logo-wrapper {
	width: 110px;
}

.title-container {
	max-width: 762px;
}

.paragraph-holder {
	max-width: 465px;
}

.early-access-tag-holder {
	grid-column-gap: 10px;
	align-items: center;
	font-family: IBM Plex Sans Hebrew;
	font-size: 18px;
	display: flex;
}

.early-access-title-holder {
	max-width: 349px;
}

.power-feature-heading {
	font-size: 20px;
}

.testimonial-slide {
	width: 100%;
	height: auto;
	margin-left: 15px;
	margin-right: 15px;
	left: -15px;
}

.hide {
	display: none;
}

.pricing-tag {
	text-transform: uppercase;
	border: 1px solid #fff3;
	border-radius: 100px;
	padding: 9px 16px;
	font-family: IBM Plex Sans Hebrew;
	font-size: 18px;
}

.pricing-header {
	z-index: 1;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	text-align: left;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	display: flex;
	position: relative;
}

.pricing-header.left {
	text-align: left;
	align-items: flex-start;
}

.pricing-list-holder {
	border-top: 1px solid #414142;
	border-bottom: 1px solid #414142;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 55px;
	padding-bottom: 55px;
}

.checked-list-holder {
	grid-column-gap: 18px;
	align-items: center;
	display: flex;
}

.pricing-footer-holder {
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.cta-form-holder {
	z-index: 1;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-width: 430px;
	display: flex;
	position: relative;
}

.cta-form-holder.no-paddings {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: center;
	align-items: stretch;
	padding-top: 13px;
	padding-bottom: 13px;
}

.text-field {
	font-family: var(--paragraph-font);
	color: #fff;
	background-color: #0000001a;
	border: 1px solid #4d4d4d;
	border-radius: 200px;
	width: 100%;
	height: 51px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	transition: border-color 0.45s, box-shadow 0.425s;
	box-shadow: 0 4px 4px #0000003d, 0 0 14px #0000003d, 0 21px 36px #24b6f21f;
}

.text-field:hover {
	border-color: #777;
	box-shadow: 0 0 4px #0000003d, 0 17px 20px #0000003d, 0 21px 36px #635bff1f;
}

.text-field:focus {
	border-color: #448eff;
	box-shadow: 0 4px 18px #0000003d, 0 0 14px #0000003d, 0 21px 90px #635bff0a;
}

.text-field::placeholder {
	color: #fff9;
	font-size: 15px;
	font-weight: 300;
}

.text-field.message {
	border-radius: 14px;
	min-width: 100%;
	max-width: 100%;
	height: 200px;
	min-height: 200px;
	max-height: 250px;
}

.form {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
}

.form-block {
	width: 420px;
	margin-bottom: 0;
}

.form-block._100width {
	width: 100%;
}

.submit-button {
	font-family: var(--paragraph-font);
	color: #fff;
	background-color: #9382ff05;
	background-image: linear-gradient(0deg, #d6d6d60a, #fff0);
	border: 1px solid #4d4d4d;
	border-radius: 200px;
	height: 51px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 300;
	transition: background-color 0.375s;
	position: static;
	right: 4px;
	box-shadow: inset 0 0 12px #ffffff14;
}

.submit-button:hover {
	background-color: #dddddd17;
}

.form-holder {
	grid-row-gap: 13px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
}

.thank-you-message {
	background-image: radial-gradient(
		circle farthest-corner at 50% 0%,
		black,
		var(--gradient-color-02) 66%,
		var(--gradient-color-01)
	);
	border: 1px solid #85858582;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0 4px 4px #0000003d, 0 0 14px #0000003d, 0 21px 36px #635bff1f;
}

.thank-you-message::placeholder {
	color: #7d7d7d;
	font-family: IBM Plex Sans Hebrew;
	font-size: 15px;
}

.error-message {
	color: #7d7d7d;
	text-align: center;
	background-color: #141414;
	border: 1px solid #aa5252;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 0;
	font-size: 16px;
	box-shadow: 0 4px 4px #0000003d, 0 0 14px #0000003d, 0 21px 36px #ff00041f;
}

.error-message::placeholder {
	color: #7d7d7d;
	font-family: IBM Plex Sans Hebrew;
	font-size: 15px;
}

.error-message.small {
	color: #fff;
	margin: 14px 0;
}

.help-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	flex-direction: row;
	grid-template-rows: auto;
	grid-template-columns: 0.5fr 1fr;
	grid-auto-columns: 1fr;
	display: flex;
}

.help-container {
	border-right: 1px solid #242424;
	width: 260px;
	min-width: 260px;
	padding-top: 80px;
	position: relative;
}

.help-content-holder {
	grid-row-gap: 30px;
	flex-direction: column;
	padding-top: 80px;
	display: flex;
}

.help-back-link-holder {
	grid-column-gap: 8px;
	color: #fff;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	transition: color 0.4s;
	display: flex;
}

.help-back-link-holder:hover {
	color: #fff;
}

.help-icon-holder {
	width: 8px;
}

.help-icon {
	width: 100%;
}

.help-link-holder {
	grid-row-gap: 20px;
	flex-direction: column;
	padding-top: 65px;
	padding-bottom: 65px;
	display: flex;
}

.help-link-container {
	z-index: 3;
	grid-column-gap: 16px;
	opacity: 0.7;
	color: #fff;
	align-items: center;
	padding: 13px;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	display: flex;
	position: relative;
	left: 2px;
}

.help-link-container.w--current {
	border-style: solid;
	border-width: 1px 2px 1px 1px;
	border-color: var(--elements-stroke) var(--gradient-color-03)
		var(--elements-stroke) var(--elements-stroke);
	background-color: var(--hoved-color);
	opacity: 1;
	border-radius: 13px 0 0 13px;
	left: 1px;
}

.help-link-icon-holder {
	width: 26px;
}

.help-link-icon {
	width: 100%;
}

.figma-file-holder {
	margin-top: 40px;
	margin-bottom: 40px;
}

.figma-file-container {
	grid-column-gap: 32px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	opacity: 1;
	border-radius: 8px;
	align-items: flex-start;
	padding: 26px;
	display: flex;
	overflow: hidden;
	box-shadow: 0 4px 4px #00000040, 1px 1px 14px #00000040, 0 21px 36px #635bff21;
}

.figma-file-container.center {
	white-space: nowrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.figma-file-icon-holder {
	width: 41px;
	min-width: 41px;
	height: 41px;
}

.figla-file-icon {
	width: 100%;
}

.figma-file-content-holder {
	grid-row-gap: 10px;
	flex-direction: column;
	display: flex;
}

.figma-header {
	font-size: 24px;
}

.full-width-image-holder {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.full-width-image {
	border-radius: 20px;
	width: 100%;
}

.sticky {
	position: sticky;
	top: 130px;
}

.link {
	text-decoration: underline;
	transition: color 0.375s;
}

.link:hover {
	color: #afafaf;
}

.change-log-block-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 0.25fr 1fr;
}

.utility-page-wrap {
	background-color: var(--page-color);
	justify-content: center;
	align-items: center;
	width: 100vw;
	max-width: 100%;
	height: 100vh;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	position: relative;
}

.utility-page-form {
	text-align: center;
	flex-direction: column;
	align-items: center;
	display: flex;
}

._404 {
	grid-column-gap: 30px;
	grid-row-gap: 15px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.brand {
	width: 90px;
}

.break-down-card-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
}

.benefits-content {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.visable-image-content-holder {
	border-radius: 28px;
	width: 100%;
	overflow: hidden;
}

.visable-content {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	position: sticky;
	top: 35vh;
}

.value-wrapper {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	flex: 0 auto;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.value-team-images-holder {
	perspective: 1500px;
	width: 100%;
}

.team-gird {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
}

.animate-on-load-03.relative {
	position: relative;
}

.animate-on-load-04 {
	z-index: 2;
	position: relative;
}

.animate-on-load-04.center {
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	display: flex;
}

.blog-item {
	grid-row-gap: 18px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	flex-direction: column;
	width: 100%;
	padding: 14px;
	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	display: flex;
	position: relative;
}

.blog-item:hover {
	transform: translate(0, -12px);
}

.blog-grid-2x-image {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.blog-grid-2x-title {
	margin-bottom: 8px;
	font-size: 20px;
}

.blog-grid-twos-item {
	width: 100%;
}

.blog-grid-twos-wrapper {
	z-index: 1;
	position: relative;
}

.blog-grid-3x {
	grid-column-gap: 30px;
	grid-row-gap: 60px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.blog-grid-3x-image-holder {
	border-radius: 12px;
	width: 100%;
	overflow: hidden;
}

.blog-details-content {
	grid-column-gap: 18px;
	grid-row-gap: 18px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 600px;
	display: flex;
}

.blog-date {
	font-size: 14px;
	font-weight: 400;
}

.blog-name-details {
	grid-column-gap: 0px;
	grid-row-gap: 8px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.blog-details---title {
	color: #fff;
	max-width: 570px;
	font-size: 50px;
	font-weight: 500;
}

.share-blog-icons {
	grid-column-gap: 19px;
	grid-row-gap: 19px;
	flex: 0 auto;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.share-social-media-icon-holder {
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	opacity: 0.6;
	flex: 0 auto;
	justify-content: flex-start;
	align-items: flex-start;
	transition: opacity 0.3s,
		transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	display: flex;
}

.share-social-media-icon-holder:hover {
	opacity: 1;
	transform: scale(1.2);
}

.share-icon {
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-content: center;
	align-items: center;
	width: 24px;
}

.blog-details-holder {
	flex-direction: column;
	align-items: flex-start;
	padding-top: 70px;
	padding-bottom: 70px;
	display: flex;
}

.blog-details-main-image-holder {
	border-radius: 14px;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
	overflow: hidden;
}

.blog-details-main-image {
	width: 100%;
}

.blog-rich-text p {
	color: #fff;
	font-weight: 300;
	line-height: 1.5;
}

.blog-rich-text li {
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 300;
	line-height: 1.5;
}

.category {
	color: #7d7d7d;
	font-size: 15px;
	font-weight: 500;
}

.category.white-text {
	color: #fff;
	font-weight: 400;
}

.menu-cart-holder {
	grid-column-gap: 20px;
	align-items: center;
	margin-right: 10px;
	padding-right: 0;
	display: flex;
}

.cart-button {
	grid-column-gap: 7px;
	grid-row-gap: 7px;
	background-color: #3898ec00;
	align-items: flex-start;
	padding: 0;
}

.cart-header {
	border-bottom-color: var(--elements-stroke);
	margin-bottom: 28px;
	padding: 0 0 20px;
}

.cart-list {
	padding: 0;
}

.x-icon {
	width: 24px;
}

.cart-hero {
	grid-column-gap: 12px;
	align-items: center;
	display: flex;
}

.remove-button {
	margin-left: 0;
	margin-right: 0;
	position: absolute;
	inset: 0% 0% auto auto;
}

.cart-item {
	border-bottom: 1px solid var(--elements-stroke);
	flex-direction: column;
	margin-bottom: 26px;
	padding-top: 0;
	padding-bottom: 26px;
	position: relative;
}

.cart-item:last-child {
	border-bottom-style: none;
}

.price-and-quantity {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 24px;
	display: flex;
}

.remove-button-x {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	background-image: url("../images/X-Icon.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 10px;
	border-radius: 40px;
	width: 26px;
	height: 26px;
}

.product-name {
	font-size: 22px;
	font-weight: 500;
}

.product-details-holder {
	grid-row-gap: 4px;
	flex-direction: column;
	max-width: 200px;
	display: flex;
}

.product-thumbnail {
	border-radius: 8px;
	width: 72px;
	height: auto;
}

.product-cart-price {
	font-size: 27px;
	font-weight: 500;
}

.cart-quantity-menu {
	border-style: solid;
	border-color: var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 4px;
	margin-bottom: 0;
}

.quantity-holder {
	grid-column-gap: 12px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.cart-footer {
	border-top-color: #282828;
	padding: 24px 0 0;
}

.sub-total {
	font-size: 24px;
}

.no-margins {
	color: #000;
	margin-bottom: 0;
}

.checkout-form {
	background-color: var(--page-color);
}

.block-header {
	background-color: #fff0;
	border-style: none;
}

.block-content {
	background-color: #fff0;
	border: 1px #000;
}

.customer-info {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
}

.checkout-input {
	border-width: 1.5px;
	border-color: var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 6px;
	height: 60px;
}

.field-label {
	color: #fff9;
	font-size: 15px;
	font-weight: 300;
}

.line-item {
	grid-row-gap: 4px;
	border-bottom: 1px solid #282828;
	flex-direction: column;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.line-item.no-border {
	border-bottom-style: none;
}

.sub-total-checkout {
	color: #d4d4d4;
	font-size: 18px;
}

.total-checkout {
	font-size: 32px;
	font-weight: 500;
}

.second-cta-container {
	background-color: #0d0d0d;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 80px;
	padding-bottom: 80px;
	display: flex;
	overflow: hidden;
}

.empty-state {
	background-color: #131313;
	border-radius: 15px;
	font-size: 24px;
	font-weight: 500;
}

.cart-number {
	color: #ffffff80;
	background-color: #fff0;
	justify-content: center;
	align-items: center;
	min-width: 0;
	height: 100%;
	margin-left: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	transition: border-color 0.6s;
	display: flex;
	bottom: -1px;
}

.cart-number.w--current {
	color: #fff;
	font-weight: 600;
}

.cart-number-holder {
	display: flex;
}

.hero-section-center-holder {
	grid-column-gap: 18px;
	grid-row-gap: 18px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 20px;
	display: flex;
	position: relative;
}

.hero-section-center-holder.contact {
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	grid-template-rows: auto;
	grid-template-columns: 0.5fr 1fr;
	grid-auto-columns: 1fr;
	padding-top: 0;
	display: grid;
}

.hero-center-text {
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	max-width: 860px;
	margin-top: 16px;
	margin-bottom: 12px;
	display: flex;
}

.center-hero-paragraph-holder {
	text-align: center;
	max-width: 400px;
}

.center-hero-paragraph-holder.l {
	max-width: 640px;
}

.hero-section {
	position: relative;
	overflow: hidden;
}

.cart {
	margin-right: 24px;
}

.company-logo-holder {
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-top: 32px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.company-logo-container {
	flex-direction: row;
	flex: none;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.company-logo-wrapper {
	flex: none;
	height: 32px;
	padding-left: 40px;
	padding-right: 40px;
}

.company-logo {
	opacity: 1;
	height: 100%;
}

.graident-for-logos {
	background-image: linear-gradient(270deg, #06020a00, var(--page-color));
	width: 120px;
	height: 100%;
	position: absolute;
	inset: 0% auto 0% 0%;
}

.graident-for-logos.right {
	background-image: linear-gradient(45deg, #06020a00, var(--page-color));
	inset: 0% 0% 0% auto;
}

.trusted-by {
	padding-top: 70px;
	padding-bottom: 96px;
	position: relative;
}

.section-center-text {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.section-title {
	max-width: 520px;
}

.section-title.xl {
	max-width: 800px;
}

.section-paragraph {
	max-width: 630px;
}

.feature-icon-holder {
	border: 1px solid var(--elements-stroke);
	background-color: var(--hoved-color);
	border-radius: 200px;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	transition: border-color 0.375s, background-color 0.325s;
	display: flex;
}

.feature-icon-holder:hover {
	border-color: var(--brand-color);
	background-color: var(--hoved-color);
}

.feature-icon {
	width: 35px;
}

.feature-icon.smaller {
	width: 24px;
}

.section-paddings {
	padding-top: 0;
	padding-bottom: 100px;
}

.section-tag {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 190px;
	padding: 4px 22px;
	font-weight: 500;
}

.new-features-holder {
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	flex-direction: column;
	padding-top: 40px;
	display: flex;
}

.feature-grid-content-holder {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-direction: column;
	max-width: 470px;
	margin-top: 12px;
	margin-bottom: 32px;
	display: flex;
}

.check-icon-holder {
	background-color: #fff;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	width: 10px;
	min-width: 10px;
	height: 10px;
	min-height: 10px;
	display: flex;
}

.check-icon-holder.dark-circle {
	border-color: var(--page-color);
}

.check-item-text {
	font-family: var(--paragraph-font);
	color: #bdbdbd;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
}

.list-item {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	align-items: center;
	display: flex;
}

.feature-grid-image-holder {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	background-image: radial-gradient(circle at 0 0, #071a3733, #071a3700);
	border-radius: 12px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.background-image {
	mix-blend-mode: lighten;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0%;
}

.testimonal-slider {
	background-color: #ddd0;
	height: auto;
	margin-top: 75px;
	padding-bottom: 60px;
}

.arrow-icon {
	width: 10px;
}

.blog-title-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 12px;
	margin-bottom: 12px;
	display: flex;
}

.blog-arrow {
	width: 12px;
	min-width: 12px;
	margin-top: 7px;
}

.questions-holder {
	border-radius: 12px;
	flex-direction: column;
	max-width: 800px;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 32px;
	display: flex;
	overflow: hidden;
}

.questions-container {
	border-bottom: 2px solid var(--block-stroke);
	cursor: pointer;
	flex-direction: column;
	margin-bottom: 32px;
	padding-bottom: 32px;
	padding-left: 0;
	padding-right: 0;
	transition: background-color 0.325s;
	display: flex;
}

.questions-container.last-one {
	border-bottom-style: none;
	margin-bottom: 9px;
}

.question {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: row;
	justify-content: space-between;
	display: flex;
}

.question-icon {
	width: 24px;
	min-width: 24px;
}

.question-text {
	font-size: 18px;
	font-weight: 400;
}

.answer-holder {
	justify-content: flex-start;
	max-width: 750px;
	display: flex;
	overflow: hidden;
}

.answer-text {
	font-family: var(--paragraph-font);
	color: #c8c8c8c9;
	padding-top: 8px;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5;
}

.questions-cta {
	z-index: 1;
	grid-row-gap: 84px;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 32px;
	display: flex;
	position: relative;
}

.heading-and-supporting-text {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	max-width: 410px;
	display: flex;
}

.small-cta-heading {
	color: #fff;
	font-family: Manrope, sans-serif;
	font-size: 20px;
	font-weight: 500;
}

.paragraph-l {
	color: #dadada;
	margin-bottom: 0;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
}

.colored-block {
	z-index: 10;
	border: 1px solid var(--block-stroke);
	background-color: var(--elements-bg);
	border-radius: 18px;
	flex-direction: column;
	display: flex;
	position: relative;
}

.home-v2-content {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	text-align: left;
	flex-direction: column;
	align-items: flex-start;
	min-width: 470px;
	display: flex;
}

.home-v2-description {
	max-width: 410px;
}

.slider-fade-holder {
	margin-top: -2em;
	position: relative;
}

.team-user {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	padding: 24px;
}

.team-links {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	margin-top: 12px;
	display: flex;
}

.hero-blog-holder {
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	flex-flow: column;
	margin-top: 30px;
	display: flex;
	position: relative;
}

.sign-up-letter-holder {
	position: sticky;
	top: 160px;
}

.sign-up-letter {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	padding: 24px;
	position: sticky;
	top: 160px;
}

.sign-up-letter-content {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	display: flex;
}

.sign-up-title {
	font-size: 20px;
}

.blog-grid-holder {
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	grid-template-rows: auto auto;
	grid-template-columns: 1.5fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.contact-form-holder {
	z-index: 1;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	flex-direction: column;
	width: 100%;
	padding: 42px;
	display: flex;
	position: relative;
}

.form-fields-holder {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	display: flex;
}

.contact-us-form {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-direction: column;
	width: 100%;
	display: flex;
}

.contact-form-block {
	width: 100%;
}

.contact-more-info {
	border-top: 1px solid #ffffff1a;
	justify-content: space-between;
	padding-top: 15px;
	display: flex;
}

.contact-info {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-direction: column;
	display: flex;
}

.contact-info-text {
	color: #bdbdbd;
	font-size: 16px;
}

.pricing-grid {
	grid-column-gap: 32px;
	grid-row-gap: 32px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	align-items: center;
	display: grid;
}

.pricing-wrapper {
	width: 100%;
	padding-top: 70px;
	position: relative;
}

.pricing {
	-webkit-backdrop-filter: blur(40px);
	backdrop-filter: blur(40px);
	background-color: #07161e;
	border-radius: 12px;
	flex-flow: column;
	justify-content: space-between;
	height: 100%;
	padding: 40px 32px;
	display: flex;
  border: 1px solid #ffffff24;
}

.price {
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(#fff, #c4c4c4);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 50px;
	font-weight: 600;
  text-align: center;
    width: 100%;
}

.price-content {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	flex-direction: column;
	display: flex;
}

.price-plan {
	font-family: var(--paragraph-font);
	font-size: 20px;
	font-weight: 400;
}

.price-type {
	font-family: var(--paragraph-font);
	color: #e6e6e6;
	letter-spacing: 0.3px;
	font-weight: 300;
}

.list-holder {
	z-index: 1;
	padding-top: 0;
	padding-bottom: 32px;
	position: relative;
}

.pricing-button-holder {
	z-index: 1;
	flex-direction: column;
	display: flex;
	position: relative;
}

.pricing-list-wrapper {
	z-index: 1;
	position: relative;
}

.pricing-list-item {
	height: 100%;
}

.pricing-details-holder {
	z-index: 1;
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	border-radius: 12px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	padding: 40px 32px;
	display: grid;
	position: relative;
}

.pricing-add-to-cart {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	border-left: 1px solid #2a2837;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	padding-left: 70px;
	display: flex;
}

.select-field {
	color: #fff;
	background-color: #f3f3f300;
	border: 1px #000;
	width: 95%;
	height: 51px;
	margin-bottom: 0;
}

.select-field:hover {
	border-color: #777;
	box-shadow: 0 0 4px #0000003d, 0 17px 20px #0000003d, 0 21px 36px #635bff1f;
}

.select-field:focus {
	border-color: #448eff;
	box-shadow: 0 4px 18px #0000003d, 0 0 14px #0000003d, 0 21px 90px #635bff0a;
}

.select-field::placeholder {
	color: #7d7d7d;
	font-size: 15px;
}

.text-field-holder {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	flex-direction: column;
	margin-top: 14px;
	display: flex;
}

.add-to-card-button-holder {
	flex-direction: column;
	margin-top: 18px;
	display: flex;
}

.rich-text-wrapper {
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.cart-holder {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	background-image: radial-gradient(
			circle at 100% 100%,
			#7f56d933,
			#7f56d900 42%
		),
		radial-gradient(circle at 6% -34%, #7f56d933 9%, #7f56d900 30%);
	border-radius: 12px;
	flex-direction: column;
	min-width: 550px;
	max-width: 550px;
	height: 100%;
	min-height: 100%;
	max-height: 90vh;
	padding: 32px;
	display: flex;
	position: relative;
	overflow: auto;
}

.options-holder {
	flex-direction: column;
	display: flex;
}

.login-background {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0%;
}

.login-background.red {
	opacity: 0.5;
	filter: blur(8px) hue-rotate(120deg);
}

.login-form-wrapper {
	z-index: 2;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	background-image: radial-gradient(
			circle at 100% 100%,
			#7f56d933,
			#7f56d900 42%
		),
		radial-gradient(circle at 6% -34%, #7f56d933 9%, #7f56d900 30%);
	border-radius: 12px;
	flex-direction: column;
	padding: 62px 104px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.login-form-wrapper.red {
	background-image: radial-gradient(
			circle at 100% 100%,
			#d9565833,
			#7f56d900 42%
		),
		radial-gradient(circle at 6% -34%, #ff000433 9%, #7f56d900 30%);
	border-color: #ff1c203b;
}

.login-form-wrapper.half {
	max-width: 40%;
}

.page-wrapper {
	align-items: center;
	max-width: none;
}

.login-button-holder {
	margin-top: 24px;
}

.check-box-holder {
	margin-top: 12px;
}

.checkbox {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	width: 16px;
	height: 16px;
	margin-top: 1px;
}

.checkbox:hover {
	border-color: var(--brand-color);
}

.checkbox.w--redirected-checked {
	border-color: var(--brand-color);
	background-color: var(--elements-bg);
	background-image: url("../images/Check-Icon.svg");
	background-position: 50%;
	background-size: 7px;
}

.checkbox-field {
	grid-column-gap: 6px;
	grid-row-gap: 6px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	display: flex;
}

.form-header-margins {
	margin-top: -40px;
	margin-bottom: 60px;
}

.user-account-wrapper {
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	background-color: var(--page-color);
	flex-direction: column;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.password-settings {
	flex-direction: column;
	align-items: flex-start;
	display: flex;
}

.password-buttons {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	align-items: center;
	margin-top: 8px;
	display: flex;
}

.checkbox-field-user-acc {
	margin-top: 12px;
	margin-bottom: 12px;
}

.user-account-form {
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	place-items: center stretch;
	display: grid;
}

.subscription {
	padding-top: 17px;
	padding-bottom: 17px;
}

.image {
	border-radius: 4px;
}

.subscritpion-title {
	font-size: 18px;
	font-weight: 500;
}

.subscription-tilte-holder {
	grid-column-gap: 6px;
	grid-row-gap: 6px;
}

.subscription-cancel-button {
	color: var(--brand-color);
	font-size: 18px;
	font-weight: 600;
}

.subscription-price {
	font-size: 20px;
	font-weight: 600;
}

.right {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	align-items: flex-end;
}

._404-title {
	grid-column-gap: 13px;
	grid-row-gap: 13px;
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	max-width: 600px;
	display: flex;
}

.pages-holder {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 8px;
	transition: border-color 0.3s, background-color 0.375s;
	overflow: hidden;
}

.pages-holder:hover {
	border-color: var(--brand-color);
	background-color: var(--hoved-color);
}

.menu-links-holder {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	padding-top: 12px;
	display: flex;
}

.grey-link {
	color: #fff9;
	letter-spacing: 1.1px;
	font-size: 16px;
	font-weight: 300;
	transition: color 0.4s;
}

.grey-link:hover,
.grey-link.w--current {
	color: #fff;
}

.menu-link-wrapper {
	grid-column-gap: 42px;
	grid-row-gap: 42px;
	display: flex;
}

.hero-blur-bg-holder {
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: absolute;
	inset: 0%;
}

.section-tag-2 {
	background-color: #0f0e1b;
	border: 1px solid #2a2845;
	border-radius: 190px;
	padding: 4px 22px;
	font-weight: 500;
}

.wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.hero-title {
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(#fff, #c9c9c9);
	-webkit-background-clip: text;
	background-clip: text;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 91px;
	font-weight: 700;
}

.numbers-container {
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	display: flex;
}

.cta-content {
	z-index: 4;
	grid-column-gap: 32px;
	grid-row-gap: 32px;
	text-align: center;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	display: flex;
	position: relative;
}

.footer-holder {
	z-index: 1;
	background-color: var(--page-color);
	background-image: linear-gradient(180deg, #1f1f1f, var(--page-color));
	margin-top: -360px;
	padding-top: 370px;
	position: relative;
}

.featuer-button-holer {
	justify-content: flex-start;
	align-items: center;
	margin-top: 32px;
	display: flex;
}

.pricing-holder {
	z-index: 2;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	display: flex;
	position: relative;
}

.contact-form-wrapper {
	z-index: 10;
	flex-direction: column;
	display: flex;
	position: relative;
}

.home-text-holder {
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 0.75fr;
	grid-auto-columns: 1fr;
	place-items: center;
	display: grid;
}

.home-pragraph-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	display: flex;
}

.button-holder {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	display: flex;
}

.hero-dashboard-wrapper {
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 160px;
	display: flex;
	position: relative;
}

.hero-dashboard-wrapper.feature-page {
	margin-top: 0;
}

.hero-dashbord-holder {
	background-color: #000000b3;
	border: 1px solid #fff3;
	border-radius: 12px;
	width: 96%;
	padding: 22px;
	position: relative;
}

.hero-dashboard-image {
	border-radius: 10px;
	width: 100%;
}

.blue-blur {
	z-index: -1;
	box-sizing: border-box;
	background-image: radial-gradient(
		circle farthest-side at 50% 50%,
		var(--gradient-color-01) 30%,
		var(--gradient-color-02) 48%,
		var(--gradient-color-03) 74%
	);
	filter: blur(40px);
	transform-style: preserve-3d;
	border-radius: 0;
	width: 1330px;
	height: 940px;
	padding: 0;
	position: absolute;
	inset: -45% auto 0%;
	transform: scale3d(1, 0.5, 1);
}

.blue-blur._02 {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.85) 80%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}


.blue-blur.cta-blue-blur {
	z-index: 0;
	filter: blur(40px);
	width: 880px;
	height: 470px;
	top: -6%;
}

.blue-blur.pricing-blur {
	width: 100%;
	top: -55%;
}

.hero-section-wrapper {
	padding-top: 30px;
	padding-bottom: 40px;
	overflow: hidden;
}

.hero-text-holder {
	z-index: 0;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 850px;
	min-height: 850px;
	max-height: 850px;
	display: flex;
}

.hero-text-container {
	z-index: 0;
	text-align: center;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	max-width: 1040px;
	display: flex;
	position: relative;
}

.hero-icons-holder {
	z-index: 5;
	width: 100%;
	height: 850px;
	min-height: 850px;
	max-height: 850px;
	margin-top: 40px;
	position: absolute;
	inset: 0%;
}

.hero-logo-container {
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	background-color: #13141580;
	border: 1px solid #d1aad730;
	border-radius: 20px;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	display: flex;
	position: absolute;
}

.hero-logo-container._04 {
	z-index: 5;
	inset: -106px -30px auto auto;
}

.hero-logo-container._03 {
	z-index: 3;
	inset: auto -64px 44px auto;
}

.hero-logo-container._01 {
	z-index: 4;
	inset: 33px auto auto -69px;
}

.hero-logo-container._02 {
	z-index: 4;
	inset: auto auto 69px -40px;
}

.hero-logo {
	z-index: 2;
	width: 50%;
	position: relative;
}

.hero-logo.blured {
	z-index: 1;
	filter: blur(19px);
	position: absolute;
}

.grid-title {
	font-size: 24px;
	font-weight: 600;
}

.grid-holder {
	margin-top: 60px;
}

.grid {
	grid-template-rows: auto;
}

.grid-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #11171b;
  border: 1px solid #5a5a5a;
  border-radius: 12px;
  padding: 20px;
  overflow: hidden; /* ✅ Prevent content from spilling */
  box-sizing: border-box; /* ✅ Ensure padding is included in size */
}

.grid-content {
  padding: 0 10px; /* ✅ Prevent edge overflow (optional) */
  box-sizing: border-box;
}


.grid-image {
	width: 100%;
	transform: rotate(0);
}

.no-margins-2 {
	color: #bababa;
	margin-top: 20px;
	margin-bottom: 0;
}

.new-features-grid {
	grid-column-gap: 120px;
	grid-row-gap: 120px;
	grid-template-rows: auto;
	align-items: center;
}

.card-image-holder {
	width: 100%;
	padding-top: 140px;
	padding-bottom: 140px;
	position: relative;
	overflow: visible;
}

.feature-grid-content {
	text-align: left;
}

.feature-grid-content-holder-2 {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-direction: column;
	max-width: 470px;
	display: flex;
}

.feature-image-holder {
	border: 2px solid var(--elements-stroke);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background-color: #00000061;
	border-radius: 12px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.feature-image-holder._01 {
	z-index: 1;
	border-color: var(--block-stroke);
}

.feature-image-holder._02 {
	z-index: 2;
	border-color: var(--block-stroke);
	background-color: #000;
	position: relative;
}

.feature-image-holder._03 {
	z-index: 3;
	border-color: var(--block-stroke);
	-webkit-backdrop-filter: blur(11px);
	backdrop-filter: blur(11px);
	display: flex;
}

.gray-card-holder {
	width: 100%;
}

.gray-card-holder.blue {
	opacity: 0;
	position: absolute;
	inset: 0%;
}

.gray-card-holder.grey {
	border-radius: 12px;
}

.grey-card-holder {
	backface-visibility: visible;
	perspective: none;
	transform-origin: 50%;
	justify-content: center;
	align-items: center;
	padding-right: 80px;
	display: flex;
	position: relative;
}

.card-image-rotation {
	z-index: 3;
	transform-style: preserve-3d;
	width: 540px;
	padding-top: 0;
	position: absolute;
	transform: translate(50px) rotateX(-30deg) rotateY(-30deg) rotateZ(0);
}

.card-image-rotation.main-card {
	z-index: 2;
	position: relative;
}

.card-image-rotation._01 {
	z-index: 1;
	top: -50px;
	left: 50px;
}

.card-image-rotation._03 {
	border-radius: 12px;
	top: 50px;
	left: -50px;
}

.cubes-holder {
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
}

.cube-rotate-holder {
	width: 100%;
}

.card-holder {
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: absolute;
	inset: 0%;
}

.meeting-card {
	z-index: 1;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border-radius: 10px;
	width: 90%;
	position: relative;
}

.single-cube {
	width: 30%;
	position: absolute;
}

.cube-image {
	width: 100%;
}

.heading-holder {
	max-width: 670px;
}

.section-inside {
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	border-bottom: 1px solid var(--block-stroke);
	flex-flow: column;
	padding-top: 81px;
	padding-bottom: 60px;
	display: flex;
}

.slide {
	width: 100%;
	height: auto;
	margin-right: 30px;
}

.mask {
	width: 270px;
	height: auto;
	overflow: visible;
}

.slider {
	background-color: #ddd0;
	height: auto;
	padding-bottom: 90px;
}

.feature-item-center {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	border: 1px solid var(--block-stroke);
	background-color: var(--elements-bg);
	text-align: center;
	border-radius: 14px;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 25px;
	display: flex;
	position: relative;
}

.blue-line {
	background-image: linear-gradient(
		90deg,
		#777bfb00,
		#24b6f2 26% 70%,
		#777bfb00
	);
	width: 60%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
}

.blue-line._02,
.blue-line._01 {
	opacity: 0;
}

.feature-blur-image {
	width: 310px;
	position: relative;
	top: -132px;
}

.feature-blur-image._02 {
	opacity: 0;
	position: absolute;
	top: auto;
	bottom: -157.063px;
}

.feature-blur-image._01 {
	opacity: 0;
}

.feautre-content {
	z-index: 2;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	text-align: left;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	display: flex;
	position: relative;
}

.fetaure-icon-holder {
	border: 1px solid var(--block-stroke);
	background-color: #ffffff03;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	width: 52px;
	height: 52px;
	display: flex;
	box-shadow: inset 2px 5px 23px #f8f8f80f;
}

.blur-image-holder {
	border-radius: 14px;
	justify-content: center;
	align-items: flex-start;
	display: flex;
	position: absolute;
	inset: 0%;
	overflow: hidden;
}

.feature-heading-small {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

.ease-feature-icon {
	width: 22px;
}

.blue-line-wrapper {
	flex-flow: column;
	justify-content: space-between;
	display: flex;
	position: absolute;
	inset: 0%;
}

.slider-arrow {
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	display: flex;
	inset: auto auto 0% 0%;
}

.slider-arrow.right {
	left: 70px;
}

.slider-arrow-holder {
	border: 1px solid var(--block-stroke);
	background-color: var(--elements-bg);
	border-radius: 200px;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	display: flex;
}

.like-icon._02 {
	opacity: 0;
	width: 100%;
	position: absolute;
}

.testimonial-user-wrapper {
	grid-column-gap: 14px;
	align-items: center;
	display: flex;
}

.user-content-holder {
	grid-row-gap: 4px;
	flex-direction: column;
	display: flex;
}

.like-wrapper {
	display: flex;
}

.user-image-2 {
	object-fit: cover;
	border-radius: 50px;
	width: 100%;
	height: 100%;
}

.like-icon-holder {
	justify-content: center;
	align-items: center;
	width: 18px;
	min-width: 18px;
	display: flex;
	position: relative;
}

.testimonail-slider-holder {
	column-count: 3;
	column-gap: 30px;
	margin-top: 60px;
}

.testimonail-slider-container {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	flex-direction: column;
	margin-bottom: 30px;
	padding: 35px;
	display: inline-block;
}

.like-holder {
	grid-column-gap: 9px;
	grid-row-gap: 9px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--brand-color);
	cursor: pointer;
	border-radius: 40px;
	align-items: center;
	padding: 9px 18px;
	font-size: 17px;
	transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	display: flex;
}

.like-holder:hover {
	transform: scale(1.08);
}

.spacer {
	padding-top: 58px;
	padding-bottom: 58px;
}

.user-name-2 {
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 500;
}

.testimonal-qoute {
	margin-top: 26px;
	margin-bottom: 26px;
	font-family: Inter, sans-serif;
	font-size: 17px;
	line-height: 1.7;
}

.user-image-holder {
	background-color: #635bff66;
	border-radius: 200px;
	justify-content: center;
	align-items: center;
	width: 65px;
	min-width: 65px;
	height: 65px;
	min-height: 65px;
	display: flex;
	overflow: hidden;
}

.user-job-position-2 {
	color: #ffffffb0;
	text-transform: uppercase;
	font-size: 14px;
}

.cta-holder {
	border: 1px solid var(--block-stroke);
	background-color: var(--elements-bg);
	border-radius: 16px;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 40px;
	display: flex;
	box-shadow: 0 0 #0000, 0 1.9px 1.7px #00000017, 0 3.8px 3.4px #0000001c,
		0 5.9px 5.2px #0000001f, 0 8.3px 7.1px #00000021, 0 11.3px 9.2px #00000023,
		0 15.2px 11.5px #00000024, 0 20.6px 14.5px #00000025,
		0 28.9px 18.4px #00000026, 0 43px 24.3px #00000028,
		0 72.2px 35.6px #0000002b;
}

.cta-dashboard-holer {
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 420px;
	margin-top: -80px;
	padding-top: 144px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.cta-dashboard {
	z-index: 1;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	width: 80%;
	display: flex;
	position: relative;
}

.footer-brand-holder {
	grid-column-gap: 21px;
	grid-row-gap: 21px;
	flex-flow: column;
	display: flex;
}

.footer-paragraph-holder {
	max-width: 230px;
}

.footer-form-holder {
	border-top: 1px solid var(--block-stroke);
	border-bottom: 1px solid var(--block-stroke);
	justify-content: space-between;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 60px;
	padding-bottom: 60px;
	display: flex;
}

.feature-hero-section-holder {
	grid-column-gap: 70px;
	grid-row-gap: 70px;
	justify-content: flex-start;
	align-items: center;
	padding-top: 61px;
	padding-bottom: 61px;
	display: flex;
}

.feature-hero-content {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
	flex: none;
	max-width: 550px;
	display: flex;
}

.feature-paragraph-holder {
	max-width: 80%;
}

.feature-dashboard-holder {
	flex: none;
	width: 60vw;
}

.feature-grid-holder {
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	border-bottom: 1px solid #000;
	flex-flow: column;
	padding-bottom: 60px;
	display: flex;
}

._3x-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
}

.feature-item {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	flex-flow: column;
	padding: 30px;
	display: flex;
}

.fetaure-icon-container {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-stroke);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	border-radius: 200px;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	margin-top: -75px;
	display: flex;
}

.fetaure-icon {
	width: 40px;
}

.feature-content-holder {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
	display: flex;
}

._2x-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
}

.bubbles-holder {
	border-top: 1px none var(--elements-stroke);
	border-bottom: 1px solid var(--block-stroke);
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.left-content {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
	display: flex;
}

.bubble-grid-holder {
	margin-top: 24px;
	padding-top: 50px;
	padding-bottom: 60px;
}

.bubble-grid {
	grid-column-gap: 61px;
	grid-row-gap: 61px;
	flex-flow: wrap;
	grid-template-rows: auto auto auto auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	margin-top: -49px;
	display: grid;
}

.circle-container._02 {
	position: relative;
	top: -45px;
}

.circle {
	z-index: 1;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	text-align: center;
	border-radius: 50%;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 250px;
	display: flex;
	position: relative;
}

.circle._01 {
	border-style: none;
	width: 80px;
	height: 80px;
}

.circle._02 {
	border-color: var(--block-stroke);
	width: 130px;
	height: 130px;
}

.circle._04 {
	border-style: none;
	width: 51px;
	height: 51px;
}

.circle._05 {
	border-color: var(--block-stroke);
	width: 190px;
	height: 190px;
}

.circle._06 {
	border-style: none;
	width: 40px;
	height: 40px;
}

.circle._07,
.circle._08,
.circle._09,
.circle._10 {
	border-style: none;
	width: 80px;
	height: 80px;
}

.circle._12 {
	border-style: none;
	width: 58px;
	height: 58px;
}

.circle._13 {
	border-style: none;
	width: 40px;
	height: 40px;
}

.circle._14,
.circle._15,
.circle._16 {
	border-color: var(--block-stroke);
	width: 190px;
	height: 190px;
}

.circle-info {
	color: #fffc;
	letter-spacing: 0.3px;
	margin-top: -5px;
	font-size: 18px;
}

.bubble {
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
}

.tip-tool-holder {
	z-index: 9999;
	pointer-events: none;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: fixed;
	inset: 0%;
}

.tip-tool-container {
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-stroke);
	opacity: 0;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-radius: 12px;
	padding: 6px 13px;
}

.circle-active {
	background-image: radial-gradient(
		circle farthest-corner at 50% 0%,
		var(--hoved-color),
		var(--gradient-color-02) 62%,
		var(--gradient-color-01)
	);
	border-radius: 50%;
	position: absolute;
	inset: 0%;
	transform: scale(0);
}

.feature-image-container {
	background-color: #11171b;
	border: 1px solid #243641;
	border-radius: 14px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.feature-image-container._02 {
	padding: 24px;
}

.feature-image-full {
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border-radius: 7px;
	width: 100%;
}

.feature-graphic-holder {
	position: relative;
}

.feature-image-blur {
	z-index: -1;
	background-image: radial-gradient(
		circle farthest-side at 50% 50%,
		var(--gradient-color-01) 30%,
		var(--gradient-color-02) 48%,
		var(--gradient-color-03) 74%
	);
	filter: blur(40px);
	transform-style: preserve-3d;
	border-radius: 0;
	width: 100%;
	height: 90%;
	padding: 0;
	position: absolute;
	inset: -35% auto 0%;
	transform: scale3d(1, 0.5, 1);
}

.feature-image-wrapper {
	z-index: 3;
	justify-content: center;
	align-items: center;
	padding: 40px;
	display: flex;
	position: absolute;
	inset: 0%;
}

.about-section-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.about-content-holder {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
	display: flex;
	position: sticky;
	top: 120px;
}

.about-grid {
	grid-template-rows: auto;
}

.about-image {
	border-radius: 12px;
	width: 100%;
}

.light-section {
	z-index: 3;
	width: 100%;
	margin-top: -380px;
	position: relative;
}

.about-hero-icons {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	width: 450px;
	display: grid;
}

.about-hero-icon {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	display: flex;
}

.about-hero-icon._02 {
	border-left: 1px solid var(--elements-stroke);
	padding-left: 30px;
}

.about-hero-image {
	object-fit: contain;
	width: 35px;
}

.about-slider-holder {
	z-index: 3;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	text-align: left;
	flex-flow: column;
	display: flex;
	position: relative;
}

.about-stats {
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(#fff, #c8c8c8);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 80px;
	font-weight: 600;
}

.about-slider-button-holder {
	margin-top: 130px;
}

.about-mask {
	width: 370px;
	height: auto;
	overflow: visible;
}

.stats-small-text {
	font-size: 32px;
}

.team-holder {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	flex-flow: column;
	max-width: 80%;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.team-3x {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
}

.team {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	border: 1px solid var(--elements-stroke);
	background-color: var(--elements-bg);
	border-radius: 12px;
	flex-flow: column;
	padding: 24px;
	display: flex;
}

.team.list {
	flex-flow: row;
	justify-content: space-between;
	align-items: stretch;
	padding: 14px;
}

.team-image-holder {
	background-image: radial-gradient(
		circle farthest-corner at 50% 0%,
		var(--page-color) 3%,
		var(--gradient-color-02) 89%,
		var(--gradient-color-01)
	);
	border-radius: 7px;
	width: 100%;
	overflow: hidden;
}

.team-image-holder.small {
	border-radius: 50%;
	width: 82px;
	height: 82px;
	overflow: hidden;
}

.team-image {
	width: 100%;
}

.team-content {
	grid-column-gap: 3px;
	grid-row-gap: 3px;
	flex-flow: column;
	display: flex;
}

.team-name {
	font-size: 18px;
	font-weight: 500;
}

.team-social-holder {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.team-icon-holder {
	opacity: 0.7;
	width: 24px;
	height: 24px;
	transition: transform 0.325s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		opacity 0.25s;
}

.team-icon-holder:hover {
	opacity: 1;
	transform: translate(0, -8px);
}

.team-icon {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.team-2x {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
}

.team-list {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	flex-flow: column;
	display: flex;
}

.team-list-holder {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.blue-blur-feature {
	z-index: -1;
	box-sizing: border-box;
	background-image: radial-gradient(
		circle farthest-side at 50% 50%,
		var(--gradient-color-01) 30%,
		var(--gradient-color-02) 48%,
		var(--gradient-color-03) 74%
	);
	filter: blur(40px);
	transform-style: preserve-3d;
	border-radius: 0;
	width: 300px;
	height: 100%;
	padding: 0;
	position: absolute;
	inset: 0% auto 0% -92px;
	transform: scale3d(0.5, 1, 1);
}

.help-center-heading-holder-2 {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-direction: column;
	display: flex;
}

.light-box-image {
	border: 1px solid #2f3b4e;
	border-radius: 5px;
	width: 100%;
}

.blue-blur-blog {
	z-index: -1;
	box-sizing: border-box;
	background-image: radial-gradient(
		circle farthest-side at 50% 50%,
		var(--gradient-color-01) 30%,
		var(--gradient-color-02) 48%,
		var(--gradient-color-03) 74%
	);
	opacity: 0.33;
	filter: blur(40px);
	transform-style: preserve-3d;
	border-radius: 0;
	width: 100%;
	height: 940px;
	padding: 0;
	position: absolute;
	inset: 0% auto;
	transform: scale3d(1, 0.5, 1);
}

.blue-blur-holder {
	z-index: -1;
	position: absolute;
	inset: 0% 0% auto;
}

.paragraph {
	color: #bababa;
}

.text-span {
	-webkit-text-fill-color: transparent;
	background-color: #22b2ed;
	-webkit-background-clip: text;
	background-clip: text;
}

.bold-text {
	font-weight: 300;
}

.text-span-2,
.text-span-3,
.text-span-4,
.text-span-5,
.text-span-6 {
	color: #24b6f2;
}

.pharagraph-footer {
	letter-spacing: 0;
}

.text-span-7 {
	color: #24b6f2;
}

.title-2 {
	z-index: 0;
	letter-spacing: 0.4px;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(#fff, #c9c9c9);
	-webkit-background-clip: text;
	background-clip: text;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.4;
}

.text-span-8 {
	color: #24b6f2;
	font-weight: 400;
}

@media screen and (min-width: 1440px) {
	.section.below-section {
		margin-top: -180px;
	}

	.featured-logo-wrapper {
		width: 130px;
	}

	.feature-dashboard-holder {
		width: 50vw;
	}
}

@media screen and (max-width: 991px) {
	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 38px;
	}

	h3 {
		font-size: 32px;
	}

	h4 {
		font-size: 28px;
	}

	h5 {
		font-size: 24px;
	}

	h6 {
		font-size: 20px;
	}

	.section.contact-v1 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.section.grid-section {
		margin-top: -200px;
	}

	._8-col-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.navbar {
		padding-left: 12px;
		padding-right: 12px;
	}

	.navbar-container {
		justify-content: flex-end;
	}

	.nav-menu-link-holder {
		grid-row-gap: 20px;
		border: 1px solid var(--elements-stroke);
		background-color: var(--elements-bg);
		border-radius: 13px;
		flex-direction: column;
		height: auto;
		margin-top: 8px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.nav-menu-link-container {
		height: auto;
	}

	.nav-menu-button-holder {
		display: none;
	}

	.nav-menu {
		background-color: #c8c8c800;
		height: auto;
	}

	.nav-links {
		grid-row-gap: 20px;
		flex-direction: column;
		height: auto;
	}

	.footer-wrapper {
		grid-column-gap: 40px;
		grid-row-gap: 40px;
		flex-flow: column;
	}

	.footer-content {
		grid-column-gap: 60px;
	}

	.featured-logo-wrapper {
		width: 150px;
	}

	.help-holder {
		flex-direction: column;
		display: flex;
	}

	.help-container {
		border-right-style: none;
		width: auto;
		min-width: auto;
	}

	.help-link-holder {
		grid-column-gap: 30px;
		flex-direction: row;
		padding-top: 44px;
		padding-bottom: 44px;
	}

	.help-link-container.w--current {
		border-right-style: none;
		border-radius: 13px;
	}

	.utility-page-wrap {
		padding: 34px;
	}

	.menu-button {
		border: 1px solid #fff0;
		border-radius: 100px;
		padding: 13px;
		transition: border-color 0.25s, background-color 0.35s;
	}

	.menu-button.w--open {
		border: 1px solid var(--elements-stroke);
		background-color: var(--elements-bg);
		border-radius: 100px;
	}

	.break-down-card-grid {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		flex-direction: column;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
		width: 60%;
		display: flex;
	}

	.team-gird {
		flex-direction: column;
		width: 60%;
		display: flex;
	}

	.blog-grid-twos-item {
		width: 100%;
	}

	.blog-grid-3x {
		flex-direction: column;
		align-items: center;
		display: flex;
	}

	.hero-section-center-holder.contact {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		display: flex;
	}

	.section-paddings {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.new-features-holder {
		grid-column-gap: 150px;
		grid-row-gap: 150px;
	}

	.home-v2-content.contact-v1 {
		text-align: center;
		align-items: center;
		min-width: 0;
		max-width: 70%;
	}

	.blog-grid-holder {
		flex-direction: column;
		display: flex;
	}

	.pricing-grid {
		display: block;
    
	}
  .pricing{ margin-bottom: 20px;}
	.pricing-list-item {
		max-width: 60%;
	}

	.login-background {
		object-fit: cover;
	}

	.login-form-wrapper.half,
	.user-account-wrapper {
		max-width: 100%;
	}

	.brand-holder {
		width: 100%;
	}

	.hero-title {
		font-size: 60px;
	}

	.from-cta {
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		display: flex;
	}

	.home-text-holder {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		display: flex;
	}

	.hero-dashboard-wrapper {
		width: 100%;
		margin-top: 60px;
	}

	.hero-dashbord-holder {
		padding: 11px;
	}

	.blue-blur {
		width: 100%;
		height: 400px;
		top: -32%;
	}

	.blue-blur.cta-blue-blur {
		background-image: radial-gradient(
			circle farthest-side at 50% 50%,
			var(--gradient-color-01) 7%,
			var(--gradient-color-02) 24%,
			var(--gradient-color-03) 42%
		);
		filter: blur(20px);
		width: 100%;
		height: 170px;
		top: 19%;
	}

	.blue-blur.pricing-blur {
		top: -58px;
	}

	.hero-text-holder {
		height: auto;
		min-height: 0;
		max-height: none;
		padding-top: 430px;
		padding-bottom: 270px;
	}

	.hero-icons-holder {
		height: 110%;
		min-height: 0;
		max-height: none;
	}

	.hero-logo-container {
		width: 80px;
		height: 80px;
	}

	.hero-logo-container._04 {
		inset: -9% -3% auto auto;
	}

	.hero-logo-container._03 {
		inset: auto 84px 26px auto;
	}

	.hero-logo-container._01 {
		border-radius: 12px;
		top: -68px;
		left: -7px;
	}

	.hero-logo-container._02 {
		bottom: -24px;
		left: 47px;
	}

	.new-features-grid {
		grid-column-gap: 60px;
		grid-row-gap: 60px;
		flex-flow: column;
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr;
		justify-content: center;
		align-items: flex-start;
		display: grid;
	}

	.card-image-holder {
		justify-content: center;
		align-items: center;
		padding-top: 80px;
		padding-bottom: 80px;
		display: flex;
	}

	.feature-grid-content {
		text-align: center;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		display: flex;
	}

	.feature-grid-content-holder-2 {
		max-width: 400px;
	}

	.cubes-holder {
		width: 70%;
	}

	.card-holder {
		width: 110%;
	}

	.heading-holder {
		max-width: 500px;
	}

	.feature-item-center {
		padding: 13px;
	}

	.testimonail-slider-holder {
		column-count: 2;
		margin-top: 35px;
	}

	.cta-dashboard {
		width: 90%;
	}

	.footer-form-holder {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		flex-flow: column;
	}

	.feature-hero-section-holder {
		flex-flow: column;
		justify-content: center;
		align-items: flex-start;
	}

	.feature-hero-content {
		max-width: none;
	}

	.feature-dashboard-holder {
		width: 100%;
	}

	.bubble-grid {
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.circle._05 {
		width: 140px;
		height: 140px;
	}

	.circle._14 {
		width: 120px;
		height: 120px;
	}

	.circle._15 {
		width: 140px;
		height: 140px;
	}

	.tip-tool-holder {
		position: absolute;
		inset: 0%;
	}

	.tip-tool-container {
		opacity: 0;
		text-align: center;
		min-width: 180px;
		position: relative;
		top: 130%;
	}

	.light-section {
		margin-top: 0;
	}

	.blue-blur-blog {
		width: 100%;
		height: 400px;
		top: 106px;
	}

	.blue-blur-holder {
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		display: flex;
		inset: 0%;
	}
}

@media screen and (max-width: 767px) {
	h1 {
		margin-top: 5px;
		font-size: 32px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 20px;
	}

	h6 {
		font-size: 18px;
	}

	.border-box {
		padding: 2px;
	}

	.section.extra-paddings {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.section.contact-v1 {
		min-height: 120vh;
	}

	._6-col-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.footer-wrapper {
		text-align: left;
		flex-direction: column;
		align-items: flex-start;
		padding-right: 0;
	}

	.footer-content {
		text-align: left;
		grid-template-columns: 1fr;
		margin-top: 40px;
	}

	.footer-block {
		text-align: left;
		align-items: flex-start;
	}

	.footer-divider {
		margin-top: 60px;
	}

	.help-content-holder {
		padding-top: 13px;
	}

	.help-link-holder {
		flex-direction: column;
		padding-bottom: 0;
	}

	.brand {
		width: 70px;
		padding-left: 0;
	}

	.blog-rich-text blockquote {
		margin-left: 0;
		margin-right: 0;
		font-size: 21px;
		line-height: 1.4;
	}

	.company-logo-holder {
		padding-top: 29px;
		padding-bottom: 29px;
	}

	.company-logo-wrapper {
		height: 21px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.trusted-by {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.questions-cta {
		grid-row-gap: 18px;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.paragraph-l {
		font-size: 17px;
	}

	.pricing-details-holder {
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		flex-direction: column;
		display: flex;
	}

	.pricing-add-to-cart {
		border-top: 1px solid #2a2837;
		border-left-style: none;
		padding-top: 30px;
		padding-left: 0;
	}

	.cart-holder {
		min-width: 0;
		max-width: none;
	}

	.user-acc-holder {
		width: 100%;
	}

	.user-account-form {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		flex-direction: column;
		align-items: flex-start;
		display: flex;
	}

	.pages-holder {
		border-radius: 8px;
	}

	.hero-title {
		font-size: 44px;
	}

	.blue-blur {
		top: -45%;
	}

	.blue-blur.pricing-blur {
		top: -99px;
	}

	.hero-logo-container {
		border-width: 1px;
		border-radius: 12px;
		width: 80px;
		height: 80px;
	}

	.hero-logo-container._04 {
		top: -79px;
	}

	.hero-logo-container._03 {
		bottom: 57px;
		right: 56px;
	}

	.hero-logo-container._01 {
		top: -14px;
		left: -35px;
	}

	.hero-logo-container._02 {
		bottom: 38px;
	}

	.grid {
		flex-flow: column;
		display: flex;
	}

	.new-features-grid {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		grid-template-columns: 1fr;
	}

	.feature-grid-content-holder-2 {
		margin-bottom: 0;
	}

	.card-image-rotation {
		width: 330px;
	}

	.testimonail-slider-holder {
		column-gap: 12px;
		padding-top: 0;
		padding-bottom: 40px;
	}

	.testimonail-slider-container {
		margin-bottom: 12px;
		padding: 15px;
	}

	.spacer {
		padding-top: 33px;
		padding-bottom: 33px;
	}

	.testimonal-qoute {
		font-size: 15px;
	}

	.feature-grid-holder {
		grid-column-gap: 60px;
		grid-row-gap: 60px;
	}

	._3x-grid {
		grid-column-gap: 60px;
		grid-row-gap: 60px;
		flex-flow: column;
		grid-template-columns: 1fr;
		display: flex;
	}

	._2x-grid {
		grid-column-gap: 60px;
		grid-row-gap: 60px;
		flex-flow: column;
		display: flex;
	}

	.about-section-holder {
		flex-flow: column-reverse;
		display: flex;
	}

	.team-holder {
		max-width: 100%;
	}

	.team-3x {
		grid-template-columns: 1fr 1fr;
	}

	.team-2x {
		grid-template-columns: 1fr;
	}

	.blue-blur-blog {
		top: 63px;
	}
}

@media screen and (max-width: 479px) {
	h1 {
		font-size: 30px;
		font-weight: 400;
	}

	._4-col-grid {
		grid-template-columns: 1fr 1fr;
	}

	.black-background-padding {
		padding: 7px;
	}

	.container {
		width: 100%;
		padding-left: 1em;
		padding-right: 1em;
	}

	.container.navbar-container {
		padding-left: 1em;
		padding-right: 1em;
	}

	.style-guide-box-holder {
		padding: 4px;
	}

	.style-guide-box-container {
		grid-row-gap: 7px;
	}

	.colors-buttons {
		flex-direction: column;
		padding-top: 29px;
		padding-bottom: 29px;
	}

	._8-col-grid {
		grid-template-columns: 1fr 1fr;
	}

	._6-col-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.footer-divider {
		grid-row-gap: 20px;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 20px;
		padding-top: 20px;
	}

	.title {
		font-size: 24px;
	}

	.featured-logo-wrapper {
		justify-content: center;
		align-items: center;
		width: 100%;
		display: flex;
	}

	.pricing-list-holder {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.pricing-footer-holder {
		grid-row-gap: 12px;
		flex-direction: column;
		align-items: flex-start;
	}

	.cta-form-holder {
		align-items: stretch;
		min-width: 0;
	}

	.text-field {
		border-radius: 5px;
	}

	.form {
		grid-column-gap: 8px;
		grid-row-gap: 8px;
		flex-direction: column;
		align-items: flex-start;
	}

	.form-block {
		width: 100%;
	}

	.submit-button {
		border-radius: 8px;
		width: 100%;
		position: static;
	}

	.help-container {
		padding-top: 40px;
	}

	.help-heading-holder {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		flex-flow: column;
		display: flex;
	}

	.help-link-holder {
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.help-link-container {
		font-size: 17px;
		font-weight: 400;
	}

	.help-link-icon-holder {
		width: 20px;
	}

	.figma-file-holder {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.figma-file-container {
		grid-row-gap: 32px;
		flex-direction: column;
	}

	.full-width-image {
		border-radius: 7px;
	}

	.change-log-block-holder {
		flex-flow: column;
		display: flex;
	}

	.utility-page-wrap {
		padding: 17px;
	}

	.brand {
		width: 80px;
	}

	.break-down-card-grid {
		width: 100%;
	}

	.visable-image-content-holder {
		border-radius: 12px;
	}

	.value-wrapper {
		flex-direction: column;
	}

	.team-gird,
	.animate-on-load-04 {
		width: 100%;
	}

	.blog-item:hover {
		transform: none;
	}

	.blog-grid-twos-item {
		width: 100%;
	}

	.blog-grid-3x {
		grid-row-gap: 30px;
	}

	.blog-grid-3x-image-holder {
		border-radius: 4px;
	}

	.blog-details---title {
		font-size: 33px;
	}

	.blog-details-main-image-holder {
		border-radius: 6px;
	}

	.cart-hero {
		align-items: flex-start;
	}

	.cart-item {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.price-and-quantity {
		grid-column-gap: 5px;
		grid-row-gap: 5px;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 16px;
	}

	.product-name {
		max-width: 160px;
		font-size: 19px;
	}

	.product-thumbnail {
		width: 50px;
	}

	.product-cart-price {
		font-size: 18px;
	}

	.cart-footer {
		padding-top: 12px;
	}

	.no-margins {
		font-size: 14px;
	}

	.checkout-form {
		padding: 12px;
	}

	.block-content {
		padding: 8px;
	}

	.field-label {
		font-size: 13px;
	}

	.hero-section-center-holder {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		align-items: center;
	}

	.hero-section-center-holder.contact {
		align-items: stretch;
	}

	.cart {
		margin-right: 10px;
	}

	.section-paddings {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.new-features-holder {
		grid-column-gap: 70px;
		grid-row-gap: 70px;
		padding-top: 30px;
	}

	.feature-grid-content-holder {
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.testimonal-slider {
		margin-top: 40px;
		padding-bottom: 50px;
	}

	.questions-container {
		margin-bottom: 24px;
		padding-bottom: 24px;
	}

	.question-text {
		font-size: 17px;
	}

	.questions-cta {
		padding: 18px;
	}

	.home-v2-content {
		min-width: 0;
	}

	.home-v2-content.contact-v1 {
		max-width: 100%;
	}

	.hero-blog-holder {
		margin-top: 30px;
	}

	.contact-form-holder {
		padding: 17px;
	}

	.form-fields-holder {
		flex-direction: column;
	}

	.contact-more-info {
		grid-column-gap: 16px;
		grid-row-gap: 16px;
		flex-direction: column;
	}

	.price {
		font-size: 40px;
	}

	.pricing-list-item {
		max-width: 100%;
	}

	.pricing-details-holder {
		width: 100%;
		padding: 18px 17px;
	}

	.cart-holder {
		height: 100vh;
		min-height: 100vh;
		padding: 13px;
	}

	.login-form-wrapper {
		padding: 12px;
	}

	.page-wrapper {
		padding: 22px;
	}

	.checkbox {
		min-width: 16px;
		min-height: 16px;
	}

	.form-header-margins {
		margin-top: 0;
		margin-bottom: 12px;
	}

	.password-buttons {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.subscription {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		border-bottom: 1px solid var(--hoved-color);
		flex-direction: column;
		align-items: flex-start;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.subscription:last-child {
		border-bottom-style: none;
	}

	.subscription-tilte-holder {
		margin-left: 0;
		margin-right: 0;
	}

	.right {
		align-items: flex-start;
	}

	.grey-link {
		font-size: 14px;
	}

	.hero-title {
		font-size: 40px;
	}

	.cta-content {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.from-cta {
		width: 100%;
	}

	.home-pragraph-holder {
		align-items: stretch;
	}

	.button-holder {
		flex-flow: column;
	}

	.hero-dashbord-holder {
		padding: 8px;
	}

	.hero-dashboard-image {
		border-radius: 5px;
	}

	.blue-blur {
		background-image: radial-gradient(
			circle farthest-side at 50% 50%,
			var(--gradient-color-01) 18%,
			var(--gradient-color-02) 35%,
			var(--gradient-color-03) 64%
		);
		filter: blur(13px);
		width: 130%;
		height: 240px;
		top: -97px;
	}

	.blue-blur._02 {
		transform: scale3d(1.4, 3, 1);
	}

	.blue-blur.cta-blue-blur {
		filter: blur(11px);
		width: 150%;
		top: 35%;
	}

	.blue-blur.pricing-blur {
		top: -40px;
	}

	.hero-text-holder {
		padding-top: 295px;
		padding-bottom: 295px;
	}

	.hero-icons-holder {
		margin-top: 0;
		padding: 4px;
	}

	.hero-logo-container {
		border-radius: 6px;
		width: 45px;
		height: 45px;
	}

	.hero-logo-container._04 {
		top: 17px;
	}

	.hero-logo-container._03 {
		bottom: 35px;
		right: 26px;
	}

	.hero-logo-container._01 {
		left: -7px;
	}

	.hero-logo-container._02 {
		bottom: 44px;
		left: -9px;
	}

	.new-features-grid {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}

	.feature-grid-content-holder-2 {
		text-align: center;
		justify-content: flex-start;
		align-items: center;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.grey-card-holder {
		padding-right: 0;
		left: -51px;
	}

	.card-image-rotation {
		width: 100%;
	}

	.card-image-rotation._01 {
		top: -20px;
		left: 20px;
	}

	.card-image-rotation._03 {
		top: 30px;
		left: -20px;
	}

	.mask {
		width: 100%;
	}

	.feature-item-center {
		border-radius: 8px;
	}

	.testimonail-slider-holder {
		column-count: 0;
		flex-direction: column;
		padding-top: 0;
		display: flex;
	}

	.user-name-2 {
		font-size: 18px;
		font-weight: 500;
	}

	.user-job-position-2 {
		font-size: 15px;
	}

	.cta-dashboard-holer {
		height: 220px;
	}

	.feature-item {
		padding: 20px;
	}

	.fetaure-icon-container {
		width: 70px;
		height: 70px;
		margin-top: -58px;
	}

	.fetaure-icon {
		width: 27px;
	}

	.bubble-grid {
		grid-column-gap: 61px;
		grid-row-gap: 61px;
		grid-template-rows: auto auto auto auto;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
		padding-left: 25px;
		padding-right: 38px;
		display: flex;
	}

	.circle._02 {
		width: 100px;
		height: 100px;
	}

	.circle._15 {
		width: 110px;
		height: 110px;
	}

	.circle._16 {
		width: 120px;
		height: 120px;
	}

	.circle-info {
		font-size: 16px;
	}

	.tip-tool-container {
		opacity: 0;
		min-width: 150px;
		font-size: 14px;
		top: 113%;
	}

	.feature-image-blur {
		filter: blur(10px);
		width: 100%;
		top: -39%;
	}

	.about-hero-icons {
		flex-flow: column;
		justify-content: center;
		align-items: flex-start;
		display: flex;
	}

	.about-hero-icon._02 {
		border-top: 1px solid var(--elements-stroke);
		border-left-style: none;
		padding-top: 30px;
		padding-left: 0;
	}

	.about-mask {
		width: 100%;
	}

	.team-3x {
		flex-flow: column;
		display: flex;
	}

	.team.list {
		grid-column-gap: 17px;
		grid-row-gap: 17px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		padding: 24px;
	}

	.team-list-holder {
		text-align: center;
		flex-flow: column;
	}

	.blue-blur-feature {
		filter: blur(10px);
		left: -121px;
	}

	.partners-holder {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.blue-blur-blog {
		background-image: radial-gradient(
			circle farthest-side at 50% 50%,
			var(--gradient-color-01) 18%,
			var(--gradient-color-02) 35%,
			var(--gradient-color-03) 64%
		);
		filter: blur(13px);
		width: 130%;
		height: 240px;
		top: 155px;
	}

	.title-2 {
		font-size: 24px;
	}
}

#w-node-_425378df-d627-9da1-68ff-fecb56c81961-c66b7199,
#w-node-_425378df-d627-9da1-68ff-fecb56c81969-c66b7199,
#w-node-_425378df-d627-9da1-68ff-fecb56c8196e-c66b7199,
#w-node-_425378df-d627-9da1-68ff-fecb56c81972-c66b7199,
#w-node-_425378df-d627-9da1-68ff-fecb56c8197b-c66b7199,
#w-node-bfb853bf-4ab4-98ce-5586-5ea883b8fd7e-c66b7199,
#w-node-_0f6e4690-5961-adb5-bb42-4dc31a841c65-c66b7199,
#w-node-_0f6e4690-5961-adb5-bb42-4dc31a841c5d-c66b7199 {
	grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde934f-c66b7199 {
	grid-area: 1 / 1 / 3 / 2;
	align-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9358-c66b7199 {
	grid-area: 3 / 1 / 5 / 3;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9360-c66b7199 {
	grid-area: 2 / 2 / 3 / 3;
	justify-self: start;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9369-c66b7199 {
	grid-area: 2 / 2 / 4 / 4;
	align-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9372-c66b7199 {
	grid-area: 2 / 5 / 5 / 7;
	align-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde937a-c66b7199 {
	grid-area: 3 / 3 / 5 / 5;
	place-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9383-c66b7199 {
	grid-area: 2 / 3 / 4 / 5;
	place-self: end;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde938c-c66b7199 {
	grid-area: 1 / 7 / 3 / 9;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9394-c66b7199 {
	grid-area: 2 / 4 / 4 / 6;
	place-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde939e-c66b7199 {
	grid-area: 1 / 5 / 3 / 7;
	place-self: start;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde93a7-c66b7199 {
	grid-area: 3 / 7 / 5 / 9;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde93af-c66b7199 {
	grid-area: 1 / 5 / 3 / 7;
	place-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde93b8-c66b7199 {
	grid-area: 2 / 6 / 4 / 8;
	place-self: center;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde93c1-c66b7199 {
	grid-area: 1 / 3 / 3 / 5;
	justify-self: start;
}

#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde93c9-c66b7199 {
	grid-area: 1 / 6 / 3 / 8;
	place-self: center;
}

#w-node-e92bf484-a605-4132-f141-4518468af7e2-468af7d9,
#w-node-e92bf484-a605-4132-f141-4518468af7ef-468af7d9,
#w-node-e92bf484-a605-4132-f141-4518468af7fa-468af7d9,
#w-node-_1a28ebeb-9162-d3cb-8468-7300a05229ba-c66b71fe,
#w-node-_2dbfd16f-133e-520a-c5e9-4072ff61ca4c-c66b7202,
#w-node-_8595b4cc-f73c-3ac7-f9ab-37cddb2978a1-c66b7204,
#w-node-_63c7100f-9342-3d29-c1e8-a026ad70c2f3-c66b7205,
#w-node-_50d429f7-a276-3f83-9b9a-bc93d36794c4-c66b7208 {
	grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894a5fe-f86c-a319-2754-9c68f095fdc2-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdc5-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdc8-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdcb-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdce-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdd1-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdd4-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdd7-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fddc-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fddf-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fde2-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fde5-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fde8-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdeb-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdf0-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdf3-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdf6-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fdf9-c66b7208 {
	grid-area: span 1 / span 1 / span 1 / span 1;
	align-self: center;
}

#w-node-b894a5fe-f86c-a319-2754-9c68f095fdfe-c66b7208,
#w-node-b894a5fe-f86c-a319-2754-9c68f095fe02-c66b7208 {
	grid-area: span 1 / span 4 / span 1 / span 4;
	align-self: center;
}

#w-node-e618bb64-4848-6fc3-e678-393578cc00b2-c66b721e {
	grid-area: 1 / 1 / 3 / 2;
	align-self: center;
}

#w-node-f980c1bb-9d51-7f66-5a3d-9066585d0fb9-c66b721e {
	grid-area: 3 / 1 / 5 / 3;
}

#w-node-_889d8abf-40e1-e465-9cff-eb09508fcb2b-c66b721e {
	grid-area: 2 / 2 / 3 / 3;
	justify-self: start;
}

#w-node-c2f51d86-4073-af58-30f5-62fe6e768684-c66b721e {
	grid-area: 2 / 2 / 4 / 4;
	align-self: center;
}

#w-node-_60f809d7-2cf7-4496-4b6a-6fc9b383d714-c66b721e {
	grid-area: 2 / 5 / 5 / 7;
	align-self: center;
}

#w-node-_11b44b41-291c-9f21-de22-76defb4e3564-c66b721e {
	grid-area: 3 / 3 / 5 / 5;
	place-self: center;
}

#w-node-_909a071c-226e-cf00-9b94-2b3d9af98031-c66b721e {
	grid-area: 2 / 3 / 4 / 5;
	place-self: end;
}

#w-node-fc5240ef-26ff-1296-3e27-260b47b86876-c66b721e {
	grid-area: 1 / 7 / 3 / 9;
}

#w-node-c3fa82c7-a524-52fd-3ef6-e6bcc7aad784-c66b721e {
	grid-area: 2 / 4 / 4 / 6;
	place-self: center;
}

#w-node-_4a0abaa9-2d7a-7a7c-c47a-51c73a0d905f-c66b721e {
	grid-area: 1 / 5 / 3 / 7;
	place-self: start;
}

#w-node-_95470791-48d0-6617-8f4c-31f05ee53274-c66b721e {
	grid-area: 3 / 7 / 5 / 9;
}

#w-node-b665dec7-0281-a517-8dab-57d78fd3100d-c66b721e {
	grid-area: 1 / 5 / 3 / 7;
	place-self: center;
}

#w-node-_7d01d5d7-80d1-f5fb-b831-7bc4287800d4-c66b721e {
	grid-area: 2 / 6 / 4 / 8;
	place-self: center;
}

#w-node-_39a76b2b-d3b5-dbf9-4f6e-1633317a7762-c66b721e {
	grid-area: 1 / 3 / 3 / 5;
	justify-self: start;
}

#w-node-_3a4c544a-dd87-cba6-05dd-9da1c9d5c5a1-c66b721e {
	grid-area: 1 / 6 / 3 / 8;
	place-self: center;
}

#w-node-_29801190-0122-ff3a-82b4-56abcf95d0df-c66b721e,
#w-node-_2d114c63-3edb-ff44-2e02-29f918cdcf44-c66b721e,
#w-node-ad31e771-6797-2afb-66da-ce062549ab1a-c66b721e,
#w-node-ad31e771-6797-2afb-66da-ce062549ab12-c66b721e,
#w-node-aff8d657-c26a-b880-f10a-62c9ad718d5b-c66b721e,
#w-node-aff8d657-c26a-b880-f10a-62c9ad718d63-c66b721e,
#w-node-_52f90362-6485-7ef3-d0a5-d386fc642137-c66b721e,
#w-node-_52f90362-6485-7ef3-d0a5-d386fc64213d-c66b721e,
#w-node-_52f90362-6485-7ef3-d0a5-d386fc642146-c66b721e,
#w-node-_52f90362-6485-7ef3-d0a5-d386fc642151-c66b721e {
	grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5406b768-17f4-2ed2-f0af-3526c2c48886-c66b723c {
	grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4b35c307-5417-e731-29ed-64724eb43618-c66b723c,
#w-node-f960202f-9493-3d23-5cca-e2ebeff5a3d3-c66b723c,
#w-node-_351161dd-de4a-869d-9e2b-9abb2b4dbf45-c66b723c,
#w-node-b24648c4-d181-f6b1-e47d-e3a8d5bf4223-c66b723c,
#w-node-_0d7a65f2-9f99-809d-a485-b8e844136b3d-c66b723c,
#w-node-_09414c93-79cc-ddbe-eff7-4215a785bfff-c66b723c,
#w-node-_65dbb3a8-276f-3c06-eea1-1697e2be71ef-c66b723c,
#w-node-_20a591ab-51a7-878a-7943-c67e4316dcca-c66b723c,
#w-node-_7c7bdcfd-3379-a491-d4ee-d8d936eceb1c-c66b723c,
#w-node-_095e0825-b423-b126-4917-93395ba73a41-c66b723c {
	grid-area: span 1 / span 1 / span 1 / span 1;
}
.card-gradient {
  background: #000000;
  border-radius: 0.5rem;
  position: absolute;
  width: 95%;
    height: 93.5%;
}
.card-gradient::before,
.card-gradient::after{
  content: "";
  position: absolute;
  inset: -0.25rem;
  z-index: -1;
  background: conic-gradient(
    from var(--gradient-angle),
    var(--clr-3),
    var(--clr-4),
    var(--clr-5),
    var(--clr-4),
    var(--clr-3)
  );
  border-radius: inherit;
  animation: rotation 5s linear infinite;
}
.card-gradient::after {
  filter: blur(0.5rem);
}

@keyframes rotation {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}

  .typewriter {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid #24B6F2;
    animation: typing-loop 6s steps(20, end) infinite;
    color: #24B6F2;
    font-family: 'Fragment Mono', monospace;
  }

  /* Fa apparire lettera per lettera */
  @keyframes typing-loop {
    0% {
      width: 0;
    }

    70% {
      width: 100%;
    }

    85% {
      width: 100%;
      /* pausa */
    }

    100% {
      width: 0;
    }
  }

  /* Cursore lampeggiante */
  @keyframes blink-caret {

    0%,
    100% {
      border-color: transparent
    }

    50% {
      border-color: #24B6F2
    }
  }
  .home-text-holder.customText{
    display: flex;
    align-items: flex-start;
  }

   .home-text-holder.customText .home-text-container {
    max-width: 520px;
}
.home-text-holder.customText .typewriter
{
font-size: 4rem;}



@media screen and (max-width: 991px) {
	.icon_chat{display: none;}
	#w-node-_425378df-d627-9da1-68ff-fecb56c81972-c66b7199 {
		grid-area: 1 / 1 / 2 / 2;
	}
.section.grid-section video{ display: none;}
	#w-node-_0f6e4690-5961-adb5-bb42-4dc31a841c65-c66b7199 {
		grid-area: span 1 / span 1 / span 1 / span 1;
		justify-self: center;
	}

	#w-node-_0f6e4690-5961-adb5-bb42-4dc31a841c5d-c66b7199,
	#w-node-ad31e771-6797-2afb-66da-ce062549ab12-c66b721e {
		grid-area: 1 / 1 / 2 / 2;
	}

	#w-node-_52f90362-6485-7ef3-d0a5-d386fc642137-c66b721e {
		grid-area: span 1 / span 1 / span 1 / span 1;
		justify-self: center;
	}

	#w-node-_52f90362-6485-7ef3-d0a5-d386fc64213d-c66b721e {
		grid-area: 1 / 1 / 2 / 2;
	}
  .home-text-holder.customText .typewriter{
    font-size: 3rem;
  }
}

@media screen and (max-width: 479px) {
	#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde934f-c66b7199,
	#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9358-c66b7199,
	#w-node-d5ca6421-cf84-e81e-85aa-14b3ccde9360-c66b7199 {
		grid-area: span 1 / span 1 / span 1 / span 1;
	}

	#w-node-b894a5fe-f86c-a319-2754-9c68f095fdfe-c66b7208,
	#w-node-b894a5fe-f86c-a319-2754-9c68f095fe02-c66b7208 {
		grid-column: span 2 / span 2;
	}

	#w-node-e618bb64-4848-6fc3-e678-393578cc00b2-c66b721e,
	#w-node-f980c1bb-9d51-7f66-5a3d-9066585d0fb9-c66b721e,
	#w-node-_889d8abf-40e1-e465-9cff-eb09508fcb2b-c66b721e {
		grid-area: span 1 / span 1 / span 1 / span 1;
	}
}

video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
}

video {
  pointer-events: none;
}

/* --- Video Popup Overlay Styles --- */
.video-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 10, 20, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 20px;
}

.video-popup-content {
  position: relative;
  width: 90%;
  max-width: 900px;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.close-video-btn {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 10001;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: white;
  background-color: #24b6f2;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}







.video-wrapper {
  position: relative;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .new-features-grid {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }

  .feature-grid-content,
  .feature-graphic-holder {
    width: 100%;
    overflow-x: hidden;
  }

  .feature-graphic-holder {
    order: 2;
  }

  .feature-grid-content {
    order: 1;
  }

  .feature-image-container {
    max-width: 100%;
    overflow-x: hidden;
  }

  .feature-grid-content-holder-2 p {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

.feature-grid-content-holder-2 p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  line-height: 1.5;
}

.feature-grid-content-holder-2 {
  max-width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .security-mcp-block {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }

  .feature-grid-content {
    padding: 0 16px;
    max-width: 100%;
    box-sizing: border-box;
    word-break: break-word;
  }

  .feature-grid-content-holder-2 p {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

  .w-layout-grid.new-features-grid {
    overflow-x: hidden;
  }

  body {
    overflow-x: hidden;
  }
}

/* Desktop: image left, text right (default grid order) */
@media screen and (min-width: 768px) {
  .mcp-section .feature-graphic-holder {
    order: 1;
  }
  .mcp-section .feature-grid-content {
    order: 2;
  }
}

/* Mobile: title + text first, image last */
@media screen and (max-width: 767px) {
  .mcp-section .feature-grid-content {
    order: 1;
  }
  .mcp-section .feature-graphic-holder {
    order: 2;
    margin-top: 20px;
  }
}

.hero-terminal {
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0;
  margin-top: 0;
  padding: 0;
  background: transparent;
  z-index: 1;
}



.video-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  z-index: 0;
  overflow: hidden;
}

.video-wrapper video {
  height: 0 !important;
  display: none;
}


.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.home-text-container {
  position: relative;
  z-index: 2; /* above video */
}

.vimeo-popup-overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
}

.vimeo-popup-content {
  position: relative;
  width: 90%;
  max-width: 800px;
  z-index: 10000;
}

.vimeo-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  position: relative;
}

.vimeo-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}

.close-vimeo-btn {
  position: absolute;
  top: -20px;
  left: -20px;
  background: #24b6f2;
  color: white;
  border: none;
  font-size: 20px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
  z-index: 10001;
}

.footer-link {
  color: #999999; /* matches the gray tone */
  text-decoration: none;
}

.footer-link:hover {
  color: white;
}

.hero-dashboard-wrapper * {
  filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.grid-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #b0b9c6;
  margin-top: 6px;
  margin-bottom: 20px;
  font-family: 'Inter', sans-serif;
}

.container.hero-terminal {
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
}



}