/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


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

 @font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Light.woff2') format('woff2'),
        url('../fonts/Graphik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Medium.eot');
    src: url('../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.ttf') format('truetype'), url('../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Semibold.eot');
    src: url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Semibold.woff2') format('woff2'), url('../fonts/Graphik-Semibold.woff') format('woff'), url('../fonts/Graphik-Semibold.ttf') format('truetype'), url('../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf') format('truetype'), url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* Sections
	 ========================================================================== */


/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/* Grouping content
	 ========================================================================== */


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}
input::-ms-reveal,
input::-ms-clear {
    display: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: 'Graphik';
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/* Text-level semantics
	 ========================================================================== */


/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: 700;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: 'Graphik';
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
	 ========================================================================== */


/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}


/* Forms
	 ========================================================================== */


/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-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;
}


/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}


/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}


/* Interactive
	 ========================================================================== */


/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}


/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}


/* Misc
	 ========================================================================== */


/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}


/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
    color: #000000;
    font-family: 'Graphik';
    font-size: 16px;
    line-height: 1.5;
}

button {
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    border: 0;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Sharp Sans';
    font-weight: 600;
    color: #032430;
    margin: 0 0 0.5rem 0;
    line-height: 1.4em;
}
.container-marketplace h1,
.container-marketplace h2,
.container-marketplace h3,
.container-marketplace h4,
.container-marketplace h5,
.container-marketplace h6 {
    margin: 36px 0 0.5rem 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Graphik';
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: 'Graphik';
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 20px 0;
    padding: 0 0 0 22px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul li,
ol li {
    color: #000;
    font-size: 16px !important;
    line-height: 25px !important;
    font-family: 'Graphik';
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
}

blockquote {
    border-left: 5px solid #000;
    padding: 35px;
    background: #f2f6f9;
    margin: 0 0 15px 0;
}

blockquote p:last-child {
    margin: 0;
}

.blockquotep {
    color: #000;
    padding: 0;
    margin: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    border: 2px solid #139AC4 !important;
}

select {
    border: 1px solid #ccc;
}

select:focus {
    border: 2px solid #139AC4 !important;
}

textarea {
    width: 100%;
}
.form-group {
    position: relative;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #139AC4;
}


/*a:visited {*/


/*color: purple;*/


/*}*/

a:hover,
a:focus,
a:active {
    color: #139ac4;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

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


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

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

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*
==========================================================
- Fonts
==========================================================
*/


/*
==========================================================
- Helper
==========================================================
*/

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.min-h-36 {
    min-height: 36px;
}

/*
==========================================================
- Theme Style
==========================================================
*/


/* Main Menu Style */

.navbar-toggler {
    border: 1px solid rgba(0, 0, 0, 0.09);
}

.webalive-navbar {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 32px 0;
    transition: 0.2s all;
    height: 110px;
}

.webalive-navbar .container-fluid {
    max-width: 1330px;
}

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

.webalive-navbar-brand {
    max-width: 250px;
    display: inline-block;
    margin-top: -10px;
}
.webalive-main-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.webalive-main-menu li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    z-index: 100;
}
.webalive-main-menu li:nth-last-child(2),
.webalive-main-menu li:last-child
{
    display: none;
}
.webalive-main-menu li.menu-item-has-children {
    margin-right: 20px;
}

.webalive-main-menu li a {
    display: block;
    padding: 20px 12px;
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Gilroy';
    cursor: pointer;
}

.webalive-main-menu li a:hover,
.webalive-main-menu li a:active,
.webalive-main-menu li a:focus,
.top-right-links.top-right-tryfree-btn button:hover
{
    color: #0094C4;
}

.webalive-main-menu li.current_page_item a {
    color: #0094C4;
}

.webalive-main-menu li>.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 78px;
    left:50%;
    transform:translateX(-50%);
    z-index: 10;
    margin: 0px;
    width: 555px;
    background: #ffffff;
    transition: 0.3s;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,.13);
    padding: 0;
}
.sub-menu-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:50px 50px 50px 50px;
}

.resources-menu .sub-menu{
    width:613px!important;
}

.resources-menu .sub-menu{
    width:610px!important;
    padding:0px!important;
}
.solutions-menu .sub-menu{
    width:1030px!important
}
.resources-menu .sub-menu li.menu-item a,
.solutions-menu .sub-menu li.menu-item a
{
    padding-left:74px !important;
    padding-right:0px !important;
    position: relative;
}

.solutions-menu .submenu-right-box, .solutions-menu .submenu-left-box{
    position:relative;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.submenu-left-box{
    padding: 0 50px;
}
.resources-menu .submenu-left-box{
    padding-right: 0;
}
.sub-menu  .webalive-submenu-paragraph{
    font-size:13px;
    font-weight:400;
    line-height:20px;
    margin:0px;
    padding:0px;
    color:rgba(0, 0, 0, 0.7);
    font-family: 'Graphik';
}
 .submenu-left-box,
.submenu-right-box
{
     border-left: 1px solid #d0d0d0;
}

.resources-menu .submenu-right-box{
    position:relative;
}
.resources-menu .submenu-right-box:before{
    content:"";
    height:283px;
    width:1px;
    Position:absolute;
    background-color:#d0d0d0;
    top: 12px;
    left: 5px;
}

.webalive-submenu-parent-title{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.solutions-menu .webalive-submenu-parent-title {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}
.resources-menu .sub-menu .webalive-submenu-parent-title{
    padding:0px;
}
.resources-menub .sub-menu .submenu-right-box{
    padding:50px 0px 50px 60px;
}
.resources-menu .submenu-right-box {
    display: none;
}
.submenu-right-box
{
     padding-left:50px;
     border-left: 1px solid #d0d0d0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.webalive-resource-bottom-content{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background-color:#f0f5f7;
    padding: 25px 40px;
}
.webalive-resource-bottom-content-list ul{
    padding:0px;
    margin:0px;
}
.webalive-resource-bottom-content-list ul li{
    display: inline-block !important;
    padding: 0px 1px 0px 48px;
}

.webalive-resource-bottom-content-list ul li a{
    font-size:15px!important;
    font-weight:500;
    position:relative;
    font-family: 'Gilroy';
    border-bottom: 0px solid rgba(255, 255, 255, 0.7)!important;
    color:#000;
}
.webalive-resource-bottom-content-list ul li:nth-child(1) a:before{
    content:"";
    width:34px;
    height:22px;
    background-image: url(../img/community-icon.png);
    position: absolute;
    margin-top: 0px;
    margin-left: -46px;
}
.webalive-resource-bottom-content-list ul li:nth-child(2) a:before{
    content:"";
    width:23px;
    height:24px;
    background-image: url(../img/support-icon.png);
    position: absolute;
    margin-top: -2px;
    margin-left: -35px;
}
.webalive-resource-bottom-content-list ul li:nth-child(3) a:before{
    content:"";
    width:21px;
    height:29px;
    background-image: url(../img/knowledge-icon.png);
    position: absolute;
    margin-top: 0px;
    margin-left: -35px;
}
.webalive-submenu-item-content-list {
    position: relative;
}
.webalive-submenu-item-content-list a:before {
    content:"";
    width: 48px;
    height: 48px;
    position: absolute;
    left: 5px;
    top: 3px;
}
.resources-menu .webalive-submenu-item-content-list:before {
    left: -54px;
}
.sub-menu-box li.menu-item .webalive-submenu-item-content-list a:hover:before {
    background-position: 48px 0;
}

li.ico-bw .webalive-submenu-item-content-list a:before {
    background-image: url(../img/bw.png);
}

li.ico-ew .webalive-submenu-item-content-list a:before {
    background-image: url(../img/ew.png);
}
li.ico-ad .webalive-submenu-item-content-list a:before {
    background-image: url(../img/ad.png);
}
li.ico-cd .webalive-submenu-item-content-list a:before {
    background-image: url(../img/cd.png);
}
li.ico-bs .webalive-submenu-item-content-list a:before {
    background-image: url(../img/bs.png);
}
li.ico-oc .webalive-submenu-item-content-list a:before {
    background-image: url(../img/oc.png);
}
li.ico-em .webalive-submenu-item-content-list a:before {
    background-image: url(../img/em.png);
}


li.ico-au .webalive-submenu-item-content-list a:before {
    background-image: url(../img/au.png);
}
li.ico-blog .webalive-submenu-item-content-list a:before {
    background-image: url(../img/blog.png);
}
li.ico-login .webalive-submenu-item-content-list a:before {
    background-image: url(../img/login.png);
}
li.ico-cu .webalive-submenu-item-content-list a:before {
    background-image: url(../img/cu.png);
}
li.ico-dbro .webalive-submenu-item-content-list a:before {
    background-image: url(../img/dwd.png);
}

.webalive-resource-bottom-content-button{
    margin-top: 35px;
    padding-left: 15px;
}
.webalive-resource-bottom-content-button .contact-us-btn {
    color: #fff!important;
    border-color: #0DC15C;
    background-color: #0DC15C;
    text-transform: none;
    padding: 12px 46px 12px 46px;
    max-height: unset;
    line-height: 22px;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border:0px;
    display: inline-block;
}

.webalive-resource-bottom-content-button .contact-us-btn:hover {
    color: #fff;
    border-color: #1DDB70;
    background-color:#1DDB70;
}

.webalive-resource-bottom-content-button .contact-us-btn::after {
    content: '';
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right-m-long.png);
    background-repeat: no-repeat;
    margin-left: 6px;
}

.submenu-right-box .webalive-submenu-item-content-list img{
    position: absolute;
    top: 0px;
    margin-right: -262px;
    height: 240px;
    opacity: 0;
    right: 0;
    display:none;
}
.submenu-right-box .webalive-submenu-item-content-list:hover a img{
    opacity:1;
}
.webalive-main-menu.submenu-right-box li > .sub-menu li{
    position: static!important;
}
.webalive-main-menu li > .sub-menu li{
    position:static!important;
}
.webalive-submenu-parent-title h3{
    color:#000;
    font-size:30px;
    font-weight:600;
    padding-right:40px;
    margin: 0;
}
.webalive-submenu-item-content-list h5{
    font-size:17px;
    color:#000;
    font-weight:600;
    margin: 0px;
    padding-bottom: 5px;
}
.webalive-submenu-item-content-list a:hover h5{
    color: #0094C4;
}

.submenu-right-box li.webalive-submenu-paragraph:last-child{
    margin-bottom:0px;
}
.webalive-main-menu li>.sub-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    z-index: 99999;
    top: -12px;
    left: 48px;
    display:none;
}

.webalive-main-menu li>.sub-menu li {
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: 25px;
}
.webalive-main-menu li>.sub-menu li:last-child {
    margin-bottom: 0px;
}
.webalive-resource-bottom-content ul li{
    margin: 0 !important;
}
.webalive-main-menu li>.sub-menu li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    line-height: 1.5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 17px;
}

.webalive-main-menu li>.sub-menu li a:hover {
    color: #005C7A;
    text-decoration: none;
}

.webalive-main-menu li>.sub-menu li ul.sub-menu {
    display: block;
    position: absolute;
    width: 225px;
    left: 100%;
    top: 0%;
    z-index: 1;
    list-style: none;
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
}

.open {
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.hide {
    visibility: hidden !important;
    opacity: 0 !important;
}

/*.fixed-to-top {
    min-height: auto;
    padding: 10px 45px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 911;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    background: #ffffff;
}*/

/* .webalive-main-menu .menu-item-has-children {
    padding-right: 10px;
} */

.webalive-main-menu>.menu-item-has-children:after {
    content: "\f078";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
    right: -4px;
    top: 53%;
    transform: translateY(-50%);
    z-index: 10;
    width: 10px;
}

.webalive-main-menu>.menu-item-has-children:hover::after {
    content: "\f077";
}

.webalive-main-menu>li ul.sub-menu .menu-item-has-children:after {
    content: "\f054";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 10px;
}

.webalive-main-menu>li ul.sub-menu .menu-item-has-children:hover::after {
    content: "\f053";
}

.webalive-main-menu>li ul.sub-menu li.menu-item-has-children:after {
    right: 10px;
}

.webalive-navbar-toggler,
.webalive-main-menu li .mb-toggle {
    display: none;
}

.mb-toggle .dashicons {
    margin: 50%;
    transform: translate(-50%, -50%);
}

.current-menu-item>a {
    color: #222;
    font-weight: 500;
}


/* Portrait and Landscape */


/*
==========================================================
- Custom Style
==========================================================
*/


/* Typo */

body {
    font-family: 'Graphik';
}


h1,
.h1 {
    font-size: 42px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 28px;
}

h4,
.h4 {
    font-size: 24px;
}

h5,
.h5 {
    font-size: 20px;
}

h6,
.h6 {
    font-size: 18px;
}

h1.big,
.h1.big {
    font-size: 50px;
}

p {
    padding: 0;
    margin: 0 0 27px 0;
    color: #000000;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Graphik';
}

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

table {
    max-width: 100%;
    margin-bottom: 20px;
}

table th {
    font-weight: 600;
    background: #dbf0f6;
    color: #000;
}

table,
th,
td {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    font-family: 'Graphik';
    padding: 10px 15px;
}

table tr:nth-child(2n) {
    background: #f8f8f8;
}

.container {
    max-width: 1280px !important;
}

.container.big {
    max-width: 1310px !important;
}

.container.category-container.big.mt-5.mb-5 {
    margin-top: 34px !important;
    padding-bottom: 140px;
    margin-bottom: 0 !important;
}
input[value="Processing..."]{
    display: inline-block;
    width: auto;
    background-color: #0DC15C !important;
    color: #ffffff;
    border-radius: 3px;
    text-transform: capitalize;
    padding: 16px 60px 16px 45px;
    background-image: url(../img/loading-gif2.gif) !important;
    background-repeat: no-repeat !important;
    background-position: calc(50% + 72px) 12px !important;
}
 input[value="Processing..."]:hover{
    background-color:#0DC15C !important;
}
 input[value="Processing..."].btnFormDisable{
   color: #fff !important;
}
input[value="Loading..."] {
    background-color: #0DC15C !important;
    background-image: url(../img/loading-gif2.gif) !important;
    background-repeat: no-repeat !important;
    background-position: calc(50% + 45px) 12px !important;
}
.login-container .single-input-box.submit-input-box input[value="Loading..."] {
    background-position: calc(50% + 60px) 12px !important;
}
 input[value="Loading..."]:hover{
    background-color:#0DC15C !important;
}
 input[value="Loading..."].btnFormDisable{
   color: #fff !important;
}
.single-input-box input[type="submit"]{
   border:0px !important;
   text-transform: capitalize;
   font-size: 17px;
   font-weight: 500;
}
.single-input-box-readonly input {
    background: transparent;
    border: 0;
    width: 100%;
}
.button-style-1 a.elementor-button, .button-style-1 .elementor-button, .button-style-1 .elementor-button-link, .button-style-1-indp {
    display: inline-block;
    width: auto;
    border: 0;
    background: #1199C4;
    color: #ffffff;
    border-radius: 3px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    padding: 15px 50px 15px 24px;
    background-image: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
}
.login-container input.button-style-1-indp{
    padding: 15px 24px !important;
}
.button-style-1 a.elementor-button.btnFormDisable, .button-style-1 .elementor-button.btnFormDisable, .button-style-1 .elementor-button-link.btnFormDisable, .button-style-1-indp.btnFormDisable {
    background-image: url(../img/arrow-right-gray.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
}


/* .no-need-this{
    display: none;
} */
/*.js-payment-process {*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    border: 0px solid transparent;*/
/*    background: #0DC15C;*/
/*    color: #ffffff;*/
/*    border-radius: 0;*/
/*    text-transform: capitalize;*/
/*    font-size: 15px;*/
/*    line-height: 21px;*/
/*    font-weight:500;*/
/*    padding: 15px 60px 15px 45px;*/
/*    max-height: 62px;*/
/*    background-image: url(../img/arrow-right.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: calc(100% - 229px) 50%;*/
/*    width: 100%;*/
/*}*/
/*.js-payment-process:hover{*/
/*    background: url(../img/arrow-right.png) #1DDB70 no-repeat !important;*/
/*    background-repeat: no-repeat;*/
/*    background-position: calc(100% - 229px) 50% !important;*/
/*}*/
.button-style-1 a.elementor-button:hover,
.button-style-1 .elementor-button:hover,
.button-style-1 .elementor-button-link:hover,
.button-style-1-indp:hover {
    border-color: #fff;
    background: url(../img/arrow-right.png) #0888b1 no-repeat;
    color: #fff;
    background-position: calc(100% - 20px) 50%;
}

.button-style-2 a.elementor-button,
.button-style-2 .elementor-button,
.button-style-2 .elementor-button-link,
.button-style-2-indp {
    display: inline-block;
    width: auto;
    border: 2px solid #000000;
    background: transparent;
    color: #000000;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 17px 44px;
    max-height: 54px;
}

.button-style-2 a.elementor-button:hover,
.button-style-2 .elementor-button:hover,
.button-style-2 .elementor-button-link:hover,
.button-style-2-indp:hover {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.button-style-3 a.elementor-button,
.button-style-3 .elementor-button,
.button-style-3 .elementor-button-link,
.button-style-3-indp {
    display: inline-block;
    width: auto;
    border: 2px solid transparent;
    background: #ffffff;
    color: #000000;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    padding: 20px 46px;
    max-height: 62px;
}

.button-style-3 a.elementor-button:hover,
.button-style-3 .elementor-button:hover,
.button-style-3 .elementor-button-link:hover,
.button-style-3-indp:hover {
    border-color: #ffffff;
    background: transparent;
    color: #ffffff;
}

.button-style-4 a.elementor-button,
.button-style-4 .elementor-button,
.button-style-4 .elementor-button-link,
.button-style-4-indp:focus,
.button-style-4-indp {
    display: inline-block;
    width: auto;
    border: 2px solid transparent;
    background: #139AC4;
    color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    padding: 20px 45px;
    max-height: 62px;
}

.button-style-4 a.elementor-button .icon,
.button-style-4 .elementor-button .icon,
.button-style-4 .elementor-button-link .icon,
.button-style-4-indp .icon {
    margin-left: 12px;
}

.button-style-4 a.elementor-button:hover,
.button-style-4 .elementor-button:hover,
.button-style-4 .elementor-button-link:hover,
.button-style-4-indp:hover {
    border-color: #00151c;
    background: #00151c;
    color: #ffffff;
}

.link-style-1 a.elementor-button,
.link-style-1 .elementor-button,
.link-style-1 .elementor-button-link {
    display: inline-block;
    width: auto;
    border: none;
    border-bottom: 2px solid #000000;
    background: transparent;
    color: #000000;
    border-radius: 0;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding: 1px 19px 1px 0;
    position: relative;
}



.link-style-1 a.elementor-button:after,
.link-style-1 .elementor-button:after,
.link-style-1 .elementor-button-link:after,
.skip-next-grp a:after,
.skip-next-grp button.skip-button:after,
button.paid-skip-button:after
{
    content: '';
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/left-arrow.svg);
    background-repeat: no-repeat;
    margin-left: 6px;
    transform: rotate(180deg);
}
button.skip-button,
button.paid-skip-button
{
    background: transparent;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #185265;
    padding: 10px 0;
}
button.skip-button:hover,
button.paid-skip-button:hover
{
    opacity: .9;
}
.skip-next-grp a.btnFormDisable::after {
    filter: grayscale(1) !important;
}

.link-style-2 a.elementor-button,
.link-style-2 .elementor-button,
.link-style-2 .elementor-button-link,
.link-style-2-indp {
    display: inline-block;
    width: auto;
    border: none;
    border-bottom: 2px solid #ffffff;
    background: transparent;
    color: #ffffff;
    border-radius: 0;
    text-transform: capitalize;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    padding: 3px 38px 3px 0;
    position: relative;
}

.link-style-2 a.elementor-button:before,
.link-style-2 .elementor-button:before,
.link-style-2 .elementor-button-link:before,
.link-style-2-indp::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 16px;
    transition: 0.3s;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.link-style-2 a.elementor-button:hover::before,
.link-style-2 .elementor-button:hover::before,
.link-style-2 .elementor-button-link:hover::before,
.link-style-2-indp:hover::before {
    right: -2px;
}

.link-style-3 a.elementor-button,
.link-style-3 .elementor-button,
.link-style-3 .elementor-button-link,
.link-style-3-indp {
    display: inline-block;
    width: auto;
    border: 2px solid #139AC4;
    background: #ffffff;
    color: #139AC4;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding: 12px 42px;
    max-height: 62px;
}

.link-style-3 a.elementor-button:hover,
.link-style-3 .elementor-button:hover,
.link-style-3 .elementor-button-link:hover,
.link-style-3-indp:hover {
    border-color: #139AC4;
    background: #139AC4;
    color: #ffffff;
}

.watch-video-1 a.elementor-button,
.watch-video-1 .elementor-button,
.watch-video-1 .elementor-button-link,
.watch-video-1-indp {
    background: transparent;
    border: 0;
    color: #000000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    padding: 19px 0 19px 22px;
    position: relative;
    max-height: 62px;
}

.watch-video-1 a.elementor-button::before,
.watch-video-1 .elementor-button::before,
.watch-video-1 .elementor-button-link::before,
.watch-video-1-indp::before {
    content: "\f04b";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 48%;
    transform: translateY(-50%);
}

.link-1 a.elementor-button,
.link-1 .elementor-button,
.link-1 .elementor-button-link,
.link-indp {
    background: transparent;
    border: 0;
    color: #000000;
    font-size: 17px;
    line-height: 23px;
    padding: 19px 0;
    max-height: 54px;
    font-weight: 500;
    font-family: 'Graphik';
}
@media (max-width: 1024px) {
    .elementor-heading-title br {
        display: none;
    }
}

/* For body style */

.all-template-content h1 {
    display: inline-block;
    margin-bottom: 25px;
}

.all-template-content .side-big {
    display: inline-block;
    font-size: 20px;
    margin-left: 16px;
}

.website-builder-content {
    padding-right: 100px;
}

.website-builder-content-box {
    border-bottom: 1px solid #000;
    padding: 0 0 34px;
    margin: 0 0 30px;
}

.website-builder-content-box.last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.website-builder-content-box p {
    margin: 0;
}

.website-builder-content-box .big {
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 12px;
}

.website-builder-content-2 {
    padding-left: 60px;
}

.get-your-content-box {
    position: relative;
    min-height: 250px;
    padding-bottom: 20px;
}

.get-your-content-box::before {
    content: "";
    position: absolute;
    background: #ffffff;
    left: 0;
    top: 11px;
    height: 2px;
    width: 100%;
}

.get-your-content-box .post-no {
    color: #ffffff;
    display: inline-block;
    background: #000;
    padding-right: 10px;
    position: relative;
    line-height: 22px;
    margin: 0 0 20px;
}

.get-your-content-box h4 {
    color: #ffffff;
    margin: 0 0 20px;
}

.get-your-content-box p {
    color: rgba(255, 255, 255, .8);
}

.know-more-box {
    max-width: 284px;
    border-bottom: 2px solid #000;
    padding: 0 76px 19px 0;
}

.know-more-box .link {
    transition: 0.3s;
    position: absolute;
    right: 0;
    top: 40px;
    color: #000000;
    font-size: 18px;
}

.know-more-box:hover .link {
    right: -3px;
}

.nav-push-menu {
    font-size: 24px;
    margin-right: 30px;
    position: relative;
    top: 10px;
    outline: none;
    display: none;
}

.webalive-header .nav-push-menu .fa-bars {
    position: relative;
}

.webalive-header .nav-push-menu .fa-bars:before {
    visibility: hidden;
}

.webalive-header .nav-push-menu .fa-bars:after {
    content: '';
    width: 24px;
    height: 16px;
    background: url(../img/mobile-btn.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.top-right-links a {
    color: #000000;
}

.top-right-links a:hover {
    color: #139AC4;
}

.top-right-links .link-indp {
    margin-right: 25px;
    white-space: nowrap;
    display: inline-block;
}

.top-right-links .button-style-2-indp {
    color: #fff;
    border-color: #1199C4;
    background-color: #1199C4;
    text-transform: none;
    padding: 12px 24px;
    max-height: unset;
    line-height: 18px;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border-radius: 3px;
    height: 45px;
}

.top-right-tryfree-btn .button-style-2-indp {
    color: #fff;
    border-color: #0DC15C;
    background-color: #0DC15C;
    text-transform: none;
    padding:12px 18px 12px 24px;
    max-height: unset;
    line-height: 18px;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border-radius:0px;
    height: 45px;
    display: inline-block;
}
.top-right-tryfree-btn .button-style-2-indp:after {
    content: '';
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right-m-long.png);
    background-repeat: no-repeat;
    margin-left: 6px;
}
.webalive-menu-wrap .top-right-tryfree-btn .button-style-2-indp:focus,
.webalive-menu-wrap .top-right-tryfree-btn .button-style-2-indp:hover {
    color: #fff;
    border-color: #1DDB70;
    background-color: #1DDB70;
}

/*.top-right-links .button-style-2-indp:after {*/
/*    content: '';*/
/*    width: 17px;*/
/*    height: 13px;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    background-image: url(../img/arrow-right-m-long.png);*/
/*    background-repeat: no-repeat;*/
/*    margin-left: 6px;*/
/*}*/

.top-right-links .button-style-2-indp:hover,
.top-right-links .button-style-2-indp:focus
{
    color: #fff;
    border-color:#0888b1;
    background-color:#0888b1;
}
.text-decoration-underline{
    text-decoration: underline;
}
.text-decoration-underline:hover{
    text-decoration: underline;
}
.footer-top-content a.top-right-links {
    display: inline-block;
    right: inherit;
}
.webalive-footer {
    padding: 82px 0 60px;
    background: #003040;
    margin-top: 100px;
}
.footer-top-content {
    padding: 0px 30px 65px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-top-content .title {
    font-size: 35px;
    line-height: 46px;
    margin: 0 0 15px;
    font-weight:600;
    color: #fff;
}

.footer-top-content .text {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 24px;
    color: #fff;
}

.footer-top-content .button-style-2-indp {
    color: #fff;
    border-color: #0DC15C;
    background-color: #0DC15C;
    text-transform: none;
    padding: 12px 38px 12px 38px;
    max-height: unset;
    line-height: 22px;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.footer-top-content .button-style-2-indp:hover {
    color: #fff;
    border-color: #1DDB70;
    background-color:#1DDB70;
}

.footer-top-content .button-style-2-indp::after {
    content: '';
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right-m-long.png);
    background-repeat: no-repeat;
    margin-left: 6px;
}

.footer-middle-area {
    padding-top: 76px;
    padding-bottom: 40px;
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 32px;
}

.footer-1 {
    min-width: 400px;
}

.footer-1 .widget_media_image img {
    max-width: 228px;
    filter: brightness(0) invert(1);
}

.footer-social .widget_text:last-child p {
    display: inline-block;
    margin-right: 13px;
}

.footer-social .widget_text:last-child p a {
    font-size: 22px;
    line-height: 24px;
}
.footer-social .widget_text:last-child p a img{
    filter: brightness(0) invert(1);
}

.footer-social .widget_text:last-child p a:hover {
    color: #005C7A;
}


.footer-social  .widget_text:last-child p a:hover img {
    filter: invert(23%) sepia(47%) saturate(2732%) hue-rotate(170deg) brightness(92%) contrast(102%);
}

.widget .widget-title {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 10px;
    font-family: 'Graphik';
}

.widget {
    margin: 0 0 22px;
}

.widget .menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget .menu li {
    display: block;
}

.widget .menu li a,
.widget .menu li a:visited {
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.widget .menu li a:hover,
.widget .menu li a:focus {
    color: #0094C4;
    text-decoration: none;
}

.footer-middle-area .widget .menu li {
    margin: 0;
    padding: 0;
}

.widget .menu-social-menu-container {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget .menu-social-menu-container li {
    display: inline-block;
    margin-right: 18px;
}

.widget .menu-social-menu-container li a {
    display: inline-block;
    color: #ffffff;
    font-size: 26px;
    line-height: 28px;
}

.widget p,
.widget a {
    color: #fff;
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}

.widget a:hover {
    color: #005C7A;
}


/* Home Two */

.home2-hero {
    position: relative;
}

.home2-hero::before {
    position: absolute;
    content: "";
    background: #DFEBFF;
    left: 0;
    top: 0;
    width: 100%;
    height: 709px;
}

.home3-color.home2-hero::before {
    background: #F9EFE8;
}

.reliable-contents {
    position: relative;
}

.reliable-contents::before {
    content: "";
    position: absolute;
    background: #000;
    left: -217px;
    top: 0;
    height: 100%;
    width: calc(100% + 217px);
    z-index: -1;
}

.reliable-single-content {
    overflow: hidden;
}

.reliable-single-content h6 {
    float: left;
    width: 57px;
    font-size: 28px;
    font-weight: 500;
}

.reliable-single-content p {
    overflow: hidden;
}

.robust-contents {
    position: relative;
}

.robust-contents::before {
    content: "";
    position: absolute;
    background: #E4F6F6;
    right: -217px;
    top: 0;
    height: 100%;
    width: calc(100% + 217px);
    z-index: -1;
}

.bg-black.robust-contents::before {
    background: #000000;
}

.visibility-full-area {
    position: relative;
}

.visibility-full-area::before {
    content: "";
    position: absolute;
    background: #E4F6F6;
    left: 0;
    top: 0;
    height: calc(100% + -32px);
    width: calc(100% + -160px);
    z-index: -1;
}


/* Others Design in test page */

.test-area {
    padding: 100px 0;
}

.section-title {
    border-bottom: 1px solid rgba(112, 112, 112, .3);
    text-align: center;
    padding: 0 0 38px;
    margin: 0 0 61px;
}

.section-title .title {
    font-size: 50px;
    line-height: 64px;
    font-weight: 500;
    margin: 0 0 34px;
}

.section-title .text {
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    margin: 0;
}

.trial-head {
    text-align: center;
    margin: 0 0 48px;
}


/* Trial start */

.trial-area {
    transform: translateY(-100%);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000000;
    background: #fff;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.trial-head {
    text-align: left;
    margin: 0 0 30px;
}

.trial-head .title {
    font-size: 40px;
    line-height: 47px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.trial-head .already {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    color: #000;
}
.trial-head .already a {
    text-decoration: none;
    color: #1199C4;
    font-weight: 500;
}

.trial-head .email-exists {
    text-decoration: none;
    color: #139AC4 !important;
    padding-bottom: 5px;
}
.signup-preloader .lds-ring-bottom {
    display: none;
}
.trial-head .already a:hover {
    text-decoration: underline;
}

.trial-head .already .login {
    font-size: 21px;
    padding-right: 18px;
    padding-top: 0 !important;
    border: 0;
    padding-bottom: 2px;
    box-shadow: 0px 2px 0px 0px #000;
    vertical-align: middle;
}

.trial-head .already .login:hover,
.trial-head .already .login:focus {
    box-shadow: 0px 2px 0px 0px #139AC4 !important;
}

.value-pack-area {
    padding: 50px 0 140px;
}

.lets-start-content .icon {
    margin: 0 0 62px;
}

.lets-start-content ul {
    padding: 0;
    margin: 0 0 53px;
    list-style: none;
}

.lets-start-content ul li {
    color: #000000;
    font-size: 19px !important;
    line-height: 33px !important;
    position: relative;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding: 16px 0 16px 32px;
    margin: 0;
    font-weight: 500;
}

.lets-start-content ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.lets-start-content ul li::before {
    content: url(../img/li-check.png);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #139AC4;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 19px;
}

input.error {
    border-color: #ff7d7d !important;
}

label.error {
    color: red !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}
.payment-method label.valid {
    display: none !important;
}
.single-input-box {
    text-align: left;
    margin: auto auto 20px;
    position: relative;
}

.trial-area .single-input-box label.radio-label {
    margin-bottom: 5px;
}

/*.trial-area .single-input-box {*/
/*    max-width: 470px;*/
/*    position: relative;*/
/*}*/

.trial-area .single-input-box.submit-input-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trial-area label.error {
    position: relative;
    z-index: 999;
    color: red;
    font-size: 13px !important;
    font-weight: 400;
}

.single-input-box.submit-input-box {
    margin: 32px auto auto;
}
.single-input-box input[type="text"],
.single-input-box input[type="password"],
.single-input-box input[type="email"],
.single-input-box select,
section.filter-theme select
{
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #BDBAB8;
    border-radius: 3px;
    height: 50px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    color: #000;
    font-family: Graphik;
}
.s-left .single-input-box input[type="text"]:focus,
.s-left .single-input-box input[type="password"]:focus,
.s-left .single-input-box input[type="email"]:focus,
.s-left .single-input-box select:focus
{
    border: 1px solid #139AC4 !important;
}
.single-input-box input[type="text"]:focus,
.single-input-box input[type="password"]:focus,
.single-input-box input[type="email"]:focus,
.single-input-box select:focus,
section.filter-theme select:focus
{
    border: 2px solid #139AC4 !important;
}
.tab-warp .single-input-box input[type="text"],
.tab-warp .single-input-box input[type="password"],
.tab-warp .single-input-box input[type="email"],
.tab-warp .single-input-box select{

    border: 2px solid #D2D6DB;
    border-radius: 3px;
    height: 64px;
    padding: 16px 24px;
    font-size: 20px;
}
.single-input-box input.password-field-box {
    padding-right: 44px;
}
.payment-method .single-input-box {
    margin: auto auto 20px;
}
.single-input-box label {
    min-height: 20px;
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 3px;
    clear: both;
}
.login-container, .signup-container {
    max-width: 500px;
    width: 100%;
}
.login-container p.already {
    margin-top: 24px;
}
/* Trial end */


/* pick template start */
.pick-template-area {
    padding: 60px 0;
}

.single-popular {
    position: relative;
    margin-bottom: 40px;
}

.owl-item .single-popular {
    padding-top: 15px;
}
.single-popular .img img{
    border-radius:2px;
}
.single-popular .img {
    position: relative;
    transition: all 0.3s ease-in;
    height: 295px;
    overflow: hidden;
    border: 1px solid #F6F6F6;
    border-radius: 5px;
}
.single-popular .img .img-container {
    position: relative;
    transition: all 0.3s ease-in;
    height: 222px;
}
.single-popular .img .img-container::before {
    content: "";
    position: absolute;
    z-index: 1;
    background: rgba(0, 65, 86, 0.85);
    /*backdrop-filter: blur(1px);*/
    transition: 0.3s;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.single-popular .img.selected img .img-container,
.single-popular:hover .img .img-container img{
    filter: blur(1px);
    -webkit-filter: blur(1px);
}

.single-popular .img.selected .img-container::before,
.single-popular:hover .img .img-container::before {
    opacity: .9;
}

.single-popular .selected-icon {
    position: absolute;
    z-index: 5;
    right: -14px;
    top: -14px;
    height: 28px;
    width: 28px;
    font-size: 14px;
    line-height: 32px;
    background: #139AC4;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    opacity: 0;
    cursor: pointer;
}

.single-popular .img.selected .selected-icon {
    opacity: 1;
}
.single-popular .img.selected .selected-icon ,
.single-popular .img.selected .selected-icon svg
{
    width: 50px;
    height: 50px;
}
.single-popular .img.selected .img-content {
    display: none;
}

.single-popular .img img {
    width: 100%;
    max-width: 100%;
}

.single-popular .img .img-content {
    position: absolute;
    transition: 0.3s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%)translateY(-50%);
    z-index: 4;
    text-align: center;
    opacity: 0;
}

.single-popular .img.selected .img-content,
.single-popular:hover .img .img-content {
    opacity: 1;
}

.single-popular .img .img-content p {
    margin: 0;
}


.single-popular .img .img-content .demo {
    font-size: 20px;
    font-weight:600;
}

.single-popular .img .img-content .demo:hover {
    color: inherit;
    border-color: inherit;
}
.single-popular .img-content-inner a {
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 11px 30px;
    display: block;
    background: transparent;
    width: 168px;
    transition: all ease-in-out .2s;
}
.single-popular .img-content-inner a:hover {
    background: #1199C4;
    color: #FFFFFF;
    border: 1px solid #1199C4;
}
.single-popular .img-content-inner {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.single-popular .img input[type="radio"] {
    cursor: pointer;
    position: absolute;
    bottom: 154px;
    left: 50%;
    transform: translateX(-50%);
    height: 70px;
    width: 160px;
    z-index: 5;
    opacity: 0;
}

.single-popular .img input[type="radio"]:checked~.selected-border,
.single-popular .img input[type="radio"]:checked~.selected-border .icon,
.single-popular .img input[type="radio"]:checked~.img-content {
    opacity: 1;
}

.single-popular .img .selected-border {
    position: absolute;
    background: rgba(255, 255, 255, .9);
    z-index: 1;
    transition: 0.3s;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #139AC4;
    opacity: 0;
}

.single-popular .img .selected-border .icon {
    position: absolute;
    right: -14px;
    top: -14px;
    height: 28px;
    width: 28px;
    font-size: 14px;
    line-height: 32px;
    background: #139AC4;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    opacity: 0;
}

.single-popular:hover .img .selected-border {
    opacity: 1;
}

.single-popular .content {
    font-family: 'Gilroy';
    padding: 20px 20px 20px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #FEFEFE;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-popular .content h5{
    margin: 0;
    font-family: 'Gilroy';
}

.single-popular .content .type {
    font-weight: 400;
    color:#000;
    margin: 0 0 7px;
    text-transform: capitalize;
}

.single-popular .content .title {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #030303;
    font-family: 'Gilroy';
}
.single-popular .content h5.tiered_pricing {
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    background: #0E81FF;
    border-radius: 51.9515px;
    padding: 8px 13px;
    text-transform: capitalize;
}

/* pick template end */


/* category start */

.container.category-container {
    max-width: 1300px !important;
}

.category-area {
    background: #F6F6F6;
    padding: 90px 0 150px;
}

.category-browse-search {}

.cbs-category {
    margin: 0;
}

.cbs-category label {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    margin: 0 26px 0 0;
}

.cbs-category select {
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom:0px solid #707070;
    height: 48px;
    font-size: 16px;
    padding: 5px 40px 5px 20px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../img/select-arrow.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: calc(100% - 16px) 20px;
    background-color:#f6f6f6;
    max-width:260px;
}

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

.cbs-search .input-box {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 260px;
}

.cbs-search .input-box input {
    width: 100%;
    height: 36px;
    padding: 0 36px 0 12px;
    border: 1px solid #BDBAD2;
    font-size: 16px;
    outline: none;
    border-radius: 3px;
    color: #494949;
}
.cbs-search .input-box input:focus {
    border-color: #139AC4 !important;
    border-width: 1px !important;
}
.cbs-search .input-box button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    background: transparent;
    font-size: 15px;
    cursor: pointer;
    outline: none;
    color: #070707;
    width: 35px;
    padding-top: 4px;
}

/* category end */


/* lets start */

.lets-started-area {
    padding: 60px 0;
}

.lets-start-content {
    max-width: 500px;
}

.lets-start-content .title {
    font-size: 43px;
    line-height: 47px;
    margin: 0 0 23px;
}

.lets-start-content .text {
    margin: 0 0 41px;
}

.lets-start-content .price {
    font-size: 42px;
    line-height: 46px;
    margin: 0 0 30px;
}

.lets-start-content .price .duration {
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    position: relative;
    top: 16px;
}

.lets-start-content .add {
    text-transform: inherit;
    font-weight: 500;
    line-height: 18px;
    padding: 11px 40px;
}

button.add.default-package {
    color: #FFA588;
    border: 2px solid #FFA588;
    background: #fff;
    font-size: 18px;
}

a.add.link-style-3-indp.js-remove-package {
    color: #ff4646;
    border-color: #ff4646;
}

a.add.link-style-3-indp.js-remove-package:hover {
    color: #fff;
    background: #ff4646;
}

.navs-of-lets-started {
    margin-top: 107px;
}

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

.link-style-1-indp.prev-post {
    padding-left: 18px;
    padding-right: 0;
}

.link-style-1-indp.prev-post::before {
    content: "\f053";
    right: auto;
    left: 0;
}

.link-style-1-indp.prev-post:hover::before {
    left: -2px;
}

.next-post {}


/* lets end */


/* an offer start */

.an-offer-area {
    padding: 60px 0;
}

.lets-start-content .offers {
    overflow: hidden;
}

.lets-start-content .offers .label {
    display: block;
    float: left;
    width: 176px;
}

.lets-start-content .offers .info {
    display: block;
    overflow: hidden;
}


/* an offer end */


/* finalise start */


.payment-process-row {
    position: relative;
}

.payment-process-row .middle-bar {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    left: 50%;
    height: 100%;
    width: 0px;
}

.payment-method .credit-card input {
    display: inline-block;
}

.payment-method .credit-card span {
    display: inline-block;
    margin-left: 8px;
}

.payment-method .credit-card img {
    display: inline-block;
}

.payment-summary .summary-info {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment-summary .summary-info span + span{
    font-weight: 400;
}
.js-collect-pkg-info {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
}
.js-collect-pkg-info .main{
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
}
.payment-summary .summary-info .main {
    display: inline-block;
    float: right;
    font-weight: 400;
}
p.grand-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(112, 112, 112, 0.3);
    padding-top: 15px;
}
.payment-summary .grand-total, .payment-summary .grand-total .main {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 15px;
}
.grand-total-gst-container {
    display: flex;
    flex-direction: column;
}
.grand-total-gst-container span{
    margin: 0 !important;
}
.grand-total-gst-container span.under {
    font-size: 13px;
    font-weight: 400;
    padding-top: 3px;
}

.payment-summary .grand-total .main .under {
    color: rgba(0, 0, 0, .5);
    display: block;
    font-size: 13px;
    line-height: 17px;
    text-align: right;
}

.payment-summary .have-cuppon {
    margin: 20px 0 0;
}

.payment-summary .have-cuppon label {
    display: block;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.payment-summary .have-cuppon .input-box {
    position: relative;
}

.payment-summary .have-cuppon .input-box input[type="text"] {
    height: 50px;
    line-height: 54px;
    width: 100%;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    border: 1px solid #D2D6DB;
    border-radius: 3px;
}
.payment-summary .have-cuppon .input-box input[type="text"]:focus {
    border-width: 1px !important;
}

.payment-summary .have-cuppon .input-box button {
    position: absolute;
    right: 20px;
    top: 25px;
    transform: translateY(-50%);
    outline: none;
    background: transparent;
    border: 0;
    padding: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    border-left: 1px solid #b9b3b3;
    padding-left: 11px;
    line-height: 20px;
}

a.payment-wc-logo img {
    width: 250px;
}
/* finalise end */

.templates-choose-text .elementor-heading-title {
    font-size: 22px;
}

.templates-choose-text .elementor-heading-title span {
    font-size: 43px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.circle-number .elementor-widget-container:before {
    content: '';
    width: 13px;
    height: 13px;
    background-color: #bbebfb;
    display: inline-block;
    position: absolute;
    left: 6px;
    bottom: -7px;
    border-radius: 50%;
    border: 1px solid #000;
    z-index: 1;
}

.circle-number .elementor-widget-container {
    position: relative;
}

.technology-arrow .elementor-column-wrap:after {
    content: '';
    width: 13px;
    height: 23px;
    background: url(../img/technology-arrow.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 50%;
}

.technology-arrow .elementor-column-wrap:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 30px;
    width: 48px;
    height: 49px;
}

.technology-arrow.support-center .elementor-column-wrap:before {
    background: url(../img/technology-arrow-support.png) no-repeat;
}

.technology-arrow.community .elementor-column-wrap:before {
    background: url(../img/technology-arrow-community.png) no-repeat;
}

.technology-arrow.blogicon .elementor-column-wrap:before {
    background: url(../img/technology-arrow-blog.png) no-repeat;
}

.startforfree-btn {
    color: #fff;
    border-color: #139AC4;
    background-color: #139AC4;
    text-transform: none;
    padding: 19px 42px 19px 42px;
    max-height: unset;
    line-height: 19px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    vertical-align: middle;
}

.home-banner-btn .startforfree-btn {
    padding: 19px 30px 19px 30px;
}

.startforfree-btn:after {
    content: '';
    width: 8px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    position: relative;
    margin-left: 10px;
}

.webalive-footer .startforfree-btn:hover:after {
    background-image: url(../img/right-arrow-black.png);
}

.startforfree-btn:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.startforfree-btn:active,
.startforfree-btn:focus {
    color: #fff;
}

.webalive-footer .startforfree-btn:hover {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}

.webalive-footer .startforfree-btn {
    margin-top: 35px;
}

.footer-bottom-arealeft .widget {
    margin: 0;
}

.footer-bottom-arealeft p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 34px
}

.footer-bottom-arealeft p a,
.footer-bottom-arealeft p a:visited {
    color: #fff;
}

.footer-bottom-arealeft p a:hover,
.footer-bottom-arealeft p a:focus {
    color: #139AC4;
    text-decoration: none;
}

.footer-bottom-arealeft p+p {
    margin-top: 0;
}

.widget .menu-social-menu-container li a {
    color: rgba(255, 255, 255, 0.5);
}

.widget .menu-social-menu-container li a:hover {
    color: #139AC4;
}

.footer-bottom-area .backtotop .widget_custom_html a {
    color: #fff;
    height: 16px;
    width: 13px;
    display: inline-block;
    font-size: 15px;
    background: transparent url(../img/back-to-top-blue.png) no-repeat;
    background-position: 100% 0;
    transition: 0.2s all;
    margin-bottom: -5px;
    filter: brightness(0) invert(1);
}

.footer-bottom-area .backtotop a:hover,
.footer-bottom-area .backtotop a:focus {
    color: #1DDB70;
    text-decoration: none;
    background-position: 100% -17px;
}

.footer-bottom-area .backtotop img {
    opacity: 0.6;
}

.questions-answer-text p {
    color: #000;
    font-weight: 400;
    font-size: 29px;
    line-height: 38px;
}

.questions-answer-text p a {
    color: #000;
}


/*start:*/

.videoplaybtn .eicon-play:before {
    visibility: hidden;
}

.videoplaybtn .elementor-custom-embed-image-overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
}

.videoplaybtn .elementor-custom-embed-play,
.videoplaybtn .eicon-play {
    width: 58px;
    height: 58px;
}

.videoplaybtn .eicon-play:after {
    content: '';
    width: 58px;
    height: 58px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
    background: url(../img/playbtn.png) no-repeat center center;
}


/*end:*/

.accordian-block.elementor-widget-accordion .elementor-accordion-item {
    border-left: transparent;
    border-right: transparent;
}

.accordian-block .elementor-accordion-item:first-child {
    border-top: 0px solid #ccc !important;
}

.accordian-block .elementor-accordion-item {
    border-top: 1px solid #ccc !important;
}

.accordian-block .elementor-accordion-item .elementor-tab-content {
    padding: 0px 0px 5px 0px !important;
}


/*end:*/

.vertical-tabsection .elementor-tabs-content-wrapper {
    border: transparent !important;
}

.vertical-tabsection .elementor-tab-title {
    position: relative;
    border: transparent !important;
    border-left: 0 !important;
}

.vertical-tabsection .elementor-tab-title:before,
.vertical-tabsection .elementor-tab-title:after {
    border: transparent !important;
}

.vertical-tabsection .elementor-tab-title::before {
    content: "" !important;
    width: 2px !important;
    left: 0 !important;
    position: absolute !important;
    height: 30px !important;
    background-color: #139ac4 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0;
}

.vertical-tabsection .elementor-tab-title.elementor-active::before {
    opacity: 1;
}

.vertical-tabsection .elementor-tab-title {
    border-left: 1px solid rgba(112, 112, 112, 0.4) !important;
}

.vertical-tabsection .elementor-tab-title a {
    position: relative;
    display: block;
    padding-right: 20px;
    outline: none;
}

.vertical-tabsection .elementor-tab-title a:hover {
    color: #139AC4;
}

.vertical-tabsection .elementor-tab-title a:hover:after {
    background: url(../img/right-arrow.png) no-repeat 0 4px;
}

.vertical-tabsection .elementor-tab-title a:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.vertical-tabsection .elementor-tab-title.elementor-active a:after {
    background: url(../img/right-arrow.png) no-repeat 0 4px;
}


/*end:*/

.technology-arrow .elementor-column-wrap .elementor-heading-title a:hover {
    color: #139AC4;
}

.started-price h2 {
    color: #000;
    font-weight: 500;
    font-size: 63px;
}

.started-price h2 strong {
    color: rgba(0, 0, 0, 0.52);
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
}

.getstarted-text a {
    font-size: 28px;
    font-weight: 500;
    color: #139ac4;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 1px 0;
    border-bottom: 2px solid #139ac4;
}

.section-gray:before {
    content: '';
    width: 50%;
    height: 100%;
    background-color: #f8f8f8;
    position: absolute;
    right: 0;
    top: 0;
}

.section-bluelight:before {
    content: '';
    width: 50%;
    height: 100%;
    background-color: #ecf7fb;
    position: absolute;
    left: 0;
    top: 0;
}

.backtotop .widget {
    margin: 0;
    display: inline-block;
}

.backtotop .webalive-copyright-widget .menu .menu-item {
    display: inline-block;
    margin-right: 18px;
}

.technology-arrow .elementor-column-wrap p {
    font-size: 15px;
    margin: 0;
    line-height: 23px;
}

.pricing-tab-section .elementor-tabs-wrapper {
    margin-top: 55px;
}

.pricing-tab-section.elementor-widget-tabs .elementor-tab-desktop-title:not(:last-child) {}


/*.pricing-tab-section.elementor-widget-tabs .elementor-tabs-wrapper::before{*/


/*content: "";*/


/*position: absolute;*/


/*width: 2px;*/


/*height: 100%;*/


/*background-color: rgba(112, 112, 112, 0.4);*/


/*top: 0;*/


/*bottom: 0;*/


/*}*/

.pricing-tab-section.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 25px 0 25px 33px !important;
    line-height: 24px;
}

.pricing-col .elementor-widget-wrap {
    flex-direction: column;
}

.pricing-col .elementor-widget-wrap .videoplaybtn {
    margin-top: auto;
    display: none;
}


/*start:404 page*/

.errorcontent {
    text-align: center;
    padding: 0 0 140px 0;
}

.errorcontent h5 {
    text-align: center;
    margin: 0;
    padding: 0 0 80px 0;
    font-size: 26px;
    font-weight: 400;
}
.error404 .page-heading {
    background-color: transparent;
    padding: 150px 0 40px!important;
}
.takemehome-link,
.takemehome-link:visited {
    color: #fff;
    border-color: #139AC4;
    background-color: #139AC4;
    text-transform: none;
    padding: 18px 53px;
    max-height: unset;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    vertical-align: middle;
}
a.takehome-btn{
   color:#fff!important;
}
.takehome-btn{
    color: #fff;
    border-color: #0DC15C;
    background-color: #0DC15C;
    text-transform: none;
    padding: 12px 38px 12px 38px;
    max-height: unset;
    line-height: 22px;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.takehome-btn:hover {
    color: #fff;
    border-color: #1DDB70;
    background-color:#1DDB70;
}

.takehome-btn::before {
    content: '';
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right-m-long.png);
    background-repeat: no-repeat;
    margin-right: 8px;
    transform: rotate(-180deg);
}
.error404 .page-heading h1 {
    font-size: 39px;
    line-height: 61px;
}
.error-image{
    padding-bottom:80px;
}
.wcc-portfolio-slider .owl-nav {}

.wcc-portfolio-slider .owl-nav button {
    outline: none;
    position: absolute;
    height: 18px;
    width: 19px;
    right: 0;
    top: -52px;
}
.entry-content a:hover{
    text-decoration: underline;
}
.wcc-portfolio-slider .owl-nav button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.wcc-portfolio-slider .owl-nav button span {
    display: none;
}

.wcc-portfolio-slider .owl-nav .owl-prev {
    right: 30px;
    top: -42px;
}

.wcc-portfolio-slider .owl-nav .owl-prev::before {
    background-image: url("../../assets/img/left-long.png");
}

.wcc-portfolio-slider .owl-nav .owl-next {
    top: -42px;
}

.wcc-portfolio-slider .owl-nav .owl-next::before {
    background-image: url("../../assets/img/right-long.png");
}


/* promotional popup start */

.promotional-popup {
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .2);
}

.promotional-popup-contents {
    position: fixed;
    z-index: 9;
    width: calc(100% - 30px);
    height: 410px;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    background: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    max-width: 810px;
}

.promotional-popup-contents .close-it {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    top: 15px;
    right: 15px;
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
}

.promotional-popup-contents .left {
    flex: 1 1 50%;
    border-bottom: 7px solid #139AC4;
    padding: 48px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promotional-popup-contents .left .title {
    font-size: 46px;
    line-height: 48px;
    font-weight: 600;
}

.promotional-popup-contents .left .text {
    font-size: 19px;
    line-height: 28px;
    margin: 20px 0 0;
}

.promotional-popup-contents .left .link {
    margin: 23px 0 0;
}

.promotional-popup-contents .right {
    flex: 1 1 50%;
    background: #139AC4;
    text-align: center;
    padding: 70px 44px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promotional-popup-contents .right .icon {
    margin: 0 auto 14px;
}

.promotional-popup-contents .right .title {
    color: #ffffff;
    font-size: 33px;
    line-height: 42px;
    font-weight: 500;
}


/* promotional popup end */

.selected {
    border: 2px solid #139AC4;
    transition: all 0.3s ease-in;
}

.selected-icon {
    opacity: 0;
}

.selected .selected-icon {
    position: absolute;
    background: transparent;
    border-radius: 100px;
    text-align: center;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.payment-method .button-style-4-indp {
    margin-top: 20px;
}

.payment-method .button-style-4-indp::after {
    content: '';
    width: 8px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    margin-left: 15px;
    line-height: 10px;
}

.load-btn {
    color: #185265;
    border: none;
    background-color: transparent;
    text-transform: none;
    padding: 10px 22px 10px 22px;
    max-height: unset;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    transition: 0.3s;
    border-radius: 0;
}

.load-btn:after {
    content: '';
    width: 100%;
    height: 20px;
    display: block;
    vertical-align: middle;
    background-image: url(../img/arrow-down.svg);
    background-repeat: no-repeat;
    margin-top: 4px;
    line-height: 10px;
    text-align: center;
    background-position: center;
    transition: all ease-in-out .2s;
}
.load-btn:hover {
    color: #185265;
}
.iframe-portfolio-area .load-btn:after{
    display: none;
}
.blog-area .load-btn:after {
    display: none;
}
.category-container .load-btn {
    margin-bottom: 40px;
}
/*.load-btn > span:after {*/
/*    content: '';*/
/*    width: 14px;*/
/*    height: 16px;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    background-image: url(../img/load-more-2.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: bottom center;*/
/*    transition: 0.3s;*/
/*    position: absolute;*/
/*    bottom: -14px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/
span.after-load-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: all ease-in-out .2s;
}
.load-btn:hover span.after-load-more,
.load-btn:focus span.after-load-more,
.load-btn:active span.after-load-more{
    /*gap: 10px;*/
}

.load-btn:hover,
.load-btn:focus,
.load-btn:active {
    background-color: transparent !important;
    box-shadow: none;
    outline: none;
}


.post-type-archive-portfolio footer.webalive-footer {
    margin-top: 100px;
}

.fixed-to-top {
    position: fixed;
    left: 0;
    z-index: 10000;
    color: #000;
    height: 96px;
    padding-top: 25px;
    padding-bottom: 25px;
    /* transition: all 0.3s ease-in-out; */
}

.fixed-to-top a.webalive-navbar-brand {}

.scrollUp {
    transform: translateY(-150px);
}

.in-scroll {}

.in-scroll.scrollDown {
    background: #fff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.in-scroll .webalive-main-menu li a {
    /*color: #000;*/
}

.blog-single h1,
.blog-single h2,
.blog-single h3,
.blog-single h4,
.blog-single h5,
.blog-single h6 {
    margin-bottom: 20px;
    padding-top: 10px;
}

.webalive-site-content .elementor .home-btn-group .elementor-column {
    padding-right: 40px;
}

.popup-window {
    overflow: hidden;
}

::placeholder {
    color: #494949;
    opacity: 1;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #494949;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #494949;
    opacity: 1;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #494949;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #494949;
    opacity: 1;
}

.page-heading.payment-sucess {
    background-color: #e6fff0;
}

.elementor-widget-container .page-heading {
    padding-left: 15px;
    padding-right: 15px;
}

.blog-src-nopost {
    align-self: flex-start;
    padding: 19px 15px;
    color: #f00;
    width: 100%;
    justify-self: center;
    text-align: center;
    font-size: 24px;
}

.blog-box .wpcf7 label {
    display: block;
}

.blog-box .wpcf7 input[type="text"],
.blog-box .wpcf7 input[type="email"] {
    height: 48px;
}

.blog-box .wpcf7 input[type="text"],
.blog-box .wpcf7 input[type="email"],
.blog-box .wpcf7 textarea {
    width: 100%;
    border: 1px solid #707070;
    padding: 10px 15px 10px;
    font-size: 16px;
    font-weight: 500;
}

.blog-box .wpcf7 textarea {
    max-height: 150px;
}

.blog-box .wpcf7 input[type="submit"] {
    color: #fff;
    border-color: #139AC4;
    background-color: #139AC4;
    text-transform: none;
    padding: 17px 42px 17px 42px;
    max-height: unset;
    line-height: 20px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 0;
}


/*form#wcc-trial-form .single-input-box input[type="submit"],*/


/*form#wcc-paid-form .single-input-box input[type="submit"] {*/


/*display: none;*/


/*}*/

.home .pop-white .get-started.text-left a:hover {
    color: #005C7A;
    border-color: #005C7A;
}

.home .pop-white .get-started.text-left a:hover i {
    color: #005C7A;
}

.blog-big .content .title a:hover,
.blog-small .content .title a:hover,
.single-blog .content .title a:hover {
    color: #005C7A;
}

.form-control {
    width: 100%;
    border: 1px solid #707070;
    height: 48px;
    padding: 10px 15px 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    background-color: transparent;
}

.support-form .form-item {
    margin-bottom: 26px;
}

.support-form .form-item:last-child {
    margin-bottom: 0;
}

.support-form .form-item label span {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 24px;
}

.support-form .form-item label span .star {
    display: inline-block;
    color: #FE0000;
}

.support-search input[type="submit"] {
    color: #fff;
    border-color: #139AC4;
    background-color: #139AC4;
    text-transform: none;
    padding: 15px 20px;
    max-height: unset;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: none;
    border: 0;
    width: 104px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.support-form a.forget-pass {
    color: #565656;
    text-decoration: underline;
    font-weight: 500;
    transition: 0.3s;
}

.support-form a.forget-pass:hover {
    color: #139AC4;
}

.right-support-form {
    max-width: 590px;
    margin-left: auto;
}

.right-support-form p {
    font-weight: 300;
    color: #737576;
    font-size: 20px;
    line-height: 30px;
}

.right-support-form p a {
    font-weight: 500;
    color: #000000;
    transition: 0.3s;
}

.right-support-form p a:hover {
    color: #139AC4;
}

.left-support-form {
    max-width: 590px;
    margin-right: auto;
}

.support-form .sign-up-link {
    margin-left: 15px;
    text-decoration: underline;
    transition: 0.3s;
}

.support-form .sign-up-link:hover {
    color: #565656;
}

.support-form textarea {
    height: 150px;
}

.support-form label {
    display: block;
}

.support-box .form-control {
    background: #fff;
    border-color: transparent;
    transition: 0.3s;
    border-radius: 5px;
    height: 60px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.support-box .form-control:focus {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.support-box textarea.form-control {
    height: 120px;
}

.support-box {
    padding: 40px 30px;
    background-color: rgba(238, 244, 244, 0.5);
}

.support-search {
    max-width: 500px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 99;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.support-search input[type="text"] {
    width: calc(100% - 97px);
    vertical-align: top;
    height: 50px;
    padding: 10px 15px 10px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: 0.3s;
    border: 1px solid transparent;
}

.support-search-btn {
    border: 0;
    width: 105px;
}

.support-search-btn:hover {
    background: #000;
}

.support-search-btn:focus {
    outline: 0;
}

.support-box input[type="submit"] {
    color: #fff;
    border-color: #139AC4;
    background-color: #139AC4;
    text-transform: none;
    padding: 15px 40px 15px 40px;
    max-height: unset;
    line-height: 20px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: none;
    border: 0;
    border-radius: 5px;
}

.support-box input[type="submit"]:hover {
    background-color: #000;
}

.support-search input[type="submit"]:hover {
    background-color: #000;
}

.support-search input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-family: 'Graphik';
}

.support-search input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-family: 'Graphik';
}

.support-search input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-family: 'Graphik';
}

.support-search input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    font-family: 'Graphik';
}

.support-search input[type="text"]:focus {
    outline: none;
    /* border-color: rgba(188, 239, 255, 0.2); */
    border-color: #139AC4;
}

.past-item-wrap {
    max-height: 800px;
    overflow: auto;
}

.past-item {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.past-item label {
    font-weight: 500;
    margin-bottom: 0;
}

.status-date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

ul.search-list {
    position: absolute;
    z-index: 8;
    top: 50px;
    width: 100%;
    list-style-type: none;
    margin: 0;
    background: #fff;
    padding: 15px 0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

ul.search-list li {
    margin-bottom: 0;
    padding: 3px 20px;
    cursor: pointer;
}

ul.search-list li a {
    color: #545454;
    font-weight: 500;
}

ul.search-list li:hover {
    background: rgba(15, 153, 197, 0.1);
}

.login-wrap .message>.error {
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
    color: #e8261d;
}

a.login-back {
    padding: 14px 25px;
    display: inline-block;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    vertical-align: top;
    border: 2px solid transparent;
    margin-top: 10px;
}

a.login-back i {
    margin-right: 5px;
}

a.login-back:hover {
    color: #139AC4;
}
.no-template-text {
    text-align: center;
    display: inline-block;
    margin: 0 0 50px 0;
    color: red;
    font-size: 18px;
    border: 0;
    font-weight: normal;
    font-family: 'Graphik';
    background: #ff00000d;
    padding: 6px 14px;
}
.wcc-email-already-exist {
    display: block;
    margin-top: 10px;
    font-weight: 500;
    text-align: left;
}

.wcc-email-already-exist a {
    text-decoration: underline;
}
.pass-info {
    margin-top: 15px;
    margin-bottom: 20px;
}
.pass-info h4 {
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    color: #333333;
}
.pass-info ul {
    margin: 8px 0 0 ;
    padding: 0 0 0 6px;
}
.pass-info ul li {
    list-style: none;
    color: #828282;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 20px !important;
    margin-bottom: 6px;
    position: relative;
    padding-left: 20px;
}
.pass-info ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #828282;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
}
.pass-info ul li.valid {
    color: #000;
}
.pass-info ul li.valid:before {
    width: 13px;
    height: 10px;
    background: url("../img/marketplace/ok.svg") no-repeat;
    background-size: contain;
    left: -3px;
    top: 5px;
}
/* Support Breadcumb */

.support-breadcumb-area {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.support-breadcumb-area .breadcumb {
    padding: 0;
    list-style: none;
}

.support-breadcumb-area .breadcumb li {
    display: inline-block;
    position: relative;
    padding-right: 27px;
    margin-right: 7px;
}

.support-breadcumb-area .breadcumb li::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../img/right.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.support-breadcumb-area .breadcumb li:last-child::after {
    display: none;
}

.support-breadcumb-area .breadcumb li a {
    display: block;
    color: #9C9B9B;
    font-size: 14px;
    line-height: 19px;
}

.support-breadcumb-area .breadcumb li a.active {
    color: #1197C4;
}


/* Chat with us */

.chatwithus-area {
    border: 1px solid #E5E5E5;
    border-bottom-width: 6px;
    border-radius: 5px;
    text-align: center;
    padding: 32px 20px 26px;
    background-image: url(../img/chat-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 337px 88px;
}

.chatwithus-area .title-1 {
    font-weight: 300;
    color: #737576;
}

.chatwithus-area .title-1 .icon {
    margin-right: 15px;
}

.chatwithus-area .title-2 {
    font-weight: 500;
    color: #000000;
}

/* Mobile Menu Start */
@media (max-width: 1200px) {
    .webalive-main-menu.webalive-inline-menu.open + .top-right-links {
        display: block;
    }
    .footer-top-area h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .top-right-links .link-indp {
        margin-right: 10px;
    }
    .webalive-navbar {
        background-color: #fff;
        padding: 30px 0;
    }
    .scrollUp {
        transform: translateY(0);
    }
    .in-scroll.scrollDown {
        box-shadow: none;
    }
    .webalive-navbar .container {
        padding: 0;
    }
    .webalive-brand-wrap {
        padding: 0 15px;
    }
    a.webalive-navbar-brand {
        font-weight: 600;
    }
    a.webalive-navbar-brand,
    a.webalive-navbar-brand:visited,
    .webalive-navbar-toggler {
        color: #000
    }
    .webalive-brand-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px 0px;
    }
    .webalive-navbar-toggler {
        display: block;
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 56px;
        font-size: 21px;
        position: absolute;
        right: 0px;
        top: 22px;
    }
    .webalive-main-menu {
        height: 0px;
        width: 100%;
        padding: 0 15px 0;
        background: #fff;
        visibility: hidden;
        opacity: 0;
        margin: 0;
    }
    .webalive-main-menu.open{
        padding-top: 15px;
    }
    .webalive-main-menu > li{
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .webalive-main-menu li a {
        padding: 10px 0px;
    }
    .webalive-main-menu .menu-item-has-children:after {
        display: none;
    }
    .webalive-main-menu li .mb-toggle {
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        color: #333;
        text-align: center;
        line-height: 2.5;
        top: 8px;
        right: 0px;
    }
    .webalive-main-menu li ul {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .webalive-main-menu li ul li {
        display: block;
        position: relative;
    }
    .webalive-main-menu > li ul.sub-menu {
        display: none;
        /*width:600px;*/
        position: relative;
        top: 0;
        left:0px;
        background-color: #fff;
        padding: 0;
        box-shadow: none;
        transform: translateX(0);
    }
    .webalive-main-menu > li ul.sub-menu.open{
        display: block;
    }
    .webalive-main-menu > li ul.sub-menu > li {
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    .webalive-main-menu > li ul.sub-menu li:first-child {
        border-top: 0px solid rgba(0,0,0,0.05)!important;
    }
    .webalive-main-menu > li ul.sub-menu > li:last-child {
        border: 0;
    }
    .webalive-main-menu > li ul.sub-menu > li:only-child {
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    .webalive-main-menu li > .sub-menu li ul.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 0px 0px 0px 10px;

    }
    .webalive-main-menu li>.sub-menu li {
        margin-bottom: 10px;
    }
    .webalive-main-menu .menu-item-has-children {
        padding-right: 0;
        margin-right:0px!important;
    }
    .webalive-main-menu li > .sub-menu li a {
        padding: 10px 15px;
    }
    /* mobile menu full */
    .mbl-last-plus.parent-open {
        position: absolute;
        top: 70px;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(100vh - 60px);
        min-height: 400px;
        overflow-y: scroll;
        background: #ffffff;
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }
    /* mobile menu full */
}
/* Mobile Menu End */

/*Custom Radio Button*/

[type="radio"] ~ label{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label, [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}
[type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    border: 2px solid #C9CCCF;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #139AC4;
    position: absolute;
    top: 5px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:checked+label:before {
    border-color: #139AC4
}

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

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*Checkbox*/

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 23px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(173, 181, 189, 1);
    border-radius: 2px;
    background: #fff;
}
[type="checkbox"]:checked + label:before {
    background: rgba(15, 133, 171, 1);
    border-color: rgba(15, 133, 171, 1);
}
[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 11px;
    border: solid rgba(173, 181, 189, 1);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:checked + label:after{
    border-color:  rgb(255 255 255);
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}
/*Checkbox Type Select*/

.website_types [type="checkbox"] ~ label{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.website_types [type="checkbox"]:checked,
.website_types [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.website_types [type="checkbox"]:checked+label, .website_types [type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}
.website_types [type="checkbox"]:checked+label:before, .website_types [type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #C9CCCF;
    border-radius: 100%;
    background: #fff;
}
.website_types [type="checkbox"]:checked+label:after, .website_types [type="checkbox"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #139AC4;
    position: absolute;
    top: 50%;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
    border: 0;
}

.website_types [type="checkbox"]:checked+label:before {
    border-color: #139AC4
}

.website_types [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
}

.website_types [type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
}

/*Spinner*/

.spinner {
    width: 40px;
    height: 40px;
    background: url(../img/spin.svg) no-repeat center;
    animation: spin .8s infinite linear;
    opacity: 1;
    display: block;
    position: relative;
    margin: 25px auto;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

/*Next fix*/



.link-indp.js-skip,
.skip-links a {
    font-size: 26px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url('../img/select-arrow.png') no-repeat;
    background-position: calc(100% - 15px) 19px;
}

.payment-summary .have-cuppon button:hover {
    color: #139AC4;
}

/*Contact Us*/

.contact-us {
    max-width: 470px;
    margin: 0 auto;
    font-family: Graphik;
    text-align: center;
}

.contact-us input::placeholder,
.contact-us textarea::placeholder {
    font-size: 17px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

.contact-us input,
.contact-us textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #707070;
    margin-bottom: 18px;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    height: 50px;
    text-align: left;
}

.contact-us tr {
    background: #fff !important;
}

.contact-us label {
    text-align: left;
    width: 100%;
}

.contact-us input:focus,
.contact-us textarea:focus {
    box-shadow: none !important;
    border-color: #139AC4;
    outline: 0;
}

.contact-us textarea {
    height: 135px;
    margin-bottom: 0
}

.contact-us .submit-form {
    text-align: center;
}

.contact-us input[type="submit"] {
    color: #fff;
    border-color: #139AC4;
    background: url(../img/arrow-right.png) no-repeat #139AC4;
    background-position: calc(50% + 35px) 19px;
    text-transform: none;
    padding: 15px 38px 15px 15px;
    max-height: unset;
    line-height: 20px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    width: 220px;
    text-align: center;
    margin-top: 30px;
}

.contact-us input[type="submit"]:hover {
    background: url(../img/arrow-right.png) no-repeat #000;
    background-position: calc(50% + 35px) 19px;
    border-color: #000;
}

.contact-info h4 {
    font-size: 24px;
    font-weight: 500;
}

.contact-info p {
    font-size: 17px;
    line-height: 27px;
    color: #000 !important;
}

.contact-info a {
    color: #000 !important;
    font-weight: 500 !important;
    ;
    text-decoration: underline !important;
    ;
}

.contact-info a:hover {
    text-decoration: none !important;
}

.contact-info strong {
    font-size: 19px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500;
}

.page-id-2523 .webalive-header,
.page-id-2627 .webalive-header {
    display: none;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    right: 14px;
    bottom: -28px;
    font-size: 12px;
    background: #fff;
    padding: 3px 7px;
    border: 1px solid;
    height: 24px;
    line-height: 18px;
}

.wpcf7-not-valid {
    border-color: red !important;
}

span.wpcf7-form-control-wrap.message span.wpcf7-not-valid-tip {
    bottom: -12px;
}

.wpcf7-response-output.wpcf7-validation-errors {
    display: none !important;
}

/*Search Accordion*/

.search-no-result {
    display: none;
    margin-bottom: 60px;
}

.search-acc {
    display: none;
    min-height: 535px;
}

.lds-ring-search {
    top: 321px;
    position: absolute;
}

.search-acc .accordion {
    margin-top: 40px;
    margin-bottom: 100px;
}

.search-acc .card {
    border: none;
}

.search-acc .card-body {
    padding: 0;
    font-size: 15px;
    line-height: 26px;
}

.search-acc .card-body p {
    font-size: 15px;
    line-height: 26px;
}

.search-acc .card {
    width: 100%;
    display: inline-block;
    overflow: visible;
}

.search-acc .tab-item {
    padding: 0;
    margin: 0 10px 10px 0;
    flex: 0 0 48%;
}

.support {
    margin-bottom: 100px;
    min-height: 400px;
}

.search-acc .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.search-acc .card h2.collapsed {
    background: url(../img/down.png) no-repeat calc(100% - 20px) center #F9F9F9;
    border: 1px solid #f1f1f1;
    color: #000;
    border-radius: 5px;
}

.search-acc .card h2 {
    background: url(../img/up.png) no-repeat calc(100% - 20px) center #F1FBFF;
    cursor: pointer;
    font-size: 16px;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #CEEAF3;
    color: #0F99C5;
}

.search-acc .collapse.show {
    padding: 25px 20px 20px;
    background: #F1FBFF;
    border-top: 1px solid #7FCAE2;
    border-left: 1px solid #CEEAF3;
    border-right: 1px solid #CEEAF3;
    border-bottom: 1px solid #CEEAF3;
    border-radius: 0 0 5px 5px;
}


/*About Us*/


/*.page-id-2442 .webalive-navbar,*/

.page-id-2707 .webalive-navbar {
    background: #ecf7fb;
}

.page-id-2707 .fixed-to-top {
    background: #fff;
}

.error-message {
    text-align: center;
    color: red;
    font-size: 15px;
    border: 1px solid;
    display: inline-block;
    margin: 0 auto;
    padding: 2px 8px;
    display: table;
    margin-top: 25px;
}

.form-error {
    padding: 2px 0px;
    display: inline-block;
    border: 0px solid;
    z-index: 999;
    position: relative;
    background: #fff;
    color: red;
    font-size: 13px !important;
}

p.already.already-exist {
    color: #0dc15c !important;
}

.page-id-2747 .webalive-navbar,
.page-id-2747 header#masthead::before,
.page-id-2747 .page-heading {
    background-color: #E6FFF0;
}

.page-id-2747 .in-scroll.scrollDown {
    background: #fff;
}

/* {
    background-color: #E6FFF0;
} */

.page-id-2747 .page-heading h1 {
    color: #2ECC71;
}


/*accordin start*/

.price-accordion-wc .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
    float: none;
    text-align: left;
    margin-left: 10px;
}

.price-accordion-wc .elementor-tab-title a {
    float: left;
    display: inline-block;
}

.price-accordion-wc .elementor-accordion .elementor-tab-title {
    /*background: rgba(255, 255, 255, 0.9);*/
   /* background-color: #F2F5F7;*/
    background-color:#fbfbfb;
    font-size:21px;
    font-weight: 500;
    padding: 20px 20px 20px 40px;
    border-bottom: 1px solid #fff;
    font-family: 'Gilroy';
    font-weight:600;
}

.price-accordion-wc .elementor-accordion .elementor-accordion-item {
    border: 0px solid #d4d4d4;
}

.price-accordion-wc .elementor-accordion .elementor-tab-content {
    display: none;
    padding: 0px 0px 0px 40px;
    border-top: 0px solid #d4d4d4;
}

.price-accordion-wc table {
    max-width: 100%;
    margin-bottom: 0;
}

.price-accordion-wc table,
th,
td {
    padding: 27px 15px;
}

.price-accordion-wc table tr td span {
    font-size: 16px;
    font-weight: normal;
}

.price-accordion-wc table tr td strong {
    font-size: 16px;
    font-weight: normal;
    display: block;
    line-height: 22px;
    margin-top: 7px;
}

.price-accordion-wc table tr:first-child {
    padding-top: 15px;
}

.price-accordion-wc table tr td:nth-child(1) {
    width: 381px!important;
    font-size: 16px;
    background-color: #ffffff;
    font-weight: 500;
    padding-left: 0px;
}

.price-accordion-wc table tr td:nth-child(2) {
    /*background-color: #F8FCFD;*/
    background-color:#fff;
    text-align: center;
    width: 418px;
    border-left: 3px solid #f2f2f2;
    border-right: 3px solid #f2f2f2;
}
.getstart1{
    border-bottom:3px solid #f2f2f2;
}
.price-accordion-wc table tr td:nth-child(3) {
    background-color: #f9f9f9;
    text-align: center;
}

.price-accordion-wc table tr td a {
    color: #000;
    font-size: 18px;
}

.getstart {
    padding-bottom: 40px;
}

.getstart a {
    font-size: 21px;
    font-weight: 500;
    color: #005C7A!important;
    padding: 0px 0px 8px 0px;
    border-style: solid;
    border-color: #005C7A;
    border-width: 0px 0px 2px 0px;
}

.getstart a:hover {
    color: #000!important;
    border-color: #000;
}

.getstart a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 12px;
}

.professional-ceolum {
    position: relative;
}

.most-popular-text {
    position: absolute !important;
    top: 55px;
    left: -95px;
    width: 100px;
}

.most-popular-text h4 {
    background-color: #1DDB70;
    padding: 9px 17px 9px 17px !important;
    font-size: 18px;
    position: absolute;
    color: #fff;
    transform: rotate(-90deg);
    font-weight: 500;
    font-family: 'Graphik';
}

.every-things-business p {
    font-size: 16px;
    line-height: 22px;
}

.permonth-text p {
    font-size: 16px;
    line-height:24px;
}

.just-need-content p {
    font-size: 19px;
    line-height: 26px;
    font-weight: 500;
}

.still-question-section h4 {
    font-size: 25px;
    padding: 5px 0px;
}

.why-commender-list-section h3 {
    font-size: 28px;
    font-weight: 300;
}

.why-commender-list-section .elementor-icon-list-text {
    font-size: 19px;
    font-weight: 500;
}

.still-question-section a {
    font-weight: 500;
}

.still-question-section a:hover {
    color: #000;
}

.check-price-btn .elementor-button-content-wrapper {
    display: inherit;
}

.check-price-btn .elementor-button {
    color: #fff;
    border-color: #139AC4;
    background-color: #139AC4;
    text-transform: none;
    padding: 19px 30px 19px 30px!important;
    max-height: unset;
    line-height: 20px;
    font-size: 18px!important;
    font-weight: 500;
    font-style: normal;
    font-family: 'Graphik';
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    min-width: 130px;
}

.check-price-btn .elementor-button:hover {
    background-color: #000;
}

.check-price-btn .elementor-button::after {
    content: '';
    width: 8px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    margin-left: 10px;
}


/*.mob-price-heading h2.elementor-heading-title {*/


/*transform: rotate(-90deg);*/


/*position: absolute;*/


/*right: 0px;*/


/*z-index: 999;*/


/*width: 46px;*/


/*bottom: -24px;*/


/*}*/


/*Ecommerce page Start*/

.create-service-box.powerfull-ecom h3 {
    font-size: 25px !important;
    margin: 15px 0 10px 0;
    line-height: 31px;
}

.create-service-box.powerfull-ecom p {
    font-size: 15px;
    margin: 0;
    line-height: 22px;
}

.vertical-tabsection.the-range .elementor-tab-content {
    padding-left: 140px;
}

.vertical-tabsection.the-range .elementor-tab-content h3+h3 {
    font-size: 40px;
    margin: 25px 0 5px 0;
}

.vertical-tabsection.the-range .elementor-tab-content p {
    font-size: 16px;
    line-height: 32px;
}


/*Ecommerce page End*/


/*Features Page Start*/

.spy {
    position: relative;
}

ul.nav-pills {
    position: sticky;
    top: 165px;
    border-left: 1px solid #ccc;
}

.spy li {
    margin: 0;
}

.spy li a {
    font-size: 16px;
    font-family: Graphik;
    color:#000 !important;
    padding: 10px 26px;
    text-transform: capitalize;
    line-height: 27px;
}

.spy li a.nav-link.active {
    font-weight: 500;
    color: #0094C4 !important;
    background: transparent !important;
    border-left: 3px solid #0094C4;
    border-radius: 0;
    margin-left: -2px;
}

.spy-content h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 35px 0;
    text-transform: capitalize;
}

.spy-content {
    padding-left: 80px !important;
    margin-top: 10px;
}

.spy-content .left-content {
    padding-right: 50px;
}

.spy-content .right-content {
    padding-left: 50px;
}

.spy-content .right-content.payment-method {
    padding-left: 0px;
}

.spy-content .info-item h3 {
    font-size: 25px;
    margin: 0 0 15px 0;
    line-height: 32px;
}

.spy-content .info-item p {
    font-size: 15px;
    margin: 0 0 17px 0;
    line-height: 22px;
}

.spy-content .right-content .info-item:last-child,
.spy-content .left-content .info-item:last-child {
    margin-bottom: 0;
}

.spy-content .info-item {
    margin-bottom: 44px;
}

.spy-content .section {
    padding: 60px 0;
    border-bottom: 1px solid #ddd;
}

.spy-content .section:last-child {
    border-bottom: 0;
}

.row.no-gutters.other {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 60px;
}

img.products-management {
    margin-top: 30px;
}

img.marketing {
    transform: scale(1.05);
    margin-top: 26px;
}


/*Features Page End*/


/* online-booking-system start */

.booking-banner-btn .startforfree-btn {
    padding: 16px 78px;
}

.booking-list p {
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.booking-banner-title h1 {
    font-size: 55px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 0 0;
    line-height: 71px;
}

.page-id-3077 header#masthead::before {
    background-color: transparent;
}

.page-id-3077 .webalive-navbar {
    background-color: transparent;
}

.page-id-3077 .webalive-navbar.in-scroll.scrollDown {
    background: #e7f5f8;
}
/* online-booking-system end */


/* Booking System 2021 Start */
.bs-core-feature ol li {
    font-size: 17px !important;
    line-height: 27px !important;
    margin-bottom: 12px;
    color: #ffffff;
}
.bs-core-feature ol li:last-child {
    margin-bottom: 0;
}
.bs-howit-ol ol li {
    font-size: 17px !important;
    line-height: 24px !important;
    margin-bottom: 19px;
}
.bs-howit-ol ol li:last-child {
    margin-bottom: 0;
}
.bs-howit-ol ol li::marker {
    color: #005C7A;
    font-size: 17px;
    font-weight: 600;
}
/* Booking System 2021 End */

/* General Website 2021 Start */
.homeSliderOwl .owl-dots {
    margin: 47px 0 0 !important;
}
.homeSliderOwl .owl-dots .owl-dot {
    outline: none;
}
.homeSliderOwl .owl-dots .owl-dot span {
    padding: 0;
    margin: 0 9px;
    background: rgba(0, 65, 86, 0.11);
    height: 13px;
    width: 13px;
}
.homeSliderOwl .owl-dots .owl-dot.active span {
    background: #005C7A;
}
.homeSliderOwl .item {}
.homeSliderOwl .main-home-slider-part {
    position: relative;
}
.homeSliderOwl .main-home-slider-part .all-slider-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: auto;
    width: 100%;
    padding: 20px 64px;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .slider-text-dis {
    color: #000000;
    font-size: 16px;
    line-height: 26px;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .image-text-detail {
    margin: 14px 0 0;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .image-text-detail .slider-upper-name {
    display: inline-block;
    color: #000000;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .image-text-detail .slider-main-occ {
    color: #000000;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-left: 5px;
    font-style: italic;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .slider-logo-img {
    margin: 40px 0 0;
    min-height:53px;
}

.homeSliderOwl .main-home-slider-part .all-slider-info .slider-logo-img img {
    height: auto;
   /* width: auto;*/
    max-width: 169px;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .slider-text-btn {
    margin: 31px 0 0;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .slider-text-btn a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000000;
    background-image: url(../img/right-long.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 19px 15px;
    padding-right: 25px;
}
.homeSliderOwl .main-home-slider-part .all-slider-info .slider-text-btn a:hover {
    opacity:0.8;
}
.homeSliderOwl .main-home-slider-part .slider-home-img {
    height: 375px;
}
.homeSliderOwl .main-home-slider-part .slider-home-img img {
    object-fit: cover;
    height: 100%;
}
/* General Website 2021 End */



/*new home css start*/

.excellent-review-border{
    position:relative;
}
.excellent-review-border:after{
    content:"";
    height:81px;
    width:1px;
    background-color:#e2e2e2;
    position:absolute;
    right: 10px;
    top: 10px;
}
.count-number-events span{
    font-size:28px;
    font-weight:600;
    color:#1C2131;
}
.review-testimonial-content{
    padding: 30px 40px 26px 74px;
    box-shadow:0px 1px 21px 0px rgba(0, 0, 0, .1);
    /*box-shadow: 6px 0px 60px 0px rgba(0, 0, 0, .1);*/
    /* box-shadow: 0 3px 59px -6px rgba(0, 0, 0, 0.1);*/
    position:relative;
    -webkit-border-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
}
.review-testimonial-content:before{
    content:"";
    background-image: url(../img/invert-coma.png);
    /*background-image: url(assets/img/invert-coma.png);*/
    position:absolute;
    width:30px;
    height:22px;
    left:30px;
    top:22px;
}
/*.review-testimonial-content2:after{
    content:"";
    background-image: url(assets/source/images/testimon-down-arrow.png);
    position:absolute;
    width:34px;
    height:21px;
    left: -3px;
    bottom: -21px;
}*/
.review-testimonial-content:after{
    content:"";
    background-image: url(../img/testimon-down-arrow2.png);
    position:absolute;
    width:27px;
    height:21px;
    left: 0px;
    bottom: -21px;
}


.learn-more-btn .elementor-button{
    border:2px solid #fff;
    color:#fff;
    font-size:16px!important;
    font-family: 'Graphik';
    font-weight: normal !important;
}
.learn-more-btn .elementor-button:hover{
    border:2px solid #E3EDF2;
    color:#E3EDF2;
    opacity:0.8;
}
.learn-more-btn .fa-chevron-right:before{
    content:"";
    background-image: url(../img/right-arrow-btn.png);
    /*position:absolute;*/
    width:16px;
    height:13px;
    display: inline-block;
}
.learn-more-btn .elementor-button:hover .fa-chevron-right:before{
   /* filter: invert(98%) sepia(1%) saturate(4499%) hue-rotate(178deg) brightness(98%) contrast(95%);*/
    /*background-image: url(../img/right-arrow-btn-hover.png);*/
    opacity:0.8;
}
.request-demo .elementor-button{
    background-color:#0DC15C;
    font-size:17px;
    font-weight:500;
    font-family: 'Graphik';
}
.request-demo .elementor-button:hover{
    background-color:#1DDB70!important;
}
.request-demo .fa-arrow-right:before{
    content:"";
    background-image: url(../img/right-arrow-btn.png);
    /*position:absolute;*/
    width:16px;
    height:13px;
    display: inline-block;
    margin-top:3px;
}
/*.request-demo .elementor-button:hover .fa-chevron-right:before{
    filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(220deg) brightness(108%) contrast(100%);
}
*/


.check-feature-btn .elementor-button{
    border:2px solid #005C7A;
    color:#005C7A!important;
    font-size:17px!important;
    font-family: 'Graphik';
    font-weight:500;
}
.check-feature-btn .elementor-button:hover{
    border: 2px solid #0094C4;
    color: #0094C4!important;
}
.check-feature-btn .fa-chevron-right:before{
    content:"";
    background-image: url(../img/checkbtn-arrow.png);
    width:16px;
    height:13px;
    display: inline-block;
    background-position: 16px 0;
}
.check-feature-btn .elementor-button:hover .fa-chevron-right:before{
    background-position: 0 0;
}

.explore-feature-btn .elementor-button{
    border:2px solid #000;
    color:#000!important;
    font-size:16px!important;
    font-family: 'Graphik';
    font-weight:500;
}
.explore-feature-btn .elementor-button:hover{
    border:2px solid #005C7A;
    color:#005C7A!important;
}
.explore-feature-btn .fa-chevron-right:before{
    content:"";
    background-image: url(../img/exprobtn-arrow.png);
    /*position:absolute;*/
    width:16px;
    height:13px;
    display: inline-block;
}
.explore-feature-btn .elementor-button:hover .fa-chevron-right:before{
    filter: invert(13%) sepia(73%) saturate(5338%) hue-rotate(183deg) brightness(91%) contrast(101%);
}
.web-thumble-des{
    min-height:115px;
}
.cta-box-shadow{
    box-shadow: 0 0px 30px -14px rgb(150 170 170 / 50%);
}
.border-top-section .elementor-container{
    position:relative;
}
.border-top-section .elementor-container:before{
    content: "";
    height: 4px;
    width: 100%;
    background-color:#F3F3F3;
    position:absolute;
    top: -96px;
}
/*new home css end*/

/*priceing page css start*/
.price-accordion-wc table tr td:nth-child(1) {
    font-size: 16px!important;
    font-weight: 500!important;
}
.price-accordion-wc .elementor-accordion .elementor-tab-title{
    font-size:21px!important;
    color:#000;
    font-family: 'Gilroy';
    font-weight:600;
}

/*priceing page css end*/

/*start:new contact form*/
.contact-form-new .contact-us {
    max-width: initial;
}
.contact-form-new form input[type="text"],
.contact-form-new form input[type="email"]{
    width: 100%;
    background-color: #F6F6F6;
    height: 58px;
    line-height: 58px;
    padding: 0 25px;
    border-radius: 0;
    border:none;
    box-shadow: none;
    margin: 0 0 20px 0;
    border: 2px solid transparent;
}
.contact-form-new form textarea{
    width: 100%;
    background-color: #F6F6F6;
    height: 155px;
    line-height:58px;
    padding: 0 25px;
    border-radius: 0;
    border:none;
    box-shadow: none;
    margin: 0 0 20px 0;
    border: 2px solid transparent;
}

.contact-form-new form input[type="text"]:focus,
.contact-form-new form input[type="email"]:focus,
.contact-form-new form textarea:focus{
    background-color: #F6F6F6;
    border-color: #005C7A;
}
.contact-form-new form input.form-control.first-name {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
}
.contact-form-new form input.form-control.last-name {
    width: calc(50% - 10px);
    float: left;
    margin-left: 10px;
}
.contact-form-new form input[type="submit"] {
    width: 169px !important;
    background-color: #005C7A !important;
    height: 50px !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    float: right;
    margin: 0;
}
.contact-form-new form input[type="submit"]:hover{
    background-color: #000  !important;
}
.contact-form-new form input[type="text"]:focus,
.contact-form-new form input[type="email"]:focus,
.contact-form-new form textarea:focus{
    box-shadow: none !important;
}
.contact-form-new form input[type="text"]::placeholder,
.contact-form-new form input[type="email"]::placeholder {
    color: rgba(0,0,0,1.0) !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
.contact-form-new form textarea::placeholder {
    color: rgba(0,0,0,1.0) !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

/*end:new contact form*/
.contact-address-new p a {
    color: #000;
}
.contact-address-new p a:hover {
    color: #005C7A
}

/* Home tab slider */
.profitable-event h3{
    font-size: 35px;
}
.profitable-event p{
    font-size: 17px;
    line-height: 26px;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: -8px;
    top: 50%;
    transform: rotate(135deg);
    opacity: 0;
    transition: 0.5s;
    border: 2px solid #005C7A;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    background-color: #fff;
    margin-top: -8px
}
.left-home-tab .elementor-widget-eb-boot-vertical-tab .tab-pane{
    margin-top: -162px;
}
.left-home-tab .elementor-widget-eb-boot-vertical-tab .tab-pane img {
    max-height: 600px;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active::after {
    opacity: 1;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link {
    background-color:transparent;
    margin-bottom:0px;
    position: relative;
    max-width: 464px;
    border-right: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    border-radius: 0;
    padding: 18px 28px 24px;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link:first-child {
    border-top: 1px solid #D8D8D8;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link:last-child {
    border-bottom: 1px solid #D8D8D8;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active{
    background-color: transparent;
    box-shadow: 0 0 0px 2px #005c7a inset;
}
.elementor-widget-eb-boot-vertical-tab .nav-heading {
    margin-bottom:0px;
}
.elementor-widget-eb-boot-vertical-tab .nav-heading span{
    max-width: 50px;
    display: inline-block;
    float:left;
}
.elementor-widget-eb-boot-vertical-tab .nav-heading h4 {
    display: inline-block;
    margin: 0 0 0 10px;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link h4{
    font-size: 21px;
    font-weight:600;
    color:#000;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active h4{
    color:#005C7A;
}

.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link p{
    font-size: 15px;
    color: rgba(0,0,0,0.8);
    line-height: 24px;
    margin-bottom: 0;
    margin-top:7px;
}
.elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active p{
    color:#000;
}
.right-home-tab .elementor-widget-eb-boot-vertical-tab .tab-pane{
    margin-top: -200px;
}
.right-home-tab .elementor-widget-eb-boot-vertical-tab .tab-pane img {
    max-height: 600px;
}
.right-home-tab .elementor-widget-eb-boot-vertical-tab .nav-pills .nav-link.active::after {
    left: -8px;
    transform: rotate(-45deg);
}
.left-tab-col1{
    min-height:470px;
}
.right-tab-col2{
    min-height:427px;
}
/*home tab slider*/
article .entry-content p a:hover {
    text-decoration: underline;
}

/*blog section start*/
.wc21-home-page-post .wc21-post-middle-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.wc21-post-single-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left:12px;
    padding-right:12px;
    position:relative;
}
.wc21-post-single-content img{
    width:100%;
    height:409px!important;
    object-fit: cover;
}
.wc21-latest-news{
    position:relative;
    background-color:#004156;
    height:409px!important;
}
.wc21-post-single-content .webalive-blogpost-detail{
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
    padding:30px 20px 0px 20px;
    cursor: pointer;
}
.wc21-post-single-content .blog-time-read{
    position:absolute;
    color:#fff;
    font-size:13px;
    line-height:30px;
    bottom: 17px;
    left: 35px;
    font-family: 'Graphik';
}
.wc21-post-single-content .webalive-cat-list{
    position:absolute;
    color:#fff;
    font-size:13px;
    line-height:30px;
    font-weight:500;
    top: 16px;
    left: 22px;
    font-family: 'Graphik';
    z-index: 1;
}
.wc21-post-single-content .webalive-cat-list a{
    color:#fff;
}
.wc21-post-single-content .webalive-blogpost-picture {
    overflow: hidden;
}
.wc21-post-single-content .webalive-blogpost-picture img {
    transition: 1s;
}
.wc21-post-single-content:hover .webalive-blogpost-picture img {
    transform: scale(1.1);
}
.wc21-post-single-content .webalive-blogpost-title {
    font-family: 'Graphik'!important;
    line-height: 30px;
    padding-top: 15px;
    margin: 0;
}
.wc21-post-single-content .webalive-blogpost-title a{
    color:#fff;
    font-size:22px;
    line-height:30px;
    font-weight:600;
}
/*blog section end*/

/*feature accordin start*/

.spy .page-section {
    min-height: 30px;
    padding: 5px 0px 20px 0px;
    border-bottom: 1px solid #707070;
    margin-bottom: 35px;
 }
.right-contentb .page-section:last-child{
    border-bottom: 0px solid #707070;
    margin-bottom:0px;
    padding-bottom:0px;
}
.spy .navigation__link img{
    width:100%;
}
.spy .page-section h1{
     font-size:25px;
}
.spy .rightt-content{
    position:relative;
}
.spy .navigation {
    color: #fff;
    right: 0px;
    width: 100%;
}

.spy .navigation__link {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding:0px;
    font-weight: 400;
}
.spy .navigation__link:hover {
    background-color:transparent;
}
.spy .navigation__link.active {
    color: white;
    background-color: rgba(0, 0, 0, 0.1);
}
.page-section h5 {
    font-size: 32px;
    line-height: 41px;
    color: #000;
    font-weight: 600;
    margin: 0 0 8px 0;
}
.spy .page-section p{
    font-size:16px;
    line-height:27px;
    color:#000;
}

.spy .navigation{
    position:sticky;
    top:120px;
}

.page-section.hero-active h5{
    font-weight:600;
    color:#000;
}
.page-section.hero-active p{
   color:#000;
}
.spy.spy-content-box .left-spy-menu{
    flex: 0 0 15%;
    max-width: 15%;
}
.spy.spy-content-box .left-content{
    -ms-flex: 0 0 57%;
    flex: -1 0 57%;
    max-width: 57%;
}
.spy.spy-content-box .right-contentb {
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%;
}
.spy.spy-content-box .spy-content{
    padding-left: 0px !important;
    margin-top:0px;
    position:sticky;
}
.spy.spy-content-box li a.nav-link{
    position:relative;
}
.spy.spy-content-box li a.nav-link:hover{
   color:#0094C4!important;
}
.spy.spy-content-box li a.nav-link.active:before{
   content:"";
    height:15px;
    width:2px;
    background-color:#0094C4;
    position:absolute;
    left: 2px;
    top: 14px;
}
.spy.spy-content-box li a.nav-link.active{
    border-left:0px;
}
.spy.spy-content-box ul.nav-pills {
    position: sticky;
    top:130px;
    border-left: 0px solid #ccc;
}
.spy.spy-content-box .spy-content .left-content {
    padding-right: 85px;
}
.spy.spy-content-box .spy-content .left-content .navigation__link:nth-child(2){
   display:none;
}
.spy.spy-content-box .spy-content .left-content .navigation__link:nth-child(3){
    display:none;
}

.spy.spy-content-box .spy-content h2 {
    font-size: 52px;
    font-weight: 600;
    margin: 0 0 60px 0;
    text-transform: initial;
    color:#000;
    line-height: 60px;
}
.spy.spy-content-box .section {
    padding: 100px 0 120px 0px;
    border-bottom: 4px solid #F3F3F3;
    max-width: 1280px;
}
.spy.spy-content-box .section:first-child{
    padding-top:0px;
}
.spy.spy-content-box .section:last-child {
    padding-bottom:0px;
    border-bottom: 0px solid #F3F3F3;
}
.spy.spy-content-box .section .row{
    align-items: center;
}
.spy.spy-content-box li a{
    font-family: Graphik;
    font-weight: normal;
    font-style: normal;
}
.spy.spy-content-box li a{
    padding: 9px 21px;
}
span.matching, .not_matching {
    display: block;
    background: red;
    width: 23px;
    height: 22px;
    position: absolute;
    right: 11px;
    top: 13px;
}
span.matching {
    background: url(../img/p-ok.png) no-repeat center;
}
span.not_matching {
    background: url(../img/p-cross.png) no-repeat center;
}
/*feature accordin end*/


/*accordin faq start*/
.acco-content {
    display: none;
}
 .acco-container {
     max-width: 100%;
     width: 100%;
 }
.acco-head {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Gilroy';
    position: relative;
    padding: 5px 40px;
    margin-top: 4px;
    cursor: pointer;
}

.acco-head.active::after {
    background: url(../img/minus.svg) no-repeat center/contain;
    transform: rotate(0deg);
    opacity:100;
}
.acco-head::after {
    content: "";
    background: url(../img/plus.svg) no-repeat center/contain;
    width: 13px;
    height: 13px;
    left: 0;
    top: 17px;
    position: absolute;
}
.acco-content {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin: 0 40px;
    display: none;
    padding: 5px 0 5px 20px;
    border-left: 1px solid #333;
    font-family: 'Graphic';
}
.acco-content p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin-bottom:0px;
}

.acco-content a {
    display: block;
    padding: 19px 15px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Sans Pro'!important;
    color: #000;
    position: relative;
    text-decoration: none !important;
    background-color: #fff;
}
.acco-content a:after {
    content: '';
    background: url(../../source/images/arrow-icon.svg) no-repeat;
    width: 9px;
    height: 14px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 27px;
}
.acco-content p:last-child a{
    border-bottom: 0px solid #e4e4e4;
}
.acco-content a:hover {
    color: #0032a0;
}
.faqs-section .acco-content a{
    display: block;
    padding: 3px 15px;
    border-bottom: 0px solid #e4e4e4;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Source Sans Pro'!important;
    color: #0032A0;
    position: relative;
    text-decoration: none !important;
    background-color: #fff;
}
.faqs-section .acco-content a:hover{
    text-decoration:underline !important;
}
.faqs-section .acco-content h3{
    font-size: 24px;
    line-height:32px;
    padding: 0 15px 0 15px;
    color:#000;
}
.faqs-section .acco-content a:after {
    display:none;
}
.faqs-section .acco-content {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    padding: 30px 0 30px 0;
    display: none;
    background-color: #fff;
}
/*accordin faq end*/


/*live css code*/
.follow-list-section span{
    width:46px;
    height:46px;
    border-radius:4px;
    border:1px solid rgba(0, 0, 0, 0.15);
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:21px;
    color:#000;
    font-weight:600;
}
.manage-list-section h3.elementor-icon-box-title{
    margin-top:-7px;
}

/*live css code*/

/*dropshipping text css*/
.list-content-section .elementor-icon-list-items.elementor-icon-list-item .elementor-icon-list-icon{
    position:relative;
}

.list-content-section li.elementor-icon-list-item .elementor-icon-list-icon:after {
    content: '';
    background-image: url(https://www.webcommander.com/wp-content/uploads/2022/08/list-arrow-icon.svg);
    position: absolute;
    width: 16px;
    height: 20px;
    display: inline-block;
    margin-top:90px;
    left: 34px;
}
.list-content-section li.elementor-icon-list-item:last-child .elementor-icon-list-icon:after {
    display:none;
}
.faqs-question ul li{
    font-size: 16px !important;
    line-height: 25px !important;
    font-family: 'Gilroy' !important;
    font-weight: 500;
}
/*dropshipping text end*/

span.elementor-icon-list-text h5 {
    font-size: 25px;
    line-height: 29px;
    font-weight: 600;
}

/*Portfolio Page Design*/
body.page-template-template-iframeportfolio .page-heading {
    padding-bottom: 70px;
    padding-top: 200px;
}
.iframe-portfolio-area {
    padding: 0 60px 60px 60px;
}
.webalive-portfolio-area {
    padding: 180px 20px 100px 20px;
}
.iframe-portfolio-area .list-item {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 40px;
    margin-bottom: 60px;
}
.iframe-portfolio-area .list-item .item{
    margin-bottom: 30px;
}
.iframe-portfolio-area .list-item .post-preview-img {
    height: 516px;
    overflow: hidden;
}
.iframe-portfolio-area .list-item .post-preview-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.iframe-portfolio-area .list-item .post-img{
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 6px 0px rgb(0 0 0 / 10%);
}
.iframe-portfolio-area .list-item .post-preview {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.iframe-portfolio-area .list-item .post-img:after {
    content: "";
    background: rgba(0, 92, 122, .9);
    width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.2);
    border-radius: 100%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .4s;
}
.iframe-portfolio-area .list-item .post-preview  a {
    background: rgb(0 148 196);
    padding: 12px 25px 12px 25px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: scale(.2);
    transition: all ease-in-out .5s;
}
.iframe-portfolio-area .list-item .post-preview  a:hover {
    background: rgb(11 166 217);
}
.iframe-portfolio-area .list-item .post-img .post-preview a span {
    padding-right: 6px;
}
.iframe-portfolio-area .list-item .post-img:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(5);
}

.iframe-portfolio-area .list-item .post-img:hover .post-preview  a{
    opacity: 1;
    visibility: visible;
}
.iframe-portfolio-area .list-item .post-content {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.iframe-portfolio-area .list-item .post-content .post-title {
    margin: 0;
}
.iframe-portfolio-area .list-item .post-content  a {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #333333;
    max-width: 65%;
}
.iframe-portfolio-area .list-item .post-content a span{
    vertical-align: middle;
}


body.single-iframe_portfolio header#masthead {
    display: none;
}
.webalive-portfolio-area-preview {
    max-width: 100%;
    margin: 0 auto;
}
.body-part-portfolio {
    /*background: url('../img/desktop-bar.svg') no-repeat;*/
    /*padding-top: 48px;*/
    /*background-size: 100%;*/
    margin: 0 auto;
    transition: all ease-in-out .2s;
}
.body-part-portfolio.active-desktop {
    height: calc(100vh - 69px);
}
.body-part-portfolio.active-pad {
    width: 1172px;
    height: 696px;
    margin: 0 auto;
    padding-top: 0;
    border-radius: 25px;
    position: relative;
}
/*.body-part-portfolio.active-pad:after,*/
/*.body-part-portfolio.active-phone:after*/
/*{*/
/*    content: "";*/
/*    width: 220px;*/
/*    height: 5px;*/
/*    background: #919191;*/
/*    display: inline-block;*/
/*    border-radius: 10px;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: 10px;*/
/*    transform: translateX(-50%);*/
/*    transition: all ease-in-out .2s;*/
/*}*/
.active-image .body-part-portfolio:after
{
    display: none;
}
.body-part-portfolio.active-phone:after{
    width: 160px;
}
.body-part-portfolio.active-desktop iframe {
    border-radius: 0px;
    margin-top: 0;
    border: 0;
}
.body-part-portfolio.active-pad iframe, .body-part-portfolio.active-phone iframe{
    border-radius: 3px;
}
.body-part-portfolio.active-phone {
    width: 375px;
    height: 670px;
    margin: 0 auto;
    padding-top: 0;
    border-radius: 3px;
    position: relative;
}

.active-image .active-phone {
    width: 375px;
    height: 670px;
    margin: 0 auto;
    padding-top: 0;
    border-radius: 3px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    overflow: auto;
    padding: 20px;
}

.preview-container.active-image .body-part-portfolio::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
}

.preview-container.active-image .body-part-portfolio::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.preview-container.active-image .body-part-portfolio::-webkit-scrollbar-thumb
{
    background-color: #888;
}
.body-part-portfolio iframe{
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    margin-top: -3px;
    border-radius: 0px;
}
.preview-container.active-parent-tab .body-part-portfolio,
.preview-container.active-parent-phone .body-part-portfolio
{
    background: transparent;
}
.active-image .body-part-portfolio.active-pad {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    margin-top: 0;
    border-radius: 0px;
    border-radius: 20px;
    overflow: auto;
    background: transparent;
    position: relative;
    padding: 20px;
}
.top-part-portfolio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
    padding: 42px;
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}
.preview-container.active-parent-desktop {
    margin-top: -20px;
}
.top-part-portfolio > div{
    flex: 1 1 0%;
}

.back-portfolio a {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #656565;
    white-space: nowrap;
}

.back-portfolio a span{
    vertical-align: middle;
    padding-left: 5px;
}
.back-container {
    display: flex;
    align-items: center;
}

.ti-portfolio {
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
    margin-left: 32px;
}
.device-click {
    text-align: center;
}
.device-click > span {
    padding: 10px;
    cursor: pointer;
}
.visit-this-site{
    text-align: right;
}
.visit-this-site a {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    display: none !important;
}
.visit-this-site a:hover,
.back-portfolio a:hover,
.iframe-portfolio-area .list-item .post-content a:hover {
    color: rgb(0 148 196);
}
.visit-this-site a:hover svg path,
.back-portfolio a:hover svg path, .iframe-portfolio-area .list-item .post-content a:hover svg path{
    fill: rgb(0 148 196);
}
span.active-device svg path{
    fill:rgb(0 148 196)
}
.web-type {
    text-align: right;
    display: none;
}
.header-ph{
    display: none;
}
.preview-container.active-image {
    overflow: auto;
    position: relative;
}
.preview-container.active-image img {
    width: 100%;
}

.eb-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
    margin: 0;
    display: block;
    color: rgb(0 148 196);
    font-size: 10px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
.eb-loader, .eb-loader:after, .eb-loader:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
    transition-duration: 1.8s;
    -webkit-transition-duration: 1.8s;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.eb-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
.eb-loader:after, .eb-loader:before {
    content: '';
    position: absolute;
    top: -2px;
}
.eb-loader:after {
    left: 3.5em;
}
.eb-loader:after, .eb-loader:before {
    content: '';
    position: absolute;
    top: -2px;
}
.eb-loader:after {
    left: 3.5em;
}
.eb-loader:after, .eb-loader:before {
    content: '';
    position: absolute;
    top: -2px;
}
@-webkit-keyframes load7{
    0%, 80%, 100%{
        box-shadow:0 2.5em 0 -1.3em
    }
    40%{
        box-shadow:0 2.5em 0 0
    }
}
@keyframes load7{
    0%, 80%, 100%{
        box-shadow:0 2.5em 0 -1.3em
    }
    40%{
        box-shadow:0 2.5em 0 0
    }
}


/*New Price*/
.website-mng-1 .elementor-widget-container .pricing-data:nth-child(2) {
    display: none;
}
.website-mng-2 .elementor-widget-container .pricing-data:nth-child(1) {
    display: none;
}

.pricing-data h2.title {
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
}
.amount-section h3 {
    font-size: 51px;
    font-weight: 600;
    margin-bottom: 10px;
}
.amount-section p {
    font-size: 16px;
    line-height: 24px;
}
.amount-section {
    margin-top: 35px;
}
.pricing-data a {
    font-size: 21px;
    font-weight: 500;
    color: #005C7A;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    padding: 0px 0px 8px 0px;
}
.pricing-data a i{
    vertical-align: middle;
    padding-left: 10px;
}
.pricing-data a:hover {
    color: #000;
    border-color: #000;
}
.pricing-data a:hover i{
    color: #000;
}


/*!*Custom select with js*!*/
/*.custom-select {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    border-radius: 0;*/
/*    background: #fff;*/
/*    color: #000;*/
/*    line-height: 27px;*/
/*    -moz-transition: all 0.2s ease-in;*/
/*    -o-transition: all 0.2s ease-in;*/
/*    -webkit-transition: all 0.2s ease-in;*/
/*    transition: all 0.2s ease-in;*/
/*    width: 100%;*/
/*    border: 2px solid #F6F6F6;*/
/*    height: 48px;*/
/*    padding: 10px 15px 10px;*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    background-color: #F6F6F6;*/
/*    outline: 0;*/
/*    text-align: left;*/
/*    cursor: pointer;*/
/*}*/
/*.custom-select:after {*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 6px solid transparent;*/
/*    border-color: #000 transparent transparent transparent;*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    right: 15px;*/
/*    transform: rotateZ(0);*/
/*    transition: all .5s;*/
/*    transform-origin: 50% 25%;*/
/*}*/
/*!*.custom-select:hover {*/
/*     background-color: #b83729;*/
/*}*/
/**!*/
/*.custom-select:active, .custom-select.active {*/
/*    border-color: #139AC4 !important;*/
/*}*/
/*.custom-select:active:after, .custom-select.active:after {*/
/*    transform: rotateZ(180deg);*/
/*    transition: all 0.5s;*/
/*    transform-origin: 50% 25%;*/
/*}*/
/*.custom-select:focus{*/
/*    outline: 2px;*/
/*}*/
/*.select-options {*/
/*    overflow-y: auto;*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    right: 0;*/
/*    left: 0;*/
/*    z-index: 999;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*    box-shadow: 0px 0px 10px rgb(0 0 0 / 7%);*/
/*    border-radius: 0;*/
/*    background: #fff;*/
/*    padding: 5px 0;*/
/*    height: 280px;*/
/*}*/
/*.select-options li {*/
/*    color: #122337;*/
/*    margin: 0;*/
/*    padding: 5px 16px;*/
/*    list-style: none;*/
/*    -moz-transition: all 0.15s ease-in;*/
/*    -o-transition: all 0.15s ease-in;*/
/*    -webkit-transition: all 0.15s ease-in;*/
/*    transition: all 0.15s ease-in;*/
/*    font-size: 16px !important;*/
/*    cursor: pointer;*/
/*    line-height: 23px !important;*/
/*}*/
/*.elementor-widget-container ul.select-options li:before {*/
/*    display: none;*/
/*}*/
/*.select-options li:hover {*/
/*    color: #0094C4;*/
/*    background: #0094c41a;*/
/*    border-radius: 0;*/
/*    !* font-weight: 50; *!*/
/*}*/
/*.select {*/
/*    position: relative;*/
/*}*/
/*.select-options li[rel="hide"] {*/
/*    display: none;*/
/*}*/
/* select.hide-select.error ~ .custom-select {*/
/*    border-color: #ff7d7d !important;*/
/*}*/


/*Signup Process  new Design*/
.trial-area .form-wrap,
.trial-area .form-wrap form,
.trial-area .form-wrap form > div
{
    height: 100%;
}
.template-preview  {
    margin: 0 !important;
    padding: 0 !important;
}
.template-preview .modal-body {
    padding: 0 !important;
}
.template-preview .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.template-preview  .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    border:0;
}
.common-tab.tab01 .left-right-parent{
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.common-tab.tab01 .left-right-parent .s-left {
    flex: 1;
}

.signup-parent-container, .login-parent-container{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.common-tab.tab01 .left-right-parent .s-right {
    flex-basis: 605px;
    max-width: 605px;
    width: 100%;
    background: #004156;
    display: flex;
    align-items: center;
    padding: 80px;
    flex-direction: column;
    justify-content: center;
}
.n2-section-smartslider {
    margin-bottom: 200px;
}
.common-tab.tab01 .left-right-parent .s-left .trial-head,
.common-tab.tab01 .left-right-parent .s-left .s-form-group
{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    display: block !important;
}
p.already-exist.already_have_account_free {
    color: #ff0000;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 17px;
}
.common-tab.tab01 .left-right-parent .s-left a.logo-group {
    padding: 34px;
    display: inline-block;
    top: 0;
    left: 0;
}
a.logo-group {
    display: inline-block;
    position: absolute;
    top: 60px;
    left: 60px;
}
.back-group {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 34px;
}
.back-group .back{
    cursor: pointer;
}
.back-group .back:hover svg path{
    stroke: #1199C4;
    fill: #1199C4;
}
.choose-template a.logo-group {
    position: relative;
    top: 0;
    left: 0;
}
.common-password {
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    padding: 2px;
    width: 55px !important;
    display: inline-block !important;
    height: 50px;
    line-height: 44px !important;
}
p.terms-policy {
    font-size: 13px;
    line-height: 23px;
    color: #4F4F4F;
    padding-top: 16px;
    margin-bottom: 15px;
}
p.terms-policy a{ 
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}
p.terms-policy a:hover{
    color: #1199C4;
}
p.already {
    font-size: 13px;
    color: #4F4F4F;
    border-top: 1px solid #E0E0E0;
    padding-top: 15px;
}
.s-form-group a {
    font-weight: 500;
    color: #000;
    text-decoration: underline;
    font-size: 13px;
}
.s-form-group  a:hover {
    color: #1199C4;
}
 .left-right-parent p.subtitle {
    margin: 0;
}
.n2-ss-text p{
    font-family: 'Graphik' !important;
    font-style: normal !important;;
    font-weight: 400 !important;;
    font-size: 20px !important;;
    line-height: 32px !important;;
    color: #FFFFFF !important;;
    position: relative;
}
.n2-ss-section-main-content > div:first-child .n2-ss-item-content {
    padding-top: 70px;
    position: relative;
}
.n2-ss-item-content:before {
    content: "";
    background: url("../img/quote.svg") no-repeat center;
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    top: 0px;
    left: -7px;
}
h4.n2-ss-text {
    font-family: 'Graphik' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 30px !important;
}
h6.n2-ss-text {
    font-family: 'Graphik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 30px !important;
}
.n2-ss-slider-controls {
    margin-left: 2px !important;
    margin-top: 30px !important;
}
.trusted-by {
    text-align: center;
    padding-top: 40px;
    position: absolute;
    bottom: 80px;
}
.trusted-by p {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.5;
    text-align: center;
    margin-bottom: 36px;
    position: relative;
}
.trusted-by p span{
    background: #004156;
    padding: 2px 16px;
    z-index: 2;
    position: relative;
}
.trusted-by p:after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.23);
    position: absolute;
    bottom: 9px;
    left: 0;
    z-index: 1;
}
.common-tab.tab01 .left-right-parent .s-left button,
.common-tab.tab01 .left-right-parent .s-left input[type="submit"]
{
    width: 100%;
    background: #1199C4;
    height: 50px;
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
}
.common-tab.tab01 .left-right-parent .s-left button:hover,
.common-tab.tab01 .left-right-parent .s-left input[type="submit"]:hover
{
    background: #0888b1;
}
.common-tab.tab01 .left-right-parent .s-left button:after{
    display: none;
}
.common-tab.tab01 .left-right-parent .s-left button:hover,
.common-tab.tab01 .left-right-parent .s-left button:focus,
button.nextBtn:hover,
button.nextBtnPaidSignup:hover,
button.step-forward:hover
{
    background: #0888b1;
    outline: 0;
    opacity: 1;
}
.float-box,
.common-tab.tab02,
.common-tab.tab03,
.common-tab.tab04,
.common-tab.tab05,
.choose-template,
.finalise-area,
.accept-install-tab
{
    padding: 95px;
    background: url('../img/lets-bring-bg.png') no-repeat center/cover;
    height: 100vh;
    position: relative;
    overflow-y: auto;
}
.signup-preloader{
    background: url('../img/lets-bring-bg.png') no-repeat center/cover;
}
.tab-warp {
    background: #FFFFFF;
    box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 60px;
    height: auto;
    position: absolute;
    overflow: hidden;
    max-width: 1296px;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    min-height: 770px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.choose-template .tab-warp {
    height: 770px;
}
.common-tab.tab03 .tab-warp:before,
.common-tab.tab04 .tab-warp:before,
.common-tab.tab05 .tab-warp:before,
.choose-template .tab-warp:before,
.finalise-area .tab-warp:before,
.signup-preloader .tab-warp:before,
.marketplace-step1 .tab-warp:before,
.marketplace-step2 .tab-warp:before
{
    content: "";
    width: 100%;
    height: 8px;
    background: #E4E5E7;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
}
.common-tab.tab03.sell-online .tab-warp:after {
    content: "";
    width: 20%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.common-tab.tab04.store-name .tab-warp:after {
    content: "";
    width: 40%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.common-tab.tab05.country-field .tab-warp:after {
    content: "";
    width: 60%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.choose-template .tab-warp:after {
    content: "";
    width: 80%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.finalise-area .tab-warp:after {
    content: "";
    width: 90%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.signup-preloader .tab-warp:after,
.installing .tab-warp:after
{
    content: "";
    width: 100%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.marketplace-step1 .tab-warp:after
{
    content: "";
    width: 33.33%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.marketplace-step2.common-tab.tab03.sell-online .tab-warp:after
{
    content: "";
    width: 66.66%;
    height: 8px;
    background: #28BF9A;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 2;
}
.common-tab-warp a.logo-group {
    position: absolute;
    left: 60px;
    top: 60px;
}
.lets-start-part-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.lets-start-part p{
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}
.lets-start-part h4 {
    font-size: 32px;
    line-height: 45px;
    color: #000000;
    font-weight: 600;
    margin: 8px 0 10px 0;
}
.nextBtn, .nextBtnPaidSignup, .step-forward
{
    height: 52px;
    background: #1199C4;
    border-radius: 3px;
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 20px;
    color: #fff;
    border: 0;
}
.prvBtn {
    height: 52px;
    background: transparent;
    border-radius: 3px;
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #185265;
    padding-left: 0;
}
.prvBtn:focus {
    outline: 0;
}
.nextBtn:after,
.nextBtnPaidSignup:after,
.step-forward:after
{
    content: '';
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/arrow-right-m-long.png);
    background-repeat: no-repeat;
    margin-left: 6px;
}
.prvBtn:before {
    content: '';
    width: 21px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/left-arrow.svg);
    background-repeat: no-repeat;
    margin-right: 8px;
    background-size: contain;
    margin-bottom: 1px;
}
.prvBtn:hover {
    opacity: .9;
}
.lets-start-part .single-input-box {
    margin-bottom: 40px;
}
.lets-start-part {
    padding-right: 20px;
    max-width: 590px;
}
.website_types {
    margin: 38px 0 40px 0;
}
.side-photo {
    max-width: 450px;
}
.website_type label{
    display: block;
    background: #FFFFFF;
    border: 2px solid #D2D6DB;
    border-radius: 3px;
    padding: 34px 38px;
    padding-left: 76px !important;
    width: 100%;
}
.website_type + .website_type{
    margin-top: 16px;
}
.website_type.active label{
    border-color:  #28A2C9;
}
.website_type [type="checkbox"]:checked+label:before, .website_type [type="checkbox"]:not(:checked)+label:before {
    left: 38px;
}
.website_type [type="checkbox"]:checked+label:after, .website_type [type="checkbox"]:not(:checked)+label:after {
    left: 44px;
}
.common-tab.tab04.store-name .lets-start-part .single-input-box input {
    margin-top: 40px;
}
.common-tab.tab04.store-name .lets-start-part .single-input-box input.active {
    padding-right: 60px;
    background: url("../img/ok.png") no-repeat;
    background-position: calc(100% - 20px) 23px;
}
button[disabled],
input:disabled,
.btnFormDisable
{
    background-color: #F2F2F3 !important;
    color: #828282 !important;
    user-select: none !important;
    cursor: auto !important;
    pointer-events: none !important;
}
input:disabled:hover
{
    color: #828282;
}
button[disabled]:after {
    filter: invert(1);
    opacity: .5;
}
input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="password"]:read-only,
input[type="tel"]:read-only
{
    background-color: #F2F2F3 !important;
    color: #828282 !important;
}
.hide-this-section{
    display: none;
}
.back-next-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.back-next-grp .nextBtn {
    margin-left: auto;
}
.back-next-grp input {
    margin-left: auto;
}
.common-tab.tab05.country-field .dropdown {
    margin-top: 40px;
}
button.dropdown-select {
    border: 2px solid #D2D6DB;
    border-radius: 3px;
    background: url('../img/select-arrow.png') #fff no-repeat center;
    background-position: calc(100% - 20px) 26px;
    color: #030303;
    font-weight: 400;
    font-size: 20px;
    font-family: 'Graphik';
    width: 100%;
    text-align: left;
    height: 64px;
    padding: 6px 20px;
}
button.dropdown-select:focus,
button.dropdown-select:active
{
    border-color: #28A2C9;
    outline: 0;
}
button.dropdown-select img {
    width: 34px;
    height: 24px;
    object-fit: cover;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 10px;
}
button.dropdown-select ~ ul.dropdown-menu.show li img {
    width: 30px;
    height: 20px;
    object-fit: cover;
    border-radius: 0;
    overflow: hidden;
    margin-right: 10px;
}
button.dropdown-select ~ ul.dropdown-menu.show {
    padding: 0;
    width: 100%;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
}
button.dropdown-select ~ ul.dropdown-menu.show li {
    padding: 14px 20px;
    cursor: pointer;
    margin: 0;
}
button.dropdown-select ~ ul.dropdown-menu.show li:hover {
    background: #f9f9f9;
}
.choose-template a.logo-group img {
    width: 240px;
}
.choose-template-header {
    margin-top: 40px;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-option {
    display: flex;
    align-items: center;
    gap: 20px;
}
.filter-option > p {
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #000000;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.filter-option > p .close {
    display: none;
    text-shadow: none;
    opacity: 1;
}
.filter-option > p > svg {
    width: 16px;
}
p.js-filter-cat.active-filter  svg.close {
    display: block;
}
p.js-filter-cat.active-filter  svg.filter {
    display: none;
}
h4.template-page-title {
    font-size: 28px;
    line-height: 33px;
    color: #000000;
    font-weight: 600;
    margin: 0;
}
.category-container {
    margin-top: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    /*height: calc(100vh - 520px);*/
    margin-bottom: 60px;
}


.category-container::-webkit-scrollbar-track,
.ul.dropdown-menu.show::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
}

.category-container::-webkit-scrollbar,
ul.dropdown-menu.show::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.category-container::-webkit-scrollbar-thumb,
ul.dropdown-menu.show::-webkit-scrollbar-thumb
{
    background-color: #448499;
}
.filter-option > p span {
    margin-left: 10px;
    white-space: nowrap;
}
.filter-category-lists {
    margin-top: 25px;
    display: none;
}
.categorryButtonGroup {
    display: flex;
    align-items: start;
    gap: 12px;
    flex-wrap: wrap;
}
.categorryButtonGroup button {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 40px !important;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    padding: 9px 15px;
    transition: all ease-in-out .2s;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: max-content;
    font-weight: 500;
}
.categorryButtonGroup button:hover {
    border: 1px solid #1199C4;
    background: #fff;
    color: #000000;
}
.categorryButtonGroup button.active:before {
    content: "";
    background: url("../img/li-check.png") no-repeat center/contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}
.categorryButtonGroup button.active,
.categorryButtonGroup button:focus,
.categorryButtonGroup button:active,
.categorryButtonGroup button:focus-within
{
    color: #1199C4 !important;
    background-color: #fff !important;
    border-color: #1199C4 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.choose-template .tab-warp {
    padding: 60px;
    justify-content: start;
}
.skip-next-grp {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 116px;
    padding: 42px 60px;
    text-align: right;
    border-top: 1px solid #E6E6E6;
    background: #fff;
    z-index: 9;
}
.skip-next-grp a{
    margin: 0;
    color: #185265;
    border: 0;
    font-weight: 500;
    font-size: 18px;
}
.template-library-btn-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.skip-next-grp a.nextBtn{
    color: #fff;
    padding: 13px 25px;
}
.skip-next-grp a.nextBtn:hover{
    background: #0888b1;
}
.skip-next-grp a.nextBtn:after{
    content: "";
    filter: brightness(0) invert(1);
    margin-bottom: 1px;
}

body.page-template-template-library header#masthead,
body.page-template-template-freesignup header#masthead,
body.page-template-payment-process header#masthead,
body.page-template-template-library footer.webalive-footer,
body.page-template-payment-process footer.webalive-footer,
body.page-template-template-freesignup footer.webalive-footer,
body.page-template-template-forgot-password footer.webalive-footer,
body.page-template-template-reset-password footer.webalive-footer,
body.page-template-process-failed footer.webalive-footer,
body.page-template-template-forgot-password header#masthead,
body.page-template-process-failed header#masthead

{
    display: none;
}
body.full-height{
    height: 100vh;
}
body.full-height .webalive-site,
body.full-height .webalive-site-content,
body.full-height .common-tab
{
    height: 100%;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #004156;
    z-index: 99999999999;
    display: none;

}
#preloader img {
    width: 165px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.design-free-login,
.design-free-login .tab01.common-tab
{
    height: 100%;
}
.js-template-appender {
    min-height: 86px;
    display: none;
}
.load-more-append{
    display: flex;
}


.common-tab.sell-online .lets-start-part button.nextBtn,
.common-tab.sell-online .lets-start-part button.nextBtnPaidSignup,
.common-tab.sell-online .lets-start-part button.step-forward
{
    float: right;
}
.payment-back {
    gap: 35px;
    margin-left: -35px;
}
.payment-back span{
    cursor: pointer;
}
.payment-section-head {
    margin-top: 50px;
    margin-bottom: 15px;
}
.signup-container input.js-check-email {
    padding-right: 44px;
}
.form-group .lds-ring {
    width: auto;
    top: 15px;
    right: calc(0% + 34px);
    left: inherit;
}
.pp-ti {
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    font-weight: 600;
    font-family: 'Gilroy';
}
.packege-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.08); */
    border: 1px solid #C0CCCF;
    border-radius: 3px;
    padding: 12px 24px 12px 45px;
    font-weight: 500;
    font-size: 17px;
    line-height: 19px;
    background: url("../img/price-check.svg") no-repeat;
    background-position: 12px 13px;
    height: 50px;
}
.pp-cr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}
 .finalise-title{
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #000000;
    margin: 0;
    padding: 0;
}
span.main,
span.main small
{
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 17px;
    font-family: 'Graphik';
}
span.main small
{
    padding-left: 5px;
}
p.pp-pk {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Gilroy';
}
.plan-pkg {
    margin-top: 25px;
}
.credit-card {
    width: 170px;
    text-align: right;
}
.payment-method .single-input-box input[type="text"],
.payment-method .single-input-box input[type="email"],
.payment-method .single-input-box select {
    padding: 8px 12px;
    height: 40px;
    font-size: 16px;
    border-width: 1px;
    font-size: 14px;
    line-height: 24px;
}
.payment-method .single-input-box input[type="text"]:focus,
.payment-method .single-input-box input[type="email"]:focus,
.payment-method .single-input-box select:focus {
    border-width: 1px !important;
}
.payment-method select {
    background-position: calc(100% - 12px) 16px;
}
.billing-address {
    margin-top: 30px;
}
.selected-contry {
    padding: 6px 12px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background: #ebebeb;
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.selected-contry img {
    width: 26px;
    margin-right: 8px;
}
.js-later-error {
    color: red;
    margin-top: 10px;
    font-size: 18px;
}
.billing-address h5.finalise-title {
    margin-bottom: 20px;
}
.payment-method .single-input-box{
    margin-bottom: 16px;
}
.payment-method .row .col {
    padding-right: 8px;
    padding-left: 8px;
}
.payment-method .row  {
    margin-right: -8px;
    margin-left: -8px;
}
.pay-continue {
    margin-top: 10px;
}
.pay-continue {
    display: flex;
    align-items: center;
    justify-content: start;
}
.pay-continue .pay-later {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #185265;
    margin-left: 24px;
    background: transparent;
    padding: 0;
}
.pay-continue .pay-later:hover {
    text-decoration: underline;
}
.pay-continue button {
    font-size: 16px;
    white-space: nowrap;
}
.pay-continue input {
    width: auto;
    height: 52px;
    background-color: #1199C4;
    border-radius: 3px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 56px 10px 24px;
    background-position: calc(100% - 26px) 21px;
}
.pay-continue input:hover {
    background-image: url(../img/arrow-right.png);
    background-position: calc(100% - 26px) 21px !important;
}
.finalise-area .tab-warp {
    padding: 0;
    margin: 0px auto;
    position: relative;
    left: inherit;
    top: inherit;
    transform: initial;
}
.payment-method {
    padding: 60px 70px 60px 80px;
}
.payment-summary h5.finalise-title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 28px;
}
.js-payment-message span.error {
    margin: 0 0 40px 0;
    display: block;
    border: 0;
    padding: 0;
}
.head-summary {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.more-container {
    margin-bottom: 60px;
}
.paymnet-loader {
    background: rgb(10 87 113);
}
.row-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 14px;
}
.row-item .left-part {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
}
.info-text {
    font-weight: 400;
    margin-top: 6px;
    font-size: 13px;
}
 .grand-total {
    border-top: 1px solid rgba(112, 112, 112, 0.3);
    padding-top: 15px;
    margin-top: 15px;
}
.total-calc {
    text-align: right;
    border-top: 1px solid rgba(112, 112, 112, 0.3);
    padding-top: 20px;
    margin-top: 18px;
}
.total-calc > div {
    max-width: 240px;
    display: inline-block;
    width: 100%;
}
.packege-selected .type-part.row-item {
    margin: 0;
    width: 100%;
    display: block;
}
.packege-selected .type-part.row-item .left-part{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}
.packege-selected .type-part.row-item .info-text{
    margin: 0;
}
section.filter-theme .left-filter {
    display: flex;
    gap: 20px;
}
section.filter-theme {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 56px 0 10px;
}
section.filter-theme .left-filter select {
    border-color: #EBEBEB;
    padding: 6px 35px 5px 14px;
    height: 38px;
    color: #5F5E5E;
    font-family: 'Sharp Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    background: url(../img/marketplace/down-arrow.png) no-repeat;
    background-position: calc(100% - 12px) 15px;
    width: auto;
    text-transform: capitalize;
}
section.filter-theme .left-filter select:focus {
    border: 1px solid #139AC4 !important;
}
/*Signup Process*/


/* Choose your site start */
.choose-your-site-area {
    padding: 50px 0;
}
.choose-your-site-box {
    box-shadow: 0px 3px 5px rgba(9, 30, 66, 0.2), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    width: 600px;
    max-width: 100%;
}
.choose-your-site-box .main-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    padding: 16px 14px;
    margin: 0;
}
.choose-your-site-single, .template-choose {
    border-bottom: 1px solid #F0F3F4;
    padding: 16px;
}
.template-choose:hover {
    background: #f9f9f9;
}
@media only screen and (max-width: 767px) {
    .choose-your-site-single {
        padding: 14px;
    }
}
@media only screen and (max-width: 575px) {
    .choose-your-site-single {
        padding: 10px;
    }
}
.choose-your-site-single .icon {
    width: 40px;
}
.choose-your-site-single .icon img {
    height: 40px;
    object-fit: cover;
}
.choose-your-site-single .content {
    margin-left: 16px;
}
@media only screen and (max-width: 575px) {
    .choose-your-site-single .content {
        margin-left: 10px;
    }
}
.choose-your-site-single .content .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 4px;
}
.choose-your-site-single .content .text {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #5F5E5E;
    margin: 0;
}
.choose-your-site-single .link {
    padding: 0 0 0 10px;
}
.choose-your-site-single .link a {}
/* Choose your site end */
.right-part .toggle-mobile-nav,
.header-search .search-toggle-btn{
    display:none !important;
}

.template-choose.disable-instance {
    background: #f9f9f9;
    filter: grayscale(1) blur(0.6px);
    cursor: not-allowed !important;
    pointer-events: none;
    user-select: none;
}
.template-choose.disable-instance *
{
    cursor: not-allowed !important;
}

/*Swicth*/
.gap-2{
    gap: 10px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    margin: 0;
}

 span.yr{
    font-size: 13px;
    font-weight: 500;
     text-transform: capitalize;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #24437e;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider-switch:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider-switch {
    background-color: #139AC4;
}

input:focus + .slider-switch {
    box-shadow: 0 0 1px #139AC4;
}

input:checked + .slider-switch:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

/* Rounded sliders */
.slider-switch.round {
    border-radius: 34px;
}

.slider-switch.round:before {
    border-radius: 50%;
}
/*Fixing*/
.pricing-data + .pricing-data {
    margin-top: 60px;
    border-top: 2px solid #97979740;
    padding-top: 60px;
}


.blog-search .fa-search{
    color: #000;
}
.blog-search .bs-input-box input[type="text"]:focus{
    border: 0px solid #139AC4 !important;
}