/* Site Wrapper */
.site-wrapper {
  width: 100%;
  max-width: 2560px;
  margin-inline: auto;
	box-shadow: 0px 0px 5.5px -37px rgba(0, 0, 0, 0.141), 0px 0px 13.1px -37px rgba(0, 0, 0, 0.202), 0px 0px 24.7px -37px rgba(0, 0, 0, 0.25), 0px 0px 44px -37px rgba(0, 0, 0, 0.298), 0px 0px 82.3px -37px rgba(0, 0, 0, 0.359), 0px 0px 197px -37px rgba(0, 0, 0, 0.5);
}
/* transition */
a, input, button {
    transition: all 0.3s ease-in-out;
}

/* gp default button style */
@media (max-width: 1024px) {
	.menu-toggle {
		line-height: 3rem;
    border-radius: 0.25rem;}
}
button,input[type=button],input[type=reset],input[type=submit] {
	background: none;
}
.gb-button-d5011fab {
	color: var(--primary)!important;
}
.gb-button-d5011fab:hover {
	color: var(--base-3)!important;
}
.gb-button-519b46e6 {
	color: var(--base-3)!important;
}
/* header & navigation */
/* .main-navigation .main-nav ul li[class*="current-menu-"] > a {
	font-weight: 700;
} */
@media (min-width: 1024px) {
#menu-main-menu {
		margin-right: -25px;
	}
.nav-float-right #site-navigation {
	margin-left: 0;
	width: 100%;
}
.main-navigation .menu-bar-items {
	flex-grow: 0;
}
.primarymenu__buttons {
		flex-shrink: 0;
	}
@media (max-width: 1160px) {
.primarymenu__buttons {
		display: none;
	}
	}
.main-nav {
 flex-grow: 1;
 display: flex;
 justify-content: center;
}
}
.search-modal-form {
	border-radius: 8px;
}
.main-navigation.navigation-stick .sticky-navigation-logo {
	width: 130px;
}
.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
	padding-top: 5px;
	padding-bottom: 5px;
}
.main-navigation.is_stuck {
	background: #ffffffb0;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.main-navigation .main-nav ul li:hover > a .gp-icon.icon-arrow  {
 transform: rotate(180deg) translateY(-5px);
 transition: transform .2s;
}
@media (min-width: 1024px) {
	.main-navigation ul ul {
	padding: 0.75rem 0;
	border: 1px solid var(--neutral);
	border-radius: 4px;
	box-shadow: none;
}
}
.slideout__buttons a {
	font-size: var(--text-sm);
	font-weight: 700;
}
/* circles */
.circles {
 position: absolute;
 left: 0;
 top: 42%;
 transform: translate(75%,-45%);
 width: 710px;
 height: 680px;
 background: url(https://cdn.simporter.com/wp-content/uploads/2023/07/main-circles.svg) no-repeat center / contain;}
.landing-page .circles {
	transform: translate(88%,-40%);
   width: 650px;
   height: 600px;
	background: url(https://cdn.simporter.com/wp-content/uploads/2023/08/circles-landing.webp) no-repeat center / contain;
	
}
/* blog cards */
.categories > :not(:first-child) {
  display: none;
}
.card__minutes:after {
	content: ' MIN';
}
.card__description {
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
	padding-bottom: 0;
}
/* Set 66% width for the first post */
/* @media (min-width: 1024px) {
	.blog__loop .gb-grid-wrapper .gb-grid-column:nth-child(1) {
	width: 66.66%;
}
.blog__loop .gb-grid-wrapper .gb-grid-column:nth-child(1) .gb-container-card-blog figure img {
	height: 320px;
}
} */

/* slider sections */
#splide-sections .splide__slide img {
	opacity: 30%;
	transition: all 0.5s ease;
}
#splide-sections .splide__slide .content {
	opacity: 5%;
	transition: all 0.5s ease;
}
#splide-sections .splide__slide.is-active img {
	opacity: 100%;
}
#splide-sections .splide__slide.is-active .content {
	opacity: 100%;
}

/* form demo  */
.form__demo form ._form-content, .form__download form ._form-content {
  display: flex;
  flex-wrap: wrap;
	gap: 1rem;
}
.form__download form ._form-content {
	flex-direction: column;
}
.form__demo form input:not([type='checkbox']), .form__download form input:not([type='checkbox']) {
	font-size: var(--text-sm);
	border-radius: 8px;
	height: 100%;
	width: 230px;
}
.form__download form input:not([type='checkbox']) {
	width: 100%;
}
.form__demo form ._checkbox-radio, .form__download form ._checkbox-radio {
	font-size: var(--text-xs);
}
.form__demo form button[type="submit"], .form__download form button[type="submit"] {
	background: var(--primary);
	padding: 11px 25px;
	border-radius: 8px;
	font-weight: 700;
	font-size: var(--text-sm);
	width: 230px;
}
.form__demo form button[type="submit"]:hover, .form__download form button[type="submit"]:hover {
	background: var(--secondary);
}
.form__demo form ._field92 {
	order: 2;
}
.form__demo form ._error, .form__download form ._error {
	margin-top: 10px;
	font-size: var(--text-xs);
	color: red;
	opacity: 70%;
}
.container__form .gb-grid-column:nth-child(2) {
	display: flex;
	align-items: flex-end;
}
@media (max-width: 768px) {
.form__demo form input:not([type='checkbox']), .form__demo form button[type="submit"], .form__download form input:not([type='checkbox']), .form__download form button[type="submit"] {
	width: 100%;
}
.form__demo form ._full_width, .form__download form ._full_width {
	width: 100%;
}
}
.form__download form ._form_element._full_width {
	width: 100%;
} 

.form__download form input[type='radio'] {
	width: auto;
}
.form__download form ._row._checkbox-radio {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: var(--text-base);
}
.form__download form select {
	width: 100%;
	height: 43px;
	border-radius: 0.5rem;
}
.form__download label, .form__download legend {
	display: block;
	font-size: var(--text-sm);
	margin-bottom: 0.25rem;
}
/* post content */
.post__title {
	text-wrap: balance;
}
.post__content :is(h2,h3,h4,h5) {
	font-family: Lora, serif;
}
.post__content img {
	border-radius: 16px;
	max-width: 100%;
	height: auto;
}
.post__content figure {
	margin-bottom: 1.5rem;
}

/* scroll down */
.scroll-down {
	position: absolute;
	left: calc(50% - 28.5px);
	bottom: 20px;
  transition: .3s;
}
.landing-page .scroll-down {
	left: 44px;
}

/* grid stage */
.grid__stage .gb-grid-column:nth-child(2) {
	display: flex;
	align-items: center;
}

/* hero image fade out  */
.image__fadeout {
  position: relative;
}

.image__fadeout img {
  display: block;
  max-width: 100%;
  height: auto;
}

.image__fadeout::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px; /* Adjust as needed */
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

/* form demopage  */
.form__demopage form ._form-content {
  display: flex;
  flex-wrap: wrap;
	gap: 1rem;
}
.form__demopage form input:not([type='checkbox']) {
	font-size: var(--text-sm);
	border-radius: 8px;
	height: 100%;
	width: 230px;
}

.form__demopage form ._checkbox-radio {
	font-size: var(--text-xs);
}
.form__demopage form button[type="submit"] {
	background: var(--primary);
	padding: 11px 25px;
	border-radius: 8px;
	font-weight: 700;
	font-size: var(--text-sm);
	width: 230px;
}
.form__demopage form button[type="submit"]:hover {
	background: var(--secondary);
}
.form__demopage form ._field92 {
	order: 2;
}
.form__demopage form ._error {
	margin-top: 10px;
	font-size: var(--text-xs);
	color: red;
	opacity: 70%;
}
@media (max-width: 768px) {
	.form__demopage form input:not([type='checkbox']), .form__demo form button[type="submit"] {
	width: 100%;
}
.form__demopage form ._full_width {
	width: 100%;
}
}

/* timeline temp */
.case {
	position: relative;
}
.case__circle {
	position: absolute;
	right: 0;
	transform: translatex(0.6rem);
	width: 1.2rem;
	height: 1.2rem;
	background-color: var(--primary);
	border-radius: 100%;
}
.case__circleright {
	left: 0;
	transform: translatex(-0.6rem);
}
@media (max-width: 1024px) {
	.case__circle {
		display: none;
	}
}

/* breadcrumbs  */
.yoast-breadcrumbs > span > span:not(:last-child):after {
	content: ' »';
}
.single-resource .yoast-breadcrumbs > span > span:nth-child(2) {
    display: none;
}

/* text-truncate */
.text-oneline, .text-twoline, .text-threeline, .text-fourline, .text-fiveline {
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.text-oneline {
  -webkit-line-clamp: 1;
}
.text-twoline {
  -webkit-line-clamp: 2;
}
.text-threeline {
  -webkit-line-clamp: 3;
}
.text-fourline {
  -webkit-line-clamp: 4;
}
.text-fiveline {
  -webkit-line-clamp: 5;
}

/* pricing cards  */
.pricing__button {
	align-self: center
}
.pricing__table table {
	border: 0;
	border-spacing: 0.25rem;
	border-collapse: unset;
}
.pricing__table table thead {
/* 	border-color: var(--global-color-11); */
	border: 0;
}
.pricing__table table th {
	color: var(--contrast);
	font-size: var(--text-sm);
/*   border: 1px solid var(--global-color-11); */
	border: 0;
	padding: 1rem 1rem;
}
.pricing__table table td {
	color: var(--contrast);
	font-size: var(--text-sm);
/*   border: 1px solid var(--global-color-11); */
	border: 0;
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
}
.pricing__table table tbody tr:nth-child(odd) {
    background-color: #f8f8f9;
}
.pricing__table table tbody tr:last-child td {
	text-align: center;
}
.pricing__table table tbody tr:nth-last-child(2) td {
  padding: 1rem 1rem;
  font-weight: 700;
	text-align: center;
}
.pricing__table table tbody tr:hover {
    background-color: #e2effd;
}
.pricing__table table td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}
@media (max-width: 768px) {
	.pricing__table table th {
		min-width: 180px;
	}
	.pricing__table table th:first-child {
		background-color: white;
		position: sticky;
    left: 0;
    z-index: 1;
	}
	.pricing__table table tbody tr:nth-child(even) td {
    background-color: white;
}
	.pricing__table table tbody tr:nth-child(odd) td {
    background-color: #f8f8f9;
}
	.pricing__table table td {
		font-size: var(--text-xs)
	}
}
.pricing-logos .splide__slide img {
	
}
.cons .gb-icon svg {
	transform: rotate(45deg);
}
/* menu hide */
.hide {
	display: none;
}

/* ai landing */
.page-ai .inside-header, .page-concept .inside-header, .page-recorded-demo .inside-header, .page-full-demo .inside-header {
	min-height: 100px;
}
.page-ai .main-navigation, .page-ai .primarymenu__buttons, .page-concept .main-navigation, .page-concept .primarymenu__buttons, .page-recorded-demo .main-navigation, .page-recorded-demo .primarymenu__buttons, .page-full-demo .main-navigation, .page-full-demo .primarymenu__buttons {
	display: none!important;
}
.page-ai .gb-grid-wrapper-8414b94f .gb-grid-column:nth-child(2), .page-concept .gb-grid-wrapper-8414b94f .gb-grid-column:nth-child(2), .page-recorded-demo .gb-grid-wrapper-8414b94f .gb-grid-column:nth-child(2), .page-full-demo .gb-grid-wrapper-8414b94f .gb-grid-column:nth-child(2){
	display: none;
}
.page-ai .gb-container-c50ed878, .page-ai .gb-container-f47be8b6,
.page-ai .gb-container-d9571cdb,
.page-ai .gb-container-bcedf5f4, .page-concept .gb-container-c50ed878, .page-concept .gb-container-f47be8b6,
.page-concept .gb-container-d9571cdb,
.page-concept .gb-container-bcedf5f4, .page-recorded-demo .gb-container-c50ed878, .page-recorded-demo .gb-container-f47be8b6,
.page-recorded-demo .gb-container-d9571cdb,
.page-recorded-demo .gb-container-bcedf5f4, .page-full-demo .gb-container-c50ed878, .page-full-demo .gb-container-f47be8b6,
.page-full-demo .gb-container-d9571cdb,
.page-full-demo .gb-container-bcedf5f4{
	display: none;
}
.btnplay {
	position: absolute;
	top: 45%;
	right: 50%;
	transform: translatex(50%);
}
.iframe-vimeo iframe {
	width: 800px;
	height: 480px;
	max-width: 100%;
	max-height: 100%;
}
@media (max-width: 768px) {
	.iframe-vimeo iframe {
		height: 200px;
	}
}
/* thank you page */
.page-thank-you .inside-header {
	min-height: 100px;
}
.page-thank-you  .main-navigation, .page-thank-you .primarymenu__buttons {
	display: none!important;
}
.page-thank-you .gb-grid-wrapper-8414b94f .gb-grid-column:nth-child(2){
	display: none;
}
.page-thank-you .gb-container-c50ed878, .page-thank-you .gb-container-f47be8b6,
.page-thank-you .gb-container-d9571cdb,
.page-thank-you .gb-container-bcedf5f4{
	display: none;
}
/* mega menu */
@media (min-width: 769px) {
     nav .main-nav .mega-menu {
         position: static;
    }
     nav .main-nav .mega-menu > ul {
         position: absolute;
         width: 460px;
         right: 0;
         display: flex;
         flex-wrap: wrap;
    }
	nav.is_stuck .main-nav .mega-menu > ul {
		transform: translatex(-30%);
	}
     nav .main-nav .mega-menu > ul > li > a {
         color: #7e818a;
         text-transform: uppercase;
    }
     nav .main-nav .mega-menu>ul>li {
         display: inline-block;
         width: 25%;
         vertical-align: top;
    }
     nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
         width: 50%;
    }
     nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
         width: 33.3333%;
    }
     nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
         width: 20%;
    }
     nav .main-nav .mega-menu > ul > li:hover > a, nav .main-nav .mega-menu > ul > li:focus > a, nav .main-nav .mega-menu > ul > li[class*="current-"] > a, nav .main-nav .mega-menu ul ul {
         background-color: transparent !important;
         color: inherit;
         border: 0;
    }
     nav .main-nav .mega-menu ul .sub-menu {
         position: static;
         display: block;
         opacity: 1;
         visibility: visible;
         width: 100%;
         box-shadow: 0 0 0;
         left: 0;
         height: auto;
         pointer-events: auto;
         transform: scale(1);
    }
     nav .main-nav .mega-menu ul.toggled-on .sub-menu {
         pointer-events: auto;
    }
     nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
         display: none;
    }
}

/* hystmodal with slide-in effect */
.hystmodal__window
{
	width: 100vw;
	max-width: 1400px;
 	-webkit-transform: translateX(115%) skewX(-26deg);
    transform: translateX(115%) skewX(-26deg);
	transition: transform 0.8s ease 0s, opacity 0s ease 0s; 
}
.hystmodal__wrap {
	align-items: flex-end;
}
.hystmodal__close {
	top: 1rem;
	right: 1rem;
}
/* active form modal */
.form__modal form ._form-content {
	flex-direction: row;
}
.form__modal form ._form-content ._form_element:nth-child(1), .form__modal form ._form-content ._form_element:nth-child(2), .form__modal form ._form-content ._form_element:nth-child(5){
	flex: 1 100%;
}
.form__modal form ._form-content ._form_element:nth-child(3), .form__modal form ._form-content ._form_element:nth-child(4) {
	flex: 1 48%;
}
.form__modal form input:not([type='checkbox']) {
    width: 100%;
}
.form__modal select {
	border-radius: 0.5rem;
	width: 100%;
	max-height: 43px
}
.form__modal label._form-label {
	font-size: var(--text-sm);
	margin-bottom: 0.5rem;
	display: block;
}
.form__modal form button[type="submit"] {
	width: 100%;
}
.form__modal ._button-wrapper {
	width: 100%;
}