/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./assets/src/css/vendors/owl.carousel.css ***!
  \***********************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
	/**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	/* background: url("owl.video.play.png") no-repeat; */
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./assets/src/css/vendors/owl.theme.default.css ***!
  \****************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}

.owl-theme .owl-nav .disabled {
	cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./assets/src/css/vendors/magnific-popup.min.css ***!
  \*****************************************************************************************************************************/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000000;
	opacity: .6;

}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	bottom: 0;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
	max-width: 980px;
	margin: 0 auto;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #CCC
}

.mfp-preloader a:hover {
	color: #FFF
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	background-color: #ffffff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS40MTQwNiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuNDE0MDYgMCkiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHk9IjE1LjU1NjQiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMCAxNS41NTY0KSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	touch-action: manipulation;
	border-radius: 0 10px 0 10px;
	background-position: center;
}
button.mfp-close:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS40MTQwNiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuNDE0MDYgMCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHk9IjE1LjU1NjQiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMCAxNS41NTY0KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-style: normal;
	font-size: 28px;

}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	background-color: #3997ff;
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
	screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75)
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./assets/src/css/bundle.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
Theme Name: Roomcast
Theme URI: http://roomcastdesign.com
Author: Team Roomcast
Author URI: http://roomcastdesign.com/team
Description: WordPress theme by Roomcast
Version: 1.0
*/
/* ------------------------------------------------------------------
>>>                      TABLE OF CONTENTS:                      <<<
--------------------------------------------------------------------
> Variables
	>> Colors
	>> Columns
> Mixins
> Fonts
> Defaults
	>> Normalize
	>> Forms Defaults
	>> Clearings
> Typography
	>> Headings
	>> Copy
> Elements
	>> Lists
	>> Quotes
	>> Tables
	>> Images
	>> Links
> Forms
	>> Buttons
	>> Fields
	>> Form Elements
> Media
	>> Captions
	>> Galleries
> WordPress Core
	>> Accessibility
	>> Alignments
	>> Posts & Pages
	>> Pagination
	>> Comments
	>> Widgets
> Site
	>> Layout
		>>> Header
		>>> Footer
	>> Theme
	>> Blog
	>> Single
	>> Home Page
	>> About Us
	>> Contact Us
	>> Burgers Landing
	>> Single Burger
	>> Blocks
> Responsive
	>> Regular Queries
	>> Extra Queries
> Import Fonts
> Vendors
	> Owl Carousel
	> Slick Nav
------------------------------------------------------------------ */
/* ------------------------------------------------------------------
> Variables
------------------------------------------------------------------ */
/* -------------------------------------------------
>> Color variables
------------------------------------------------- */
/* ------------------------------------------------------------------
> Mixins
------------------------------------------------------------------ */
/*
Rem output with px fallback
*/
/*
Rem output with px fallback with !important
*/
/*
Column width with margin
*/
/*
Mixin for transition
*/
/* ------------------------------------------------------------------
> Fonts
------------------------------------------------------------------ */
/* ------------------------------------------------------------------
> Defaults
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Normalize styles
-------------------------------------------------*/
/*-------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
-------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

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

html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

a {
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

img {
  border-style: none;
}

summary {
  display: list-item;
}

template,
[hidden] {
  display: none;
}

/*-------------------------------------------------
>> Clearing styles
-------------------------------------------------*/
.clear {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
.clear::before, .clear::after {
  clear: both;
}

/* ------------------------------------------------------------------
> Typography
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Styles for headings
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4,
h5,
.heading-5,
h6,
.heading-6 {
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0 0 20px;
  color: #fff;
  line-height: 1.05;
  text-transform: initial;
}
h1 a,
.heading-1 a,
h2 a,
.heading-2 a,
h3 a,
.heading-3 a,
h4 a,
.heading-4 a,
h5 a,
.heading-5 a,
h6 a,
.heading-6 a {
  color: #14191f;
  border-bottom: none;
}
h1 a:hover,
.heading-1 a:hover,
h2 a:hover,
.heading-2 a:hover,
h3 a:hover,
.heading-3 a:hover,
h4 a:hover,
.heading-4 a:hover,
h5 a:hover,
.heading-5 a:hover,
h6 a:hover,
.heading-6 a:hover {
  color: #14191f;
}

h1,
.heading-1 {
  font-size: 80px;
}
@media (max-width: 747px) {
  h1,
  .heading-1 {
    font-size: 48px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  h1,
  .heading-1 {
    font-size: 64px;
  }
}

h2,
.heading-2 {
  font-size: 64px;
}
@media (max-width: 747px) {
  h2,
  .heading-2 {
    font-size: 40px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  h2,
  .heading-2 {
    font-size: 56px;
  }
}

h3,
.heading-3 {
  font-size: 48px;
}
@media (max-width: 747px) {
  h3,
  .heading-3 {
    font-size: 32px;
  }
}

h4,
.heading-4 {
  font-size: 36px;
}
@media (max-width: 747px) {
  h4,
  .heading-4 {
    font-size: 28px;
  }
}

h5,
.heading-5 {
  font-size: 30px;
}
@media (max-width: 747px) {
  h5,
  .heading-5 {
    font-size: 26px;
  }
}

h6,
.heading-6 {
  font-size: 24px;
}
@media (max-width: 747px) {
  h6,
  .heading-6 {
    font-size: 22px;
  }
}

.text-50 {
  font-size: 50px;
  line-height: 1.4;
}
@media (max-width: 747px) {
  .text-50 {
    font-size: 32px;
  }
}

.text-32 {
  font-size: 32px;
  line-height: 1.4;
}
@media (max-width: 747px) {
  .text-32 {
    font-size: 26px;
  }
}

.text-24 {
  font-size: 24px;
  line-height: 1.4;
}
@media (max-width: 747px) {
  .text-24 {
    font-size: 22px;
  }
}

.text-22 {
  font-size: 22px;
  line-height: 1.4;
}
@media (max-width: 747px) {
  .text-22 {
    font-size: 20px;
  }
}

.text-20 {
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 747px) {
  .text-20 {
    font-size: 18px;
  }
}

.text-18 {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 747px) {
  .text-18 {
    font-size: 16px;
  }
}

.text-16 {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 747px) {
  .text-16 {
    font-size: 15px;
  }
}

.text-15 {
  font-size: 15px;
  line-height: 1.3;
}

/*-------------------------------------------------
>> Styles for content tags
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
i,
em,
var,
address,
dfn {
  font-style: italic;
}

code,
pre,
kbd,
tt,
var,
samp {
  font-family: monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #303336;
  text-decoration: none;
  cursor: help;
}

abbr[title] {
  text-decoration: none;
}

address {
  margin: 0 0 30px;
}

mark {
  background-color: #14191f;
  color: #f7f7f7;
  padding: 3px 7px;
}

small {
  font-size: 80%;
}

big {
  font-size: 125%;
}

s,
strike,
del {
  text-decoration: line-through;
}

b,
strong {
  font-weight: 700;
  color: #303336;
}

u {
  border-bottom: 1px solid #303336;
  text-decoration: none;
}

del {
  color: #d14b3c;
}

ins {
  color: #2c9e5b;
  border-bottom: 1px solid #2c9e5b;
  text-decoration: none;
}

sub,
sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -4px;
}

sup {
  top: -8px;
}

code,
pre,
kbd,
tt {
  max-width: 100%;
  overflow: auto;
  margin: 0 0 30px;
}

code,
kbd,
tt {
  color: #f7f7f7;
  background-color: #14191f;
  padding: 3px 7px;
}

pre {
  color: #f7f7f7;
  background-color: #14191f;
  padding: 20px 25px;
  overflow-x: scroll;
}

hr {
  background-color: #e0e0e0;
  border: 0;
  height: 1px;
  margin-bottom: 30px;
}

audio,
video {
  margin-bottom: 30px;
  width: 100%;
}

/* ------------------------------------------------------------------
> Elements
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Styles for tables
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
body {
  font-family: "General Sans", arial, sans-serif;
  font-weight: 400;
  position: relative;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  background-color: #201d1d;
}
@media (max-width: 747px) {
  body {
    font-size: 18px;
  }
}

p {
  margin: 0 0 30px;
}

::-moz-selection {
  color: #fff;
  background-color: #3997ff;
}

::selection {
  color: #fff;
  background-color: #3997ff;
}

/*-------------------------------------------------
>> Styles for links
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
------------------------------------------------- */
a {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  outline: none;
  position: relative;
}

/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
.page-section a, .page-section:visited {
  color: #00a4eb;
  border-bottom: 1px solid #00a4eb;
  padding-bottom: 2px;
}
.page-section a:hover, .page-section a:active, .page-section:visited:hover, .page-section:visited:active {
  color: #00a4eb;
  border-color: transparent;
}

.post-image a, .post-image:visited,
.post-title a,
.post-title:visited {
  border-bottom: none;
}

/*-------------------------------------------------
>> Styles for images and figures
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
------------------------------------------------- */
img {
  height: auto;
  max-width: 100%;
}

a img {
  border: none;
  outline: none;
  margin-bottom: 0;
}

/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
figure {
  margin: 0 0 30px;
}
figure figcaption {
  color: #606364;
  font-size: 90%;
  margin: 0 0 30px;
}

picture {
  margin: 0 0 30px;
  display: inline-block;
}

svg {
  margin: 0 0 30px;
}

.gallery .gallery-item a {
  border-bottom: none;
}

figure.wp-block-image.alignfull.size-thumbnail {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
}
figure.wp-block-image.alignwide.size-thumbnail {
  margin: 0 -200px;
  max-width: 140%;
}

/*-------------------------------------------------
>> Styles for lists
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
------------------------------------------------- */
header ul,
header ol,
footer ul,
footer ol {
  list-style: none;
}

/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
dl {
  margin: 0 0 30px;
}
dl dt {
  font-weight: 700;
}
dl dd {
  margin: 0 0 12px;
}

ul,
ol {
  margin: 30px 0 30px 20px;
}

ul li,
ol li {
  margin: 0 0 20px;
  box-sizing: border-box;
}
ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin: 12px 0 0 30px;
}

.page-section ul {
  list-style: none;
  margin-left: 0;
}
.page-section ul ul,
.page-section ul ol {
  margin-left: 13px;
}
.page-section ul li {
  padding-left: 21px;
  position: relative;
}
.page-section ul li::before {
  content: "";
  width: 9px;
  height: 9px;
  background-position: left top;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 12px;
  border-radius: 50%;
}
.page-section ul ol {
  counter-reset: list1;
}
.page-section ul ol li::before {
  counter-increment: list1;
  content: counters(list1, ".") ".";
}
.page-section ol {
  counter-reset: list;
  list-style-type: none;
  margin-left: 0;
}
.page-section ol ol,
.page-section ol ul {
  margin-left: 13px;
}
.page-section ol li {
  position: relative;
  padding-left: 24px;
}
.page-section ol li::marker {
  display: none;
}
.page-section ol li::before {
  color: #303336;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  content: counters(list, ".") ".";
  counter-increment: list;
  left: 0;
  top: 0;
  position: absolute;
  background-color: transparent;
}
.page-section ol ol li {
  padding-left: 34px;
}
.page-section ol ol ol li {
  padding-left: 64px;
}
.page-section ol ol ol ol li {
  padding-left: 80px;
}
.page-section ol ul {
  counter-reset: unset;
}
.page-section ol ul li {
  padding-left: 20px;
}
.page-section ol ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background-position: left top;
  position: absolute;
  background-color: #00a4eb;
  left: 0;
  top: 9px;
}

/*-------------------------------------------------
>> Styles for quotes
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
blockquote,
q {
  quotes: none;
}

blockquote {
  position: relative;
  color: #303336;
  border-left: 3px solid #303336;
  padding: 5px 0 5px 20px;
  margin: 0 0 30px;
}
blockquote p {
  margin-bottom: 15px;
}
blockquote p:last-child {
  margin-bottom: 0;
}

.wp-block-quote.has-text-align-right {
  border-left: none;
  border-right: 3px solid #303336;
  padding: 5px 20px 5px 0;
}
.wp-block-quote.has-text-align-right.is-style-plain {
  border-right: none;
}
.wp-block-quote.has-text-align-left.is-style-plain {
  border-left: none;
  padding: 0;
}
.wp-block-quote.has-text-align-center {
  border-left: none;
  padding: 20px 5px;
}
.wp-block-quote.is-style-plain {
  border-left: none;
}
.wp-block-quote.is-style-large {
  border-left: 0;
}

figure.wp-block-pullquote {
  border-top: 3px solid #303336;
  border-bottom: 3px solid #303336;
  padding-left: 10px;
  padding-right: 10px;
}
figure.wp-block-pullquote blockquote {
  border-left: none;
  margin-bottom: 0;
  padding: 10px;
}
figure.wp-block-pullquote.alignleft, figure.wp-block-pullquote.alignright {
  padding: 35px 10px;
}

q {
  quotes: "“" "”";
  color: #303336;
  position: relative;
}

cite {
  display: block;
  margin-top: 15px;
  font-size: 80%;
  text-transform: uppercase;
  font-weight: 500;
  color: #606364;
  font-family: "IBM Plex Mono", monospace;
  font-style: italic;
  position: relative;
}
cite::before {
  content: "- ";
  display: inline-block;
  top: -11px;
}

/*-------------------------------------------------
>> Styles for tables
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 30px;
  width: 100%;
  table-layout: fixed;
  text-align: left;
  box-sizing: border-box;
}
table p:last-child {
  margin-bottom: 0;
}
table caption {
  color: #606364;
  font-size: 90%;
  margin: 0 0 20px;
}

tr,
tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
tr:last-child,
tbody tr:last-child {
  border-bottom: none;
}

td,
th {
  padding: 10px 15px;
  vertical-align: middle;
}

thead tr {
  border: none;
}
thead tr:last-child {
  border-bottom: 3px solid #14191f;
}
thead th {
  font-weight: 700;
}

tfoot tr {
  border: none;
}
tfoot tr:first-child {
  border-top: 3px solid #14191f;
}
tfoot td {
  font-weight: 700;
}

.wp-block-table tbody td {
  border: 2px solid #e0e0e0;
}
.wp-block-table.is-style-stripes tbody tr,
.wp-block-table.is-style-stripes tbody td {
  border: none;
}
.wp-block-table.is-style-stripes tfoot tr {
  border-top: 3px solid #14191f;
}
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
  background-color: transparent;
}
.wp-block-table table.has-background tbody td,
.wp-block-table table.has-background tbody tr {
  border: none;
}
.wp-block-table table.has-background tfoot tr {
  border-top: 3px solid #14191f;
}

/*-------------------------------------------------
>> Styles for frames and embeds
-------------------------------------------------*/
/*-------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
-------------------------------------------------*/
embed,
iframe,
object {
  max-width: 100%;
}

/*-------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
-------------------------------------------------*/
/* ------------------------------------------------------------------
> Forms
------------------------------------------------------------------ */
/* -------------------------------------------------
>> Styles for form fields
------------------------------------------------- */
/* -------------------------------------------------
>> Styles for form Input fields
------------------------------------------------- */
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
form {
  margin: 0 0 20px;
}

label {
  margin: 0 0 6px;
  display: inline-block;
  line-height: 1.2;
}

fieldset {
  margin: 10px 0 30px;
  display: block;
}

legend {
  display: block;
  margin: 0 0 10px;
}

.loading-effect input[type=text],
.loading-effect input[type=number],
.loading-effect input[type=email],
.loading-effect input[type=tel],
.loading-effect input[type=url],
.loading-effect input[type=search],
.loading-effect input[type=password],
.loading-effect input[type=time],
.loading-effect input[type=date],
.loading-effect input[type=datetime-local],
.loading-effect input[type=week],
.loading-effect input[type=month],
.loading-effect input[type=file],
.loading-effect input[type=range],
.loading-effect input[list],
.loading-effect input[type=string],
.loading-effect select,
.loading-effect textarea,
.loading-effect .gform-text-input-reset {
  opacity: 0.5;
  pointer-events: none;
}

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=password],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=week],
input[type=month],
input[type=file],
input[type=range],
input[list],
input[type=string],
select,
textarea,
.gform-text-input-reset {
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  height: 48px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: #fff;
  color: #201d1d;
  outline: none;
  padding: 0 16px;
  margin: 0 0 12px;
  max-width: 100%;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=time]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=week]:focus,
input[type=month]:focus,
input[type=file]:focus,
input[type=range]:focus,
input[list]:focus,
input[type=string]:focus,
select:focus,
textarea:focus,
.gform-text-input-reset:focus {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

::input-placeholder {
  color: #6b7073;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

::input-placeholder {
  color: #6b7073;
}

::-moz-placeholder {
  color: #6b7073;
}

::placeholder {
  color: #6b7073;
}

input[type=text]:disabled {
  background-color: #f0f0f0;
  border: 1px solid #e6e6e6;
}

input[type=hidden],
datalist {
  display: none;
}

input[type=file] {
  padding: 9px;
}

input[type=search] {
  padding-right: 45px;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=color] {
  border: 1px solid #e0e0e0;
  background-color: #f0f0f0;
  height: 25px;
  width: 50px;
  margin: 0 0 20px;
  padding: 3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-color-swatch {
  border: 0;
  border-radius: 0;
}

::-moz-color-swatch,
::-moz-focus-inner {
  border: 0;
}

::-moz-focus-inner {
  padding: 0;
}

select {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjMzMzc0IDEuNjY2NUw4LjAwMDQxIDguMzMzMTdMMTQuNjY3MSAxLjY2NjUiIHN0cm9rZT0iIzIwMUQxRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: center right 16px;
}

.ginput_container_multiselect select {
  min-height: 77px;
}

textarea {
  padding: 10px 0 0 10px;
  height: 150px;
  resize: none;
  overflow: auto;
}

/* -------------------------------------------------
>> Styles for buttons
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
input[type=image] {
  margin: 0 10px 0 0;
}

input[type=submit],
button,
input[type=button],
input[type=reset] {
  transition: all 0.4s ease-in-out;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0 30px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #3997ff;
  color: #fff;
  border: none;
  font-size: 20px;
  line-height: 1.3;
  border-radius: 8px;
  height: 64px;
  outline: none;
  cursor: pointer;
  margin: 0;
  width: 100%;
}

input[type=submit]:hover,
button:hover,
input[type=button]:hover {
  color: #fff;
  background-color: #067cff;
}

input[type=reset] {
  background-color: #00a4eb;
  color: #f7f7f7;
}
input[type=reset]:hover {
  color: #f7f7f7;
  background-color: #2ca8dd;
}

/* -------------------------------------------------
>> Default styles for CheckBoxes
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=checkbox]:checked + label,
[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + span,
[type=checkbox]:not(:checked) + span {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #303336;
  box-sizing: border-box;
  margin: 0 20px 10px 0;
}

[type=checkbox]:checked + label::before,
[type=checkbox]:not(:checked) + label::before,
[type=checkbox]:checked + span::before,
[type=checkbox]:not(:checked) + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #e0e0e0;
  background-color: #f0f0f0;
}

[type=checkbox]:checked + label::after,
[type=checkbox]:not(:checked) + label::after,
[type=checkbox]:checked + span::after,
[type=checkbox]:not(:checked) + span::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #00a4eb;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: all 0.2s ease;
}

[type=checkbox]:not(:checked) + label::after,
[type=checkbox]:not(:checked) + span::after {
  opacity: 0;
  transform: scale(0);
}

[type=checkbox]:checked + label::after,
[type=checkbox]:checked + span::after {
  opacity: 1;
  transform: scale(1);
}

/* -------------------------------------------------
>> Default styles for Radio Buttons
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label,
[type=radio]:checked + span,
[type=radio]:not(:checked) + span {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #303336;
  box-sizing: border-box;
  margin: 0 20px 10px 0;
}

[type=radio]:checked + label::before,
[type=radio]:not(:checked) + label::before,
[type=radio]:checked + span::before,
[type=radio]:not(:checked) + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #e0e0e0;
  border-radius: 100%;
  background-color: #f0f0f0;
}

[type=radio]:checked + label::after,
[type=radio]:not(:checked) + label::after,
[type=radio]:checked + span::after,
[type=radio]:not(:checked) + span::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #00a4eb;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label::after,
[type=radio]:not(:checked) + span::after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + label::after,
[type=radio]:checked + span::after {
  opacity: 1;
  transform: scale(1);
}

/* -------------------------------------------------
>> Default styles for Meter Tag
------------------------------------------------- */
meter {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background-color: #f0f0f0;
  border-radius: 0;
  margin: 0 0 20px;
  box-shadow: none;
}

/* WebKit */
meter::-webkit-meter-bar {
  background: none;
  background-color: #00a4eb;
  border-radius: 0;
  box-shadow: none;
}

meter::-webkit-meter-optimum-value {
  background: #00a4eb;
}

meter::-webkit-meter-suboptimum-value {
  background: #00a4eb;
}

meter::-webkit-meter-even-less-good-value {
  background: #00a4eb;
}

/* Firefox */
meter::-moz-meter-bar {
  background: none;
  border-radius: 0;
  box-shadow: none;
}

meter:-moz-meter-optimum::-moz-meter-bar {
  background: #00a4eb;
}

meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: #00a4eb;
}

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: #00a4eb;
}

/* -------------------------------------------------
>> Default styles for Progress Tag
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
progress {
  vertical-align: baseline;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border: none;
  background-color: #f0f0f0;
  border-radius: 0;
  margin: 0 0 20px;
}

progress::-webkit-progress-bar {
  background-color: #f0f0f0;
  border-radius: 0;
}

progress::-webkit-progress-value {
  background-color: #00a4eb;
  border-radius: 0;
}

progress::-moz-progress-bar {
  background-color: #00a4eb;
  border-radius: 0;
}

/* -------------------------------------------------
>> Default styles for Range Field
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
input[type=range] {
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border-radius: 0;
  height: 22px;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background-color: #f0f0f0;
  border: none;
  animate: 0.2s;
  box-shadow: none;
  border-radius: 0;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background-color: #f0f0f0;
  border: none;
  animate: 0.2s;
  box-shadow: none;
  border-radius: 0;
}

input[type=range]::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  background-color: #00a4eb;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  margin-top: -4px;
  box-shadow: none;
  border: none;
  border-radius: 0;
}

input[type=range]::-moz-range-thumb {
  height: 14px;
  width: 14px;
  background-color: #00a4eb;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  margin-top: -4px;
  box-shadow: none;
  border: none;
  border-radius: 0;
}

/* -------------------------------------------------
>> Default styles for forms
------------------------------------------------- */
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
------------------------------------------------- */
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Add the correct box sizing in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -2px;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button;
  font: inherit;
}

.search-form {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.search-form input[type=submit],
.search-form button,
.search-form input[type=button],
.search-form input[type=reset] {
  margin: 0 0 10px 10px;
}

/* -------------------------------------------------
>> Default styles for Gravity Forms
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
.gfields {
  margin: 0;
}

.gf_clear {
  clear: both;
}

.ginput_left,
.name_first {
  float: left;
  width: 48%;
}

.ginput_right,
.name_last {
  float: right;
  width: 48%;
}

.gfield {
  box-sizing: border-box;
  position: relative;
}

.gfield_time_hour,
.gfield_time_minute,
.gfield_time_ampm {
  width: calc(33.33% - 3px);
  display: inline-block;
}

.gfield_time_minute {
  margin: 0 10px;
  width: calc(33.33% - 23px);
}

.below.hour_minute_colon {
  display: none;
}

.gfield_post_tags_hint {
  margin-top: -18px;
  font-size: 14px;
}

.gfield.half-input-field {
  width: 48%;
  margin-right: calc(4% - 5px);
  display: inline-block;
  vertical-align: top;
}
.gfield.half-input-field.last {
  margin-right: 0;
}

.gfield_list_group {
  margin-bottom: 20px;
}

button.add_list_item, button.delete_list_item {
  margin: 0 10px 10px 0;
  padding: 4px 11px;
  font-size: 90%;
  height: 37px;
  position: relative;
  top: -5px;
}
button.delete_list_item {
  background-color: #2ca8dd;
  color: #f7f7f7;
  border: 2px solid transparent;
}
button.delete_list_item:hover {
  background-color: transparent;
  border: 2px solid;
}

.gform_fileupload_rules {
  font-size: 90%;
  color: #606364;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
  top: -14px;
}

/* =============================================
= Style For Date Picker for gravity form  =
============================================= */
#ui-datepicker-div {
  border: none;
  width: 100%;
  max-width: 480px;
  background-color: #e6e6e6;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
  background-color: #e6e6e6;
  padding: 10px 12px;
}

.ui-datepicker-title select {
  width: 49%;
  margin-bottom: 0;
  margin-right: 2%;
  height: 46px;
  padding: 0 35px 0 18px;
  background-color: #e6e6e6;
}

a.ui-datepicker-prev.ui-corner-all,
a.ui-datepicker-next.ui-corner-all {
  position: relative;
}

a.ui-datepicker-next.ui-corner-all {
  float: right;
}

.ui-datepicker-header a,
.ui-datepicker-header a:visited {
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 10px;
  display: inline-block;
}

select.ui-datepicker-year {
  margin-right: 0;
}

#ui-datepicker-div table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 10px;
  font-size: 16px;
}

.ui-datepicker_calendar a {
  font-size: 16px;
  color: #14191f;
}

.ginput_container_date {
  position: relative;
}
.ginput_container_date img.ui-datepicker-trigger {
  position: absolute;
  right: 10px;
  top: 15px;
  bottom: 0;
}

.gfield_radio .gchoice {
  display: inline-block;
}

table.ui-datepicker_calendar {
  max-width: 410px;
  background-color: #f7f7f7;
}

/* =====  End of Date Picker Style for Gravity Form ====== */
.validation_error {
  background-color: #fbede9;
  font-size: 14px;
  color: #d14b3c;
  padding: 2px 10px 6px;
  margin-bottom: 20px;
  text-align: center;
}

.validation_message {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  color: #d14b3c;
  position: absolute;
  bottom: 0;
}

.gfield_error input {
  border-color: #d14b3c;
}

.gform_confirmation_message {
  background-color: #eefcf4;
  padding: 20px;
  text-align: center;
  color: #14191f;
  border: 1px solid #14191f;
}

.gform_validation_errors {
  background-color: #fbede9;
  margin: 10px 0 30px;
  padding: 7px 14px;
  font-weight: 700;
  font-size: 105%;
}
.gform_validation_errors h2 {
  color: #f7f7f7;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 105%;
}

.gfield_required_text {
  color: #d14b3c;
  position: relative;
  margin-left: 5px;
}

/**
 *
 * Style for hidden field in gravity form
 *
 */
.gfield_visibility_hidden {
  display: none !important;
}

/**
 *
 * Spinner
 *
 */
img.gform_ajax_spinner {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* -------------------------------------------------
>> Default styles for Hubspot Forms
------------------------------------------------- */
/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
.hs-form {
  text-align: left;
}
.hs-form fieldset {
  margin: 0;
}
.hs-form ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.hs-form ul li {
  margin: 0;
  padding-left: 0;
}
.hs-form ul li label {
  margin: 0;
}
.hs-form ul li::before {
  display: none;
}
.hs-form ul.hs-error-msgs li {
  padding-left: 0;
  color: #d14b3c;
  font-size: 16px;
  margin: -18px 0 15px;
}
.hs-form .error {
  text-align: left;
}
.hs-form .hs-fieldtype-checkbox ul.hs-error-msgs li,
.hs-form .hs-fieldtype-booleancheckbox ul.hs-error-msgs li,
.hs-form .hs-fieldtype-radio ul.hs-error-msgs li {
  margin: -6px 0 8px;
}
.hs-form .hs_error_rollup ul li {
  background-color: #fbede9;
  margin: 10px 0 30px;
  padding: 7px 14px;
  font-weight: 700;
  font-size: 105%;
}
.hs-form .hs-form-required {
  color: #d14b3c;
}

.hs-form-field {
  position: relative;
}

.form-columns-2 .hs-form-field {
  display: inline-block;
  width: 49%;
  margin-right: calc(2% - 5px);
}
.form-columns-2 .hs-form-field:nth-child(2n+2) {
  margin-right: 0;
}

/* -------------------------------------------------
>> Default styles for Contact Form Forms
------------------------------------------------- */
.wpcf7-list-item {
  margin: 0 10px 0 0 !important;
}

.wpcf7-section label {
  display: block;
}

.wpcf7-form-control-wrap {
  display: block;
  margin-top: 10px;
}

.wpcf7-not-valid-tip {
  color: #d14b3c !important;
  position: relative;
  top: -15px;
}

.wpcf7-response-output {
  margin: 0 !important;
}

/* ------------------------------------------------------------------
> Media
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Styles for WordPress captions
-------------------------------------------------*/
.wp-caption {
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px !important;
}
.wp-caption.alignnone {
  margin: 15px 0;
}
.wp-caption.alignleft {
  margin: 50px 20px 10px 0;
}
.wp-caption.alignright {
  margin: 5px 0 10px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0 0 8px;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  margin: 0;
  text-align: left;
}
.wp-caption p.wp-caption-text {
  font-family: "General Sans", arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  word-spacing: 2.5px;
  letter-spacing: 1.5px;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*-------------------------------------------------
>> Styles for default WordPress galleries
-------------------------------------------------*/
.gallery {
  margin-bottom: 24px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-caption {
  display: block;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

/* ------------------------------------------------------------------
> Core
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Accessibility styles for WordPress
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
.screen-reader-text {
  margin: -1px;
  overflow: hidden;
  width: 1px;
  position: absolute !important;
  word-wrap: normal !important;
  color: #f7f7f7;
  background-color: #00a4eb;
  clip: auto !important;
  border: unset !important;
  border-radius: 0;
  left: -100px;
  font-size: 14px;
  -webkit-clip-path: none;
          clip-path: none;
  font-weight: 700;
  height: auto;
  line-height: normal;
  padding: 8px 12px;
  text-decoration: none;
  top: 8px;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  display: block;
  width: auto;
  z-index: 100000;
  left: 8px;
}

#page-section[tabindex="-1"]:focus {
  outline: 0;
}

a,
button,
input[type=submit] {
  outline: 2px dotted transparent;
  outline-offset: 5px;
}
a:focus-visible,
button:focus-visible,
input[type=submit]:focus-visible {
  outline-color: #000 !important;
}

.contact-details a {
  outline-offset: 0;
}

.header-logo a:focus-visible,
.red-ctn a:focus-visible,
.black-ctn a:focus-visible,
.hero-ctn a:focus-visible,
.topbar a:focus-visible,
.header-nav ul li a:focus-visible {
  outline-color: #000;
}

/*-------------------------------------------------
>> Default WordPress alignments
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
.alignnone {
  margin: 15px 0 30px;
}

.aligncenter {
  display: block;
  margin: 15px auto 30px;
  clear: both;
  text-align: center;
}

.alignright {
  float: right;
  margin: 15px 0 30px 20px;
}

.alignleft {
  float: left;
  margin: 15px 20px 30px 0;
}

a img.alignright {
  float: right;
  margin: 15px 0 30px 20px;
}
a img.alignnone {
  margin: 15px 0 30px;
}
a img.alignleft {
  float: left;
  margin: 15px 20px 30px 0;
}
a img.aligncenter {
  display: block;
  margin: 15px auto 30px;
  text-align: center;
  clear: both;
}

/*-------------------------------------------------
>> Styles for posts and pages
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
------------------------------------------------- */
.sticky {
  display: block;
}
.sticky .post-title {
  position: relative;
  padding-left: 30px;
}
.sticky .post-title::before {
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 0;
  height: 30px;
  width: 30px;
}

.updated:not(.published) {
  display: none;
}

.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit following styles or write your own
------------------------------------------------- */
.post-shares {
  display: flex;
}
.post-shares a {
  margin-left: 8px;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.post-shares a:hover {
  border: 1px solid;
}

/*-------------------------------------------------
>> Pagination styles
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
.page-section .pagination,
.pagination {
  text-align: center;
  margin: 20px 0 0;
}
.page-section .pagination a,
.page-section .pagination a:visited,
.page-section .pagination span.current,
.pagination a,
.pagination a:visited,
.pagination span.current {
  background-color: #e6e6e6;
  color: #14191f;
  border: 1px solid transparent;
  display: inline-block;
  padding: 6px 12px 7px;
  font-size: 15px;
  line-height: 20px;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0 5px 10px;
  transition: all 0.4s ease-in-out;
}
.page-section .pagination a:hover,
.page-section .pagination a:visited:hover,
.page-section .pagination span.current:hover,
.pagination a:hover,
.pagination a:visited:hover,
.pagination span.current:hover {
  background-color: #2ca8dd;
  color: #f7f7f7;
}
.page-section .pagination span.current,
.pagination span.current {
  background-color: #2ca8dd;
  color: #f7f7f7;
}
.page-section .pagination span.current:hover,
.pagination span.current:hover {
  background-color: #2ca8dd;
  color: #f7f7f7;
}
.page-section .pagination > span.current,
.pagination > span.current {
  border: none;
}
.page-section .pagination > span.current:hover,
.pagination > span.current:hover {
  background-color: #e6e6e6;
  color: #14191f;
}

/*-------------------------------------------------
>> Styles for WordPress comments
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
#commentform label {
  display: block;
}
#commentform p.comment-form-author,
#commentform p.comment-form-url,
#commentform p.comment-form-email {
  width: calc(33.3% - 10px);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}
#commentform p.comment-form-comment {
  margin-bottom: 0;
}
#commentform p.comment-form-comment textarea {
  margin-bottom: 10px;
}
#commentform p.comment-form-url,
#commentform .url-comments,
#commentform li.middle {
  margin-right: 0 !important;
}
#commentform .form-submit {
  margin-bottom: 0;
}

.comment-meta,
.comment-author {
  margin-bottom: 15px;
}

.comments-closed {
  margin: 30px 0;
}

.comment-meta {
  margin-bottom: 30px;
  color: #14191f;
}

.comment-author.vcard {
  margin-bottom: 2px;
}
.comment-author.vcard a {
  border-bottom: none;
}
.comment-author.vcard span {
  font-family: "General Sans", arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.comment-metadata {
  font-size: 90%;
}
.comment-metadata a {
  color: #606364;
  border-bottom: transparent;
}

.comment-content p {
  margin-bottom: 20px;
}

.comment-body {
  margin-bottom: 30px;
}

ol.commentlist {
  margin-bottom: 60px;
}
ol.commentlist li.comment {
  margin-bottom: 30px;
  padding: 30px 0 0;
  border-top: 1px solid #e0e0e0;
}
ol.commentlist li.comment::before {
  display: none !important;
}
ol.commentlist li.comment.pingback {
  margin: 0 0 30px;
}
ol.commentlist li.comment div.vcard cite.fn {
  font-style: normal;
}
ol.commentlist li.comment div.vcard img.avatar {
  float: left;
  margin: 0 10px 0 0;
  width: 64px;
}
ol.commentlist li.comment div.commentmetadata {
  padding: 8px 0 14px;
}
ol.commentlist li.comment ul.children,
ol.commentlist li.comment ol.children {
  list-style: none;
  margin: 50px 0 0;
}
ol.commentlist li.comment ul.children li,
ol.commentlist li.comment ol.children li {
  padding: 30px 0 0;
}
ol.commentlist li.comment ul.children li.depth-2, ol.commentlist li.comment ul.children li.depth-3, ol.commentlist li.comment ul.children li.depth-4, ol.commentlist li.comment ul.children li.depth-5,
ol.commentlist li.comment ol.children li.depth-2,
ol.commentlist li.comment ol.children li.depth-3,
ol.commentlist li.comment ol.children li.depth-4,
ol.commentlist li.comment ol.children li.depth-5 {
  margin: 0 0 30px 60px;
}

a.comment-reply-link {
  background-color: #00a4eb;
  color: #f7f7f7;
  padding: 6px 11px 5px;
  font-size: 90%;
  height: 37px;
  box-sizing: border-box;
  display: inline-block;
  border: 2px solid transparent;
}
a.comment-reply-link:hover {
  background-color: #2ca8dd;
  color: #f7f7f7;
}

/*-------------------------------------------------
>> Styles for default WordPress widgets
-------------------------------------------------*/
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Do not edit these styles
------------------------------------------------- */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-comments,
.wp-block-latest-posts,
.wp-block-page-list,
.wp-block-rss,
.wp-block-search,
.wp-block-social-links,
.wp-block-tag-cloud,
.wp-block-calendar {
  margin: 0 0 40px;
}

/* -------------------------------------------------
>> Project Styles
---------------------------------------------------
>> Edit following styles or write your own
------------------------------------------------- */
/* ------------------------------------------------------------------
> Blocks
------------------------------------------------------------------ */
/* -------------------------------------------------
>> Accessibility styles for WordPress Gallery Block
------------------------------------------------- */
.wp-block-gallery .wp-block-image a {
  border-bottom: none;
}

.page-section .wp-block-gallery ul li {
  padding: 0;
}
.page-section .wp-block-gallery ul li::before {
  display: none;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Cover Block
------------------------------------------------- */
.wp-block-cover-text {
  color: #fff !important;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Button Block
------------------------------------------------- */
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
/* -------------------------------------------------
>> Accessibility styles for WordPress Calender Block
------------------------------------------------- */
.wp-block-calendar a {
  text-decoration: none;
}
.wp-block-calendar table {
  margin: 0 0 20px;
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
  color: none;
}
.wp-block-calendar table tbody td,
.wp-block-calendar table th {
  padding: 10px 15px;
  border: none;
}
.wp-block-calendar table th {
  background-color: transparent;
  font-weight: 700;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Categories Block
------------------------------------------------- */
.wp-block-archives-dropdown.wp-block-archives select,
.wp-block-categories-dropdown.wp-block-categories select {
  margin: 0;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Image Block
------------------------------------------------- */
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
/* -------------------------------------------------
>> Accessibility styles for WordPress Latest Comments Block
------------------------------------------------- */
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
  border-radius: unset;
  margin-top: 3px;
}

.wp-block-latest-comments__comment-date {
  margin: 5px 0;
  color: #606364;
}

.wp-block-latest-comments__comment-excerpt p {
  font-size: 100%;
  line-height: 1.5;
  margin: 5px 0;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Latest Posts Block
------------------------------------------------- */
.wp-block-latest-posts__featured-image a {
  border-bottom: none;
}
.wp-block-latest-posts__featured-image.alignleft {
  margin: 0 20px 10px 0;
}
.wp-block-latest-posts__featured-image.alignright {
  margin: 0 0 10px 20px;
}
.wp-block-latest-posts__featured-image.aligncenter {
  margin: 0 auto 10px;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
  font-size: 90%;
  color: #d14b3c;
}

.wp-block-latest-posts.is-grid li {
  margin-bottom: 12px;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Quote Block
------------------------------------------------- */
blockquote.wp-block-quote.is-style-large {
  border-left: 0;
  padding: 0;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress PullQuote Block
------------------------------------------------- */
/* -------------------------------------------------
>> Base Styles
---------------------------------------------------
>> Edit these styles as required
------------------------------------------------- */
/* -------------------------------------------------
>> Accessibility styles for WordPress RSS Feed Block
------------------------------------------------- */
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
  font-size: 90%;
  color: #d14b3c;
}

.wp-block-rss__item-excerpt {
  margin: 10px 0 20px;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Search Block
------------------------------------------------- */
input[type=search].wp-block-search__input {
  background-image: unset;
  padding: 0 12px;
  margin-bottom: 0;
}

.wp-block-search__button {
  border: none;
  margin-right: 0;
  padding: 0 20px;
}
.wp-block-search__button:hover {
  border: none;
  background-color: #fff;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Social-links Block
------------------------------------------------- */
.wp-block-social-links li.wp-block-social-link {
  list-style: none;
  padding-left: 0;
}
.wp-block-social-links li.wp-block-social-link::before {
  display: none;
}
.wp-block-social-links li.wp-block-social-link svg {
  margin-bottom: 0;
}

/* -------------------------------------------------
>> Accessibility styles for WordPress Tag Cloud Block
------------------------------------------------- */
.wp-block-tag-cloud .tag-cloud-link {
  margin: 0 8px 12px 0;
}

/* ------------------------------------------------------------------
> Site
------------------------------------------------------------------ */
/*-------------------------------------------------
>> Styles for header and footer of website
-------------------------------------------------*/
/*-------------------------------------------------
>> Styles for header
-------------------------------------------------*/
.slide-thumb img,
.burger-single,
.post-tags,
.post-content-des p,
.post-meta,
.search-button,
.single-blog-post,
.wpcf7-submit,
a,
a:visited,
button,
input[type=submit],
.home-hero,
header {
  transition: all 0.3s ease-in-out;
}

.nav-container {
  display: flex;
  align-items: center;
}

header.nav-up {
  opacity: 0;
  visibility: hidden;
}

.header-logo {
  display: flex;
  align-items: center;
}
.header-logo a {
  display: inline-block;
  line-height: 0.6;
}
.header-logo .partner-logo {
  line-height: 0.6;
  margin-left: 20px;
}

.no-overflow {
  overflow: hidden;
}

.site-logo {
  line-height: 0.65;
}

.logo {
  position: relative;
  z-index: 9;
  line-height: 0.65;
  width: 230px;
  transition: all 0.2s ease-in-out;
}
.logo a {
  margin-top: 3px;
  display: block;
  transform: scale(1);
  transform-origin: left top;
}

.header-inner {
  padding: 20px 0;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}

header {
  z-index: 9;
  width: 100%;
  position: fixed;
  top: 30px;
}

.header-wrapper {
  box-sizing: border-box;
  width: 90%;
  max-width: 1304px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  padding: 0 10px 0 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}

.header-btns {
  margin-top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.header-btns a.login-btn,
.header-btns a:visited.login-btn {
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  background-color: #818b96;
  padding: 13px 20px 14px 20px;
  display: inline-block;
  margin-right: 16px;
}
.header-btns a.login-btn:hover,
.header-btns a:visited.login-btn:hover {
  background-color: #68717c;
}
.header-btns a.button,
.header-btns a:visited.button {
  padding: 13px 20px 14px 20px;
  font-size: 18px;
  line-height: 1.3;
}

body.logged-in.admin-bar header {
  top: 32px;
}
body.logged-in.admin-bar.hide-topbar header {
  top: -12px;
}

.desktop-hide {
  display: none;
}

/*-------------------------------------------------
>> Styles for desktop menu
-------------------------------------------------*/
@media (min-width: 1024px) {
  .header-nav ul li:hover > ul,
  .menu-item-has-children ul.focused,
  .header-nav ul li a:focus-visible + ul {
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .header-nav ul ul {
    animation-delay: 0.6s;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }
}
.header-nav {
  text-align: center;
  line-height: 1;
}
.header-nav ul {
  margin: 0;
  padding: 0;
  position: relative;
}
.header-nav ul li {
  margin: 0 45px 0 0;
  padding: 0;
  display: inline-block;
  position: relative;
  line-height: 1.3;
  font-size: 18px;
  letter-spacing: 0.3px;
  font-weight: 500;
}
.header-nav ul li a,
.header-nav ul li a:visited {
  padding: 22px 0 23px;
  display: inline-block;
  line-height: 1.3;
  border: 0;
  position: relative;
  color: #fff;
  font-weight: 500;
}
.header-nav ul li a::after,
.header-nav ul li a:visited::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 5px;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.header-nav ul li.menu-item-has-children > a {
  padding-right: 26px;
  background-position: top 27px right;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yLjY2Njk5IDUuMzMzMDFMOC4wMDAzMyAxMC42NjYzTDEzLjMzMzcgNS4zMzMwMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
}
.header-nav ul li.menu-item-has-children > a::after {
  width: calc(100% - 24px);
}
.header-nav ul li.current-menu-item a::after,
.header-nav ul li.current-menu-item a:visited::after, .header-nav ul li.current-menu-parent a::after,
.header-nav ul li.current-menu-parent a:visited::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}
.header-nav ul li:last-child {
  margin-right: 38px;
}
.header-nav ul li:hover a::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}
.header-nav ul ul {
  left: -30px;
  width: 376px;
  opacity: 0;
  visibility: hidden;
  padding: 30px 20px 30px 30px;
  box-sizing: border-box;
  border-radius: 10px;
  position: absolute;
  top: 74px;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  z-index: 9;
  overflow: hidden;
  background-color: #000;
  transition: all 0.4s ease-in-out;
  text-align: left;
}
.header-nav ul ul::before {
  content: "";
  width: 100%;
  height: 5px;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: -5px;
}
.header-nav ul ul::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 1;
}
.header-nav ul ul li {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: left center;
  z-index: 10;
}
.header-nav ul ul li.meeting {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDQ5XzU1NSkiLz4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NDlfNTU1KSI+DQo8cGF0aCBkPSJNMjguNTAwNyAyNC44MTU0QzI4LjMyMzQgMjQuODE1MyAyOC4xNDgxIDI0Ljc3NzkgMjcuOTg2MSAyNC43MDU4QzI3Ljk0ODUgMjQuNjg5IDI3LjkxMjUgMjQuNjY4NiAyNy44Nzg5IDI0LjY0NDhMMjQuNjA0OSAyMi4zNDAzQzI0LjQzODkgMjIuMjIzNCAyNC4zMDM0IDIyLjA2ODMgMjQuMjA5OCAyMS44ODgxQzI0LjExNjMgMjEuNzA3OSAyNC4wNjc0IDIxLjUwNzggMjQuMDY3NCAyMS4zMDQ4VjE4LjE2MThDMjQuMDY3NCAxNy45NTg4IDI0LjExNjMgMTcuNzU4NyAyNC4yMDk4IDE3LjU3ODVDMjQuMzAzNCAxNy4zOTgzIDI0LjQzODkgMTcuMjQzMiAyNC42MDQ5IDE3LjEyNjNMMjcuODc4OSAxNC44MjE4QzI3LjkxMjUgMTQuNzk4IDI3Ljk0ODUgMTQuNzc3NiAyNy45ODYxIDE0Ljc2MDhDMjguMTc5IDE0LjY3NTEgMjguMzkwMiAxNC42Mzg5IDI4LjYwMDYgMTQuNjU1NkMyOC44MTEgMTQuNjcyMiAyOS4wMTM5IDE0Ljc0MTEgMjkuMTkwOSAxNC44NTYxQzI5LjM2NzggMTQuOTcxMSAyOS41MTMzIDE1LjEyODUgMjkuNjE0IDE1LjMxNEMyOS43MTQ2IDE1LjQ5OTUgMjkuNzY3NCAxNS43MDcyIDI5Ljc2NzQgMTUuOTE4M1YyMy41NDgzQzI5Ljc2NzQgMjMuODg0MyAyOS42MzM5IDI0LjIwNjUgMjkuMzk2NCAyNC40NDRDMjkuMTU4OCAyNC42ODE2IDI4LjgzNjcgMjQuODE1IDI4LjUwMDcgMjQuODE1VjI0LjgxNTRaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTIwLjc0MTcgMjUuNDMzM0gxMy40NTg0QzEyLjc0NDcgMjUuNDMyNiAxMi4wNjA1IDI1LjE0ODggMTEuNTU1OSAyNC42NDQxQzExLjA1MTMgMjQuMTM5NSAxMC43Njc1IDIzLjQ1NTMgMTAuNzY2NyAyMi43NDE3VjE2LjcyNUMxMC43Njc1IDE2LjAxMTMgMTEuMDUxMyAxNS4zMjcxIDExLjU1NTkgMTQuODIyNUMxMi4wNjA1IDE0LjMxNzkgMTIuNzQ0NyAxNC4wMzQxIDEzLjQ1ODQgMTQuMDMzM0gyMC43NjA3QzIxLjQ2OTMgMTQuMDM0MiAyMi4xNDg2IDE0LjMxNiAyMi42NDk3IDE0LjgxNzFDMjMuMTUwNyAxNS4zMTgxIDIzLjQzMjYgMTUuOTk3NCAyMy40MzM0IDE2LjcwNlYyMi43NDE3QzIzLjQzMjcgMjMuNDU1MyAyMy4xNDg4IDI0LjEzOTUgMjIuNjQ0MiAyNC42NDQxQzIyLjEzOTYgMjUuMTQ4OCAyMS40NTU0IDI1LjQzMjYgMjAuNzQxNyAyNS40MzMzWiIgZmlsbD0id2hpdGUiLz4NCjwvZz4NCjxkZWZzPg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzQ0OV81NTUiIHgxPSIyMCIgeTE9IjAiIHgyPSIyMCIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRkY5NUUxIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNENzUyQjIiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ0OV81NTUiPg0KPHJlY3Qgd2lkdGg9IjIwLjI2NjciIGhlaWdodD0iMjAuMjY2NyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjEzMzQgOS41OTk5OCkiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
}
.header-nav ul ul li.screencast {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDQyXzQ3KSIvPg0KPHBhdGggZD0iTTI0Ljg2MDggMTEuMjVIMTUuMTM4NkMxMy44NDkzIDExLjI1IDEyLjYxMjkgMTEuNzYyMiAxMS43MDEzIDEyLjY3MzhDMTAuNzg5NiAxMy41ODU0IDEwLjI3NzUgMTQuODIxOSAxMC4yNzc1IDE2LjExMTFWMjMuODg4OUMxMC4yNzc1IDI1LjE3ODEgMTAuNzg5NiAyNi40MTQ2IDExLjcwMTMgMjcuMzI2MkMxMi42MTI5IDI4LjIzNzggMTMuODQ5MyAyOC43NSAxNS4xMzg2IDI4Ljc1SDI0Ljg2MDhDMjYuMTUgMjguNzUgMjcuMzg2NSAyOC4yMzc4IDI4LjI5ODEgMjcuMzI2MkMyOS4yMDk4IDI2LjQxNDYgMjkuNzIxOSAyNS4xNzgxIDI5LjcyMTkgMjMuODg4OVYxNi4xMTExQzI5LjcyMTkgMTQuODIxOSAyOS4yMDk4IDEzLjU4NTQgMjguMjk4MSAxMi42NzM4QzI3LjM4NjUgMTEuNzYyMiAyNi4xNSAxMS4yNSAyNC44NjA4IDExLjI1Wk0xOC41Mjk3IDI0LjY3NTRDMTguNDk4NiAyNC42NzU0IDE4LjQ2NjUgMjQuNjc1NCAxOC40MzI1IDI0LjY3NTRDMTguMjU1MyAyNC42NzUyIDE4LjA4NDIgMjQuNjEwNyAxNy45NTExIDI0LjQ5MzdDMTcuODE4IDI0LjM3NjcgMTcuNzMyIDI0LjIxNTMgMTcuNzA5MSAyNC4wMzk2QzE3LjY1ODYgMjMuNTY5NyAxNy40NDg5IDIzLjEzMTMgMTcuMTE0OSAyMi43OTdDMTYuNzgwOCAyMi40NjI4IDE2LjM0MjQgMjIuMjUyOCAxNS44NzI2IDIyLjIwMjFDMTUuNzc3NiAyMi4xODk5IDE1LjY4NiAyMi4xNTkxIDE1LjYwMjkgMjIuMTExNUMxNS41MTk4IDIyLjA2MzkgMTUuNDQ2OSAyMi4wMDA0IDE1LjM4ODMgMjEuOTI0NkMxNS4zMjk4IDIxLjg0ODggMTUuMjg2NyAyMS43NjIyIDE1LjI2MTYgMjEuNjY5OEMxNS4yMzY2IDIxLjU3NzQgMTUuMjI5OSAyMS40ODA5IDE1LjI0MjEgMjEuMzg1OUMxNS4yNTQzIDIxLjI5MDkgMTUuMjg1MSAyMS4xOTkzIDE1LjMzMjcgMjEuMTE2MkMxNS4zODAzIDIxLjAzMzEgMTUuNDQzOCAyMC45NjAyIDE1LjUxOTYgMjAuOTAxNkMxNS41OTU0IDIwLjg0MzEgMTUuNjgyIDIwLjggMTUuNzc0NCAyMC43NzQ5QzE1Ljg2NjggMjAuNzQ5OSAxNS45NjMzIDIwLjc0MzIgMTYuMDU4MyAyMC43NTU0QzE2Ljg0NzYgMjAuODQ5MiAxNy41ODI0IDIxLjIwNTggMTguMTQ0NCAyMS43Njc4QzE4LjcwNjQgMjIuMzI5OCAxOS4wNjMgMjMuMDY0NiAxOS4xNTY4IDIzLjg1MzlDMTkuMTgyNSAyNC4wNDYgMTkuMTMwOSAyNC4yNDA0IDE5LjAxMzMgMjQuMzk0NEMxOC44OTU3IDI0LjU0ODUgMTguNzIxNyAyNC42NDk2IDE4LjUyOTcgMjQuNjc1NFpNMjEuNDk1OSAyNC4xNzY3QzIxLjQ2MzcgMjQuMTgwNyAyMS40MzEyIDI0LjE4MjcgMjEuMzk4NyAyNC4xODI1QzIxLjIyMTUgMjQuMTgyMyAyMS4wNTA0IDI0LjExNzUgMjAuOTE3NSAyNC4wMDAzQzIwLjc4NDUgMjMuODgzMSAyMC42OTg4IDIzLjcyMTUgMjAuNjc2NCAyMy41NDU3QzIwLjU1NjIgMjIuNDQ1IDIwLjA2MzkgMjEuNDE4MyAxOS4yODA5IDIwLjYzNTVDMTguNDk3OSAxOS44NTI3IDE3LjQ3MTEgMTkuMzYwNiAxNi4zNzA0IDE5LjI0MDdDMTYuMTc4NSAxOS4yMTYxIDE2LjAwNDMgMTkuMTE2MiAxNS44ODYxIDE4Ljk2MzJDMTUuNzY3OSAxOC44MTAxIDE1LjcxNTMgMTguNjE2NCAxNS43Mzk5IDE4LjQyNDVDMTUuNzY0NSAxOC4yMzI3IDE1Ljg2NDMgMTguMDU4NSAxNi4wMTc0IDE3Ljk0MDJDMTYuMTcwNSAxNy44MjIgMTYuMzY0MiAxNy43Njk0IDE2LjU1NjEgMTcuNzk0QzE3Ljk3OTMgMTcuOTQ5MSAxOS4zMDcgMTguNTg1NCAyMC4zMTkzIDE5LjU5NzdDMjEuMzMxNiAyMC42MTAxIDIxLjk2OCAyMS45Mzc3IDIyLjEyMyAyMy4zNjFDMjIuMTM1NyAyMy40NTYgMjIuMTI5NiAyMy41NTI1IDIyLjEwNDkgMjMuNjQ1MkMyMi4wODAzIDIzLjczNzggMjIuMDM3NiAyMy44MjQ3IDIxLjk3OTQgMjMuOTAwOEMyMS45MjEyIDIzLjk3NjkgMjEuODQ4NSAyNC4wNDA4IDIxLjc2NTUgMjQuMDg4OEMyMS42ODI2IDI0LjEzNjggMjEuNTkxIDI0LjE2OCAyMS40OTU5IDI0LjE4MDZWMjQuMTc2N1pNMjQuMTIwOSAyMy4zMzk2QzI0LjA4ODkgMjMuMzM5NiAyNC4wNTc3IDIzLjMzOTYgMjQuMDIzNyAyMy4zMzk2QzIzLjg0NjUgMjMuMzM5NCAyMy42NzU0IDIzLjI3NDggMjMuNTQyNCAyMy4xNTc4QzIzLjQwOTMgMjMuMDQwOCAyMy4zMjMzIDIyLjg3OTUgMjMuMzAwNCAyMi43MDM3QzIzLjEzMDQgMjEuMTQ3MyAyMi40MzQ0IDE5LjY5NTMgMjEuMzI3NCAxOC41ODhDMjAuMjIwNSAxNy40ODA3IDE4Ljc2ODggMTYuNzg0MiAxNy4yMTIzIDE2LjYxMzdDMTcuMTE3MyAxNi42MDE2IDE3LjAyNTcgMTYuNTcwOCAxNi45NDI2IDE2LjUyMzJDMTYuODU5NSAxNi40NzU1IDE2Ljc4NjYgMTYuNDEyIDE2LjcyOCAxNi4zMzYyQzE2LjY2OTUgMTYuMjYwNCAxNi42MjY1IDE2LjE3MzkgMTYuNjAxNCAxNi4wODE0QzE2LjU3NjMgMTUuOTg5IDE2LjU2OTYgMTUuODkyNiAxNi41ODE4IDE1Ljc5NzZDMTYuNTk0IDE1LjcwMjYgMTYuNjI0OCAxNS42MTA5IDE2LjY3MjQgMTUuNTI3OEMxNi43MiAxNS40NDQ3IDE2Ljc4MzYgMTUuMzcxOCAxNi44NTk0IDE1LjMxMzNDMTYuOTM1MSAxNS4yNTQ3IDE3LjAyMTcgMTUuMjExNyAxNy4xMTQxIDE1LjE4NjZDMTcuMjA2NiAxNS4xNjE1IDE3LjMwMyAxNS4xNTQ5IDE3LjM5OCAxNS4xNjcxQzE5LjI3OTUgMTUuMzcxOCAyMS4wMzQ1IDE2LjIxMzIgMjIuMzcyNCAxNy41NTE5QzIzLjcxMDIgMTguODkwNiAyNC41NTA0IDIwLjY0NjIgMjQuNzUzOSAyMi41Mjc4QzI0Ljc3NjcgMjIuNzE4OSAyNC43MjMzIDIyLjkxMTMgMjQuNjA1MiAyMy4wNjMzQzI0LjQ4NyAyMy4yMTUzIDI0LjMxMzcgMjMuMzE0NiAyNC4xMjI5IDIzLjMzOTZIMjQuMTIwOVoiIGZpbGw9IndoaXRlIi8+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NDJfNDciIHgxPSIyMCIgeTE9IjAiIHgyPSIyMCIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMDBEQUU4Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwRUFDQjYiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
}
.header-nav ul ul li.ai {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDQyXzU0KSIvPg0KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ0Ml81NCkiPg0KPHBhdGggZD0iTTE3LjQ5MzYgMTBDMTYuMDQ1OCAxMCAxNC44MDY2IDEwLjkwOTMgMTQuMzE2NCAxMi4xODY4QzE1LjQ4MjYgMTIuMjA3MyAxNi41NzQ4IDEyLjY3IDE3LjQwMDEgMTMuNDk1M0MxNy40MDMxIDEzLjQ5ODIgMTcuNDA2MiAxMy41MDEzIDE3LjQwOTIgMTMuNTA0NEMxNy43NzM4IDEzLjg3NDYgMTcuMzk0NiAxNC40ODc0IDE2Ljg5ODEgMTQuMzM0MkMxNi43Mzc5IDE0LjI4NDggMTYuNTkxIDE0LjIwMDYgMTYuNDY0NSAxNC4wOTA3QzE1Ljc4OTcgMTMuNTA0NCAxNC45MzcxIDEzLjIyODkgMTQuMDk0OCAxMy4yNjM0VjEzLjI2MTNDMTIuMjg0IDEzLjMzNTIgMTAuODMzNSAxNC44MzE1IDEwLjgzMzUgMTYuNjYwMUMxMC44MzM1IDE3LjYyNDEgMTEuMjQyNSAxOC41MyAxMS45MzYgMTkuMTY2NkMxMS4yNDI1IDE5LjgwMzMgMTAuODMzNSAyMC43MDkyIDEwLjgzMzUgMjEuNjczMkMxMC44MzM1IDIzLjUwMTggMTIuMjg0IDI0Ljk5ODEgMTQuMDk0OSAyNS4wNzJDMTQuMTY4NyAyNi44ODI4IDE1LjY2NSAyOC4zMzMzIDE3LjQ5MzYgMjguMzMzM0MxNy41MjU3IDI4LjMzMzMgMTcuNTU3NiAyOC4zMzI5IDE3LjU4OTIgMjguMzMyQzE4LjI4MzkgMjguMzEyNyAxOC45Mzg5IDI4LjA1NzMgMTkuNDYzIDI3LjYwNjRWMTAuNzI2OUMxOC45Mzg5IDEwLjI3NiAxOC4yODM5IDEwLjAyMDYgMTcuNTg5MyAxMC4wMDEzQzE3LjU1NzYgMTAuMDAwNCAxNy41MjU3IDEwIDE3LjQ5MzYgMTBaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI4LjA2NDIgMTkuMTY2NkMyOC43NTc3IDE4LjUzIDI5LjE2NjYgMTcuNjI0MSAyOS4xNjY2IDE2LjY2MDFDMjkuMTY2NiAxNC44MzE1IDI3LjcxNjIgMTMuMzM1MiAyNS45MDU0IDEzLjI2MTNDMjUuODMxNCAxMS40NTA1IDI0LjMzNTIgMTAgMjIuNTA2NSAxMEMyMi40NzQ1IDEwIDIyLjQ0MjYgMTAuMDAwNCAyMi40MTExIDEwLjAwMTNDMjEuNzE2MiAxMC4wMjA2IDIxLjA2MTMgMTAuMjc2IDIwLjUzNzEgMTAuNzI2OVYyNy42MDY1QzIxLjA2MTMgMjguMDU3MyAyMS43MTYyIDI4LjMxMjcgMjIuNDEwOCAyOC4zMzJDMjIuNDQyNiAyOC4zMzI5IDIyLjQ3NDUgMjguMzMzMyAyMi41MDY1IDI4LjMzMzNDMjMuOTU0MyAyOC4zMzMzIDI1LjE5MzYgMjcuNDI0IDI1LjY4MzggMjYuMTQ2NUMyNC41MTc2IDI2LjEyNiAyMy40MjUzIDI1LjY2MzMgMjIuNjAwMSAyNC44MzgyQzIyLjU5NyAyNC44MzUxIDIyLjU5NDEgMjQuODMyIDIyLjU5MSAyNC44Mjg5QzIyLjIyNjMgMjQuNDU4NyAyMi42MDU1IDIzLjg0NTkgMjMuMTAyMSAyMy45OTkxQzIzLjI2MjQgMjQuMDQ4NSAyMy40MDkxIDI0LjEzMjcgMjMuNTM1NyAyNC4yNDI2QzI0LjIxMDYgMjQuODI4OSAyNS4wNjMyIDI1LjEwNDQgMjUuOTA1NCAyNS4wNjk5VjI1LjA3MkMyNy43MTYyIDI0Ljk5ODEgMjkuMTY2NiAyMy41MDE4IDI5LjE2NjYgMjEuNjczMkMyOS4xNjY2IDIwLjcwOTIgMjguNzU3NyAxOS44MDMzIDI4LjA2NDIgMTkuMTY2NloiIGZpbGw9IndoaXRlIi8+DQo8L2c+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NDJfNTQiIHgxPSIyMCIgeTE9IjAiIHgyPSIyMCIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRkNCMTIxIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEODgxMDAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ0Ml81NCI+DQo8cmVjdCB3aWR0aD0iMTguMzMzMyIgaGVpZ2h0PSIxOC4zMzMzIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuODMzMyAxMCkiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
}
.header-nav ul ul li.matterport {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTAiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl85MDhfNzI1KSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjM5IiBoZWlnaHQ9IjM5IiByeD0iOS41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4zIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuOTk4MiAxMC45NDc0QzE0Ljk5ODUgMTAuOTQ3NCAxMC45NDU1IDE1LjAwMDQgMTAuOTQ1NSAyMEMxMC45NDU1IDI0Ljk5OTYgMTQuOTk4NSAyOS4wNTI2IDE5Ljk5ODIgMjkuMDUyNkMyNC45OTc4IDI5LjA1MjYgMjkuMDUwOCAyNC45OTk2IDI5LjA1MDggMjBDMjkuMDUwOCAxNS4wMDA0IDI0Ljk5NzggMTAuOTQ3NCAxOS45OTgyIDEwLjk0NzRaTTkuMDUwNzggMjBDOS4wNTA3OCAxMy45NTM5IDEzLjk1MjEgOS4wNTI2MyAxOS45OTgyIDkuMDUyNjNDMjYuMDQ0MiA5LjA1MjYzIDMwLjk0NTUgMTMuOTUzOSAzMC45NDU1IDIwQzMwLjk0NTUgMjYuMDQ2MSAyNi4wNDQyIDMwLjk0NzQgMTkuOTk4MiAzMC45NDc0QzEzLjk1MjEgMzAuOTQ3NCA5LjA1MDc4IDI2LjA0NjEgOS4wNTA3OCAyMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuOTk4MSAxNS4wNTI2QzIwLjUyMTQgMTUuMDUyNiAyMC45NDU1IDE1LjQ3NjggMjAuOTQ1NSAxNlYyNEMyMC45NDU1IDI0LjUyMzIgMjAuNTIxNCAyNC45NDc0IDE5Ljk5ODEgMjQuOTQ3NEMxOS40NzQ5IDI0Ljk0NzQgMTkuMDUwOCAyNC41MjMyIDE5LjA1MDggMjRWMTZDMTkuMDUwOCAxNS40NzY4IDE5LjQ3NDkgMTUuMDUyNiAxOS45OTgxIDE1LjA1MjZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjA1MDggMjBDMTUuMDUwOCAxOS40NzY4IDE1LjQ3NDkgMTkuMDUyNiAxNS45OTgxIDE5LjA1MjZIMjMuOTk4MUMyNC41MjE0IDE5LjA1MjYgMjQuOTQ1NSAxOS40NzY4IDI0Ljk0NTUgMjBDMjQuOTQ1NSAyMC41MjMyIDI0LjUyMTQgMjAuOTQ3NCAyMy45OTgxIDIwLjk0NzRIMTUuOTk4MUMxNS40NzQ5IDIwLjk0NzQgMTUuMDUwOCAyMC41MjMyIDE1LjA1MDggMjBaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzkwOF83MjUiIHgxPSIyMCIgeTE9IjAiIHgyPSIyMCIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0ODQ4NDgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjMyMzIzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.header-nav ul ul li:last-child {
  margin: 0;
}
.header-nav ul ul li a,
.header-nav ul ul li a:visited {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.72px;
  display: inline-block;
  padding: 10px 0 10px 60px;
  box-sizing: border-box;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease-in-out;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.header-nav ul ul li a::after,
.header-nav ul ul li a:visited::after {
  display: none;
}
.header-nav ul ul li a:hover {
  color: #fff;
}
.header-nav ul ul li.current-menu-item > a, .header-nav ul ul li.current-menu-parent > a,
.header-nav ul ul li a:hover {
  border: 0;
}
.header-nav ul ul ul {
  top: -10px;
  left: 230px;
}
.header-nav ul ul ul::before {
  display: none;
  content: "";
  width: 1px;
  height: 1px;
  position: absolute;
  top: 12px;
  left: -5px;
  margin: auto;
}

/*-------------------------------------------------
>> Styles for mobile menu
-------------------------------------------------*/
@media (max-width: 1199px) {
  .header-logo {
    z-index: 10;
  }
  .header-wrapper {
    background-color: transparent;
    -webkit-backdrop-filter: initial;
            backdrop-filter: initial;
  }
  .header-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
  .header-inner {
    padding: 19px 5%;
    border: none;
    width: 100%;
    border-radius: 0;
  }
  body.no-overflow .header-wrapper {
    background-color: #000;
    -webkit-backdrop-filter: initial;
            backdrop-filter: initial;
  }
  body.no-overflow .header-wrapper::after {
    opacity: 1;
    visibility: visible;
  }
  header {
    top: 0;
  }
  header.shrink .header-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
  }
  .right-heade {
    width: 100%;
    float: none;
  }
  .logo {
    max-width: 190px;
  }
  .logo a {
    margin-top: 1px;
  }
  .nav-overlay .header-nav ul {
    margin: 0 0 120px 0;
    padding: 0;
    background: transparent;
    width: 100%;
  }
  .nav-overlay .header-nav ul li {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    display: block;
    opacity: 1;
    font-size: 32px;
    line-height: 1.4;
  }
  .nav-overlay .header-nav ul li a,
  .nav-overlay .header-nav ul li a:visited {
    color: #fff;
    line-height: 1;
    display: inline-block;
    border-bottom: none;
    position: relative;
    padding: 0;
  }
  .nav-overlay .header-nav ul li a::after,
  .nav-overlay .header-nav ul li a:visited::after {
    display: none;
  }
  .nav-overlay .header-nav ul li.current-menu-item > a, .nav-overlay .header-nav ul li.current-menu-parent > a,
  .nav-overlay .header-nav ul li a:hover {
    border-bottom: none;
  }
  .nav-overlay .header-nav ul ul {
    transition: none;
    display: none;
    padding: 0;
    margin: 20px 0 30px 0;
    position: relative;
    top: initial;
    left: initial;
    opacity: initial;
    visibility: initial;
    overflow: visible;
    box-shadow: none;
  }
  .nav-overlay .header-nav ul ul::after {
    display: none;
  }
  .nav-overlay .header-nav ul ul li {
    margin: 0 0 16px;
    background-size: 36px;
  }
  .nav-overlay .header-nav ul ul li:last-child {
    margin-bottom: 0;
  }
  .nav-overlay .header-nav ul ul li a,
  .nav-overlay .header-nav ul ul li a:visited {
    padding: 11px 0 11px 54px;
    text-transform: inherit;
    display: block;
    font-family: "General Sans", arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
  }
  .nav-overlay .header-nav ul ul li.current-menu-item > a, .nav-overlay .header-nav ul ul li.current-menu-parent > a {
    color: #14191f;
  }
  .nav-overlay .header-nav ul ul ul {
    padding: 20px 0 10px 20px;
  }
  .header-nav ul li.menu-item-has-children > a {
    background-image: none;
    padding-right: 0;
  }
  .nav-overlay {
    position: fixed;
    background: #201d1d linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    overflow: visible;
    box-sizing: border-box;
    z-index: 8;
    padding-top: 106px;
    transition: all 0.3s ease-in-out;
  }
  .nav-overlay .nav-container {
    display: block;
  }
  .logged-in.admin-bar .nav-overlay {
    top: 110px;
  }
  .nav-overlay.open {
    opacity: 1;
    visibility: visible;
    overflow-y: scroll;
  }
  header .nav-container {
    transition: all 0.4s ease-in-out;
    opacity: 0;
    padding: 0 0 30px 0;
    transition-delay: 0.25s;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
  }
  header .nav-container .header-nav {
    text-align: left;
  }
  header .nav-overlay.open .nav-container {
    opacity: 1;
    display: block;
  }
  header.shrink .nav-overlay.open .nav-container {
    opacity: 1;
  }
  .nav-content {
    height: 100%;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .nav-content::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
  }
  .nav-content::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
    position: relative;
    left: 5px;
    box-shadow: none;
  }
  .nav-content::-webkit-scrollbar-thumb {
    box-shadow: none;
    border-radius: 2px;
  }
  .desktop-hide {
    display: block !important;
  }
  .header-btns.mobile-hide {
    display: none;
  }
  .header-btns.desktop-hide {
    margin-top: 30px;
    top: 0;
    opacity: 1;
    max-width: 500px;
    margin: 70px auto 0 auto;
  }
  .header-btns.desktop-hide a,
  .header-btns.desktop-hide a:visited {
    display: block;
    text-align: center;
    margin-right: 0;
  }
  .header-btns.desktop-hide a.button, .header-btns.desktop-hide a.login-btn,
  .header-btns.desktop-hide a:visited.button,
  .header-btns.desktop-hide a:visited.login-btn {
    padding: 15px 20px 16px 20px;
  }
  .header-btns.desktop-hide a:first-child,
  .header-btns.desktop-hide a:visited:first-child {
    margin-bottom: 18px;
  }
  .menu-btn {
    top: -7px;
    right: 0;
    height: 20px;
    width: 26px;
    cursor: pointer;
    z-index: 9999;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
  }
  .menu-btn span {
    height: 2px;
    width: 100%;
    background-color: #fff;
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  .menu-btn.active span:first-child {
    transform: translateY(10px) translateX(0) rotate(-45deg);
  }
  .menu-btn.active span:last-child {
    transform: translateY(-8px) translateX(0) rotate(45deg);
  }
  .menu-btn.active span.middle {
    opacity: 0;
  }
  li.menu-item-has-children .submenu-icon {
    z-index: 9999;
    position: relative;
    top: 1px;
    display: inline-block;
    margin-left: 9px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMzMzc2IDUuMzQwODJMMTAuMDAwNCAxMi4wMDc1TDE2LjY2NzEgNS4zNDA4MkwxNy45OTI5IDYuNjY2NjVMMTAuNjYzMyAxMy45OTYyQzEwLjI5NzIgMTQuMzYyMyA5LjcwMzYzIDE0LjM2MjMgOS4zMzc1MSAxMy45OTYyTDIuMDA3OTMgNi42NjY2NUwzLjMzMzc2IDUuMzQwODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  }
  li.menu-item-has-children.active .submenu-icon {
    transform: rotate(180deg);
  }
}
.no-overflow .logged-in.admin-bar .nav-overlay {
  top: 32px;
  height: calc(100vh - 32px);
}

@media (max-width: 782px) {
  .no-overflow .logged-in.admin-bar .left-header {
    top: 110px;
  }
  .no-overflow .logged-in.admin-bar .nav-overlay {
    top: 109px;
    height: calc(100vh - 46px);
  }
  #wpadminbar {
    position: fixed !important;
  }
  body.logged-in.admin-bar header {
    top: 46px;
  }
  body.logged-in.admin-bar.hide-topbar header {
    top: 2px;
  }
  body.logged-in.admin-bar.have-topbar .hero-section {
    padding-top: 113px;
  }
  body.logged-in.admin-bar .hero-section {
    padding-top: 69px;
  }
}
/*-------------------------------------------------
>> Styles for Masthead
-------------------------------------------------*/
.hero-section {
  transition: all 0.3s ease-in-out;
  padding-top: 100px;
  position: relative;
}
.hero-section::before {
  content: "";
  background-image: url(images/background-inner.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 640px;
  z-index: -1;
  top: 0;
  right: 0;
}
.hero-section.home-hero-ctn::before {
  background-image: url(images/background-home.webp);
  height: 960px;
  background-size: cover;
}

.hero-content-inner {
  max-width: 575px;
  margin-right: 15px;
  float: right;
}

.hero-ctn {
  padding: 70px 0 60px;
}
.hero-ctn.serach-hero {
  padding-bottom: 60px;
}

.hero-home {
  max-width: 715px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.hero-home h1 {
  margin-bottom: 30px;
}

.hero-text {
  max-width: 614px;
  margin: 0 auto;
}
.hero-text p {
  margin: 0 0 40px;
  color: #fff;
  font-weight: 500;
}
.hero-text p:last-of-type {
  margin-bottom: 0;
}

.hero-jumplinks {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.hero-jumplinks a.jump-link,
.hero-jumplinks a:visited.jump-link {
  display: flex;
  padding: 11px 13px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-align: left;
  align-items: center;
  margin-right: 26px;
}
.hero-jumplinks a.jump-link:last-child,
.hero-jumplinks a:visited.jump-link:last-child {
  margin-right: 0;
}
.hero-jumplinks a.jump-link .jumplink-img,
.hero-jumplinks a:visited.jump-link .jumplink-img {
  line-height: 0.65;
}
.hero-jumplinks a.jump-link .jumplink-text,
.hero-jumplinks a:visited.jump-link .jumplink-text {
  line-height: 1.2;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.04em;
  margin-left: 20px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}
.hero-jumplinks a.jump-link:hover,
.hero-jumplinks a:visited.jump-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-jumplinks a.jump-link:hover .jumplink-text,
.hero-jumplinks a:visited.jump-link:hover .jumplink-text {
  color: #fff;
}
.hero-jumplinks a.jump-link:nth-child(1) .jumplink-text,
.hero-jumplinks a:visited.jump-link:nth-child(1) .jumplink-text {
  width: 84px;
}
.hero-jumplinks a.jump-link:nth-child(2) .jumplink-text,
.hero-jumplinks a:visited.jump-link:nth-child(2) .jumplink-text {
  width: 115px;
}
.hero-jumplinks a.jump-link:nth-child(3) .jumplink-text,
.hero-jumplinks a:visited.jump-link:nth-child(3) .jumplink-text {
  width: 102px;
}

.hero-button {
  margin-top: 70px;
}

.simple-hero {
  padding: 80px 0;
}

.toolkit-hero-ctn h1 {
  margin-bottom: 20px;
}
.toolkit-hero-ctn span {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
}

.pricing-hero-content,
.extension-hero-content {
  justify-content: space-between;
  align-items: center;
}
.pricing-hero-content h1,
.extension-hero-content h1 {
  margin-bottom: 0;
}

/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.switch-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}
.switch-wrapper label {
  margin: 0;
  padding: 0;
}
.switch-wrapper label::before, .switch-wrapper label::after {
  display: none;
}
.switch-wrapper [type=radio]:not(:checked) + label {
  margin: 0;
}
.switch-wrapper [type=radio]:checked + label {
  margin: 0;
}

.toggle-buttons {
  margin-top: 3px;
}

.switch-wrapper [type=radio] {
  position: absolute;
  left: -9999px;
  margin: 0;
  padding: 0;
}

.switch-wrapper [type=radio]:checked#monthly ~ label[for=monthly],
.switch-wrapper [type=radio]:checked#yearly ~ label[for=yearly] {
  color: #000 !important;
  background-color: #fff !important;
}

.switch-wrapper label {
  border-radius: 6px;
  padding: 6px 16px 7px 16px !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  font-size: 16px;
  color: #fff !important;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.switch-wrapper label span {
  color: #01A456;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* Solution Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.solution-hero-heading-area {
  margin-bottom: 30px;
  align-items: center;
}
.solution-hero-heading-area h1 {
  margin-bottom: 0;
}

.hero-icon {
  width: 72px;
  height: 72px;
  line-height: 0.65;
  margin-right: 30px;
}

.solution-hero-content p {
  font-size: 22px;
  font-weight: 500;
  max-width: 615px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 50px;
}
.solution-hero-content a.down-arrow-btn,
.solution-hero-content a:visited.down-arrow-btn {
  padding: 19px 50px 19px 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE2MTE5IDE1Ljg2NzdMNyAyMS45Mzg4TDEyLjgzODggMTUuODY3N0wxNCAxNy4wNzUxTDcuNTgwNTkgMjMuNzQ5OUM3LjI1OTk0IDI0LjA4MzMgNi43NDAwNiAyNC4wODMzIDYuNDE5NDEgMjMuNzQ5OUwwIDE3LjA3NTFMMS4xNjExOSAxNS44Njc3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjczNTk0IC05LjYwODg3ZS0wNkw3LjczNTk0IDIyTDYuMDg1OTQgMjJMNi4wODU5NCAtOS41MzY3NGUtMDZMNy43MzU5NCAtOS42MDg4N2UtMDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: right 24px center;
}

.solution-hero-video {
  position: relative;
  max-width: 880px;
  float: right;
  margin-top: -71px;
}
.solution-hero-video img,
.solution-hero-video video {
  border-radius: 10px;
}

.video-area-ctn {
  position: relative;
  line-height: 0.65;
}

.play-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.play-button a,
.play-button a:visited {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-bottom: 0px;
  border-color: transparent;
  color: transparent;
  padding: 0;
}
.play-button a::before,
.play-button a:visited::before {
  content: "";
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  position: absolute;
  transition: all 0.3s ease-in-out;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.play-button a:hover::before,
.play-button a:visited:hover::before {
  transform: scale(1.1);
}
.play-button a img,
.play-button a:visited img {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 5px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0px;
  width: auto !important;
}

/*-------------------------------------------------
>> Styles for footer
-------------------------------------------------*/
.footer-section {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-cta-ctn {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.cta-heading br {
  display: none;
}
.cta-heading h2 {
  margin-bottom: 0;
}
.cta-heading span {
  display: inline-block;
  line-height: 0.65;
  position: relative;
  margin: 0 4px;
  top: 3px;
}
.cta-heading span img {
  width: 55px;
}

.cta-button {
  line-height: 0.65;
}

.footer-logo {
  margin-bottom: 30px;
  line-height: 0.65;
  align-items: center;
}

.single-widget {
  width: 300px;
  margin-right: 40px;
}
.single-widget .address {
  max-width: 325px;
}
.single-widget:first-child {
  width: 458px;
}
.single-widget:last-child {
  margin-right: 0;
}
.single-widget h4 {
  font-size: 18px;
  line-height: 130%;
  color: #fff;
  margin-bottom: 30px;
}
.single-widget p {
  font-size: 16px;
  margin-bottom: 30px;
}
.single-widget ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.single-widget ul li {
  font-size: 18px;
  line-height: 1.3;
  display: block;
  margin-bottom: 30px;
}
.single-widget ul li:last-child {
  margin-bottom: 0;
}
.single-widget ul li a,
.single-widget ul li a:visited {
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid transparent;
}
.single-widget ul li a:hover,
.single-widget ul li a:visited:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.social-icons {
  line-height: 0.65;
  margin-left: 40px;
  margin-top: 4px;
}
.social-icons a,
.social-icons a:visited {
  margin-right: 23px;
  border-radius: 4px;
  line-height: 0.65;
  width: 24px;
  height: 24px;
  background-color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.social-icons a img,
.social-icons a:visited img {
  max-width: 14px;
}
.social-icons a:hover,
.social-icons a:visited:hover {
  background-color: #3997ff;
}

.footer-bottom {
  align-items: center;
  position: relative;
  top: -5px;
}

.language-select select {
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.84px;
  max-width: -moz-max-content;
  max-width: max-content;
  height: 32px;
  padding: 0 26px 0 10px;
  text-transform: uppercase;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjAwMjA3IDIuOTM5NDVMNi4wMDIwNyA2LjkzOTQ1TDEwLjAwMjEgMi45Mzk0NUwxMS4wNjI3IDQuMDAwMTFMNi41MzI0IDguNTMwNDRDNi4yMzk1IDguODIzMzQgNS43NjQ2MyA4LjgyMzM0IDUuNDcxNzQgOC41MzA0NEwwLjk0MTQwNiA0LjAwMDExTDIuMDAyMDcgMi45Mzk0NVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: right 8px center;
}

.copy-right {
  width: 458px;
  margin-right: 40px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}

.legal-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.legal-nav ul li {
  font-size: 16px;
  line-height: 1.3;
  display: inline-block;
  margin: 0 39px 0 0;
}
.legal-nav ul li:last-child {
  margin: 0;
}
.legal-nav ul li a,
.legal-nav ul li a:visited {
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid transparent;
}
.legal-nav ul li a:hover,
.legal-nav ul li a:visited:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}

/*-------------------------------------------------
>> Styles for Containers
-------------------------------------------------*/
/****
 *
 * containers
 *
****/
.wrapper {
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
}

.full-width .wrapper {
  width: 100%;
  max-width: 100%;
}

.overflow-ctn {
  overflow: hidden;
}

.ctn-1180 .wrapper {
  max-width: 1180px;
}

.ctn-980 .wrapper {
  max-width: 980px;
}

.white-ctn {
  background-color: #fff;
}
.white-ctn h1,
.white-ctn .heading-1,
.white-ctn h2,
.white-ctn .heading-2,
.white-ctn h3,
.white-ctn .heading-3,
.white-ctn h4,
.white-ctn .heading-4,
.white-ctn h5,
.white-ctn .heading-5,
.white-ctn h6,
.white-ctn .heading-6 {
  color: #000;
}
.white-ctn p,
.white-ctn ul li,
.white-ctn span {
  color: rgba(0, 0, 0, 0.5);
}

/*-------------------------------------------------
>> Styles for Spacers
-------------------------------------------------*/
.s-270 {
  height: 270px;
}
@media (max-width: 747px) {
  .s-270 {
    height: 120px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-270 {
    height: 200px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-270 {
    height: 200px;
  }
}

.s-200 {
  height: 200px;
}
@media (max-width: 747px) {
  .s-200 {
    height: 100px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-200 {
    height: 150px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-200 {
    height: 150px;
  }
}

.s-160 {
  height: 160px;
}
@media (max-width: 747px) {
  .s-160 {
    height: 86px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-160 {
    height: 120px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-160 {
    height: 120px;
  }
}

.s-140 {
  height: 140px;
}
@media (max-width: 747px) {
  .s-140 {
    height: 74px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-140 {
    height: 100px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-140 {
    height: 100px;
  }
}

.s-120 {
  height: 120px;
}
@media (max-width: 747px) {
  .s-120 {
    height: 64px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-120 {
    height: 90px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-120 {
    height: 90px;
  }
}

.s-100 {
  height: 100px;
}
@media (max-width: 747px) {
  .s-100 {
    height: 56px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-100 {
    height: 76px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-100 {
    height: 76px;
  }
}

.s-80 {
  height: 80px;
}
@media (max-width: 747px) {
  .s-80 {
    height: 46px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-80 {
    height: 60px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-80 {
    height: 60px;
  }
}

.s-60 {
  height: 60px;
}
@media (max-width: 747px) {
  .s-60 {
    height: 40px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-60 {
    height: 50px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-60 {
    height: 50px;
  }
}

.s-50 {
  height: 50px;
}
@media (max-width: 747px) {
  .s-50 {
    height: 36px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-50 {
    height: 40px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-50 {
    height: 40px;
  }
}

.s-40 {
  height: 40px;
}
@media (max-width: 747px) {
  .s-40 {
    height: 30px;
  }
}
@media (min-width: 748px) and (max-width: 1003px) {
  .s-40 {
    height: 36px;
  }
}
@media (min-width: 1004px) and (max-width: 1179px) {
  .s-40 {
    height: 36px;
  }
}

.s-30 {
  height: 30px;
}
@media (max-width: 747px) {
  .s-30 {
    height: 24px;
  }
}

/*-------------------------------------------------
>> Styles for Theme Spacers
-------------------------------------------------*/
.ts-160 {
  height: 160px;
}

.ts-140 {
  height: 140px;
}

.ts-120 {
  height: 120px;
}

.ts-100 {
  height: 100px;
}

.ts-80 {
  height: 80px;
}

.ts-60 {
  height: 60px;
}

.ts-40 {
  height: 40px;
}

/*-------------------------------------------------
>> Basic styles for theme
-------------------------------------------------*/
/****
 *
 * helper classes
 *
****/
.large-text {
  font-size: 26px;
  line-height: 1.3;
}

.small-text {
  font-size: 14px;
  line-height: 1;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.center-align {
  text-align: center;
}

.right-align {
  text-align: right;
}

.left-align {
  text-align: left;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-decuration-none {
  text-decoration: none;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

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

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.justify-content-start {
  justify-content: flex-start;
}

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

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

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

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.align-content-start {
  align-content: flex-start;
}

.align-content-end {
  align-content: flex-end;
}

.align-content-center {
  align-content: center;
}

.align-content-between {
  align-content: space-between;
}

.align-content-around {
  align-content: space-around;
}

.align-content-stretch {
  align-content: stretch;
}

.align-self-auto {
  align-self: auto;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-baseline {
  align-self: baseline;
}

.align-self-stretch {
  align-self: stretch;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

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

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-position-center {
  background-position: center;
}

.bg-norepeat {
  background-repeat: no-repeat;
}

.bg-repeat {
  background-repeat: repeat;
}

.reset-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/****
 *
 * breadcrumbs
 *
****/
#breadcrumbs {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 23px;
  font-size: 14px;
}
#breadcrumbs span {
  font-size: 18px;
}
#breadcrumbs span.breadcrumb_last {
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
}
#breadcrumbs a, #breadcrumbs:visited {
  color: #000;
  font-weight: 700;
  margin: 0 10px;
  border-bottom: 1px solid transparent;
  font-size: 14px;
}
#breadcrumbs a:hover, #breadcrumbs:visited:hover {
  border-bottom: 1px solid #000;
}

.single-post #breadcrumbs span span span span span span {
  color: #000;
}

.single-post #breadcrumbs span span span span span span a {
  color: #000;
}

/****
 *
 * buttons
 *
****/
.learn-more {
  color: #000;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

a.button,
a:visited.button,
span.button {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 19px 72px;
  text-decoration: none;
  color: #fff;
  background-color: #3997ff;
  transition: all 0.35s ease-in-out;
  text-align: center;
  border-radius: 8px;
  line-height: 1.3;
  margin-right: 12px;
  border-bottom: 0;
  font-weight: 500;
  font-size: 20px;
}
a.button:last-child,
a:visited.button:last-child,
span.button:last-child {
  margin-right: 0;
}
a.button:hover,
a:visited.button:hover,
span.button:hover {
  background-color: #067cff;
  color: #fff;
}
a.button.learn-more,
a:visited.button.learn-more,
span.button.learn-more {
  background-color: #818b96;
}
a.button.learn-more::after,
a:visited.button.learn-more::after,
span.button.learn-more::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS4zNDA4MiAxNi42NjY0TDEyLjAwNzUgOS45OTk3TDUuMzQwODIgMy4zMzMwM0w2LjY2NjY0IDIuMDA3MkwxMy45OTYyIDkuMzM2NzhDMTQuMzYyMyA5LjcwMjkgMTQuMzYyMyAxMC4yOTY1IDEzLjk5NjIgMTAuNjYyNkw2LjY2NjY1IDE3Ljk5MjJMNS4zNDA4MiAxNi42NjY0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 10px;
  position: relative;
  top: 3px;
  display: inline-block;
}
a.button.learn-more:hover,
a:visited.button.learn-more:hover,
span.button.learn-more:hover {
  background-color: #68717c;
}
a.button.small-btn,
a:visited.button.small-btn,
span.button.small-btn {
  padding: 13px 36px;
  font-size: 18px;
}
a.read-more,
a:visited.read-more,
span.read-more {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 18px;
  border-bottom: 1px solid transparent;
  line-height: 1.3;
}
a.read-more:hover,
a:visited.read-more:hover,
span.read-more:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}

a.wp-block-button__link,
a.wp-block-button__link:visited {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 11px 30px;
  text-decoration: none;
  color: #f7f7f7;
  background-color: #00a4eb;
  border: 2px solid #2ca8dd;
  transition: all 0.35s ease-in-out;
  margin-right: 9px;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  border-radius: 100px;
}
a.wp-block-button__link:hover,
a.wp-block-button__link:visited:hover {
  background-color: #2ca8dd;
  border: 2px solid #2ca8dd;
  color: #f7f7f7;
}
a.wp-block-button__link.has-background,
a.wp-block-button__link:visited.has-background {
  border: none;
}
a.wp-block-button__link.has-background:hover,
a.wp-block-button__link:visited.has-background:hover {
  border: none;
  color: unset;
}
a.wp-block-button__link.has-text-color.has-background,
a.wp-block-button__link:visited.has-text-color.has-background {
  border: none;
}
a.wp-block-button__link.has-text-color.has-background:hover,
a.wp-block-button__link:visited.has-text-color.has-background:hover {
  border: none;
}

/****
 *
 * WordPress buttons
 *
****/
.wp-block-button.is-style-outline a.wp-block-button__link,
.wp-block-button.is-style-outline a.wp-block-button__link:visited {
  border: 2px solid #14191f;
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover,
.wp-block-button.is-style-outline a.wp-block-button__link:visited:hover {
  background-color: #14191f;
  color: #f7f7f7;
}
.wp-block-button.is-style-outline a.wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-background:hover,
.wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color:hover,
.wp-block-button.is-style-outline a.wp-block-button__link:visited.has-background:hover {
  background-color: unset;
  color: unset;
}
.wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background,
.wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background {
  border: none;
}
.wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background:hover,
.wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:hover {
  border: none;
}

.no-visible {
  visibility: hidden;
}

/****
 *
 * 404 page
 *
****/
.not-found {
  text-align: center;
}

.error {
  text-align: center;
  margin: 20px 0;
  width: 100%;
}
.error .menu {
  margin: 0;
}
.error ul li {
  display: inline-block;
  margin: 0 0 0 20px;
  font-weight: 700;
  padding: 0;
}
.error ul li::before {
  display: none;
}
.error ul li a {
  padding: 10px;
  border-bottom: 0;
}
.error ul li a:hover {
  color: #14191f;
}
.error ul li ul {
  display: none;
}

.form-404 {
  margin: 50px auto 0;
  max-width: 720px;
}
.form-404 p {
  margin-bottom: 20px;
}

.overflow-hidden {
  overflow: hidden;
}

.block-button {
  margin-top: 80px;
  line-height: 0.65;
}

.jump-position {
  position: relative;
  top: -100px;
}

.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
  margin-bottom: 30px;
}
.text-block p:last-of-type {
  margin-bottom: 0;
}

.hide {
  display: none;
}

.rd-10 {
  border-radius: 10px;
}

/*-------------------------------------------------
>> Basic styles for Extensions Page
-------------------------------------------------*/
.extensions-tiles-ctn {
  width: calc(100% + 30px);
  margin-left: -13px;
}
@media (max-width: 747px) {
  .extensions-tiles-ctn {
    width: 100%;
    margin-left: 0;
  }
}
.extensions-tiles-ctn.three-columns {
  gap: 30px;
}
.extensions-tiles-ctn.three-columns .column {
  width: calc(33.33% - 31px);
}
@media (max-width: 747px) {
  .extensions-tiles-ctn.three-columns .column {
    width: 100%;
  }
}
.extensions-tiles-ctn .extension-box {
  margin: 0 15px 3.25% 15px;
}
@media (max-width: 747px) {
  .extensions-tiles-ctn .extension-box {
    margin: 24px 0 0 0;
  }
  .extensions-tiles-ctn .extension-box:first-child {
    margin-top: 0;
  }
}

.filters-button-group {
  display: flex;
  gap: 16px;
  margin-top: 13px;
}
@media (max-width: 747px) {
  .filters-button-group {
    margin-top: 30px;
    white-space: nowrap;
    display: block;
    overflow-x: scroll;
    width: 105.5%;
    margin-left: 0;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
.filters-button-group button.button {
  border-radius: 8px;
  font-size: 18px;
  line-height: 1.3;
  height: 50px;
  box-sizing: border-box;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  position: relative;
  padding: 13px 20px 11px 20px;
  background-color: rgba(255, 255, 255, 0.1);
}
.filters-button-group button.button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 747px) {
  .filters-button-group button.button {
    height: 44px;
    font-size: 16px;
    padding: 9px 16px 11px 16px;
    margin-right: 10px;
  }
}
.filters-button-group button.button::after {
  height: 8px;
  content: "";
  position: absolute;
  bottom: -5px;
  width: 100%;
  left: 0;
  border-radius: 0 0 10px 10px;
}
.filters-button-group button.button.basic-btn::after {
  background-color: #01A456;
}
.filters-button-group button.button.pro-btn::after {
  background-color: #7234A4;
}
.filters-button-group button.button.business-btn::after {
  background-color: #CB2C75;
}
.filters-button-group button.button.party-btn::after {
  background-color: #E29A0D;
}
.filters-button-group .button:active,
.filters-button-group .button.is-checked {
  background-color: #fff;
  color: #201d1d;
}
.filters-button-group .button:active:hover,
.filters-button-group .button.is-checked:hover {
  background-color: #fff;
}

.extension-popup-ctn {
  max-width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 16px 16px 50px 16px;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  width: 100%;
  margin: 120px 0 60px 0;
}

.extension-popup-video {
  border-radius: 10px;
  line-height: 0.65;
}
.extension-popup-video video {
  border-radius: 10px;
  margin-bottom: 25px;
}

.extension-popup-content {
  color: #201d1d;
  padding: 0 14px;
}
.extension-popup-content .extension-tag {
  padding: 3px 8px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  border-radius: 5px;
}
.extension-popup-content .extension-tag.green {
  background-color: #01A456;
}
.extension-popup-content .text-32 {
  font-weight: 500;
  margin-bottom: 23px;
  line-height: 1.3;
}
.extension-popup-content p {
  margin-bottom: 20px;
}
.extension-popup-content ul {
  margin: 40px 0 0 0;
}
.extension-popup-content ul li {
  margin-bottom: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg5MF84OTYpIj4KPHBhdGggZD0iTTEyIDBDNS4zODI5OCAwIDAgNS4zODI5OCAwIDEyQzAgMTguNjE3IDUuMzgyOTggMjQgMTIgMjRDMTguNjE3IDI0IDI0IDE4LjYxNyAyNCAxMkMyNCA1LjM4Mjk4IDE4LjYxNyAwIDEyIDBaTTE1LjcwNyAxMi43MDdMMTAuNzA3IDE3LjcwN0MxMC41MTIgMTcuOTAyIDEwLjI1NiAxOCA5Ljk5OTk4IDE4QzkuNzQ0IDE4IDkuNDg3OTcgMTcuOTAyIDkuMjkyOTcgMTcuNzA3QzguOTAxOTggMTcuMzE2IDguOTAxOTggMTYuNjg0IDkuMjkyOTcgMTYuMjkzTDEzLjU4NiAxMkw5LjI5MzAyIDcuNzA3QzguOTAyMDMgNy4zMTYwMiA4LjkwMjAzIDYuNjg0IDkuMjkzMDIgNi4yOTMwMkM5LjY4NCA1LjkwMjAzIDEwLjMxNiA1LjkwMjAzIDEwLjcwNyA2LjI5MzAyTDE1LjcwNyAxMS4yOTNDMTYuMDk4IDExLjY4NCAxNi4wOTggMTIuMzE2IDE1LjcwNyAxMi43MDdaIiBmaWxsPSIjMzk5N0ZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODkwXzg5NiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  padding-left: 36px;
  background-position: left top 4px;
  display: block;
}
.extension-popup-content ul li:last-child {
  margin-bottom: 0;
}
.extension-popup-content ul li::before {
  display: none;
}

/*-------------------------------------------------
>> Basic styles for Get In Touch
-------------------------------------------------*/
.get-in-touch-ctn {
  justify-content: space-between;
  align-items: flex-start;
}

.git-content {
  max-width: 580px;
}
.git-content h1 {
  margin-bottom: 30px;
}
.git-content p {
  color: #fff;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 500;
}

.contact-links {
  margin-bottom: 60px;
}
.contact-links ul {
  margin: 0;
  padding: 0;
}
.contact-links ul li {
  display: block;
  padding: 0;
  margin: 0 0 30px 0;
}
.contact-links ul li::before {
  display: none;
}
.contact-links ul li a,
.contact-links ul li a:visited {
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  font-weight: 600;
  color: #fff;
  border-bottom: 0;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 44px;
}
.contact-links ul li a:hover,
.contact-links ul li a:visited:hover {
  color: #fff;
  text-decoration-color: transparent;
}
.contact-links ul li a.contact-email,
.contact-links ul li a:visited.contact-email {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgzMV8yMTQ5KSI+CjxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjEzIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMuOTk5NyAwQzYuMjY3OTYgMCAwIDYuMjY4MTQgMCAxMy45OTk5QzAgMjEuNzMxNCA2LjI2Nzk2IDI4IDEzLjk5OTcgMjhDMjEuNzMxNCAyOCAyNy45OTk4IDIxLjczMTQgMjcuOTk5OCAxMy45OTk5QzI3Ljk5OTggNi4yNjgxNCAyMS43MzE0IDAgMTMuOTk5NyAwWk0xNCA0LjkxNzQxTDIyLjI4NDYgMTAuMDgzNUg1LjcxNTMyTDE0IDQuOTE3NDFaTTIyLjM4NzggMTguMzMzSDIyLjM4N0MyMi4zODcgMTkuMTYxNiAyMS43MTU0IDE5LjgzMzEgMjAuODg2OSAxOS44MzMxSDcuMTEzQzYuMjg0MzggMTkuODMzMSA1LjYxMjk0IDE5LjE2MTUgNS42MTI5NCAxOC4zMzNWMTAuNDEyMkM1LjYxMjk0IDEwLjMyNDUgNS42MjE5IDEwLjIzOTMgNS42MzY0NiAxMC4xNTU2TDEzLjU1MTkgMTUuMDkxNEMxMy41NjE3IDE1LjA5NzUgMTMuNTcyIDE1LjEwMTYgMTMuNTgyIDE1LjEwNzJDMTMuNTkyNSAxNS4xMTMgMTMuNjAzMSAxNS4xMTg2IDEzLjYxMzcgMTUuMTIzOUMxMy42Njk2IDE1LjE1MjcgMTMuNzI3MiAxNS4xNzYgMTMuNzg2MSAxNS4xOTEyQzEzLjc5MjIgMTUuMTkyOSAxMy43OTgzIDE1LjE5MzYgMTMuODA0MyAxNS4xOTVDMTMuODY4OSAxNS4yMTAyIDEzLjkzNDMgMTUuMjE5NyAxMy45OTk3IDE1LjIxOTdIMTQuMDAwMUMxNC4wMDA2IDE1LjIxOTcgMTQuMDAxMSAxNS4yMTk3IDE0LjAwMTEgMTUuMjE5N0MxNC4wNjY0IDE1LjIxOTcgMTQuMTMxOCAxNS4yMTA1IDE0LjE5NjQgMTUuMTk1QzE0LjIwMjUgMTUuMTkzNSAxNC4yMDg2IDE1LjE5MjkgMTQuMjE0NiAxNS4xOTEyQzE0LjI3MzQgMTUuMTc2IDE0LjMzMDggMTUuMTUyNyAxNC4zODcgMTUuMTIzOUMxNC4zOTc2IDE1LjExODYgMTQuNDA4MyAxNS4xMTMgMTQuNDE4NyAxNS4xMDcyQzE0LjQyODYgMTUuMTAxNiAxNC40MzkxIDE1LjA5NzUgMTQuNDQ4OCAxNS4wOTE0TDIyLjM2NDMgMTAuMTU1NkMyMi4zNzg4IDEwLjIzOTMgMjIuMzg3OCAxMC4zMjQ0IDIyLjM4NzggMTAuNDEyMlYxOC4zMzNaIiBmaWxsPSIjMzk5N0ZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODMxXzIxNDkiPgo8cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.contact-links ul li a.contact-fb,
.contact-links ul li a:visited.contact-fb {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgzMV8yMjMwKSI+CjxwYXRoIGQ9Ik0xNCAyOEMyMS43MzIgMjggMjggMjEuNzMyIDI4IDE0QzI4IDYuMjY4MDEgMjEuNzMyIDAgMTQgMEM2LjI2ODAxIDAgMCA2LjI2ODAxIDAgMTRDMCAyMS43MzIgNi4yNjgwMSAyOCAxNCAyOFoiIGZpbGw9IiMzOTk3RkYiLz4KPHBhdGggZD0iTTE3LjUyMDYgMTQuNTQ4MUgxNS4wMjI1VjIzLjcwMDFIMTEuMjM3NlYxNC41NDgxSDkuNDM3NVYxMS4zMzE3SDExLjIzNzZWOS4yNTAzNEMxMS4yMzc2IDcuNzYxOTUgMTEuOTQ0NiA1LjQzMTI3IDE1LjA1NjIgNS40MzEyN0wxNy44NTk4IDUuNDQzVjguNTY1MDRIMTUuODI1NkMxNS40OTE5IDguNTY1MDQgMTUuMDIyNyA4LjczMTc1IDE1LjAyMjcgOS40NDE3NlYxMS4zMzQ3SDE3Ljg1MTNMMTcuNTIwNiAxNC41NDgxWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84MzFfMjIzMCI+CjxyZWN0IHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.contact-links span.contact-address {
  color: #fff;
  display: block;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 44px;
  margin-bottom: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgzMV8yMjUxKSI+CjxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDI4QzYuMjY5MjQgMjggMCAyMS43MzA4IDAgMTRDMCA2LjI2OTI0IDYuMjY5MjQgMCAxNCAwQzIxLjczMDggMCAyOCA2LjI2OTI0IDI4IDE0QzI4IDIxLjczMDggMjEuNzMwOCAyOCAxNCAyOFpNMTQgNC44OTM4M0MxNy44Mjk4IDQuODkzODMgMjAuOTM0NCA3Ljk5ODQxIDIwLjkzNDQgMTEuODI4MkMyMC45MzQ0IDE1LjY1OCAxNCAyMy4xMDYxIDE0IDIzLjEwNjFDMTQgMjMuMTA2MSA3LjA2NTU5IDE1LjY1OCA3LjA2NTU5IDExLjgyODJDNy4wNjU1OSA3Ljk5ODQxIDEwLjE3MDIgNC44OTM4MyAxNCA0Ljg5MzgzWk0xNCA5LjA3MzFDMTUuNDUyIDkuMDczMSAxNi42Mjk2IDEwLjI1MDYgMTYuNjI5NiAxMS43MDI4QzE2LjYyOTYgMTMuMTU0OCAxNS40NTIgMTQuMzMyNCAxNCAxNC4zMzI0QzEyLjU0OCAxNC4zMzI0IDExLjM3MDQgMTMuMTU0OCAxMS4zNzA0IDExLjcwMjhDMTEuMzcwNCAxMC4yNTA2IDEyLjU0OCA5LjA3MzEgMTQgOS4wNzMxWiIgZmlsbD0iIzM5OTdGRiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzgzMV8yMjUxIj4KPHJlY3Qgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.contact-links p {
  max-width: 310px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
}

.git-form {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  max-width: 480px;
}
.git-form form {
  margin-bottom: 0;
}
.git-form input[type=submit] {
  margin-bottom: 0;
  background-color: #201d1d;
  font-family: "General Sans", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.git-form input[type=submit]:hover {
  background-color: #000;
}
.git-form textarea {
  height: 200px;
}

a.call-btn,
a:visited.call-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 19px 30px 19px 30px;
}
a.call-btn span,
a:visited.call-btn span {
  display: inline-block;
  line-height: 0.65;
  margin-right: 16px;
}

.form-heading {
  color: #201d1d;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 20px;
}

.thankyou-box-ctn {
  max-width: 480px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 30px 30px 0 30px;
  background-color: #E7FFF3;
  border-radius: 10px;
}
@media (max-width: 747px) {
  .thankyou-box-ctn {
    padding: 24px 24px 0 24px;
    max-width: 100%;
  }
}
.thankyou-box-ctn .thankyou-heading {
  padding-top: 52px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxLjEyNUMyNy4zMTk4IDEuMTI1IDM0Ljg3NSA4LjY4MDIyIDM0Ljg3NSAxOEMzNC44NzUgMjcuMzE5OCAyNy4zMTk4IDM0Ljg3NSAxOCAzNC44NzVDOC42ODAyMiAzNC44NzUgMS4xMjUgMjcuMzE5OCAxLjEyNSAxOEMxLjEyNSA4LjY4MDIyIDguNjgwMjIgMS4xMjUgMTggMS4xMjVaTTEwLjEwMTEgMTkuMDAxOUwxNC45MDcxIDIzLjQxNTVDMTUuNjA4MiAyNC4wNjA3IDE2LjY5MzMgMjQuMDI2MyAxNy4zNTI1IDIzLjM0NjNMMjUuOTI2MyAxNS4xMzc0QzI2LjYyMzYgMTQuNDY2NSAyNi42NDUxIDEzLjM1NzMgMjUuOTc0MyAxMi42NkMyNS4zMDM0IDExLjk2MjcgMjQuMTk0MyAxMS45NDEyIDIzLjQ5NyAxMi42MTJMMTYuMDcwMiAxOS43MjI3TDEyLjQ3NTUgMTYuNDIxNUMxMS43NjMgMTUuNzY1OCAxMC42NTM4IDE1LjgxMTkgOS45OTgxNiAxNi41MjQ0QzkuMzQyNDkgMTcuMjM3IDkuMzg4NTUgMTguMzQ2MiAxMC4xMDExIDE5LjAwMTlaIiBmaWxsPSIjMDFBNDU2Ii8+Cjwvc3ZnPgo=);
  background-position: top center;
  background-repeat: no-repeat;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 500;
  color: #201d1d;
}
@media (max-width: 747px) {
  .thankyou-box-ctn .thankyou-heading {
    font-size: 26px;
    margin-bottom: 18px;
    background-size: 32px;
    padding-top: 46px;
  }
}

.thankyou-content p {
  color: #4a4d4f;
  margin: 0 auto;
  max-width: 320px;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 747px) {
  .thankyou-content p {
    font-size: 16px;
    max-width: 248px;
  }
}

/*-------------------------------------------------
>> Basic styles for Blog post
-------------------------------------------------*/
.two-columns,
.three-columns,
.four-columns {
  display: flex;
  flex-wrap: wrap;
}

.two-columns {
  gap: 120px;
}
.two-columns .column {
  width: calc(50% - 60px);
}

.three-columns {
  gap: 20px 40px;
}
.three-columns .column {
  width: calc(33.33% - 26.66px);
}

.four-columns .column {
  width: 22.75%;
  margin-right: 3%;
}
.four-columns .column:nth-child(4n+4) {
  margin-right: 0;
}

.five-columns .column {
  width: 17.6%;
  margin-right: 3%;
}
.five-columns .column:nth-child(5n+5) {
  margin-right: 0;
}

/*-------------------------------------------------
>> Styles for Website Blocks
-------------------------------------------------*/
/*-------------------------------------------------
>> Basic styles for Scrolling-block
-------------------------------------------------*/
.logos-area {
  display: flex;
  align-items: center;
}

.plus-icon {
  line-height: 0.65;
  margin: 0 20px;
}

.scrolling-logo {
  box-shadow: 0 3.08235px 38.5294px rgba(0, 0, 0, 0.1);
  line-height: 0.65;
}

.lead-text span {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.3, 1);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.1);
  display: inline;
}
.lead-text span marker, .lead-text span strong {
  color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.3, 1);
}
.lead-text span.active {
  color: #fff;
}
.lead-text span.active marker, .lead-text span.active strong {
  color: #3997ff;
}
.lead-text mark {
  background-color: transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.3, 1);
}

/*-------------------------------------------------
>> Basic styles for Showroom Block
-------------------------------------------------*/
.showroom-block-ctn {
  position: relative;
}

.hero-videos {
  max-width: 1520px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  height: 150px;
  top: 350px;
}

.hero-agent-video,
.hero-guest-video {
  width: 302px;
  line-height: 0.65;
  border-radius: 6px;
  position: absolute;
}
.hero-agent-video video,
.hero-guest-video video {
  margin-bottom: 0;
  border-radius: 6px;
}

.hero-agent-video {
  right: 0;
}

.agent-video,
.guest-video {
  line-height: 0.65;
  width: 225px;
  border-radius: 6px;
  position: absolute;
  right: 15px;
  top: calc(50% - 160px);
  z-index: 2;
  opacity: 0;
}
.agent-video video,
.guest-video video {
  margin-bottom: 0;
  border-radius: 6px;
}

.guest-video.guest-animation {
  animation: scale 1s;
  animation-fill-mode: forwards;
}

.agent-video {
  top: calc(50% - 0px);
}
.agent-video.agent-animation {
  animation: scale 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.showroom-area.played .showroom-image {
  opacity: 0;
  visibility: hidden;
}

.showroom-image {
  position: relative;
  z-index: 1;
  transition: 0.4s ease-in-out;
}

.showroom-video {
  position: absolute;
  top: 0;
}
.showroom-video video {
  margin-bottom: 0;
  border-radius: 10px;
}

/*-------------------------------------------------
>> Basic styles for Videos Meetings Block
-------------------------------------------------*/
.video-meeting-block .section-head h2 {
  padding-left: 102px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHk9IjAuMDAwMjQ0MTQxIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHJ4PSIxMCIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzQ0OV81NjUpIi8+DQo8cGF0aCBkPSJNNTEuMzAxMyA0NC42Njg0QzUwLjk4MjEgNDQuNjY4MSA1MC42NjY2IDQ0LjYwMDkgNTAuMzc1IDQ0LjQ3MUM1MC4zMDcyIDQ0LjQ0MDkgNTAuMjQyNSA0NC40MDQxIDUwLjE4MiA0NC4zNjEzTDQ0LjI4ODkgNDAuMjEzMUM0My45OSA0MC4wMDI3IDQzLjc0NjEgMzkuNzIzNiA0My41Nzc3IDM5LjM5OTJDNDMuNDA5MyAzOS4wNzQ4IDQzLjMyMTQgMzguNzE0NyA0My4zMjEzIDM4LjM0OTJWMzIuNjkyQzQzLjMyMTQgMzIuMzI2NSA0My40MDkzIDMxLjk2NjQgNDMuNTc3NyAzMS42NDJDNDMuNzQ2MSAzMS4zMTc2IDQzLjk5IDMxLjAzODQgNDQuMjg4OSAzMC44MjgxTDUwLjE4MiAyNi42Nzk5QzUwLjI0MjUgMjYuNjM3IDUwLjMwNzIgMjYuNjAwMyA1MC4zNzUgMjYuNTcwMkM1MC43MjIyIDI2LjQxNTggNTEuMTAyNCAyNi4zNTA3IDUxLjQ4MTEgMjYuMzgwNkM1MS44NTk4IDI2LjQxMDYgNTIuMjI1IDI2LjUzNDcgNTIuNTQzNiAyNi43NDE3QzUyLjg2MjEgMjYuOTQ4NyA1My4xMjM5IDI3LjIzMiA1My4zMDUxIDI3LjU2NTlDNTMuNDg2NCAyNy44OTk3IDUzLjU4MTMgMjguMjczNiA1My41ODEzIDI4LjY1MzVWNDIuMzg3N0M1My41ODEzIDQyLjk5MjQgNTMuMzQxMSA0My41NzIzIDUyLjkxMzUgNDMuOTk5OUM1Mi40ODU5IDQ0LjQyNzQgNTEuOTA2IDQ0LjY2NzcgNTEuMzAxMyA0NC42Njc3VjQ0LjY2ODRaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTM3LjMzNTIgNDUuNzgwNUgyNC4yMjUyQzIyLjk0MDcgNDUuNzc5MiAyMS43MDkxIDQ1LjI2ODMgMjAuODAwOCA0NC4zNkMxOS44OTI0IDQzLjQ1MTYgMTkuMzgxNiA0Mi4yMjAxIDE5LjM4MDIgNDAuOTM1NVYzMC4xMDU1QzE5LjM4MTYgMjguODIwOSAxOS44OTI0IDI3LjU4OTQgMjAuODAwOCAyNi42ODFDMjEuNzA5MSAyNS43NzI3IDIyLjk0MDcgMjUuMjYxOCAyNC4yMjUyIDI1LjI2MDVIMzcuMzY5NEMzOC42NDQ5IDI1LjI2MiAzOS44Njc3IDI1Ljc2OTMgNDAuNzY5NSAyNi42NzEyQzQxLjY3MTQgMjcuNTczMSA0Mi4xNzg3IDI4Ljc5NTkgNDIuMTgwMiAzMC4wNzEzVjQwLjkzNTVDNDIuMTc4OSA0Mi4yMjAxIDQxLjY2OCA0My40NTE2IDQwLjc1OTcgNDQuMzZDMzkuODUxNCA0NS4yNjgzIDM4LjYxOTggNDUuNzc5MiAzNy4zMzUyIDQ1Ljc4MDVaIiBmaWxsPSJ3aGl0ZSIvPg0KPGRlZnM+DQo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNDQ5XzU2NSIgeDE9IjM2IiB5MT0iMC4wMDAyNDQxNDEiIHgyPSIzNiIgeTI9IjcyLjAwMDIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCjxzdG9wIHN0b3AtY29sb3I9IiNGRjk1RTEiLz4NCjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q3NTJCMiIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-size: 72px;
  background-position: top 5px left;
  margin-bottom: 0;
}

.videos-ctn {
  flex-wrap: wrap;
  justify-content: space-between;
}

.video-box {
  background-color: #292727;
  border-radius: 10px;
  justify-content: space-between;
  margin-top: 20px;
}
.video-box:first-child {
  margin-top: 0;
  width: 100%;
}
.video-box:nth-child(2) {
  width: 680px;
  display: block !important;
}
.video-box:nth-child(2) .animation-box {
  padding: 0 40px 0 0;
}
.video-box:nth-child(2) .lottie-box {
  max-width: 567px;
}
.video-box:nth-child(3) {
  width: 480px;
  display: block !important;
}
.video-box:nth-child(3) .animation-box {
  padding: 0 0 40px 40px;
}
.video-box:nth-child(3) .lottie-box {
  max-width: 440px;
}

.content-box {
  padding: 40px 0 68px 40px;
  max-width: 465px;
  box-sizing: border-box;
}
.content-box p:last-of-type {
  margin-bottom: 0;
}

.video-title {
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}

.animation-box {
  padding: 50px 30px 50px 50px;
  position: relative;
}

.lottie-box {
  max-width: 550px;
  line-height: 0.65;
}

.video-content p {
  font-weight: 500;
}

.videos-block-ctn .video-box {
  padding: 40px;
  box-sizing: border-box;
}
.videos-block-ctn .video-box .block-video {
  line-height: 0.65;
}
.videos-block-ctn .video-box .content-box {
  padding: 0;
}
.videos-block-ctn .video-box:nth-child(1) .block-video {
  max-width: 540px;
  padding: 0;
  border-radius: 10px;
}
.videos-block-ctn .video-box:nth-child(1) .block-video img,
.videos-block-ctn .video-box:nth-child(1) .block-video video {
  border-radius: 10px;
}
.videos-block-ctn .video-box:nth-child(2), .videos-block-ctn .video-box:nth-child(3) {
  width: 49.153%;
}
.videos-block-ctn .video-box:nth-child(2) .block-video, .videos-block-ctn .video-box:nth-child(3) .block-video {
  max-width: 480px;
  padding: 0;
  margin: 0 0 -40px -40px;
}
.videos-block-ctn .video-box:nth-child(2) .block-video img, .videos-block-ctn .video-box:nth-child(2) .block-video video, .videos-block-ctn .video-box:nth-child(3) .block-video img, .videos-block-ctn .video-box:nth-child(3) .block-video video {
  border-radius: 0 10px;
}
.videos-block-ctn .video-box:nth-child(2) .video-content, .videos-block-ctn .video-box:nth-child(3) .video-content {
  max-width: 440px;
  margin-bottom: 80px;
}

/*-------------------------------------------------
>> Basic styles for ScreenCast Block
-------------------------------------------------*/
.screencast-block .section-head h2 {
  padding-left: 102px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgcng9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDU0XzQ4KSIvPg0KPHBhdGggZD0iTTQ0Ljc0OTUgMjAuMjVIMjcuMjQ5NUMyNC45Mjg5IDIwLjI1IDIyLjcwMzMgMjEuMTcxOSAyMS4wNjIzIDIyLjgxMjhDMTkuNDIxNCAyNC40NTM4IDE4LjQ5OTUgMjYuNjc5NCAxOC40OTk1IDI5VjQzQzE4LjQ5OTUgNDUuMzIwNiAxOS40MjE0IDQ3LjU0NjIgMjEuMDYyMyA0OS4xODcyQzIyLjcwMzMgNTAuODI4MSAyNC45Mjg5IDUxLjc1IDI3LjI0OTUgNTEuNzVINDQuNzQ5NUM0Ny4wNzAyIDUxLjc1IDQ5LjI5NTggNTAuODI4MSA1MC45MzY3IDQ5LjE4NzJDNTIuNTc3NiA0Ny41NDYyIDUzLjQ5OTUgNDUuMzIwNiA1My40OTk1IDQzVjI5QzUzLjQ5OTUgMjYuNjc5NCA1Mi41Nzc2IDI0LjQ1MzggNTAuOTM2NyAyMi44MTI4QzQ5LjI5NTggMjEuMTcxOSA0Ny4wNzAyIDIwLjI1IDQ0Ljc0OTUgMjAuMjVaTTMzLjM1MzUgNDQuNDE1OEMzMy4yOTc1IDQ0LjQxNTggMzMuMjM5OCA0NC40MTU4IDMzLjE3ODUgNDQuNDE1OEMzMi44NTk2IDQ0LjQxNTQgMzIuNTUxNiA0NC4yOTkyIDMyLjMxMjEgNDQuMDg4NkMzMi4wNzI1IDQzLjg3OCAzMS45MTc3IDQzLjU4NzUgMzEuODc2NSA0My4yNzEzQzMxLjc4NTYgNDIuNDI1NSAzMS40MDgxIDQxLjYzNjMgMzAuODA2OCA0MS4wMzQ2QzMwLjIwNTUgNDAuNDMzIDI5LjQxNjUgNDAuMDU1MSAyOC41NzA4IDM5Ljk2MzhDMjguMzk5OCAzOS45NDE4IDI4LjIzNDggMzkuODg2NCAyOC4wODUyIDM5LjgwMDdDMjcuOTM1NyAzOS43MTUgMjcuODA0NCAzOS42MDA2IDI3LjY5OTEgMzkuNDY0MkMyNy41OTM3IDM5LjMyNzggMjcuNTE2MiAzOS4xNzIgMjcuNDcxIDM5LjAwNTZDMjcuNDI1OSAzOC44MzkyIDI3LjQxMzkgMzguNjY1NiAyNy40MzU5IDM4LjQ5NDZDMjcuNDU3OCAzOC4zMjM2IDI3LjUxMzIgMzguMTU4NyAyNy41OTkgMzguMDA5MUMyNy42ODQ3IDM3Ljg1OTUgMjcuNzk5IDM3LjcyODMgMjcuOTM1NCAzNy42MjI5QzI4LjA3MTggMzcuNTE3NSAyOC4yMjc3IDM3LjQ0MDEgMjguMzk0IDM3LjM5NDlDMjguNTYwNCAzNy4zNDk3IDI4LjczNCAzNy4zMzc4IDI4LjkwNSAzNy4zNTk4QzMwLjMyNTcgMzcuNTI4NSAzMS42NDgzIDM4LjE3MDQgMzIuNjYgMzkuMTgyQzMzLjY3MTcgNDAuMTkzNyAzNC4zMTM1IDQxLjUxNjMgMzQuNDgyMyA0Mi45MzdDMzQuNTI4NSA0My4yODI4IDM0LjQzNTYgNDMuNjMyNyAzNC4yMjQgNDMuOTFDMzQuMDEyMyA0NC4xODczIDMzLjY5OTIgNDQuMzY5MiAzMy4zNTM1IDQ0LjQxNThaTTM4LjY5MjggNDMuNTE4QzM4LjYzNDcgNDMuNTI1MyAzOC41NzYzIDQzLjUyODggMzguNTE3OCA0My41Mjg1QzM4LjE5ODcgNDMuNTI4MSAzNy44OTA4IDQzLjQxMTUgMzcuNjUxNSA0My4yMDA1QzM3LjQxMjIgNDIuOTg5NiAzNy4yNTc5IDQyLjY5ODcgMzcuMjE3NSA0Mi4zODIyQzM3LjAwMTIgNDAuNDAxIDM2LjExNTEgMzguNTUzIDM0LjcwNTcgMzcuMTQzOUMzMy4yOTYzIDM1LjczNDggMzEuNDQ4IDM0Ljg0OTEgMjkuNDY2OCAzNC42MzMyQzI5LjEyMTUgMzQuNTg4OSAyOC44MDc5IDM0LjQwOTIgMjguNTk1MSAzNC4xMzM3QzI4LjM4MjIgMzMuODU4MiAyOC4yODc2IDMzLjUwOTQgMjguMzMxOSAzMy4xNjQxQzI4LjM3NjIgMzIuODE4OCAyOC41NTU5IDMyLjUwNTMgMjguODMxNCAzMi4yOTI0QzI5LjEwNjkgMzIuMDc5NiAyOS40NTU3IDMxLjk4NDkgMjkuODAxIDMyLjAyOTNDMzIuMzYyOSAzMi4zMDgzIDM0Ljc1MjYgMzMuNDUzNyAzNi41NzQ4IDM1LjI3NTlDMzguMzk3IDM3LjA5ODEgMzkuNTQyNCAzOS40ODc5IDM5LjgyMTUgNDIuMDQ5N0MzOS44NDQ0IDQyLjIyMDcgMzkuODMzMyA0Mi4zOTQ2IDM5Ljc4OSA0Mi41NjEzQzM5Ljc0NDYgNDIuNzI4IDM5LjY2NzggNDIuODg0NCAzOS41NjMgNDMuMDIxNEMzOS40NTgyIDQzLjE1ODQgMzkuMzI3MyA0My4yNzM0IDM5LjE3OCA0My4zNTk4QzM5LjAyODcgNDMuNDQ2MiAzOC44NjM4IDQzLjUwMjQgMzguNjkyOCA0My41MjVWNDMuNTE4Wk00My40MTc4IDQyLjAxMTNDNDMuMzYgNDIuMDExMyA0My4zMDQgNDIuMDExMyA0My4yNDI4IDQyLjAxMTNDNDIuOTIzOCA0Mi4wMTEgNDIuNjE1OSA0MS44OTQ3IDQyLjM3NjMgNDEuNjg0MUM0Mi4xMzY4IDQxLjQ3MzUgNDEuOTgyIDQxLjE4MyA0MS45NDA4IDQwLjg2NjhDNDEuNjM0OCAzOC4wNjUxIDQwLjM4MiAzNS40NTE2IDM4LjM4OTUgMzMuNDU4NEMzNi4zOTY5IDMxLjQ2NTIgMzMuNzgzOSAzMC4yMTE2IDMwLjk4MjMgMjkuOTA0OEMzMC44MTEzIDI5Ljg4MjggMzAuNjQ2MyAyOS44Mjc0IDMwLjQ5NjcgMjkuNzQxN0MzMC4zNDcyIDI5LjY1NiAzMC4yMTU5IDI5LjU0MTYgMzAuMTEwNiAyOS40MDUyQzMwLjAwNTIgMjkuMjY4OCAyOS45Mjc3IDI5LjExMyAyOS44ODI1IDI4Ljk0NjZDMjkuODM3NCAyOC43ODAyIDI5LjgyNTQgMjguNjA2NiAyOS44NDc0IDI4LjQzNTZDMjkuODY5MyAyOC4yNjQ2IDI5LjkyNDcgMjguMDk5NyAzMC4wMTA1IDI3Ljk1MDFDMzAuMDk2MiAyNy44MDA1IDMwLjIxMDUgMjcuNjY5MyAzMC4zNDY5IDI3LjU2MzlDMzAuNDgzMyAyNy40NTg1IDMwLjYzOTIgMjcuMzgxMSAzMC44MDU1IDI3LjMzNTlDMzAuOTcxOSAyNy4yOTA3IDMxLjE0NTUgMjcuMjc4OCAzMS4zMTY1IDI3LjMwMDdDMzQuNzAzMiAyNy42NjkyIDM3Ljg2MjMgMjkuMTgzNyA0MC4yNzAzIDMxLjU5MzRDNDIuNjc4NCAzNC4wMDMgNDQuMTkwOCAzNy4xNjMxIDQ0LjU1NyA0MC41NUM0NC41OTgyIDQwLjg5NCA0NC41MDIgNDEuMjQwNCA0NC4yODk0IDQxLjUxNEM0NC4wNzY4IDQxLjc4NzYgNDMuNzY0OCA0MS45NjYyIDQzLjQyMTMgNDIuMDExM0g0My40MTc4WiIgZmlsbD0id2hpdGUiLz4NCjxkZWZzPg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzQ1NF80OCIgeDE9IjM2IiB5MT0iMCIgeDI9IjM2IiB5Mj0iNzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCjxzdG9wIHN0b3AtY29sb3I9IiMwMERBRTgiLz4NCjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBFQUNCNiIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: top 5px left;
  margin-bottom: 0;
}

.sc-area {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.sc-content {
  max-width: 478px;
}

.sc-head p {
  margin-bottom: 60px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 24px;
  font-weight: 500;
}

.sc-feature {
  display: flex;
  margin-bottom: 50px;
}

.sc-icon {
  background: linear-gradient(180deg, #eaeff3 0%, #d8dfe3 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.sc-icon span {
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
}
.sc-icon span img {
  line-height: 0.65;
  max-width: 40px;
  max-height: 40px;
}

.sc-feature-content span {
  color: #000;
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.05;
  font-weight: 500;
}
.sc-feature-content p {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}
.sc-feature-content p:last-of-type {
  margin-bottom: 0;
}

.screencast-animation {
  max-width: 600px;
  border-radius: 20px;
  line-height: 0.65;
}
.screencast-animation img {
  border-radius: 20px;
}

.logos-ctn {
  margin-top: 80px;
}
.logos-ctn .owl-stage-outer {
  padding: 34px 0 40px 0;
}

.logos-slider {
  -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 10%, hsl(0, 0%, 0%) 90%, hsla(0, 0%, 0%, 0));
}

.logo-slide {
  background: #fff;
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-slide img {
  max-width: 64px;
  max-height: 64px;
}
.logo-slide span {
  padding: 32px;
  border-bottom: 0;
  display: block;
  border-radius: 50%;
}

/*-------------------------------------------------
>> Basic styles for AI Features Block
-------------------------------------------------*/
.ai-features-block .section-head h2 {
  padding-left: 102px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgcng9IjEwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDU0XzIzOCkiLz4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NTRfMjM4KSI+DQo8cGF0aCBkPSJNMzEuNDg4NCAxOEMyOC44ODIzIDE4IDI2LjY1MTYgMTkuNjM2OCAyNS43Njk0IDIxLjkzNjJDMjcuODY4NCAyMS45NzMyIDI5LjgzNDUgMjIuODA2IDMxLjMxOTkgMjQuMjkxNUMzMS4zMjU1IDI0LjI5NjggMzEuMzMxIDI0LjMwMjMgMzEuMzM2MyAyNC4zMDc4QzMxLjk5MjcgMjQuOTc0MyAzMS4zMTAxIDI2LjA3NzMgMzAuNDE2MyAyNS44MDE2QzMwLjEyODEgMjUuNzEyNyAyOS44NjM3IDI1LjU2MTEgMjkuNjM1OSAyNS4zNjMzQzI4LjQyMTMgMjQuMzA3OCAyNi44ODY1IDIzLjgxMjEgMjUuMzcwNCAyMy44NzRWMjMuODcwM0MyMi4xMTEgMjQuMDAzNCAxOS41MDAxIDI2LjY5NjYgMTkuNTAwMSAyOS45ODgzQzE5LjUwMDEgMzEuNzIzNSAyMC4yMzYzIDMzLjM1MzkgMjEuNDg0NiAzNC41QzIwLjIzNjMgMzUuNjQ2IDE5LjUwMDEgMzcuMjc2NSAxOS41MDAxIDM5LjAxMTdDMTkuNTAwMSA0Mi4zMDMzIDIyLjExMSA0NC45OTY1IDI1LjM3MDYgNDUuMTI5N0MyNS41MDM2IDQ4LjM4OTEgMjguMTk2NyA1MC45OTk5IDMxLjQ4ODQgNTAuOTk5OUMzMS41NDYgNTAuOTk5OSAzMS42MDM0IDUwLjk5OTIgMzEuNjYwMyA1MC45OTc3QzMyLjkxMDkgNTAuOTYyOSAzNC4wODk5IDUwLjUwMzIgMzUuMDMzMyA0OS42OTE1VjE5LjMwODRDMzQuMDg5OSAxOC40OTY3IDMyLjkxMDkgMTguMDM3IDMxLjY2MDYgMTguMDAyM0MzMS42MDM0IDE4LjAwMDggMzEuNTQ2IDE4IDMxLjQ4ODQgMThaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTUwLjUxNTUgMzQuNUM1MS43NjM4IDMzLjM1MzkgNTIuNSAzMS43MjM1IDUyLjUgMjkuOTg4M0M1Mi41IDI2LjY5NjYgNDkuODg5MSAyNC4wMDM0IDQ2LjYyOTcgMjMuODcwM0M0Ni40OTY1IDIwLjYxMDggNDMuODAzMyAxOCA0MC41MTE3IDE4QzQwLjQ1NDEgMTggNDAuMzk2NyAxOC4wMDA4IDQwLjM0IDE4LjAwMjNDMzkuMDg5MiAxOC4wMzcgMzcuOTEwNCAxOC40OTY3IDM2Ljk2NjggMTkuMzA4NFY0OS42OTE3QzM3LjkxMDQgNTAuNTAzMiAzOS4wODkyIDUwLjk2MjkgNDAuMzM5NSA1MC45OTc3QzQwLjM5NjcgNTAuOTk5MiA0MC40NTQxIDUwLjk5OTkgNDAuNTExNyA1MC45OTk5QzQzLjExNzggNTAuOTk5OSA0NS4zNDg1IDQ5LjM2MzIgNDYuMjMwOSA0Ny4wNjM4QzQ0LjEzMTcgNDcuMDI2OCA0Mi4xNjU2IDQ2LjE5MzkgNDAuNjgwMSA0NC43MDg3QzQwLjY3NDYgNDQuNzAzMiA0MC42NjkzIDQ0LjY5NzYgNDAuNjYzOCA0NC42OTIxQzQwLjAwNzQgNDQuMDI1NyA0MC42OSA0Mi45MjI3IDQxLjU4MzcgNDMuMTk4NEM0MS44NzIzIDQzLjI4NzIgNDIuMTM2NCA0My40Mzg4IDQyLjM2NDIgNDMuNjM2N0M0My41NzkgNDQuNjkyMSA0NS4xMTM4IDQ1LjE4NzggNDYuNjI5NyA0NS4xMjU5VjQ1LjEyOTdDNDkuODg5MSA0NC45OTY1IDUyLjUgNDIuMzAzMyA1Mi41IDM5LjAxMTdDNTIuNSAzNy4yNzY1IDUxLjc2MzggMzUuNjQ2IDUwLjUxNTUgMzQuNVoiIGZpbGw9IndoaXRlIi8+DQo8L2c+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NTRfMjM4IiB4MT0iMzYiIHkxPSIwIiB4Mj0iMzYiIHkyPSI3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPg0KPHN0b3Agc3RvcC1jb2xvcj0iI0ZDQjEyMSIvPg0KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDg4MTAwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPGNsaXBQYXRoIGlkPSJjbGlwMF80NTRfMjM4Ij4NCjxyZWN0IHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5LjUgMTgpIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-position: top 5px left;
  margin-bottom: 0;
}
.ai-features-block .section-head p {
  font-size: 24px;
  line-height: 1.4;
  max-width: 780px;
  margin-bottom: 0;
  font-weight: 500;
}

.ai-features-ctn {
  justify-content: space-between;
}

.ai-feature-content {
  max-width: 510px;
}

.ai-feature-animation {
  max-width: 505px;
}

.kicker {
  color: #E29A0D;
  line-height: 1.3;
  font-weight: 600;
}

.typing-text {
  min-height: 360px;
}
.typing-text p {
  color: #fff;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 500;
}
.typing-text p:last-of-type {
  margin-bottom: 0;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cursor {
  animation: blink 1.3s infinite;
  position: relative;
  top: -3px;
}

.typed-cursor {
  margin-left: 5px;
  display: inline-block;
  line-height: 1;
}

/*-------------------------------------------------
>> Basic styles for Extensions Block
-------------------------------------------------*/
.extension-block .section-head {
  max-width: 1180px;
  width: 90%;
  margin: 0 auto;
}
.extension-block .section-head h2 {
  font-weight: 500;
  margin-bottom: 60px;
}
.extension-block .section-head p {
  font-size: 24px;
  max-width: 780px;
  font-weight: 500;
}
.extension-block .section-head p:last-of-type {
  margin-bottom: 0px;
}
.extension-block .block-button {
  max-width: 1180px;
  width: 90%;
  margin: 80px auto 0 auto;
}

.extensions-slider {
  display: flex;
}
.extensions-slider .owl-stage {
  padding-left: 0 !important;
}
.extensions-slider .owl-stage-outer {
  overflow: visible;
}

.extension-box {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  margin-right: 31px;
  width: 373px;
}
.extension-box .extension-content {
  padding: 30px 30px 40px 30px;
}
@media (max-width: 747px) {
  .extension-box .extension-content {
    padding: 25px 18px 30px 19px;
  }
}
.extension-box h3 {
  margin-bottom: 20px;
}
.extension-box p {
  margin-bottom: 0;
  font-size: 18px;
}
.extension-box a,
.extension-box a:visited {
  display: inline-block;
  margin-top: 30px;
}

.icon-area {
  line-height: 0.65;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.icon-area img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.tp-price-month {
  position: absolute;
  right: 0;
  bottom: 14px;
  border-radius: 5px 0 0 5px;
  background-color: #3997ff;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  padding: 4px 10px 5px 10px;
}

.gradient-line {
  background-image: url(images/gradient-line.png);
  background-repeat: no-repeat;
  height: 5px;
  background-size: cover;
}

.extension-tag {
  line-height: 1.3;
  padding: 3px 8px 3px 8px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  margin-bottom: 16px;
  display: inline-block;
}
.extension-tag.pro {
  background-color: #7234A4;
}
.extension-tag.business {
  background-color: #CB2C75;
}
.extension-tag.basic {
  background-color: #01A456;
}
.extension-tag.party-tag {
  background-color: #E29A0D;
}

a.show-demo,
a:visited.show-demo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg5MF8yNzkpIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTIiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNiAwQzcuMTYzNDQgMCAwIDcuMTYzNDQgMCAxNkMwIDI0LjgzNjYgNy4xNjM0NCAzMiAxNiAzMkMyNC44MzY2IDMyIDMyIDI0LjgzNjYgMzIgMTZDMzIgNy4xNjM0NCAyNC44MzY2IDAgMTYgMFpNMTEuNjI4MyAyMi45NTkxVjkuMDQwOTRMMjMuNjgxNyAxNkwxMS42MjgzIDIyLjk1OTFaIiBmaWxsPSIjMzk5N0ZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODkwXzI3OSI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  padding: 5px 0 4px 48px;
  border-bottom: 0px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
a.show-demo:hover,
a:visited.show-demo:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg5MF8zMDkpIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTIiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNiAwQzcuMTYzNDQgMCAwIDcuMTYzNDQgMCAxNkMwIDI0LjgzNjYgNy4xNjM0NCAzMiAxNiAzMkMyNC44MzY2IDMyIDMyIDI0LjgzNjYgMzIgMTZDMzIgNy4xNjM0NCAyNC44MzY2IDAgMTYgMFpNMTEuNjI4MyAyMi45NTkxVjkuMDQwOTRMMjMuNjgxNyAxNkwxMS42MjgzIDIyLjk1OTFaIiBmaWxsPSIjMDY3Q0ZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODkwXzMwOSI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  color: #fff;
}

.text-single {
  position: relative;
  padding: 0;
  display: flex;
  margin: 0;
  will-change: transform;
}

.extension-tiles-block .section-head {
  max-width: 100%;
  width: 100%;
}

.extensions-tiles.three-columns {
  gap: 30px;
}
.extensions-tiles.three-columns .column {
  width: calc(33.33% - 20px);
  margin-right: 0;
}

/*-------------------------------------------------
>> Basic styles for Image Alongside Text Block
-------------------------------------------------*/
.testimonials-block .section-head h2 {
  font-weight: 500;
  margin-bottom: 0;
}

.single-testimonial {
  background-color: #f2f2f2;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding: 20px 20px 30px 20px;
  margin-bottom: 30px;
  color: #201d1d;
}

.testi-content p {
  color: #201d1d;
  margin-bottom: 40px;
  font-size: 18px;
}

.testimonials-area {
  justify-content: space-between;
  -webkit-mask-image: linear-gradient(var(--mask-direction, to bottom), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 0%, hsl(0, 0%, 0%) 55%, hsla(0, 0%, 0%, 0));
  overflow: hidden;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 810px;
}

.testimonial-column {
  width: 31.6%;
}

.client-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 16px;
}

.client-designation span {
  font-weight: 500;
  font-size: 18px;
  display: block;
  margin-bottom: 8px;
  line-height: 1.3;
  color: #201d1d;
}
.client-designation p {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 0;
  color: #201d1d;
}

/*-------------------------------------------------
>> Basic styles for Pricing Block
-------------------------------------------------*/
.pricing-block-ctn .three-columns {
  gap: 20px 20px;
}
.pricing-block-ctn .three-columns .column {
  width: calc(33.33% - 13.33px);
}

.recommended-heading {
  display: none;
  position: absolute;
  top: -36px;
  background-image: url(images/recommended-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px 8px 0 0;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 0.9px;
  font-size: 15px;
  font-weight: 600;
  padding: 7px 0 7px 0;
}

.pricing-column {
  background-color: #fff;
  border-radius: 10px;
  color: #201d1d;
  text-align: center;
  position: relative;
}
.pricing-column.recommended {
  border-radius: 0px 0px 10px 10px;
}
.pricing-column.recommended .recommended-heading {
  display: block;
}
.pricing-column.recommended .table-button a,
.pricing-column.recommended .table-button a:visited {
  background-color: #201d1d;
}
.pricing-column.recommended .table-button a:hover,
.pricing-column.recommended .table-button a:visited:hover {
  background-color: #000;
}

.price {
  font-weight: 500;
}

.price-head {
  color: #201d1d;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  padding: 20px 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.orignal-price {
  font-size: 28px;
  line-height: 1.3;
  text-decoration: line-through;
  margin-bottom: 8px;
  color: #6b7073;
}

.discounted-price {
  margin-bottom: 12px;
  color: #201d1d;
}

.account-month,
.billed-yearly {
  font-size: 14px;
  color: #6b7073;
  line-height: 1.3;
}

.table-button {
  line-height: 0.65;
  margin-top: 5px;
}
.table-button a,
.table-button a:visited {
  font-size: 18px;
  padding: 13px 19px 14px 20px;
  border-radius: 8px;
}

.table-text {
  padding: 20px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
  color: #201d1d;
}
.table-text.d-flex {
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.table-text span {
  display: block;
}
.table-text .minutes {
  position: relative;
  padding: 14px 0;
}
.table-text .minutes .tooltip-icon {
  display: inline-block;
  position: absolute;
  margin-left: 5px;
  top: 41px;
}
.table-text .small-text {
  line-height: 1.3;
  margin-top: 8px;
}

.minutes {
  max-width: 171px;
  margin: 0 auto;
}

.top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.tooltip-box {
  line-height: 0.65;
  position: relative;
}
.tooltip-box p {
  margin-bottom: 0;
}

.table-lists-ctn.active .tooltip-content {
  opacity: 1;
  visibility: visible;
}
.table-lists-ctn.active .tooltip-box .tooltip-icon {
  opacity: 1;
}

.tooltip-standard {
  position: absolute;
  background-color: #fff;
  padding: 12px;
  border-radius: 5px;
  width: 168px;
  box-sizing: border-box;
  text-align: left;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
  bottom: 48px;
  left: 110px;
  z-index: 1;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.tooltip-standard p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #201d1d;
}
.tooltip-standard::after {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  transition: all 0.4s ease-in-out;
  bottom: -10px;
  z-index: 1;
  left: 12px;
}

.minutes .tooltip-icon:hover + .tooltip-standard {
  opacity: 1;
  visibility: visible;
}

.tooltip-content {
  position: absolute;
  background-color: #fff;
  padding: 6px 6px 0 6px;
  border-radius: 5px;
  width: 193px;
  box-sizing: border-box;
  text-align: left;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
  bottom: 30px;
  left: -13px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.tooltip-content::after {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  transition: all 0.4s ease-in-out;
  bottom: -10px;
  z-index: 1;
  left: 12px;
}
.tooltip-content span {
  color: #fff;
  display: block;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 12px;
}
.tooltip-content span.green {
  background-color: #01A456;
}
.tooltip-content span.purple {
  background-color: #7234A4;
}
.tooltip-content span.magenta {
  background-color: #CB2C75;
}
.tooltip-content ul {
  margin: 0 0 12px 0;
  padding: 0;
  list-style-type: none;
}
.tooltip-content ul li {
  font-size: 14px;
  padding: 0 0 0 6px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 4px;
  color: #201d1d;
}
line .tooltip-content ul li::before {
  display: none;
}
.tooltip-content a.more-features,
.tooltip-content a:visited.more-features {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0;
  display: block;
  margin-bottom: 12px;
  border-bottom: 0;
  margin-left: 5px;
}
.tooltip-content.active {
  display: block;
}

.tooltip-icon {
  line-height: 0.65;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.tooltip-icon:hover {
  opacity: 1;
}

.price-notice-ctn {
  max-width: 580px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #505459;
}
.price-notice-ctn ul {
  margin: 0 0 0 3px;
  padding: 0;
  list-style-type: none;
}
.price-notice-ctn ul li {
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 7px;
}
.price-notice-ctn ul li::before {
  background-color: #fff;
  width: 5px;
  height: 5px;
  left: 7px;
  top: 8px;
}
.price-notice-ctn ul li:last-child {
  margin-bottom: 0px;
}

.notice-heading {
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 13px;
}

/*-------------------------------------------------
>> Basic styles for Enterprise Block
-------------------------------------------------*/
.enterprise-content-area {
  background-color: #fff;
  padding: 50px 64px 50px 50px;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
}
.enterprise-content-area h1,
.enterprise-content-area h2,
.enterprise-content-area h3,
.enterprise-content-area h4,
.enterprise-content-area h5,
.enterprise-content-area h6,
.enterprise-content-area p {
  color: #201d1d;
}

.enterprise-content {
  width: calc(100% - 270px);
}
.enterprise-content .heading-3 {
  margin-bottom: 30px;
}
.enterprise-content p {
  font-size: 18px;
}
.enterprise-content p:last-child {
  margin-bottom: 0px;
}

.enterprise-button {
  line-height: 0.65;
}

/*-------------------------------------------------
>> Basic styles for List block
-------------------------------------------------*/
.list-block.three-columns {
  gap: 30px 56px;
}
.list-block .column {
  width: calc(33.33% - 37.33px);
}
.list-block .column:last-child .list-number::after {
  display: none;
}

.list-number {
  position: relative;
}
.list-number span {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #3997ff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 40px;
  line-height: 1.3;
}
.list-number::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 1px;
  position: absolute;
  top: calc(50% - 1px);
  width: calc(100% - 132px);
  right: 0;
}

.list-block-heading {
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.3;
}

.list-block-content p {
  line-height: 1.4;
  font-size: 22px;
  font-weight: 500;
  max-width: 353px;
  color: rgba(255, 255, 255, 0.5);
}
.list-block-content p:last-child {
  margin-bottom: 0;
}

/*-------------------------------------------------
>> Basic styles for Image Alongside Text
-------------------------------------------------*/
.iat-block-ctn.with-box {
  padding: 40px 60px 40px 40px;
  background-color: #292727;
  border-radius: 10px;
  box-sizing: border-box;
}
.iat-block-ctn.image-at-left .iat-block {
  flex-direction: row-reverse;
}
.iat-block-ctn.simple .two-columns {
  align-items: center;
  justify-content: center;
}
.iat-block-ctn.simple .iat-content-area {
  padding-top: 0;
}
.iat-block-ctn.simple .iat-content-area p:last-child {
  margin-bottom: 0;
}

.iat-block.two-columns {
  gap: 60px;
}
.iat-block.two-columns .column {
  width: calc(50% - 30px);
}

.iat-content-area {
  padding-top: 30px;
}
.iat-content-area h2 {
  margin-bottom: 30px;
}
.iat-content-area p {
  line-height: 1.4;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 40px;
}
.iat-content-area ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.iat-content-area ul li {
  line-height: 1.4;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-left: 48px;
  padding-bottom: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iOCIgZmlsbD0iIzM5OTdGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjExMzMgMjIuNjY1MUwxOC43Nzk5IDE1Ljk5ODRMMTIuMTEzMyA5LjMzMTczTDEzLjY2ODkgNy43NzYxTDIxLjExMzQgMTUuMjIwNkMyMS41NDMgMTUuNjUwMiAyMS41NDMgMTYuMzQ2NiAyMS4xMTM0IDE2Ljc3NjJMMTMuNjY4OSAyNC4yMjA3TDEyLjExMzMgMjIuNjY1MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-position: left top;
  background-repeat: no-repeat;
}
.iat-content-area ul li:last-child {
  margin-bottom: 0;
}
.iat-content-area ul li::before {
  display: none;
}

.iat-imaga-area {
  line-height: 0.65;
}
.iat-imaga-area img {
  border-radius: 10px;
}

/*-------------------------------------------------
>> Basic styles for Icon Tile
-------------------------------------------------*/
.icon-tiles-ctn .section-head h2 {
  margin-bottom: 80px;
}

.icon-tiles-area.three-columns {
  gap: 30px 30px;
}
.icon-tiles-area .column {
  width: calc(33.33% - 20px);
}

.icon-tile {
  padding: 40px 23px 40px 30px;
  border-radius: 10px;
  background-color: #E29A0D;
  box-sizing: border-box;
}
.icon-tile .icon {
  line-height: 0.65;
  margin-bottom: 20px;
}
.icon-tile .icon img {
  max-width: 72px;
  max-height: 72px;
}
.icon-tile h3 {
  margin-bottom: 20px;
}
.icon-tile p {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.icon-tile p:last-child {
  margin-bottom: 0px;
}
.icon-tile:nth-child(2), .icon-tile:nth-child(8) {
  background-color: #01A456;
}
.icon-tile:nth-child(3), .icon-tile:nth-child(9) {
  background-color: #7234A4;
}
.icon-tile:nth-child(4), .icon-tile:nth-child(10) {
  background-color: #7234A4;
}
.icon-tile:nth-child(5), .icon-tile:nth-child(11) {
  background-color: #E29A0D;
}
.icon-tile:nth-child(6), .icon-tile:nth-child(12) {
  background-color: #01A456;
}

/*-------------------------------------------------
>> Basic styles for MidPage CTA
-------------------------------------------------*/
.midpage-cta-ctn {
  background-color: #3997ff;
  border-radius: 10px;
}
.midpage-cta-ctn.without-image .midpage-cta-content {
  width: 90%;
  padding: 60px 0 75px;
  max-width: 980px;
  text-align: center;
  margin: 0 auto;
}
.midpage-cta-ctn.without-image .cta-buttons {
  justify-content: center;
}

.midpage-cta-block {
  gap: 80px;
}

.midpage-cta-content {
  padding: 60px 0 75px 60px;
  box-sizing: border-box;
  width: calc(100% - 460px);
}
.midpage-cta-content h3 {
  margin-bottom: 35px;
}
.midpage-cta-content p {
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}
.midpage-cta-content .cta-buttons {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.midpage-cta-content .cta-buttons a.button,
.midpage-cta-content .cta-buttons a:visited.button {
  background-color: #201d1d;
  margin-right: 0;
}
.midpage-cta-content .cta-buttons a.button:hover,
.midpage-cta-content .cta-buttons a:visited.button:hover {
  background-color: #000;
}
.midpage-cta-content .cta-buttons a.button.call-btn,
.midpage-cta-content .cta-buttons a:visited.button.call-btn {
  background-color: #3997ff;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin-left: 0;
  padding: 17px 29px 17px 29px;
}
.midpage-cta-content .cta-buttons a.button.call-btn:hover,
.midpage-cta-content .cta-buttons a:visited.button.call-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.midpage-cta-image {
  line-height: 0.65;
  width: 380px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 10px 10px 0;
}

/*-------------------------------------------------
>> Basic styles for Image With Discription
-------------------------------------------------*/
.image-with-discription-ctn {
  background-color: #292727;
  padding: 80px 40px 40px 40px;
}
.image-with-discription-ctn .section-head {
  max-width: 950px;
  margin: 0 auto;
}
.image-with-discription-ctn .section-head h2 {
  margin-bottom: 40px;
}
.image-with-discription-ctn .section-head p {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}
.image-with-discription-ctn .section-head p:last-child {
  margin-bottom: 0;
}

.iwd-image {
  line-height: 0.65;
}
.iwd-image img {
  border-radius: 10px;
}

/*-------------------------------------------------
>> Basic styles for Feature Video Block
-------------------------------------------------*/
.feature-video-area {
  position: relative;
  border-radius: 10px;
  line-height: 0.65;
}
.feature-video-area video {
  line-height: 0.65;
  border-radius: 10px;
  margin-bottom: 0;
  cursor: pointer;
}
.feature-video-area img {
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  height: 100%;
}
.feature-video-area.active .play-btn, .feature-video-area.active .play-button,
.feature-video-area.active img {
  opacity: 0;
  visibility: hidden;
}

/*-------------------------------------------------
>> Basic styles for Gallery Slider
-------------------------------------------------*/
.gallery-slider-block .section-head {
  max-width: 780px;
  margin: 0 auto;
}
.gallery-slider-block .section-head h2 {
  margin-bottom: 60px;
}
.gallery-slider-block .section-head p {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}
.gallery-slider-block .section-head p:last-child {
  margin-bottom: 0;
}
.gallery-slider-block .owl-stage-outer {
  overflow: visible;
}

.gallery-image img {
  border-radius: 10px;
}

/*-------------------------------------------------
>> Basic styles for FAQ's Block
-------------------------------------------------*/
.faq-area {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.faq {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.faq > span {
  display: block;
  color: #fff;
  padding: 30px 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  cursor: pointer;
  position: relative;
  padding-right: 80px;
  transition: all 0.4s ease-in-out;
}
.faq > span::after {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  right: 0;
  top: 31px;
  transition: all 0.4s ease-in-out;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTMuMDM1MiIgd2lkdGg9IjEuOTMxMDMiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjI4IiB5PSIxMy4wMzQyIiB3aWR0aD0iMS45MzEwMyIgaGVpZ2h0PSIyOCIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjggMTMuMDM0MikiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
}
.faq span.active {
  color: #3997ff;
}
.faq span.active::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMjgiIHk9IjEzLjAzNDIiIHdpZHRoPSIxLjkzMTAzIiBoZWlnaHQ9IjI4IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyOCAxMy4wMzQyKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.faq-content {
  display: none;
  border-top: 0;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 40px;
  letter-spacing: -0.01em;
  font-size: 20px;
  padding-right: 80px;
}
.faq-content p {
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

/*-------------------------------------------------
>> Basic styles for Quote Block
-------------------------------------------------*/
.quote-block-heading {
  padding: 78px 0 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk0Nl8yOTcpIj4KPHBhdGggZD0iTTI4LjQwMTUgMzYuMDU3NEMyNy4xODE1IDM2LjUzMzIgMjYuNjY5OSAzNy44ODcyIDI3LjIyMDkgMzguOTg1MUwyOS4xNDkyIDQyLjc1NDRDMjkuNzAwMiA0My44MTUzIDMxLjAzODIgNDQuMjkxNCAzMi4yMTg5IDQzLjgxNTNDMzUuNTY0IDQyLjQ5NzggMzguNDM2OSA0MC43Nzc5IDQwLjcxOTQgMzguNjkxOUM0My41MTM2IDM2LjI0MDQgNDUuNDAyNiAzMy40MjI2IDQ2LjQyNTggMzAuMzEyQzQ3LjQ0OSAyNy4xNjQ0IDQ4IDIyLjg4MzEgNDggMTcuNDMwNUw0OCA2LjE5NTcxQzQ4IDQuOTg4MDcgNDYuOTM3NCA0IDQ1LjYzODcgNEwzMC4xNzI1IDRDMjguODczOCA0IDI3LjgxMTIgNC45ODgwNyAyNy44MTEyIDYuMTk1NzFMMjcuODExMiAyMC41Nzc2QzI3LjgxMTIgMjEuNzg1NyAyOC44NzM4IDIyLjc3MzQgMzAuMTcyNSAyMi43NzM0TDM3LjU3MTEgMjIuNzczNEMzNy40OTI0IDI2LjQ2OTggMzYuNTQ3OSAyOS40MzM3IDM0LjgxNjMgMzEuNjY2NEMzMy4zOTk1IDMzLjQ1ODggMzEuMjc0NCAzNC45MjI2IDI4LjQwMTUgMzYuMDU3NFoiIGZpbGw9IiMzOTk3RkYiLz4KPHBhdGggZD0iTTEuNDAzOTggMzYuMDg3QzAuMTgxNjg5IDM2LjU2MzIgLTAuMzMwNDkgMzcuOTE4NCAwLjIyMTExNyAzOS4wMTczTDIuMTUzMTIgNDIuNzUzQzIuNzA1MTIgNDMuODE1MyA0LjA0NTY5IDQ0LjI5MTQgNS4yMjg1NSA0My44MTUzQzguNTQwNTYgNDIuNDk2NiAxMS4zNzk4IDQwLjc3NTEgMTMuNzA1NyAzOC43MjM5QzE2LjUwNTUgMzYuMjMzMSAxOC40MzcxIDMzLjQxMjcgMTkuNDYyNyAzMC4yOTkzQzIwLjQ4NzggMjcuMjIyOSAyMSAyMi45MzcgMjEgMTcuNDQyN0wyMSA2LjE5NzcyQzIxIDQuOTg4OTcgMTkuOTM1NCA0IDE4LjYzNDMgNEwzLjEzODg0IDRDMS44Mzc2OSA0IDAuNzczMTIxIDQuOTg4OTcgMC43NzMxMjEgNi4xOTc3MUwwLjc3MzExOSAyMC41OTI3QzAuNzczMTE5IDIxLjgwMTggMS44Mzc2OSAyMi43OTA1IDMuMTM4ODQgMjIuNzkwNUwxMC41OTA4IDIyLjc5MDVDMTAuNTEyIDI2LjQ5MDMgOS41NjUzMSAyOS40NTY5IDcuODMwODQgMzEuNjkxNkM2LjQxMTQxIDMzLjQ4NiA0LjI4MjI3IDM0Ljk1MTEgMS40MDM5OCAzNi4wODdaIiBmaWxsPSIjMzk5N0ZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOTQ2XzI5NyI+CjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ4KSByb3RhdGUoLTE4MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: top center;
}

.quote-block-heading h2 {
  margin-bottom: 40px;
}

.quote-content p {
  font-size: 32px;
  margin-bottom: 40px;
  line-height: 1.4;
  font-weight: 500;
}

.quote-client-image {
  margin-bottom: 20px;
  line-height: 0.65;
}
.quote-client-image img {
  max-width: 100px;
  max-height: 100px;
}

.quote-client-name {
  color: #fff;
  line-height: 1.3;
  font-weight: 600;
}
.quote-client-name span {
  display: block;
  font-size: 20px;
  font-weight: 400;
  margin-top: 8px;
}

/*-------------------------------------------------
>> Basic styles for Icon With Text Block
-------------------------------------------------*/
.icon-with-text-block.three-columns {
  gap: 60px 54px;
}
.icon-with-text-block.three-columns .column {
  display: flex;
  gap: 20px;
  width: calc(33.33% - 36px);
}

.icon-box-content {
  width: calc(100% - 92px);
}
.icon-box-content .text-24 {
  line-height: 1.05;
  padding: 20px 0;
  margin-bottom: 0;
}
.icon-box-content p {
  font-size: 18px;
  font-weight: 500;
}
.icon-box-content p:last-child {
  margin-bottom: 0;
}

/*-------------------------------------------------
>> Basic styles for Tabs with videos
-------------------------------------------------*/
.tabs-area .feature-video-area {
  height: 100%;
  border-radius: 0 10px 10px 0;
}
.tabs-area .feature-video-area img {
  border-radius: 0 10px 10px 0;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.tabs-area .feature-video-area video {
  border-radius: 0 10px 10px 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tab-link-ctn a,
.tab-link-ctn a:visited {
  gap: 16px;
  display: flex;
  border-radius: 10px;
  padding: 15px;
  border-bottom: 0;
  color: #fff;
}
.tab-link-ctn a:hover,
.tab-link-ctn a:visited:hover {
  color: #3997ff;
}
.tab-link-ctn a.current,
.tab-link-ctn a:visited.current {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.tab-link-ctn a.current:hover,
.tab-link-ctn a:visited.current:hover {
  color: #fff;
}

.video-title-area {
  width: calc(100% - 121px);
}
.video-title-area .text-18 {
  line-height: 1.3;
  margin-bottom: 12px;
  font-weight: 500;
}

.video-time {
  line-height: 1.3;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

.left-column {
  background-color: #000;
  box-sizing: border-box;
  border-radius: 10px 0 0 10px;
  height: 590px;
  width: 400px;
  overflow: hidden;
  overflow-y: scroll;
}
.left-column::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.2);
}
.left-column::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 0.2);
}
.left-column::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}

.tab-link-ctn {
  padding: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tab-link-ctn:last-child {
  border-bottom: 0;
}

.list-wrap {
  height: 100% !important;
}

.right-column {
  width: 780px;
}

.main-video {
  height: 100%;
}

.tab-video-thumb {
  line-height: 0.65;
  width: 105px;
  border-radius: 10px;
}
.tab-video-thumb img {
  border-radius: 10px;
  aspect-ratio: 1/0.762;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ------------------------------------------------------------------
> Responsive
------------------------------------------------------------------ */
/* -------------------------------------------------
>> Responsive queries
------------------------------------------------- */
@media only screen and (min-width: 1921px) {
  .hero-section::before {
    background-size: 100% 100%;
  }
  .hero-section.home-hero-ctn::before {
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section::before {
    background-image: url(images/inner-background-mobile.webp);
    height: 500px;
    background-size: 100% 100%;
  }
  .hero-section.home-hero-ctn::before {
    background-image: url(images/home-background-mobile.webp);
    height: 780px;
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 1003px) {
  .hero-section {
    padding-top: 69px;
  }
  .site-logo {
    width: 140px;
  }
  .header-logo .partner-logo {
    margin-left: 18px;
    width: 81px;
  }
  .header-logo {
    position: relative;
    z-index: 10;
  }
}
@media only screen and (min-width: 748px) and (max-width: 1003px) {
  .footer-widgets.d-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .single-widget {
    width: 48%;
    margin-right: 4%;
  }
  .single-widget:first-child {
    width: 100%;
    margin: 0 0 64px 0;
  }
}
@media only screen and (max-width: 747px) {
  .hero-section::before {
    height: 300px;
  }
  .hero-section.home-hero-ctn::before {
    height: 580px;
  }
  .footer-bottom.d-flex {
    display: block;
  }
  .footer-logo a {
    display: inline-block;
    max-width: 140px;
  }
  .footer-widgets.d-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-widgets .single-widget {
    width: 48%;
    margin-right: 4%;
  }
  .footer-widgets .single-widget:first-child {
    margin-bottom: 56px;
    width: 100%;
    margin-right: 0;
  }
  .footer-widgets .single-widget:last-child {
    margin-right: 0;
  }
  .footer-widgets .single-widget p {
    margin-bottom: 30px;
  }
  .footer-widgets .single-widget ul li {
    font-size: 16px;
  }
  .footer-bottom {
    margin-top: 18px;
  }
  .copy-right {
    width: 100%;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 16px;
    font-size: 15px;
  }
  .legal-nav ul li {
    font-size: 15px;
    margin-right: 15px;
  }
}
/* -------------------------------------------------
>> Base Responsive queries
------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1345px) {
  .header-wrapper {
    width: 97%;
  }
  .header-nav ul li {
    margin: 0 25px 0 0;
  }
  .header-nav ul li:last-child {
    margin-right: 0;
  }
  .header-logo .partner-logo {
    width: 90px;
  }
  .content-box {
    padding-right: 20px;
  }
  .video-box:nth-child(2) {
    width: 55%;
  }
  .video-box:nth-child(3) {
    width: 43%;
  }
  .screencast-animation {
    width: 50%;
  }
  .extensions-tiles-ctn {
    width: 1090px;
  }
  .tooltip-content {
    left: auto;
    right: -12px;
  }
  .tooltip-content::after {
    left: auto;
    right: 12px;
  }
  .tooltip-standard {
    left: auto;
    right: 15px;
  }
  .tooltip-standard::after {
    left: auto;
    right: 12px;
  }
  .header-wrapper {
    width: 95%;
  }
  .header-nav ul li {
    margin-right: 15px;
  }
  .header-nav ul li:last-child {
    margin-right: 0;
  }
  .midpage-cta-content .cta-buttons a.button,
  .midpage-cta-content .cta-buttons a:visited.button {
    padding: 19px 50px;
  }
}
@media only screen and (min-width: 1200px) {
  @keyframes scale {
    0% {
      transform: scale(1);
      opacity: 0;
    }
    50% {
      transform: scale(1.25);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
}
@media only screen and (max-width: 1199px) {
  .solution-hero-video {
    margin-top: 64px;
  }
  .hero-videos {
    display: none;
  }
  .showroom-image {
    display: none;
  }
  .agent-video,
  .guest-video {
    opacity: 1;
    position: initial;
    width: 47%;
  }
  .showroom-video {
    position: initial;
  }
  .small-videos {
    display: flex;
    justify-content: space-between;
    max-width: 470px;
    align-items: center;
    margin: 0 auto 20px auto;
    width: 100%;
  }
}
@media only screen and (min-width: 1004px) and (max-width: 1199px) {
  .get-in-touch-ctn .git-content h1 {
    font-size: 64px;
  }
  .get-in-touch-ctn.two-columns {
    gap: 60px;
  }
  .get-in-touch-ctn.two-columns .column {
    width: calc(50% - 30px);
  }
  .video-box {
    max-width: 100%;
  }
  .video-box:nth-child(2) {
    width: 49%;
    max-width: 100%;
  }
  .video-box:nth-child(3) {
    width: 49%;
    max-width: 100%;
  }
  .video-meeting-block .section-head h2,
  .screencast-block .section-head h2,
  .ai-features-block .section-head h2 {
    background-position: top 15px left;
  }
  .ai-feature-content,
  .ai-feature-animation,
  .screencast-animation,
  .sc-content {
    width: 48%;
  }
  .extension-hero-content.d-flex {
    display: block;
  }
  .filters-button-group {
    margin-top: 30px;
  }
  .extensions-tiles-ctn {
    width: 100%;
    margin-left: -1.625%;
  }
  .extensions-tiles-ctn.three-columns .column {
    width: 46.75%;
  }
  .extensions-tiles-ctn .extension-box {
    margin: 0 1.625% 3.25% 1.625%;
  }
  .tooltip-content {
    left: auto;
    right: -12px;
  }
  .tooltip-content::after {
    left: auto;
    right: 12px;
  }
  .tooltip-standard {
    left: auto;
    right: 15px;
  }
  .tooltip-standard::after {
    left: auto;
    right: 12px;
  }
  .videos-block-ctn .video-box .content-box {
    padding-right: 40px;
  }
  .videos-block-ctn .video-box:nth-child(2) .video-content,
  .videos-block-ctn .video-box:nth-child(3) .video-content {
    font-size: 22px;
  }
  .extension-box .extension-content {
    padding: 20px 20px 30px 22px;
  }
  .tab-video-thumb {
    width: 90px;
  }
  .video-title-area {
    width: calc(100% - 110px);
  }
  .icon-with-text-block.three-columns {
    gap: 40px 30px;
  }
  .icon-with-text-block.three-columns .column {
    width: calc(33.33% - 20px);
  }
  .midpage-cta-content {
    padding: 50px 0 50px 50px;
  }
  .midpage-cta-content a.button,
  .midpage-cta-content a:visited.button {
    margin-right: 0;
    display: block;
  }
  .midpage-cta-content a.button.call-btn,
  .midpage-cta-content a:visited.button.call-btn {
    display: inline-flex;
    margin-top: 15px;
    width: 100%;
  }
  .midpage-cta-ctn.without-image .midpage-cta-content .cta-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .midpage-cta-ctn.without-image .midpage-cta-content .cta-buttons a.button,
  .midpage-cta-ctn.without-image .midpage-cta-content .cta-buttons a:visited.button {
    margin-right: 15px;
    display: inline-block;
  }
  .midpage-cta-ctn.without-image .midpage-cta-content .cta-buttons a.button.call-btn,
  .midpage-cta-ctn.without-image .midpage-cta-content .cta-buttons a:visited.button.call-btn {
    display: inline-flex;
    margin-top: 0;
    width: auto;
  }
  .midpage-cta-content .cta-buttons {
    display: block;
  }
}
@media only screen and (max-width: 1003px) {
  .hero-icon {
    margin-bottom: 24px;
  }
  .client-detail.d-flex {
    align-items: center;
  }
  #main-section .d-flex {
    display: block !important;
  }
  #main-section .videos-block-ctn.d-flex,
  #main-section .client-detail.d-flex,
  #main-section .tabs-area.d-flex {
    display: flex !important;
  }
  #main-section .video-box:first-child {
    display: flex !important;
  }
  #main-section .video-box:first-child .content-box {
    padding-right: 24px;
  }
  .tabs-area {
    flex-direction: column-reverse;
  }
  .left-column {
    width: 100%;
    border-radius: 0 0 10px 10px;
  }
  .right-column {
    width: 100%;
  }
  .tabs-area .feature-video-area img,
  .tabs-area .feature-video-area video {
    border-radius: 10px 10px 0 0;
  }
  .content-box {
    padding: 30px 18px 0 18px;
    max-width: 100%;
  }
  .videos-block-ctn .video-content {
    font-size: 20px;
  }
  .videos-block-ctn .video-box {
    padding: 30px;
  }
  .videos-block-ctn .video-box:nth-child(2) .block-video, .videos-block-ctn .video-box:nth-child(3) .block-video {
    margin: 0 0 -30px -30px;
  }
  .videos-block-ctn .video-box:nth-child(2) .video-content, .videos-block-ctn .video-box:nth-child(3) .video-content {
    margin-bottom: 40px;
  }
  .extensions-tiles.three-columns,
  .icon-tiles-area.three-columns,
  .icon-with-text-block.three-columns {
    gap: 20px;
  }
  .extensions-tiles.three-columns .column,
  .icon-tiles-area.three-columns .column,
  .icon-with-text-block.three-columns .column {
    width: calc(50% - 10px);
  }
  .video-box {
    max-width: 100%;
  }
  .video-box .animation-box {
    padding: 46px 18px 24px 18px;
    display: flex;
    justify-content: flex-end;
  }
  .video-box .lottie-box {
    max-width: 100%;
    width: 60%;
  }
  .video-box:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }
  .video-box:nth-child(2) .animation-box {
    justify-content: flex-start;
    padding: 46px 18px 0 0;
  }
  .video-box:nth-child(2) .animation-box .lottie-box {
    max-width: 100%;
    width: 80%;
  }
  .video-box:nth-child(3) {
    width: 100%;
    max-width: 100%;
  }
  .video-box:nth-child(3) .animation-box {
    justify-content: flex-end;
    padding: 46px 0 24px 18px;
  }
  .video-box:nth-child(3) .animation-box .lottie-box {
    max-width: 100%;
    width: 80%;
  }
  .testimonials-block {
    width: 105.5%;
  }
  .testimonials-area .owl-stage {
    padding-left: 0 !important;
  }
  .testimonials-area {
    height: auto;
    -webkit-mask-image: initial;
  }
  .video-meeting-block .section-head h2,
  .screencast-block .section-head h2,
  .ai-features-block .section-head h2 {
    padding: 84px 0 0 0;
    background-size: 56px;
    background-position: left top;
  }
  .list-block.three-columns {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .list-block.three-columns .column {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
  }
  .list-block.three-columns .column:last-child {
    margin-bottom: 0;
  }
  .list-block.three-columns .column:last-child .list-number::after {
    display: none;
  }
  .list-number {
    position: absolute;
    height: 100%;
  }
  .list-number span {
    width: 48px;
    height: 48px;
    font-size: 26px;
    margin-bottom: 0;
  }
  .list-number::after {
    height: calc(100% - 79px);
    position: absolute;
    top: auto;
    width: 1px;
    right: auto;
    bottom: 0;
    left: 25px;
  }
  .list-block-content {
    padding: 0 0 24px 68px;
  }
  .list-block-content p {
    max-width: 100%;
  }
  .iat-block-ctn.with-box {
    padding: 40px;
  }
  .iat-block.two-columns {
    display: block;
  }
  .iat-block.two-columns .column {
    width: 100%;
  }
  .iat-block.two-columns .iat-content-area {
    padding-top: 0;
  }
  .iat-block.two-columns .iat-imaga-area {
    margin-top: 64px;
  }
  .iat-block.two-columns .iat-imaga-area img {
    aspect-ratio: initial;
  }
  .midpage-cta-image {
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding-top: 56.25%;
  }
  .midpage-cta-content {
    padding: 50px;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 748px) and (max-width: 1003px) {
  .video-meeting-block .section-head h2,
  .screencast-block .section-head h2,
  .ai-features-block .section-head h2 {
    padding: 100px 0 0 0;
    background-size: 72px;
  }
  .screencast-animation,
  .ai-feature-animation {
    margin-top: 64px;
  }
  .video-detail-ctn.d-flex,
  .about-client.d-flex {
    display: flex;
  }
  .screencast-animation,
  .sc-content {
    width: 48%;
  }
  .filters-button-group {
    margin-top: 30px;
  }
  .extensions-tiles-ctn {
    width: 100%;
    margin-left: -1.625%;
  }
  .extensions-tiles-ctn.three-columns .column {
    width: 46.75%;
  }
  .extensions-tiles-ctn .extension-box {
    margin: 0 1.625% 3.25% 1.625%;
  }
  /*****Pricing page******/
  .pricing-hero-ctn {
    margin-bottom: 30px;
  }
  #main-section .pricing-hero-content.d-flex {
    display: flex !important;
  }
  .enterprise-content {
    width: 100%;
  }
  .enterprise-button {
    width: 100%;
    margin-top: 30px;
  }
  .tooltip-content {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .tooltip-content::after {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .tooltip-standard {
    left: auto;
    right: 16px;
  }
  .tooltip-standard::after {
    left: auto;
    right: 12px;
  }
  .get-in-touch-ctn.two-columns .column {
    width: 100%;
  }
  .get-in-touch-ctn .git-content {
    margin-bottom: 80px;
  }
  .midpage-cta-content .cta-buttons {
    display: block;
  }
  .midpage-cta-content .cta-buttons a.button,
  .midpage-cta-content .cta-buttons a:visited.button {
    margin: 0 auto 15px auto;
    width: 320px;
    display: block;
  }
  .midpage-cta-content .cta-buttons a.button.call-btn,
  .midpage-cta-content .cta-buttons a:visited.button.call-btn {
    margin: 0 auto;
    display: inline-flex;
  }
}
@media only screen and (max-width: 747px) {
  .tooltip-standard {
    left: 100px;
  }
  .tooltip-standard::after {
    left: 22px;
  }
  .extension-popup-ctn {
    padding: 5px 5px 36px 5px;
  }
  .extension-popup-video video {
    margin-bottom: 24px;
  }
  .extension-popup-content .text-32 {
    margin-bottom: 20px;
  }
  .extension-popup-content ul li {
    margin-bottom: 18px;
  }
  .extension-popup-content p {
    margin-bottom: 18px;
  }
  .extension-popup-content p:last-of-type {
    margin-bottom: 30px;
  }
  .hero-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
  }
  .solution-hero-content p {
    font-size: 20px;
    margin-bottom: 36px;
  }
  .solution-hero-content a.down-arrow-btn,
  .solution-hero-content a:visited.down-arrow-btn {
    padding: 15px 45px 16px 20px;
    background-position: right 20px center;
    background-size: 12px;
  }
  .play-button a,
  .play-button a:visited {
    height: 64px;
    width: 64px;
  }
  .play-button a img,
  .play-button a:visited img {
    width: 18px !important;
    height: 18px;
    border-radius: 0 !important;
  }
  a.call-btn span,
  a:visited.call-btn span {
    margin-right: 12px;
    width: 24px;
    height: 24px;
  }
  .list-block.three-columns {
    max-width: 100%;
  }
  .list-block-content {
    padding: 0 10px 24px 68px;
  }
  .list-block-content p {
    font-size: 20px;
  }
  .list-block-heading {
    padding-top: 7px;
  }
  .iat-block-ctn.with-box {
    padding: 24px;
  }
  .iat-content-area p {
    font-size: 20px;
  }
  .iat-content-area ul li {
    font-size: 20px;
    padding-left: 40px;
    background-size: 26px;
  }
  .iat-block.two-columns .iat-imaga-area {
    margin-top: 46px;
  }
  .iat-block.two-columns .iat-imaga-area img {
    aspect-ratio: initial;
  }
  .icon-tiles-ctn .section-head h2 {
    margin-bottom: 46px;
  }
  .icon-tile {
    padding: 30px 24px;
  }
  .icon-tile .icon {
    margin-bottom: 18px;
  }
  .icon-tile .icon img {
    max-width: 58px;
    max-height: 58px;
  }
  .icon-tile p {
    font-size: 16px;
  }
  .extensions-tiles.three-columns,
  .icon-tiles-area.three-columns,
  .icon-with-text-block.three-columns {
    gap: 24px 0;
    display: flex;
  }
  .extensions-tiles.three-columns .column,
  .icon-tiles-area.three-columns .column,
  .icon-with-text-block.three-columns .column {
    width: 100%;
  }
  .midpage-cta-content {
    padding: 24px 24px 46px 24px;
    text-align: left;
  }
  .midpage-cta-content .cta-buttons {
    display: block;
  }
  .midpage-cta-content .cta-buttons a.button,
  .midpage-cta-content .cta-buttons a:visited.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    width: 100%;
  }
  .midpage-cta-content .cta-buttons a.button.call-btn,
  .midpage-cta-content .cta-buttons a:visited.button.call-btn {
    padding: 12px 20px 12px 20px;
    margin-top: 18px;
  }
  .midpage-cta-content p {
    margin-bottom: 36px;
    font-size: 22px;
  }
  .midpage-cta-image {
    padding-top: 89%;
  }
  #main-section .video-box:first-child {
    display: block !important;
  }
  #main-section .video-box:first-child .content-box {
    padding-right: 0;
  }
  .videos-block-ctn .video-box {
    padding: 30px 18px 24px 18px;
  }
  .videos-block-ctn .video-box:nth-child(2), .videos-block-ctn .video-box:nth-child(3) {
    width: 100%;
  }
  .videos-block-ctn .video-box:nth-child(2) .block-video, .videos-block-ctn .video-box:nth-child(3) .block-video {
    margin: 0 0 -24px -18px;
  }
  .videos-block-ctn .video-box:nth-child(2) .block-video img, .videos-block-ctn .video-box:nth-child(3) .block-video img {
    aspect-ratio: 1/0.62;
  }
  .videos-block-ctn .video-content {
    font-size: 22px;
  }
  .videos-block-ctn .content-box {
    margin-bottom: 46px;
  }
  .image-with-discription-ctn {
    padding: 36px 24px 24px 24px;
  }
  .image-with-discription-ctn .section-head h2,
  .extension-block .section-head h2 {
    margin-bottom: 40px;
  }
  .image-with-discription-ctn .section-head p,
  .extension-block .section-head p {
    font-size: 22px;
  }
  .faq-block .section-head h2 {
    margin-bottom: 0;
  }
  .faq > span {
    padding: 24px 0;
    font-size: 20px;
    padding-right: 58px;
  }
  .faq > span::after {
    width: 24px;
    height: 24px;
    top: 26px;
  }
  .faq-content {
    padding-right: 0;
    font-size: 16px;
    margin-bottom: 24px;
  }
  .quote-block-heading {
    background-size: 40px;
    padding: 64px 0 0 0;
  }
  .quote-block-heading h2 {
    margin-bottom: 30px;
  }
  .quote-content p {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .quote-client-image img {
    max-width: 72px;
    max-height: 72px;
  }
  .quote-client-image {
    margin-bottom: 18px;
  }
  .video-tabs-ctn .section-head h2 {
    margin-bottom: 6px;
  }
  .tabs-area .feature-video-area img,
  .tabs-area .feature-video-area video {
    aspect-ratio: 1/0.75;
  }
  .left-column::-webkit-scrollbar {
    width: 4px;
  }
  .left-column::-webkit-scrollbar-thumb {
    border-radius: 4px;
  }
  .tab-link-ctn a,
  .tab-link-ctn a:visited {
    padding: 12px;
  }
  .left-column {
    height: 320px;
  }
  .tab-video-thumb {
    width: 95px;
  }
  .video-title-area {
    width: calc(100% - 111px);
  }
  .video-title-area .text-18 {
    margin-bottom: 9px;
  }
  .box-icon img {
    max-width: 58px;
    max-height: 58px;
  }
  .icon-box-content {
    width: calc(100% - 76px);
  }
  .icon-with-text-block.three-columns {
    gap: 36px 0;
  }
  .midpage-cta-ctn .midpage-cta-content h2 {
    max-width: 90%;
    margin-bottom: 24px;
  }
  .midpage-cta-ctn.without-image .midpage-cta-content {
    width: 100%;
    padding: 30px 24px 40px 24px;
  }
  .midpage-cta-ctn.without-image .midpage-cta-content h2 {
    margin: 0 auto 24px auto;
  }
  /*****Get in touch page******/
  .contact-links {
    margin-bottom: 40px;
  }
  .git-content {
    margin-bottom: 64px;
  }
  .git-content h1 {
    margin-bottom: 24px;
  }
  .git-content p {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .contact-links ul li {
    margin-bottom: 24px;
  }
  .contact-links ul li a,
  .contact-links ul li a:visited {
    padding: 0 0 0 40px;
    background-size: 26px;
  }
  .contact-links span.contact-address {
    padding: 0 0 0 40px;
    background-size: 26px;
  }
  .contact-links p {
    font-size: 16px;
    max-width: 250px;
  }
  .demo-call a,
  .demo-call :visited {
    width: 100%;
  }
  .demo-call a.call-btn,
  .demo-call :visited.call-btn {
    padding: 13px 20px 14px 20px;
  }
  .git-form {
    padding: 24px;
  }
  /*****Pricing page******/
  .two-columns,
  .three-columns,
  .four-columns {
    display: block;
  }
  .switch-wrapper {
    display: inline-block;
    margin-top: 30px;
  }
  .switch-wrapper label {
    padding: 6px 14px 7px 14px !important;
    font-size: 15px;
  }
  .pricing-block-ctn .three-columns .column {
    width: 100%;
    margin-top: 24px;
  }
  .pricing-block-ctn .three-columns .column:first-child {
    margin-top: 0;
  }
  .pricing-column.recommended {
    border-radius: 10px;
  }
  .recommended-heading {
    position: initial;
  }
  .price-head {
    padding: 18px 40px;
    font-size: 18px;
  }
  .orignal-price {
    font-size: 26px;
  }
  .discounted-price {
    font-size: 48px;
  }
  .table-button a.button,
  .table-button a:visited.button {
    padding: 11px 16px 12px 16px;
    font-size: 16px;
  }
  .table-text {
    padding: 18px;
    font-size: 16px;
  }
  .tooltip-content {
    left: auto;
    right: -13px;
  }
  .tooltip-content::after {
    right: 12px;
    left: auto;
  }
  #main-section .table-text.d-flex {
    display: flex !important;
  }
  .table-text .minutes .tooltip-icon {
    top: 36px;
  }
  .price-notice-ctn {
    padding: 18px;
  }
  .notice-heading {
    font-size: 15px;
    margin-bottom: 12px;
  }
  .price-notice-ctn ul li {
    font-size: 15px;
    margin-bottom: 6px;
  }
  .enterprise-content-area {
    padding: 24px 29px 36px 24px;
  }
  .enterprise-content {
    width: 100%;
  }
  .enterprise-content .heading-3 {
    margin-bottom: 24px;
  }
  .enterprise-button {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0 auto;
  }
  .enterprise-button a,
  .enterprise-button a:visited {
    display: block;
  }
  .cta-heading br {
    display: block;
  }
  .cta-heading span {
    margin: 0 8px 0 0;
    top: 2px;
  }
  .cta-heading span img {
    width: 31px;
  }
  .agent-video video,
  .guest-video video,
  .showroom-video video {
    border-radius: 4px;
  }
  a.button,
  a:visited.button {
    padding: 15px 40px 16px 40px;
    font-size: 18px;
  }
  .hero-home {
    width: 90%;
  }
  .hero-home h1 {
    margin-bottom: 24px;
  }
  .hero-button {
    max-width: 500px;
    margin: 46px auto 0 auto;
  }
  .hero-button a.button,
  .hero-button a:visited.button {
    display: block;
  }
  .hero-jumplinks {
    margin-top: 36px;
  }
  .hero-jumplinks a.jump-link,
  .hero-jumplinks a:visited.jump-link {
    display: block;
    text-align: center;
    margin-right: 13px;
    padding: 0;
  }
  .hero-jumplinks a.jump-link .jumplink-img,
  .hero-jumplinks a:visited.jump-link .jumplink-img {
    display: block;
    margin-bottom: 18px;
  }
  .hero-jumplinks a.jump-link .jumplink-text,
  .hero-jumplinks a:visited.jump-link .jumplink-text {
    margin-left: 0;
    font-size: 16px;
    line-height: 1.2;
    display: block;
  }
  .hero-jumplinks a.jump-link:hover,
  .hero-jumplinks a:visited.jump-link:hover {
    border: 1px solid transparent;
    background-color: transparent;
  }
  .scrolling-logo {
    width: 64px;
  }
  .plus-icon {
    margin: 0 18px;
    width: 16px;
  }
  .video-title {
    margin-bottom: 18px;
  }
  .sc-feature {
    margin-bottom: 36px;
  }
  .sc-feature-content span {
    margin-bottom: 18px;
    font-size: 22px;
  }
  .sc-feature-content p {
    font-size: 22px;
  }
  .sc-head p {
    margin-bottom: 40px;
    font-size: 22px;
  }
  .sc-icon span {
    width: 56px;
    height: 56px;
  }
  .sc-icon span img {
    max-width: 30px;
    max-height: 30px;
  }
  .video-box .lottie-box {
    width: 100%;
  }
  .video-box:nth-child(2) {
    width: 100%;
  }
  .video-box:nth-child(2) .animation-box .lottie-box {
    width: 100%;
  }
  .video-box:nth-child(3) .animation-box .lottie-box {
    width: 100%;
  }
  .screencast-animation {
    margin-top: 64px;
  }
  .logos-ctn {
    margin-top: 16px;
  }
  .logos-ctn .owl-stage-outer {
    padding: 30px 0;
  }
  .logos-slider {
    -webkit-mask-image: initial;
  }
  .logo-slide {
    width: 72px;
    height: 72px;
  }
  .logo-slide span {
    padding: 16px;
  }
  .logo-slide span img {
    max-width: 38px;
    height: 38px;
  }
  .block-button {
    max-width: 500px;
    margin: 46px auto 0 auto;
  }
  .block-button a,
  .block-button a:visited {
    display: block;
  }
  .typing-text p {
    font-size: 26px;
  }
  .extension-box {
    width: 277px;
    margin-right: 10px;
  }
  .extension-box.extension-content {
    padding: 18px 18px 30px 18px;
  }
  .extension-box a,
  .extension-box a:visited {
    margin-top: 24px;
    padding: 6px 0 5px 44px;
    background-size: 30px;
    font-size: 16px;
  }
  .extension-box h3 {
    margin-bottom: 18px;
  }
  .extension-box p {
    font-size: 16px;
  }
  .extension-tag {
    border-radius: 5px;
    padding: 3px 8px 2px;
    font-size: 14px;
  }
  .ai-feature-animation {
    line-height: 0.65;
    margin-top: 64px;
  }
  .testi-content p {
    font-size: 16px;
  }
  .client-designation span {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .client-designation p {
    font-size: 16px;
  }
  .social-icons.d-flex {
    display: flex;
  }
  .social-icons a,
  .social-icons a:visited {
    border-radius: 2px;
  }
  input[type=text],
  input[type=number],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=search],
  input[type=password],
  input[type=time],
  input[type=date],
  input[type=datetime-local],
  input[type=week],
  input[type=month],
  input[type=file],
  input[type=range],
  input[list],
  input[type=string],
  select,
  textarea,
  .gform-text-input-reset {
    height: 44px;
    font-size: 15px;
  }
  input[type=submit],
  button,
  input[type=button],
  input[type=reset] {
    height: 54px;
    font-size: 18px;
  }
  .simple-hero {
    padding: 27px 0 46px;
  }
  .text-block h1,
  .text-block h2,
  .text-block h3,
  .text-block h4,
  .text-block h5,
  .text-block h6 {
    margin-bottom: 24px;
  }
  .page-section ul,
  .page-section ol {
    margin: 24px 0 0 20px;
  }
  .page-section .tooltip-content ul {
    margin: 0 0 12px 0;
  }
  .page-section .price-notice-ctn ul {
    margin: 0 0 0 3px;
  }
  .page-section .contact-links ul,
  .page-section .iat-content-area ul,
  .page-section .extension-popup-content ul {
    margin: 0;
  }
  .text-24 p {
    font-size: 22px;
  }
  p {
    font-size: 18px;
  }
  .two-columns .column,
  .three-columns .column,
  .four-columns .column,
  .five-columns .column {
    width: 100%;
  }
  .iat-image.column {
    margin-top: 30px;
  }
  ul.children li.depth-2, ul.children li.depth-3, ul.children li.depth-4, ul.children li.depth-5,
  ol.children li.depth-2,
  ol.children li.depth-3,
  ol.children li.depth-4,
  ol.children li.depth-5 {
    margin: 0 0 30px 20px !important;
  }
  .gfield.half-input-field,
  .ginput_left,
  .name_first,
  .ginput_right,
  .name_last {
    width: 100%;
    margin-right: 0;
    display: block;
  }
  figure {
    overflow-x: scroll;
  }
  figure td,
  figure th {
    width: 140px;
  }
}
/* ------------------------------------------------------------------
> Import Fonts
------------------------------------------------------------------ */
@font-face {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/GeneralSans-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/GeneralSans-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/GeneralSans-Semibold.woff2) format("woff2");
}
/* ------------------------------------------------------------------
> Vendors CSS Starts Here
------------------------------------------------------------------ */
/* ------------------------------------------------------------------
> Vendors CSS Example
------------------------------------------------------------------ */

/*# sourceMappingURL=styles.css.map*/