@charset "utf-8";
/* CSS Document */

/* --------------------
		Reset Styles
-------------------- */


@font-face {
	font-family: "CerebriSansPro";
	src: url(../fonts/CerebriSansPro-Regular.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "CerebriSansProBold";
	src: url(../fonts/CerebriSansPro-Bold.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "CerebriSansProSemiBold";
	src: url(../fonts/CerebriSansPro-SemiBold.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "CerebriSansProHeavy";
	src: url(../fonts/CerebriSansPro-Heavy.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: CerebriSansProBook;
	src: url(../fonts/CerebriSansPro-Regular.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
}

html,
body,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
em,
img,
q,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table {
	margin: 0 !important;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

html {
	box-sizing: border-box;
	overflow-x: hidden !important;
	max-width: 100vw;
}

body {
	overflow: visible !important;
	overflow-x: hidden !important;
	max-width: 100vw;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

input,
textarea {
}

/* --------------------
		Standard Styles
-------------------- */

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

b {
	font-family: "CerebriSansProHeavy";
}

ol,
ul {
	list-style-position: inside;
}

a {
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s;
}

a:hover {
	text-decoration: none;
	color: #216bf6;
}

strong {
	font-weight: normal;
	font-family: "CerebriSansProBold" !important;
}

em {
	font-style: italic;
}

main p {
	margin: 0;
	padding-bottom: 0px !important;
}

/* --------------------
		Main Styles
-------------------- */

html {
	scroll-behavior: smooth;
}

html,
html body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: "CerebriSansProBook";
	height: auto;
	min-height: 100vh;
}

.wrapper {
	max-width: 1354px;
	margin: 0 auto;
	padding: 0 38px;
	position: relative;
}

main {
	padding-top: 87px;
}

header {
	width: 100%;
	max-width: calc(100% - 200px);
/* 	max-width: 1280px;  */
	margin: 0 auto 0 auto;
	background-color: #fff;
	position: absolute;
	z-index: 9000;
	top: 21px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px;
	transition: opacity 0.2s;
}
header.scrolled {
	box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.08), 0 -1px 7px 0 rgba(0, 0, 0, 0.05);
	position: fixed;
	animation: fadein 0.2s;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

header .wrapper {
	padding: 12.5px 38px 11.5px 38px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .logo {
	display: inline-block;
	width: 160px;
	height: 34px;
	margin: 3px 0 -3px 0;
	background-image: url(../images/logo.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

header .mobile-logo {
	display: none;
	width: 34px;
	height: 34px;
	background-image: url(../images/FavIcon.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

header .mainNav,
header .secondaryNav {
	display: inline-block;
}

header nav {
}

header nav ul {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-end;
	gap: 36px;
}

header nav li {
	list-style: none;
	position: relative;
}

header nav a {
	color: #828282;
	font-size: 15px;
	font-family: "CerebriSansProSemiBold";
	padding: 0 17px 0 17px;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: none;
}

header nav li:hover > a:not(ul ul a) {
	color: #216bf6;
}

header .secondaryNav {
	margin-left: 25px;
}

header .secondaryNav a {
	color: #2c74f6;
}

header .secondaryNav a:hover {
	color: #216bf6;
}

header nav .hasDropdown a {
	padding-right: 0;
}

header nav .hasDropdown > a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/caret-down.svg);
	background-position: center top 5px;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s;
	width: 28px;
	height: 42px;
}

header nav .hasDropdown:hover > a:after {
	background-image: url(../images/arrow-down-hover.svg);
}

header nav .button > a {
	background-color: #2c74f6;
	font-size: 14px;
	color: #fff !important;
	border-radius: 6px;
	padding: 3px 30px 0 30px;
	display: flex;
	align-items: center;
}

header nav .button > a:hover {
	opacity: 0.8;
}

header nav li ul {
	background-color: #fff;
	border-radius: 7px;
	border: 1px solid #f2f2f2;
	padding: 13px 22px;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 5555;
	min-width: 167px;
	display: none;
	white-space: nowrap;
	box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.08), 0 -1px 7px 0 rgba(0, 0, 0, 0.05);
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

header nav li ul li {
	padding: 12px 0;
	display: block;
	text-align: left;
}

header nav li ul li a {
	padding: 0;
	min-height: 0;
	color: #333;
	display: inline-block;
	justify-content: flex-start;
}

footer {
	background-color: #3e434a;
}

footer a {
	color: inherit;
}

footer .wrapper {
	padding: 80px 80px 180px 80px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	color: #fff;
	gap: 80px;
}

footer .wrapper .column {
	width: 260px;
	font-size: 13px;
	line-height: 18px;
	font-family: "CerebriSansProSemiBold";
}

footer .wrapper .column + .column {
	width: 724px;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
}

footer .logo {
	display: inline-block;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/logo-footer.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 120px;
	height: 35px;
	margin-bottom: 1em;
}

section {
	font-size: 18px;
	line-height: 33px;
	color: #828282;
}

section .wrapper {
	padding: 38px;
}

main h1 {
	font-family: "CerebriSansProHeavy";
	font-size: 50px;
	line-height: 63px;
	color: #333;
	margin-bottom: 20px;
}

main section h2 {
	font-size: 50px;
	line-height: 63px;
	color: #333;
	margin-bottom: 20px;
	text-align: center;
}

section.page {
	color: #333;
	line-height: 30px;
}

.wp-block-spacer {
	max-height: 40px;
}

main h2,
main section.page h2 {
	font-family: "CerebriSansProHeavy";
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 0 !important;
}

main section.page h2 {
	padding-left: 0;
	padding-right: 0;
}

main h3,
main h4 {
	font-family: "CerebriSansProHeavy";
	font-size: 29px;
	line-height: 40px;
	color: #333;
	margin-bottom: 20px;
}

section a {
	color: #2c74f6;
}

section a.button {
	border: 1px solid #2c74f6;
	background-color: #2c74f6;
	font-size: 14px;
	color: #fff !important;
	border-radius: 6px;
	padding: 3px 30px 0 30px;
	display: inline-block;
	font-family: "CerebriSansProSemiBold";
}

section a.button:hover {
	opacity: 0.8;
}

section a.button.white {
	color: #2c74f6 !important;
	background-color: #fff;
	border: 1px solid #2c74f6;
}

section a.button.white:hover {
}

.important-items {
	overflow: hidden;
	border-radius: 15px;
	display: flex;
	background-color: #333b49;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	font-family: "CerebriSansProHeavy";
	margin: 2em 0 -200px 0;
	position: relative;
}

.important-items > * {
	width: 100%;
	padding: 39px 60px 20px 54px;
	display: grid;
	grid-auto-flow: column;
	align-items: flex-start;
	gap: 22px;
}

.important-items > * img {
	width: 159px;
}

.important-items .sipc {
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/why-bg.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 90%;
}

.important-items .help {
	padding-left: 38px;
	background-color: #2c74f6;
}

main .important-items h6,
main .why h6 {
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "CerebriSansProSemiBold";
	text-transform: uppercase;
	line-height: 23px;
	color: inherit;
	text-align: left;
}
main .why h2 {
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "CerebriSansProSemiBold";
	text-transform: uppercase;
	line-height: 23px;
	color: inherit;
	text-align: left;
}

.important-items .content {
	padding-top: 30px;
}

.important-items .content a {
	font-family: "CerebriSansProBook";
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}

a.more {
	display: inline-block;
	padding-right: 23px;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow.svg);
	background-repeat: no-repeat;
	background-size: auto 15px;
	background-position: right center;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

a.more:hover {
	opacity: 0.8;
	padding-right: 33px;
}

section.heading .wrapper {
	min-height: 738px;
	display: flex;
	align-items: center;
}

section.heading .content {
	max-width: 565px;
}

section.heading .bg {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	object-fit: contain;
	max-width: none;
}

a.button + a.button {
	margin-left: 10px;
}

section.why {
	margin-top: -1px;
}

section.why .wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	box-shadow: 0 28px 22px 0 rgba(0, 0, 0, 0.08),
		0 -1px 10px 0 rgba(0, 0, 0, 0.05);
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 0;
}

section.why .left {
	padding: 90px 80px 70px 80px;
	font-size: 16px;
	line-height: 27px;
	color: #fff;
	background: #333b49 url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/why-bg.svg) no-repeat top left;
	background-size: 422px auto;
}

section.why .right {
	padding: 70px 40px 40px 82px;
	font-size: 16px;
	line-height: 27px;
	color: #292929;
}

main section.why h6 {
	opacity: 0.6;
	color: #fff;
}

section.why h4 {
	font-size: 40px;
	font-family: "CerebriSansProHeavy";
	line-height: 52px;
	padding-bottom: 24px;
	color: inherit;
	margin: 0;
}

section.why .left strong {
	font-size: 22px;
	font-family: "CerebriSansProBook";
	font-weight: normal;
	line-height: 34px;
}

section.why .left a {
	color: #fff;
}

section.why .columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	gap: 40px;
	padding-bottom: 15px;
}

section.why .columns .columns {
	grid-template-columns: 1fr;
}

section.why .columns li {
	list-style: none;
	padding-left: 37px;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/check.svg);
	background-repeat: no-repeat;
	padding-bottom: 11px;
	font-size: 22px;
	line-height: 32px;
}

section.why .top .icon {
	padding-bottom: 10px;
}

section.why .columns .column {
	width: 100%;
}

main section.why .columns h5 {
	font-size: 26px;
	line-height: 30px;
	padding: 5px 0 15px 0;
	font-family: "CerebriSansProHeavy";
}

section.why .right a {
	color: #2c74f6;
	text-decoration: underline;
}

section.why .right a:hover {
	text-decoration: none;
}

section.why .right small {
	color: #828282;
	font-size: 11px;
	line-height: 22px;
}

section.testimonials {
	margin: 108px 0 53px 0;
}

section.testimonials .testimonials-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 676px;
	position: relative;
}

section.testimonials .notes {
	text-align: center;
	font-size: 11px;
	line-height: 22px;
	color: #828282;
	padding: 20px;
}

section.testimonials .images {
	position: relative;
}

section.testimonials .content {
	position: relative;
	z-index: 100;
}

section.testimonials .testimonial {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 32px 0 104px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	z-index: 100;
	transition: all 1s;
	opacity: 0;
}

section.testimonials .testimonial.active {
	z-index: 500;
	opacity: 1;
}

section.testimonials .testimonial blockquote {
	display: block;
	position: relative;
	font-size: 34px;
	font-family: "CerebriSansProHeavy";
	line-height: 46px;
	color: #292929;
	border: none;
	padding: 63px 0 0 0;
	margin: 0;
}

section.testimonials .testimonial blockquote:before {
	content: "";
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/quote.svg);
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

section.testimonials .testimonial address {
	padding-top: 10px;
	font-size: 24px;
	line-height: 30px;
	color: #292929;
	font-style: normal;
}

section.testimonials .images img {
	position: absolute;
	border-radius: 100%;
	overflow: hidden;
	object-fit: cover;
	object-position: center center;
	top: 68px;
	left: 357px;
	width: 244px;
	height: 244px;
	z-index: 50;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity: 0;
	transition: all 1s;
}

section.testimonials .images img.t1 {
	top: 130px;
	left: 150px;
	width: 415px;
	height: 415px;
	z-index: 150;
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-o-filter: blur(0);
	-ms-filter: blur(0);
	filter: blur(0);
	opacity: 1;
}

section.testimonials .images img.t2 {
	top: 242px;
	left: -8px;
	width: 300px;
	height: 300px;
	z-index: 100;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	opacity: 0.62;
}

section.testimonials .images img.t3 {
	opacity: 0.4;
}

section.testimonials .images img.t1.t3 {
	opacity: 1;
}

section .controls {
	position: absolute;
	bottom: 143px;
	right: -8px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
	z-index: 6000;
}

section.press .controls {
	right: auto;
	bottom: 95px;
	left: calc(50% + 500px);
}

section .controls > * {
	width: 55px;
	height: 55px;
	cursor: pointer;
}

section .controls .prev {
	border-radius: 100%;
	border: 3px solid #e7e7e7;
	border: 3px solid #333333;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-down-dark.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	transform: rotate(90deg);
	transition: all 0.2s;
}

section .controls .next {
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-down-dark.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	transform: rotate(-90deg);
	transition: all 0.2s;
	border-radius: 100%;
	border: 3px solid transparent;
}

section .controls > *.inactive,
section .controls > *.swiper-button-disabled {
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-down.svg);
	border: 3px solid #e7e7e7;
	color: #e7e7e7;
}

section .controls > *.inactive span,
section .controls > *.swiper-button-disabled span {
	display: none;
}

section .controls > *.inactive circle,
section .controls > *.swiper-button-disabled circle {
	stroke: #e7e7e7;
	animation: none !important;
}

section .controls .next .dotted {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

section .controls .next .dotted span {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 4px;
	margin: -2px;
	background: #333333;
	border-radius: 50%;
	transition: opacity 0.2s;
}

section .controls .next .dotted span.fadeIn {
	opacity: 1;
}

section.video {
	text-align: center;
	background-color: #f7fafc;
}

section.video .wrapper {
	padding-top: 110px;
	padding-bottom: 70px;
}

main section h6 {
	color: inherit;
	font-size: 15px;
	line-height: 23px;
	text-transform: uppercase;
	font-family: "CerebriSansProSemiBold";
	font-weight: normal;
	padding-bottom: 10px;
}

section.video p {
	margin: 0 auto 1em auto;
	display: block;
	max-width: 900px;
}

section.video .video {
	margin: 60px auto 0 auto;
	aspect-ratio: 1184/756;
	width: 100%;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/macbook.png);
	background-image: -webkit-image-set(
		url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/macbook.png) 1x,
		url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/macbook@2x.png) 2x
	);
	background-image: image-set(
		"images/macbook.png" 1x,
		"images/macbook@2x.png" 2x
	);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding: 60px 131px 116px 132px;
}

section.video .video * {
	width: 100%;
}

section.video .video video {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	max-height: 640px;
}

section.charts {
	text-align: center;
}

section.charts .wrapper {
	padding-top: 120px;
}

section.charts p {
	max-width: 720px;
	margin: 0 auto 1em auto;
}

section.charts .charts {
	height: 881px;
	position: relative;
}

section.charts .charts .phone {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 5;
}

section.charts .charts:before {
	content: "";
	position: absolute;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/shadow-blue.png);
	background-repeat: no-repeat;
	width: 1039px;
	height: 568px;
	background-size: contain;
	bottom: 204px;
	left: 170px;
	z-index: 10;
}

section.charts .swiper {
	position: relative;
	z-index: 50;
}

section.charts .chart-items {
	gap: 20px;
	padding: 105px 37px 0 0;
	position: relative;
	z-index: 50;
	display: grid;
	grid-template-columns: 387px 387px;
	justify-content: flex-end;
	grid-gap: 20px;
}

.noanimation {
	transition-duration: 0s !important;
}

section.charts .item {
	position: relative;
	width: 387px;
	height: 284px;
	background-color: #fff;
	padding: 56px 78px 48px 35.1px;
	border-radius: 16px;
	box-shadow: 0 4px 33px 0 rgba(0, 0, 0, 0.1);
	text-align: left;
	font-size: 15px;
	line-height: 27px;
}

section.charts .item h4 {
	font-size: 24px;
	line-height: 27px;
	padding-bottom: 10px;
	font-family: "CerebriSansProHeavy";
	margin: 0;
	font-weight: normal;
}

section.charts .item img {
	height: 60px;
	margin-bottom: 10px;
}

section.charts .item p {
	margin: 0;
	padding: 0;
}

section.press {
	background-color: #f7fafc;
}

section.press .wrapper {
	max-width: none;
	padding: 75px 0 150px 0;
}

section.press .items {
	position: relative;
	width: 100%;
	height: 464px;
	padding: 20px 0;
	display: flex;
}

section.press .item {
	width: 833px !important;
	height: 424px;
	box-sizing: border-box;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 33px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	padding: 0 64px 0 343px;
	color: #333;
}

section.press .item .thumb {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 282px;
}

section.press .item .icon {
	padding-bottom: 10px;
}

section.press .more {
	padding-top: 2px;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-right-blue.svg);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
}

.totop {
	display: none;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 100%;
	position: fixed;
	bottom: 10px;
	right: 12px;
	box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.1);
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-down-dark.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px auto;
	transform: rotate(-180deg);
	transition: background 0.2s;
	z-index: 9000;
}

.totop:hover {
	background-color: #2c74f6;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-down-white.svg);
}

.burger {
	display: none;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#burger {
	width: 25px;
	margin: 8px auto;
	height: 24px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

#burger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #828282;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#burger span:nth-child(1) {
	top: 6px;
}

#burger span:nth-child(2),
#burger span:nth-child(3) {
	top: 12px;
}

#burger span:nth-child(4) {
	top: 18px;
}

.opened #burger span:nth-child(1) {
	top: 12px;
	width: 0%;
	left: 50%;
}

.opened #burger span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.opened #burger span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.opened #burger span:nth-child(4) {
	top: 12px;
	width: 0%;
	left: 50%;
}

[data-up] > a,
[data-up] > p,
main [data-up] > h1,
main [data-up] > h2,
main [data-up] > h3,
main [data-up] > h4,
main [data-up] > h5,
main [data-up] > h6,
[data-up] > blockquote,
[data-up] > address,
[data-up] > ul,
[data-up] > img,
[data-up] > .columns,
[data-up] > .icon {
	transform: translate3d(0, 5vh, 0);
	opacity: 0.4;
	transition-duration: 0;
}

[data-up] .ready {
	transition: transform 1s cubic-bezier(0.25, 1, 0.35, 1),
		opacity 1s cubic-bezier(0.25, 1, 0.35, 1);
}

.viewed[data-up] > a,
.viewed[data-up] > p,
main .viewed[data-up] > h1,
main .viewed[data-up] > h2,
main .viewed[data-up] > h3,
main .viewed[data-up] > h4,
main .viewed[data-up] > h5,
main .viewed[data-up] > h6,
.viewed[data-up] > blockquote,
.viewed[data-up] > address,
.viewed[data-up] > ul,
.viewed[data-up] > img,
.viewed[data-up] > .columns,
.viewed[data-up] > .icon {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.delay-1 {
	transition-delay: 0.1s !important;
}
.delay-2 {
	transition-delay: 0.2s !important;
}
.delay-3 {
	transition-delay: 0.3s !important;
}
.delay-4 {
	transition-delay: 0.4s !important;
}
.delay-5 {
	transition-delay: 0.5s !important;
}

section .pagination {
	display: none;
	justify-content: center;
	gap: 10px;
	position: absolute;
	bottom: 60px;
	width: 100%;
	z-index: 2000;
}
section .pagination span {
	width: 11px;
	height: 11px;
	border-radius: 100%;
	background-color: #e7e7e7 !important;
}
section .pagination span.active,
section .pagination span.swiper-pagination-bullet-active {
	background-color: #2c74f6 !important;
}
section.testimonials .pagination {
	left: 0;
}

.popoff {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: #090940d8;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.popoff.visible {
	display: flex;
}

.popoff .close {
	position: absolute;
	top: 20px;
	right: 20px;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/assets/img/close.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 55px;
	height: 55px;
	cursor: pointer;
}

.popoff .content {
	max-width: 700px;
	font-size: 20px;
	line-height: 33px;
	text-align: center;
}

.popoff .content h3 {
	font-size: 50px;
	line-height: 63px;
	color: inherit;
}

.popoff .content .mo-optin-fields-wrapper {
	width: 100%;
	display: grid;
	grid-template-columns: 2.35fr 1fr;
	gap: 15px;
}

.quince-container_field {
	margin: 0 !important;
}

html
	body
	.popoff
	.content
	.mo-optin-form-container
	.mo-optin-form-wrapper
	.mo-optin-success-msgz {
	clear: both;
	text-align: center;
	position: static !important;
	left: auto !important;
	top: auto !important;
	font-size: 20px !important;
	line-height: 40px !important;
	color: #df5e6b;
	padding-top: 25px;
	font-family: "CerebriSansProBook" !important;
}

.mo-optin-error {
	display: none !important;
}

.popoff .content input {
	border-radius: 5px !important;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #e7e7e7 !important;
	background-color: #fff !important;
	font-size: 20px !important;
	color: #000 !important;
	height: 60px !important;
	padding: 0 25px !important;
	line-height: 58px !important;
	margin: 0 !important;
	text-align: left !important;
}

.popoff .content input[type="submit"] {
	border-radius: 4px !important;
	background-color: #2c74f6 !important;
	border: none !important;
	color: #fff !important;
	line-height: 60px !important;
	text-align: center !important;
	padding-top: 2px !important;
	font-weight: normal !important;
	font-family: "CerebriSansProBook" !important;
}

.popoff .message {
	font-size: 20px;
	line-height: 40px;
	color: #df5e6b;
	padding-top: 25px;
}

.popoff h3.check {
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/assets/img/check.svg);
	padding-left: 50px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 33px auto;
}

.mo-optin-form-wrapper,
.quince-container_right-section {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

footer a {
	text-decoration: underline;
}

footer a:hover {
	text-decoration: none;
}

section.landing .wrapper {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
}

section.landing .content {
	width: 100%;
}

section.landing .images {
	width: 100%;
	min-height: 550px;
}

section.landing .images video {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

section.landing a.button {
	background: none;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/blankyellowbutton.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	color: #000 !important;
	border: none !important;
	font-size: 17px;
	text-align: center;
	width: 263px;
	height: 66px;
	line-height: 66px;
	font-family: "CerebriSansProHeavy";
}

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10000;
	padding: 15px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
	width: 800px;
	max-width: calc(100vw - 40px);
	height: 440px;
	max-height: 80vw;
}

.videopopup video {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

.popup .close {
	position: absolute;
	top: -20px;
	right: -20px;
	padding: 6px;
	z-index: 9999;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/assets/img/close-black.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
	width: 55px;
	height: 55px;
	cursor: pointer;
}

.layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

@media only screen and (max-width: 1353px) {
	.wrapper {
		max-width: 990px;
		padding: 0 55px;
	}
	section .wrapper {
		padding: 38px 55px;
	}
	.section.page {
		padding-right: 78px;
	}
	header .wrapper {
		padding-left: 55px;
		padding-right: 55px;
		max-width: 100%;
	}
	header {
		max-width: calc(100% - 110px);
	}
	main h1 {
		font-size: 40px;
		line-height: 53px;
	}
	section.why {
		overflow: visible;
	}
	section.why .wrapper {
		grid-template-columns: 1fr;
		border-radius: 0;
		box-shadow: 0 17px 19px 0 rgba(0, 0, 0, 0.08);
		background-color: #fff;
	}
	section.why .left strong {
		font-size: 18px;
		line-height: 32px;
	}
	section.why .left {
		font-size: 14px;
		line-height: 22px;
		background-size: 376px auto;
	}
	section.why .left * {
		max-width: 730px;
	}
	section.why .top {
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
		align-items: flex-end;
		gap: 10px;
		padding-bottom: 10px;
	}
	section.why .top .icon {
		padding-bottom: 0;
	}
	footer .wrapper {
		max-width: 729px;
	}
	section {
		width: 100%;
		overflow: hidden;
	}
	section.important {
		overflow: visible;
	}
	section.important .wrapper {
		max-width: calc(100% - 112px);
	}
	section.heading .wrapper {
		min-height: 557px;
	}
	section.heading .content {
		position: relative;
		z-index: 100;
		max-width: 420px;
	}
	section.heading .bg {
		right: auto;
		left: calc(50% - 100px);
	}
	section.testimonials {
		margin: 0;
	}
	section.testimonials .testimonials-wrapper {
		grid-template-columns: 1fr;
		min-height: 0;
	}
	section.testimonials .images {
		height: 530px;
	}
	section.testimonials .content {
		min-height: 400px;
	}
	section.testimonials .images img.t1 {
		width: 415px;
		height: 415px;
		top: 115px;
		left: calc(50% - 207px);
	}
	section.testimonials .images img.t2 {
		left: calc(50% - 370px);
		top: 230px;
	}
	section.testimonials .images img.t3 {
		left: 50%;
		top: 50px;
	}
	section .controls {
		right: 50px;
		gap: 15px;
	}
	section .controls > * {
		width: 45px;
		height: 45px;
	}
	main section h2 {
		font-size: 40px;
		line-height: 56px;
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	section.charts .wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	section.charts .charts {
		height: 1020px;
	}
	section.charts .chart-items {
		grid-template-columns: 467px 467px 467px 467px;
		padding-top: 440px;
		padding-left: 0;
	}
	section.charts .chart-items .item {
		padding: 48px 48px 58px 48px;
		width: 467px !important;
		box-sizing: border-box;
		font-size: 18px;
		line-height: 33px;
	}
	main section.charts .item h4 {
		font-size: 29px;
		line-height: 32px;
	}
	section.charts .charts:before {
		background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/shadow-blue-tablet.png);
		width: 592px;
		height: 338px;
		left: 80px;
		bottom: 242px;
	}
	section.press .controls {
		left: auto;
		right: 55px;
	}
	.important-items {
		flex-direction: column;
	}
	section.important .wrapper {
		padding-top: 90px;
	}
	footer .wrapper {
		flex-direction: column;
		padding-left: 35px;
		padding-right: 25px;
		gap: 20px;
	}
	footer .wrapper .column {
		text-align: center;
		width: 100%;
		color: #bdbdbd;
		line-height: 24px;
	}
	footer .wrapper .column + .column {
		width: 100%;
		text-align: left;
	}
	.hideOnTable {
		display: none;
	}
	section .pagination {
		display: flex;
		justify-content: center;
		gap: 10px;
		position: absolute;
		bottom: 60px;
		width: 100%;
		z-index: 200;
	}
	section.charts .pagination {
		bottom: 100px;
	}
	section .pagination span {
		width: 11px;
		height: 11px;
		border-radius: 100%;
		background-color: #e7e7e7;
	}
	section .pagination span.active {
		background-color: #2c74f6;
	}

	section.press .item {
		font-size: 24px;
		line-height: 40px;
	}
	section.press .item a {
		font-size: 18px;
		line-height: 28px;
	}
	section.press .wrapper {
		padding-bottom: 100px;
	}
	section.press .controls {
		bottom: 50px;
		right: 10px;
	}
	.important-items .sipc {
		background-size: auto 95%;
		background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/sipc-tablet-bg.svg);
	}
	section.why p {
		font-size: 32px;
		font-weight: 600;
		line-height: 45px;
	}
	section.why .left {
		font-size: 16px;
		line-height: 25px;
	}
	section.why .left strong {
		font-size: 22px;
		line-height: 34px;
	}

	section.testimonials .pagination {
		bottom: 155px;
	}
	section.testimonials .controls {
		display: none;
	}

	section.charts .charts:before {
		left: calc(50% + -280px);
	}
	section.charts .charts .phone {
		width: 100%;
		object-fit: contain;
	}
	section.charts .chart-items {
		position: absolute;
		padding-right: 0;
		right: 0;
		left: auto;
		width: calc(50% + 270px);
		justify-content: flex-start;
		transition: transform 0.5s;
	}

	section.press .pagination {
		bottom: 70px;
		z-index: 3000;
	}
	section.press .pagination span {
		margin: 0 5.5px !important;
		opacity: 1 !important;
	}
	section.press .controls {
		display: none;
	}

	.important-items .help {
		padding-left: 54px;
	}
	.important-items > * {
		grid-template-columns: 159px auto;
	}

	section.video .video video {
		max-height: 400px;
	}
}

/*
@media only screen and (max-width: 1010px) {
	header .mainNav { display: none; }
	header nav { display: flex; flex-direction: row-reverse; position: relative; }
	header .burger { display: block; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-left: 20px; }
	header.opened nav .mainNav { display: block; }
	header nav .mainNav { 
		position: absolute;
		top: 52px;
		right: 0;
		background-color: #fff;
		border-radius: 7px;
		border: 1px solid #F2F2F2;
		padding: 13px 22px;
		z-index: 5555;
		min-width: 167px;
		white-space: nowrap;
		box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.08), 0 -1px 7px 0 rgba(0, 0, 0, 0.05);
		max-height: 80vh;
		overflow: auto;
	}
	header nav .mainNav > ul { display: flex; flex-direction: column; flex-grow: 1; gap: 10px; }
	header nav .mainNav a { justify-content: flex-start; padding-left: 0; padding-right: 0; }
	header nav .mainNav li.hasDropdown:hover ul { display: none; }
	header nav .mainNav li.hasDropdown.opened ul { display: block; position: static; top: auto; left: auto; padding: 0; background: none; box-shadow: none; border: none; }
	header nav .mainNav li.hasDropdown:hover > a, header nav .mainNav li.hasDropdown.opened > a { color: #333; }
	header nav .mainNav li.hasDropdown:hover > a:after, header nav .mainNav li.hasDropdown.opened > a:after { background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/arrow-down-dark.svg); }
	header nav .mainNav li.hasDropdown.opened > a:after { transform: rotate(180deg); }	
}
*/

@media only screen and (max-width: 989px) {
	.hideOnTable {
		display: inline-block;
	}
	.wrapper {
		max-width: 100%;
		padding: 0 10px;
	}
	section .wrapper {
		padding: 38px 10px;
	}
	.section.page {
		padding-right: 78px;
	}

	/*   
	header { overflow: hidden; top: 15px; left: 10px; width: calc(100% - 20px); transform: none; padding: 10px 19px 10px 20px; border-radius: 10px; box-shadow: none; background-color: transparent; }
	header:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; }
	header .logo { width: 100px; }
	header .wrapper { padding: 0; }
	header.scrolled { max-width: calc(100% - 20px); box-shadow: 0 6px 17px 0 rgb(0 0 0 / 8%), 0 -1px 7px 0 rgb(0 0 0 / 5%); }
	header .secondaryNav { display: none; }
	*/
	body.navOpened {
		overflow: hidden;
	}
	/*
	header.opened {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		z-index: 9999;
		overflow: hidden;
		background-color: #fff;
		padding: 25px 29px 25px 30px;
		border-radius: 0;
		animation: bgFadeIn 0.2s;
	}
	header.opened .mainNav, header.opened .secondaryNav {
		animation: fadeIn 0.2s;
	}
  */
	@keyframes bgFadeIn {
		from {
			background-color: rgba(255, 255, 255, 0);
		}
		to {
			background-color: rgba(255, 255, 255, 1);
		}
	}
	/*
	header.opened .wrapper { display: block; padding-top: 93px; }
	header.opened .logo { position: absolute; top: 3px; left: 0px; }
	header.opened .burger { position: fixed; top: 25px; right: 30px; }
	header.opened nav { display: flex; flex-direction: column; gap: 10px; overflow: auto; max-height: 80vh; }
	header.opened nav .mainNav, header.opened nav .secondaryNav {
		position: static;
		display: block;
		top: auto;
		left: auto;
		margin-left: 0;
		margin-top: 5px;
		background-color: none;
		box-shadow: none;
		border: none;
		width: 100%;
		padding: 0;
		overflow: visible;
		max-height: none;
	}
	header.opened nav .secondaryNav ul { display: flex; flex-direction: column; flex-grow: 1; }
	header nav .mainNav > ul { gap: 16px; }
	header nav a { font-size: 22px; line-height: 27px; justify-content: flex-start; padding: 0; }
	header nav li li a { font-size: 20px; line-height: 25px; padding-left: 3px !important; }
	header nav li { padding: 5px 0; }
	header nav li.button { margin-top: 15px; }
	header nav li.button a { justify-content: center; font-size: 14px; }
	header nav .mainNav li.opened ul { animation: slideIn 0.3s; }
  */
	@keyframes slideIn {
		from {
			transform: translateY(-30px);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}
	body main h1 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	body main section h2 {
		font-size: 32px;
		line-height: 40px;
		padding: 0 10px;
	}
	body main h2,
	body main section.page h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	body main h3 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 15px;
	}
	body main h4 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	body main h2 br {
		display: none;
	}
	.important-items,
	.important-items > * {
		flex-direction: column;
		font-size: 20px;
		line-height: 35px;
		display: block;
	}
	.important-items > * {
		padding-left: 35px !important;
	}
	.important-items .content {
		padding-top: 0;
	}
	.important-items .sipc {
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.important-items .help {
		padding-right: 30px;
	}
	footer .wrapper {
		flex-direction: column;
		padding-left: 35px;
		padding-right: 25px;
		gap: 20px;
		grid-template-columns: auto;
		grid-template-rows: auto;
	}
	footer .wrapper .column {
		text-align: center;
		width: 100%;
		color: #bdbdbd;
		line-height: 24px;
	}
	footer .wrapper .column + .column {
		width: 100%;
		text-align: left;
	}
	section.heading .wrapper {
		min-height: 0;
		flex-direction: column;
		padding: 15px 10px 0 10px;
		text-align: center;
	}
	section.heading .bg {
		position: static;
		height: 400px;
		left: auto;
		margin-left: -65px;
	}
	section.why .left {
		padding: 35px 25px 30px 35px;
		background-size: 254px auto;
	}
	section.why .right {
		padding: 35px 25px 30px 35px;
	}
	section.why .columns {
		grid-template-columns: auto;
		grid-template-rows: auto;
	}
	section.why .top {
		position: relative;
		padding-top: 25px;
	}
	section.why .top .icon {
		position: absolute;
		right: 0;
		top: -5px;
	}
	section.why .columns .column + .column {
		margin-top: -25px;
	}
	section.testimonials .wrapper {
		padding-top: 0;
	}
	section.testimonials .testimonial {
		padding: 10px 20px 10px 25px;
	}
	section.testimonials .testimonial blockquote {
		font-size: 24px;
		line-height: 38px;
	}
	section.testimonials .testimonial address {
		font-size: 22px;
	}
	section.testimonials .notes {
		padding-top: 60px;
	}
	section.testimonials .controls {
		bottom: 170px;
	}
	section.testimonials .images {
		height: 400px;
	}
	section.testimonials .images img.t1,
	section.testimonials .images img.t1.t3 {
		width: 300px;
		height: 300px;
		left: calc(50% - 150px);
		top: 115px;
	}
	section.testimonials .images img.t2 {
		width: 150px;
		height: 150px;
		left: -86px;
		top: 160px;
	}
	section.testimonials .images img.t3 {
		width: 150px;
		height: 150px;
		top: 160px;
		left: calc(100% - 67px);
	}
	section.video .wrapper {
		padding-top: 50px;
	}
	section.video .video {
		padding: 20px 35px 45px 35px;
		margin-top: 40px;
		margin-bottom: -20px;
	}
	section.charts .wrapper {
		padding-top: 70px;
	}
	section.charts .charts {
		height: 700px;
	}
	section.charts .chart-items {
		width: calc(50% + 195px);
		justify-content: flex-start;
		padding: 260px 0 0 20px;
		grid-template-columns: 321px 321px 321px 321px;
	}
	section.charts .charts .phone {
		width: 100%;
		object-fit: cover;
		object-position: center bottom;
	}
	section.charts .chart-items .item {
		width: 321px !important;
		height: 236px;
		padding: 30px 25px;
		font-size: 13px;
		line-height: 24px;
	}
	section.charts .charts:before {
		background-image: url(https://www.optionsai.com/wp-content/themes/genesis-block-theme/images/shadow-blue-mobile.png);
		width: 358px;
		height: 205px;
		left: 32px;
		bottom: 167px;
	}
	section.charts .pagination {
		bottom: 70px;
	}
	section.press .item .thumb {
		width: 100%;
		height: 266px;
	}
	section.press .item .thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	section.important .wrapper {
		max-width: calc(100% - 0px);
	}
	.important-items > * {
		gap: 0px;
	}
	.important-items,
	.important-items > * {
		line-height: 30px;
	}
	main .important-items h6 {
		padding-bottom: 0px;
	}
	main section.why {
		padding-bottom: 8px;
	}
	main section.why h4 {
		font-size: 28px;
		line-height: 35px;
	}
	.important-items p {
		padding-bottom: calc(1em - 5px);
	}
	.important-items .sipc {
		background-size: auto 88%;
	}

	section.testimonials .pagination {
		bottom: 188px;
	}
	section.press .items {
		height: 600px;
	}
	section.press .item {
		width: 355px !important;
		height: 588px;
		padding: 280px 20px 20px 20px;
		font-size: 19px;
		line-height: 34px;
	}

	[data-up] > a,
	[data-up] > p,
	main [data-up] > h1,
	main [data-up] > h2,
	main [data-up] > h3,
	main [data-up] > h4,
	main [data-up] > h5,
	main [data-up] > h6,
	[data-up] > blockquote,
	[data-up] > address,
	[data-up] > ul,
	[data-up] > img,
	[data-up] > .columns,
	[data-up] > .icon {
		transform: translate3d(0, 3vh, 0);
		opacity: 0.1;
		transition-duration: 0;
	}

	.popoff .content h3 {
		font-size: 32px;
		line-height: 40px;
	}
	.popoff .content {
		font-size: 18px;
		line-height: 30px;
		padding: 10px;
	}
	.popoff .content .mo-optin-fields-wrapper {
		display: block;
	}
	.popoff .content input[type="submit"],
	.popoff .content input {
		width: 100%;
		margin-bottom: 10px !important;
	}

	section.landing .wrapper {
		flex-direction: column;
	}
	section.landing .images {
		min-height: 0;
	}
}

@media only screen and (max-width: 400px) {
	section.video .video video {
		max-height: 165px;
	}
}

#vlog_posts_widget-2 {
	display: none !important;
}

.banner_wrapper {
	width: 100%;
	padding: 40px 0 0;
	position: relative;
	overflow: hidden;
}
.banner_wrapper::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-image: linear-gradient(to bottom, #fff 10%, #e5e5e5 100%);
}
.banner_wrapper .inner_banner_width {
	width: 100%;
	max-width: 1780px;
	margin: 0 auto;
	padding: 0 20px;
}
.banner_wrapper .inner_banner_width .banner_wrap_sec {
	position: relative;
	min-height: 750px;
}
.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
}
.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content .form {
	width: 100%;
	max-width: 676px;
	margin: 0 auto;
	padding: 12px 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	.search-input {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 75%;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	.search-input
	.search-panel__results
	> span {
	margin-right: 10px;
	display: inline-block;
	float: left;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	.search-input
	.search-panel__results
	> span
	img {
	width: 20px;
	height: 20px;
	object-fit: cover;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	input {
	border: none;
	outline: none;
	width: 100%;
	padding: 0px 5px 0 0;
	font-size: 27px;
	transition: all 0.5s ease;
	height: 32px;
	padding-top: 3px;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	input:focus {
	margin-left: 10px;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	button {
	width: 25%;
	background: #2c74f6;
	border: 1px solid #2c74f6;
	outline: none;
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding: 16px 25px;
	transition: all 0.5s ease;
	cursor: pointer;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	button:hover {
	background-color: #fff;
	color: #2c74f6;
}

.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content .btn-box {
	display: inline-block;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.btn-box
	.btn {
	font-size: 17px;
	line-height: 1.1;
	color: #2c74f6;
	text-decoration: none;
	font-weight: 800;
	display: flex;
	align-items: center;
	border: 2px solid #2c74f6;
	border-radius: 10px;
	margin-top: 30px;
	padding: 13px 50px;
	cursor: pointer;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.btn-box
	.btn:hover {
	opacity: 0.8;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.btn-box
	.btn
	span {
	width: 26px;
	height: 26px;
	object-fit: cover;
	margin-right: 10px;
}
.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.form
	.search-input
	input::placeholder {
	font-size: 21px;
	font-weight: 400;
	line-height: 1.8;
	color: #bdbdbd;
}

.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content h1 {
	font-size: 75px;
	font-weight: 900;
	line-height: 1.1;
	margin: 0;
	text-transform: capitalize;
}
.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5;
	margin: 20px 0;
	padding: 0 80px;
}
.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img {
	position: absolute;
}

.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
	max-width: 354px;
	object-fit: contain;
}
.abs-img.top-left {
	top: 0;
	left: 100px;
}
.abs-img.top-right {
	right: 85px;
	top: 0;
}
.abs-img.left-center {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.abs-img.right-center {
	top: 65%;
	right: 0;
	transform: translateY(-50%);
}
/*change*/
.abs-img.top-bottom {
	left: 330px;
	bottom: 75px;
}

.abs-img.right-bottom {
	right: 300px;
	bottom: 0;
}
@media (max-width: 1700px) {
	.abs-img.top-left {
		left: 0;
	}
	.abs-img.top-right {
		right: 0;
	}
	.abs-img.top-bottom {
		left: 250px;
	}

	.abs-img.right-bottom {
		right: 250px;
	}
}
@media (max-width: 1500px) {
	.banner_wrapper .inner_banner_width .banner_wrap_sec {
		min-height: 720px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
		max-width: 230px;
	}
	.abs-img.top-left {
		left: 0px;
	}
	.abs-img.top-right {
		right: 0px;
	}
	.abs-img.left-center {
		left: 0px;
	}

	.abs-img.right-center {
		right: 0px;
	}

	.abs-img.top-bottom {
		left: 200px;
	}

	.abs-img.right-bottom {
		right: 150px;
	}
}
@media (max-width: 1366px) {
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content h1 {
		font-size: 55px;
	}
}
@media (max-width: 1280px) {
	.banner_wrapper .inner_banner_width .banner_wrap_sec {
		min-height: 650px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
		max-width: 650px;
	}
	/* .banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img  img {
        max-width: 300px;
    } */
	.banner_wrap_sec .inner-content p {
		font-size: 20px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		button {
		font-size: 15px;
		padding: 16px 15px;
	}
	.banner_wrap_sec .inner-content .form {
		max-width: 580px;
	}
	.abs-img.top-left {
		left: 0px;
	}
	.abs-img.top-right {
		right: 0px;
	}
	.abs-img.left-center {
		left: 0px;
	}

	.abs-img.right-center {
		right: 0px;
	}

	.abs-img.top-bottom {
		left: 100px;
	}

	.abs-img.right-bottom {
		right: 100px;
	}
}
@media (max-width: 1199px) {
	.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
		max-width: 180px;
	}
	.abs-img.left-center {
		left: -30px;
	}
}
/*@media (max-width:1024px){
    .banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
        max-width: 200px;
    }
}*/
@media (max-width: 991px) {
	.banner_wrapper .inner_banner_width {
		padding: 0;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec {
		min-height: 600px;
	}
	.abs-img.top-left {
		left: 0;
	}
	.abs-img.top-right {
		right: 0;
	}
	.abs-img.left-center {
		left: 0;
	}

	.abs-img.right-center {
		right: 0;
	}

	.abs-img.top-bottom {
		left: 50px;
	}

	.abs-img.right-bottom {
		right: 120px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
		max-width: unset;
	}

	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content .form {
		padding: 10px 15px;
	}
}
@media (max-width: 860px) {
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
		max-width: 550px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content h1 {
		font-size: 35px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content p {
		font-size: 20px;
		padding: 0 40px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec {
		z-index: 3;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img {
		z-index: -1;
	}

	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content .form {
		padding: 7px 15px;
	}
}
@media (max-width: 767px) {
	.banner_wrapper .inner_banner_width .banner_wrap_sec {
		min-height: 500px;
	}

	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
		max-width: 400px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content h1 {
		font-size: 30px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content p {
		font-size: 16px;
		padding: 0 0px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.btn-box
		.btn {
		padding: 13px 30px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
		max-width: 120px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content .form {
		width: 100%;
		max-width: 100%;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		input {
		font-size: 18px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		button {
		font-size: 12px;
		padding: 10px 5px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		.search-input
		input::placeholder {
		font-size: 16px;
	}

	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content .form {
		padding: 5px 15px;
	}
}
@media (max-width: 480px) {
	.banner_wrapper {
		padding: 20px 0 0;
	}

	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
		padding: 0 20px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
		padding: 40px 20px 0;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content {
		max-width: 100%;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content h1 {
		font-size: 32px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec .inner-content p {
		font-size: 18px;
	}
	.banner_wrapper .inner_banner_width .banner_wrap_sec {
		min-height: 420px;
	}
	.abs-img.top-left {
		display: none;
	}
	.abs-img.top-bottom {
		left: 0;
		bottom: 65px;
	}

	.abs-img.right-bottom {
		right: 0;
	}
	.abs-img.right-center {
		top: 55%;
	}
	.abs-img.left-center {
		top: 52%;
		left: -30px;
	}

	.banner_wrapper .inner_banner_width .banner_wrap_sec .abs-img img {
		max-width: 80px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		.search-input {
		width: 65%;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		.search-input
		span {
		margin-right: 10px;
		margin-top: 2px;
		line-height: 26px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		.search-input
		span
		img {
		width: 15px;
		height: 15px;
	}

	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.form
		button {
		width: 32%;
		font-size: 12px;
		padding: 10px 5px;
	}
	.banner_wrapper
		.inner_banner_width
		.banner_wrap_sec
		.inner-content
		.btn-box
		.btn {
		padding: 13px 20px;
		font-size: 14px;
		margin-top: 20px;
	}
}

/** New for mobile menu **/
#menu-close {
	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url(../images/menu-close.svg);
	background-size: cover;
	z-index: 9999;
	right: 16px;
	top: 1px;
	cursor: pointer;
}



@media screen and (max-width: 920px) {
	header .logo {
		display: none;
	}
	header .mobile-logo {
		display: inline-block;
	}
	#mega-toggle-mobile::after {
/* 		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: url(../images/caret-down.svg);
		background-position: center top 2px;
		background-repeat: no-repeat;
		background-size: contain;
		transition: all 0.2s;
		width: 28px;
		height: 42px;
		position: absolute;
		right: -32px;
		z-index: 9999; */
	}
	body.navOpened #mega-toggle-mobile::after {
		display: none;
	}
	header {
		max-width: calc(100% - 30px) !important;
		display: inline-block !important;
	}
	header {
		top: 25px !important;
		padding-top: 0px !important;
	}
	.nav-right {
		top: 0px !important;
		width: auto !important;
	}
	
	/* mobile mega menu required styles */
	header.scrolled.opened {
		max-width: 100% !important;
		box-shadow: none !important;
		padding-top: 15px !important;
		top: 0px !important;
	}
	
	header.scrolled.opened nav li ul {
		top: 0px !important;
		border: none !important;
		box-shadow: none !important;
		padding-top: 40px;
	}
	
	header.scrolled.opened .nav-right {
		display: none !important;
	}
	
	header.scrolled.opened #menu-close {
		top: 14px !important;
	}
	
	body.navOpened #wpfront-scroll-top-container {
		display: none !important;
	}
	
}

@media (max-width: 500px) {
	header: {
		padding-top: 0px !important;
	}
}

/** New for app buttons **/
.app-buttons {
	margin: 25px auto 20px;
}
.app-buttons a:first-child img {
	margin-right: 18px;
}

.banner_wrapper
	.inner_banner_width
	.banner_wrap_sec
	.inner-content
	.btn-box
	.btn
	> span {
	font-weight: 700;
	letter-spacing: 0.025em;
}

/** New for offer carousel **/
.offer-headline {
	font-family: "CerebriSansProHeavy";
	padding-bottom: 0;
	margin-top: 20px;
}
