/*!
Theme Name: appnova
Theme URI: http://appnova.themebeyond.com
Author: Nexttheme-org
Author URI: https://themeforest.net/user/Nexttheme-org
Description: Software & SaaS Startup WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: appnova
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

appnova is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/

body {
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #808080;
}


.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.fix {
    overflow: hidden
}

body.admin-bar .header,
body.admin-bar .sticky-menu {
    top: 31px;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.btn:focus,
.button:focus {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
    text-decoration: none;
}

a,
button {
    color: #1696e7;
    outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0
}

.capitalize {
    text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
    color: #333;
    margin-top: 0px;
    font-style: normal;
    font-weight: 600;
    text-transform: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-align: left;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}


p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #808080;
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #808080;
    font-size: 14px;
    opacity: 1;
}

*::-webkit-input-placeholder {
    color: #808080;
    font-size: 14px;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #808080;
    font-size: 14px;
    opacity: 1;
}

*::-ms-input-placeholder {
    color: #808080;
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #808080;
    font-size: 14px;
    opacity: 1;
}

.theme-overlay {
    position: relative
}

.dropshadw-none .single-features {
    box-shadow: none;
}

.theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.separator {
    border-top: 1px solid #f2f2f2
}

/* button style */
.btn {
    -moz-user-select: none;
    background: #9749f8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 20px 35px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.btn:hover {
    color: #fff;
    -webkit-box-shadow: 0px 10px 40px 0px rgba(151, 73, 248, 0.45);
    box-shadow: 0px 10px 40px 0px rgba(151, 73, 248, 0.45);
}

.breadcrumb>.active {
    color: #9749f8;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: table;
    text-align: center;
}

.spinner {
    margin: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }

    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }

    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }

    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }

    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }

    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }

    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}

@keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }

    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }

    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}

.uil-ripple-css {
    background: none;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.uil-ripple-css div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border-radius: 50%;
    border: 12px solid #2943e0;
    -webkit-animation: uil-ripple 2s ease-out infinite;
    animation: uil-ripple 2s ease-out infinite;
}

.uil-ripple-css div:nth-of-type(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    border: 12px solid #9749f8;
}

.no-scroll-y {
    overflow-y: hidden;
}


/* scrollUp */
#scrollUp {
    background: #9749f8;
    height: 45px;
    width: 45px;
    right: 50px;
    bottom: 77px;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    font-size: 20px;
    line-height: 45px;
}


/* header */
.header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 40px 0;
}

.header .sticky-menu {
    padding:10px 0;
}

.header-wrap {
    -webkit-box-shadow: 0px 19px 55px 0px rgba(98, 81, 146, 0.08);
    box-shadow: 0px 19px 55px 0px rgba(98, 81, 146, 0.08);
    margin: 0 285px 0;
    border-radius: 10px;
    background: #fff;
    padding: 30px 0;
}

.header-wrap ul {
    margin-bottom: 0;
}

.main-menu ul {
    margin-bottom: 0 !important;
}

.main-menu ul li {
    display: inline-block;
    margin-left: 45px;
    position: relative;
}

.main-menu ul li:first-child {
    margin-left: 0px;
}

.main-menu .header-wrap ul li a {
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 40px 0;
}

.main-menu ul li a {
    font-size: 18px;
    color: #808080;
    display: block;
}

.main-menu ul li:hover>a {
    color: #9749f8;
}

.main-menu ul li .sub-menu .current_page_item>a,
.main-menu li.current-menu-parent>a,
.main-menu ul li.current_page_item>a {
    color: #9749f8;
}

.main-menu ul li .children,
.main-menu ul li .sub-menu {
    position: absolute;
    z-index: 9;
    background-color: #fff;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
    display: block;
    left: 0;
    opacity: 0;
    padding: 18px 0;
    right: 0;
    top: 62px;
    visibility: hidden;
    min-width: 230px;
    border: 1px solid #f5f5f5;
    background: #ffffff;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    margin: 0;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.main-menu ul li .children:after,
.main-menu ul li .sub-menu:after {
    position: absolute;
    content: '';
    left: 0;
    top: -41px;
    height: 40px;
    min-width: 230px;
}

.main-menu ul li .children li,
.main-menu ul li .sub-menu li {
    margin-left: 0;
    text-align: left;
    display: block;
}

.main-menu ul li .children li a,
.main-menu ul li .sub-menu li a {
    padding: 0 10px 0 25px;
    line-height: 45px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-menu ul li .children li a:hover,
.main-menu ul li .sub-menu li a:hover {
    color: #9749f8;
}

.main-menu ul li:hover>.children,
.main-menu ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.header-btn .btn {
    margin-left: 40px;
}

.header-btn .btn i {
    margin-right: 8px;
}

.sticky-menu {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
}

/*banner*/
.slider-area {
    padding: 200px 0 100px;
}

/* breadcrumb */
.breadcrumb-bg {
    background-position: center;
    background-size: cover;
}

.breadcrumb-wrap .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-wrap h2 {
    font-size: 65px;
    font-weight: 700;
    margin-bottom: 15px;
}

.breadcrumb-wrap .breadcrumb li {
    font-size: 20px;
    font-weight: 500;
}

.breadcrumb-wrap .breadcrumb li a {
    color: #333;
}

.breadcrumb-wrap .breadcrumb li span span {
    color: #9749f8;
}

.breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #9749f8;
    content: "/";
}

.breadcrumb-wrap {
    padding: 200px 0 50px;
}

.breadcrumb-wrap.pt-100 {
    padding-top: 100px;
}

/* slider */
.slider-bg {
    min-height: 921px;
    background-position: right center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.slider-overflow {
    overflow: hidden;
    padding-top: 330px;
}

.slider-content h1 {
    font-weight: 300;
    font-size: 85px;
    line-height: 1.3;
    margin-bottom: 25px;
}

.slider-content h1 span {
    font-weight: 500;
}

.slider-content p {
    font-size: 20px;
    margin-bottom: 60px;
    margin-right: 100px;
    font-weight: 300;
}

/* brand */
.box-wrap {
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(89, 75, 128, 0.08);
    box-shadow: 0px 0px 18px 0px rgba(89, 75, 128, 0.08);
    margin: 0px 285px;
    border-radius: 20px;
    padding: 75px 0;
    position: relative;
    z-index: 1;
}

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

.single-brand img {
    display: inline-block;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    opacity: .7;
    cursor: pointer;
}

.single-brand:hover img {
    opacity: 1;
}

.s-single-brand img {
    opacity: 1;
}

.brand-area-bg {
    background-size: cover;
    padding-top: 143px;
    background-position: center;
    padding-bottom: 260px;
}

.digital-brand-wrap {
    padding: 75px 0;
    border-bottom: 1px solid #f3f3f3;
}

/* faq */
.faq-wrapper-padding {
    padding: 0 80px;
}

.faq-wrapper .card {
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #7b7b7b20;
    padding: 23px 40px;
}

.faq-wrapper .card-header {
    padding: 0;
    border-radius: 0;
    background: no-repeat;
    border: none;
}

.card-header:first-child {
    border-radius: 0;
}

.faq-wrapper .card-header h5 a {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding-left: 50px;
}

.faq-wrapper .card-header h5 a::after {
    position: absolute;
    content: "\f078";
    top: 17px;
    left: 30px;
    font: normal normal normal 14px/1 FontAwesome;
    height: 40px;
    width: 40px;
    text-align: center;
    font-weight: 700;
    line-height: 37px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    background: #fff;
    color: #9749f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq-wrapper .card-header h5 a.collapsed::after {
    content: "\f054";
    color: #808080;
}

.faq-wrapper .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    color: #808080;
    padding-top: 25px;
}

.faq-wrapper .card-body p {
    margin-bottom: 0;
}

.faq-wrapper .card-header h5 a.collapsed {
    padding-bottom: 0px;
    border-bottom: 1px solid transparent;
}

.faq-wrapper .card-header h5 a {
    padding-bottom: 25px;
    border-bottom: 1px solid #9749f8;
}

.faq-wrapper .card:last-child {
    margin-bottom: 0;
}

/* blog */
.excerpt .inner-blog-content h3 a:hover {
    color: #9749f8;
}

.inner-blog-content p {
    margin-bottom: 30px;
}

.inner-blog-content>h3 a {
    font-size: 14px;
    font-weight: 500;
}

.inner-blog-cat {
    color: #9749f8;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    margin-left: 30px;
}

.inner-blog-cat:after {
    position: absolute;
    content: '';
    left: -30px;
    top: 8px;
    height: 1px;
    width: 20px;
    background: #9749f8;
}

.inner-blog-content a i {
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #9749f8;
    background: transparent;
    border-radius: 3px;
    margin-left: 8px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-blog-post {
    overflow: hidden;
    border-radius: 6px;
}

.blog-page-wrap,
.services-details-wrap {
    padding: 0 80px;
}

.inner-blog-content {
    border: none;
    padding: 0;
    background: none;
}

.blog-meta ul {
    padding-left: 0 !important;
}

.blog-meta ul li {
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    font-size: 14px;
}

.blog-meta ul li i {
    margin-right: 5px;
}

.blog-meta ul li a {
    color: #808080;
}

.blog-meta ul li a:hover {
    color: #9749f8;
}

.blog-meta ul li::before {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 13px;
    width: 2px;
    background: #ceced0;
}

.blog-meta ul li:last-child::before {
    display: none;
}

.blog-meta ul li:last-child i {
    color: #808080;
}

.share-btn {
    position: relative;
}

.share-btn>i {
    cursor: pointer;
}

.share-btn ul {
    position: absolute;
    top: 0;
    margin-bottom: 0;
    right: 25px;
    display: flex;
    background: #f4f4f5;
    padding: 0 10px 0 20px;
    border-radius: 50px;
    transition: .3s;
    transform: scale(0);
    z-index: 2;
}

.share-btn ul li i {
    font-size: 14px;
}


.post-navigation a i {
    background-color: #9749f8;
    height: 45px;
    width: 45px;
    color: #fff;
    align-items: center;
    display: inline-flex;
    justify-content: center;

}

.post-navigation .nav-links {
    overflow: hidden;
    margin-bottom: 50px;
    display: block;
}

.post-navigation .nav-previous {
    float: left;
}

.post-navigation .nav-next {
    float: right;
}

.post-navigation a i.fa-chevron-left {
    margin-right: 15px;
}

.post-navigation a i.fa-chevron-right {
    margin-left: 15px;
}

.post-navigation a {
    color: #808080;
    text-transform: capitalize;
}

.share-btn:hover ul {
    transition: .3s;
    animation-name: fadeRightLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.share-btn ul:after {
    position: absolute;
    content: '';
    margin-right: -20px;
    height: 100%;
    width: 100%;
    z-index: -1;
}

/* Animation Right to Left */
@keyframes fadeRightLeft {
    from {
        opacity: 0;
        transform: translate3d(30%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.excerpt .inner-blog-content h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}

.excerpt .inner-blog-content a:hover h3 {
    color: #9749f8;
}

.inner-blog-content p {
    margin-bottom: 25px;
}

.inner-blog-content a i {
    height: 35px;
    width: 35px;
    line-height: 32px;
    color: #9749f8;
    border-radius: 50%;
    border: 2px solid #9749f8;
    text-align: center;
}

.inner-blog-content a:hover i {
    background: #9749f8;
    color: #fff;
}

.pagination {
    display: block;
    display: block;
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: 0;
}

.pagination li {
    display: inline-block;
    margin: 0 4px;
}

.pagination li span {
    position: relative;
    display: block;
    padding: 0;
    margin-left: 0;
    line-height: 48px;
    color: #808080;
    background-color: #fff;
    border: 2px solid #9749f8;
    font-weight: 600;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
}

.pagination li a {
    position: relative;
    display: block;
    padding: 0;
    margin-left: 0;
    line-height: 48px;
    color: #808080;
    background-color: #fff;
    border: 2px solid #cacaca;
    font-weight: 600;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
}

.pagination li:first-child a,
.pagination li:last-child a {
    border: 2px dashed #cacaca;
}

.pagination li.active a {
    border-color: #9749f8;
    color: #9749f8;
}

.pagination li a:hover {
    border-color: #9749f8;
    color: #9749f8;
}

.sidebar-search {
    position: relative;
}

.sidebar-search input {
    height: 60px;
    width: 100%;
    border: 3px solid #ebebeb;
    font-size: 14px;
    color: #808080;
    font-weight: 500;
    padding: 10px;
    padding-left: 30px;
    border-radius: 30px;
}

.sidebar-search button {
    position: absolute;
    top: 0;
    right: 0;
    background: #9749f8;
    color: #fff;
    padding: 0 25px;
    border: none;
    height: 100%;
    cursor: pointer;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.sidebar-author {
    border: 1px solid #ebebeb;
    padding: 30px 25px;
    background: #fcfcfc;
}

.widget-title {
    font-size: 20px;
    margin-bottom: 40px;
    position: relative;
}

.widget-title:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -15px;
    background: #9749f8;
    height: 3px;
    width: 30px;
}

.sidebar-author-info p {
    font-size: 14px;
    margin-bottom: 20px;
}

.sidebar-author-info ul li {
    display: inline-block !important;
    margin: 0 10px;
}

.sidebar-author-info ul li a {
    display: block;
    color: #727272;
    font-size: 14px;
}

.sidebar-author-info ul li a:hover {
    color: #9749f8;
}

.rc-post ul li {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 5px !important;
    border-bottom: none !important;
}

.rc-post ul li:last-child {
    margin-bottom: 0;
}

.rc-post ul li img {
    max-width: unset;
}

.rc-post-thumb {
    margin-right: 20px;
}

.rc-post-content h6 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.5;
}

.rc-post-content h6 a:hover {
    color: #9749f8;
}

.rc-post-content span {
    font-size: 13px;
}

.slick-initialized .slick-slide {
    outline: none;
}


.widget ul li {
    display: block;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.widget ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none !important;
}

.widget ul li a {
    color: #808080;
}

.widget ul li a:hover {
    color: #9749f8;
}

.archives-list ul li {
    display: block;
    margin-bottom: 10px;
}

.archives-list ul li:last-child {
    margin-bottom: 0px;
}

.archives-list ul li a {
    font-size: 16px;
    color: #808080;
}

.archives-list ul li a:hover {
    color: #9749f8;
}

.sidebar-insta ul li {
    display: inline-block;
    margin: 4px 2px;
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar-insta ul li a {
    display: block;
}

.tagcloud a {
    font-size: 14px !important;
    color: #808080;
    background: #f2f3f5;
    display: block;
    border: 1px solid #efeded;
    border-radius: 3px;
    padding: 5px 15px;
    display: inline-block;
    margin: 5px;
}

.tagcloud a:hover {
    color: #fff;
    background: #9749f8;
    border-color: #9749f8;
}

.blog-details-content p {
    margin-bottom: 15px;
}

.blog-details-content ol,
.blog-details-content ul {
    padding-left: 20px
}

.blog-details-img img {
    width: 48%;
    margin-bottom: 20px;
}

.blog-details-img img:first-child {
    margin-right: 20px;
}

.blog-details-img {
    margin-top: 35px;
    margin-bottom: 10px;
}

.blog-details-content blockquote {
    margin: 30px 0;
    padding: 30px 50px;
    border-left: 4px solid #9749f8;
    font-size: 18px;
    line-height: 1.7;
    font-style: italic;
}

.blog-details-content blockquote p {
    font-size: 18px;
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 0;
}

.blog-details-content {
    padding: 0;
    padding-bottom: 60px;
}

.blog-details-tag {
    width: 100%;
    display: block;
}

.blog-details-tag ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
}

.blog-details-tag i {
    font-size: 17px;
    color: #9749f8;
}

.logged-in-as {
    padding-left: 15px;
}


.blog-details-tag ul li a {
    font-weight: 400;
    color: #808080;
}

.blog-details-tag ul li a:hover {
    color: #9749f8;
}

.blog-details-tag {
    padding-top: 25px;
    border-top: 1px solid #ececec;
}

.avatar-info ul li {
    display: inline-block;
    margin: 0 10px;
}

.avatar-info ul li a {
    display: block;
    color: #727272;
    font-size: 14px;
}

.avatar-info ul li a:hover {
    color: #9749f8;
}

.avatar-post>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.avatar-post {
    background: #f9f9f9;
    border: 1px solid #efefef;
    padding: 20px;
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    display: inline-block;
}

.avatar-post ul {
    margin-bottom: 0;
}

.avatar-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.avatar-info h5 {
    font-size: 20px;
    margin-bottom: 0;
}

.post-avatar-content {
    overflow: hidden;
}

.post-avatar-content p {
    margin-bottom: 0;
}

.post-avatar-img {
    float: left;
    margin-right: 30px;
}

.post-avatar-img img {
    border-radius: 6px;
    max-width: 122px !important;
}

.blog-details-title h4 {
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}

.comment-form textarea {
    width: 100%;
    padding: 20px 20px;
    border: 1px solid #efefef;
    margin-bottom: 20px;
    height: 160px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.comment-form textarea::-webkit-input-placeholder,
.comment-form input::-webkit-input-placeholder {
    font-size: 16px;
    color: #808080;
    opacity: .92;
}

.comment-form textarea::-moz-placeholder,
.comment-form input::-moz-placeholder {
    font-size: 16px;
    color: #808080;
    opacity: .92;
}

.comment-form textarea:-ms-input-placeholder,
.comment-form input:-ms-input-placeholder {
    font-size: 16px;
    color: #808080;
    opacity: .92;
}

.comment-form textarea::-ms-input-placeholder,
.comment-form input::-ms-input-placeholder {
    font-size: 16px;
    color: #808080;
    opacity: .92;
}

.comment-form textarea::placeholder,
.comment-form input::placeholder {
    font-size: 16px;
    color: #808080;
    opacity: .92;
}

.comment-form textarea:focus,
.comment-form input:focus {
    border-color: #9749f8;
}

.comment-form input {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #efefef;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.comment-form .btn {
    margin-top: 10px;
}

.single-comment {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #f2f3f5;
    padding: 30px 20px;
    border: 1px solid #efefef;
    margin-bottom: 20px;
}

.comment-box ul li:last-child .single-comment {
    margin-bottom: 0;
}

.comment-avatar {
    margin-right: 35px;
}

.commtent-text h5 {
    font-size: 20px;
    margin-bottom: 5px;
}

.commtent-text h5 span {
    font-size: 14px;
    color: #808080;
    font-weight: 400;
    margin-left: 5px;
}

.commtent-text p {
    margin-bottom: 10px;
}

.commtent-text>a {
    font-size: 14px;
    color: #9749f8;
}

.comment-avatar img {
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 7.2px 0.8px rgba(85, 25, 1, 0.1);
    box-shadow: 0px 5px 7.2px 0.8px rgba(85, 25, 1, 0.1);
    border: 3px solid #fff;
    max-width: 118px !important;
}

.comment-reply.ml-60 {
    margin-left: 60px;
}

.comment-navigation .nav-links a {
    background: #9749f8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 16px 28px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    margin-bottom: 50px;
}

/* features */
.features-pt {
    padding-top: 345px;
}

.section-title span {
    font-size: 16px;
    color: #9749f8;
    font-weight: 500;
    display: block;
    letter-spacing: .5px;
    margin-bottom: 10px;
}

.section-title h1 {
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 46px;
}

.section-title.white span {
    color: #dadada;
}

.section-title.white h1 {
    color: #fff;
}

.single-features {
    padding: 50px 30px;
    border-radius: 5px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    box-shadow: 0px 17px 53.94px 4.06px rgba(132, 135, 144, 0.07);
}

.features-icon i {
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    z-index: 1;
}


.features-content h4 {
    margin-bottom: 20px;
}

.features-content p {
    font-weight: 300;
    margin-bottom: 0;
}

.features-content a {
    font-size: 14px;
    font-weight: 600;
    color: #9749f8;
}

.single-features:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(151, 73, 248, 0.13);
    box-shadow: 0px 10px 20px 0px rgba(151, 73, 248, 0.13);
}

.single-features .features-icon i {
    border-radius: 50px;
    color: #9749f8;
    background: #f6effe;
    height: 80px;
    width: 80px;
    padding: 20px 0;
}

.s-single-features:hover .s-features-icon i,
.single-features:hover .features-icon i {
    background: #9749f8;
    color: #fff;
}

.s-single-features .features-content h5 {
    font-weight: 500;
}

.s-single-features .s-features-icon {
    float: left;
    width: 65px;
    margin-right: 20px;
}

.s-single-features .s-features-icon i {
    border-radius: 50px;
    color: #9749f8;
    background: #fff;
    height: 60px;
    width: 60px;
    padding: 14px 0;
    display: inline-block;
    font-size: 30px;
    text-align: center;
    border: 1px solid;
}

.s-single-features .features-content {
    overflow: hidden;
    display: block;
}

.offer-features-wrap {
    -webkit-box-shadow: 0px 17px 53.94px 4.06px rgba(5, 25, 80, 0.07);
    box-shadow: 0px 17px 53.94px 4.06px rgba(5, 25, 80, 0.07);
    border-radius: 15px;
}

.offer-f-content h4 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 15px;
    position: relative;
}

.offer-f-content h4::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    width: 50px;
    background: #ea6c4c;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.offer-f-icon {
    height: 64px;
}

.single-offer-f:hover .offer-f-content h4::before {
    width: 80px;
}

.offer-features.of-mt {
    position: relative;
    z-index: 1;
}

.inner-features-wrap {
    -webkit-box-shadow: 0px 5px 10.66px 2.34px rgba(148, 134, 186, 0.17);
    box-shadow: 0px 5px 10.66px 2.34px rgba(148, 134, 186, 0.17);
    background: #fff;
    border-radius: 8px;
    margin: 0 80px;
    margin-top: -55px;
}

.inner-single-features:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.inner-single-features {
    text-align: center;
    padding-top: 60px;
}


.awesome-services-wrap {
    margin: 0 80px;
}

.single-awesome-services {
    text-align: center;
    padding: 40px 30px;
}

.single-awesome-services:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* analysis */
.analysis-content p {
    margin-bottom: 45px;
}

.analysis-shape::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../img/bg/analysis_shape_bg.png);
    width: 891px;
    height: 610px;
    z-index: -1;
    background-repeat: no-repeat;
}

.customer-services-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 960px;
    background-position: center;
    background-size: cover;
}

.digital-analysis-content p {
    margin-bottom: 25px;
}

.digi-analysis-list ul {
    list-style: none;
}

.digi-analysis-list ul li {
    padding-left: 20px;
    color: #808080;
    margin-bottom: 10px;
    position: relative;
}

.digi-analysis-list ul li:last-child {
    margin-bottom: 0;
}

.digi-analysis-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    background: #c1bbd5;
    height: 3px;
    width: 10px;
}

.customer-services-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.digi-services-icon i {
    font-size: 60px;
    color: #9749f8;
    line-height: 1;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    display: inline-block;
}

.digi-single-services .services-content h4 {
    margin-bottom: 15px;
}

.digital-services-wrap {
    padding: 0 90px;
}

.digi-single-services .services-content p {
    margin-bottom: 20px;
}

.digi-single-services .services-content a {
    font-size: 14px;
    font-weight: 600;
    color: #9749f8;
}

.digi-single-services:hover .digi-services-icon i {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.digi-single-services {
    padding-right: 25px;
}


/* counter */
.counter-bg {
    background-position: center;
    background-size: cover;
}

.counter-icon {
    height: 120px;
    width: 120px;
    text-align: center;
    margin: 0 auto 25px;
    line-height: 120px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
}

.counter-icon img {
    width: 100px;
}

.counter-content h2 {
    line-height: 1;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 8px;
}

.counter-content>span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: block;
}


.inner-counter-bg {
    background-image: -ms-linear-gradient(-19deg, rgb(24, 126, 235) 0%, rgb(37, 92, 247) 100%);
}

/* social */
.social-bg {
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 220px;
}

.social-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #3464e0;
    opacity: .9;
    z-index: -1;
}

.socail-content>span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.socail-content h2 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.socail-content h2 span {
    font-style: italic;
}

.socail-content p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding-right: 100px;
    margin-bottom: 40px;
}

.socail-img img {
    border-radius: 12px;
}

.socail-img img:first-child {
    -webkit-box-shadow: 0px 0px 29px 0px rgba(128, 128, 128, 0.32);
    box-shadow: 0px 0px 29px 0px rgba(128, 128, 128, 0.32);
    margin-bottom: -200px;
    z-index: 1;
    position: relative;
    right: -190px;
}

.socail-img img:last-child {
    -webkit-box-shadow: 0px 10px 9.4px 0.6px rgba(7, 43, 136, 0.16), inset 0px 5px 9px 0px rgba(13, 58, 174, 0.19);
    box-shadow: 0px 10px 9.4px 0.6px rgba(7, 43, 136, 0.16), inset 0px 5px 9px 0px rgba(13, 58, 174, 0.19);
}

/* download */
.white-title span,
.white-title h2 {
    color: #fff;
}

.download-bg {
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 145px;
    z-index: 1;
}

.download-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: -ms-linear-gradient(-19deg, rgb(69, 26, 192) 46%, rgb(132, 5, 191) 100%);
    opacity: .65;
    z-index: -1;
}

.download-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../img/bg/download_bg_overlay.png);
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.download-btn a {
    margin: 0 10px;
    display: inline-block;
}

.hr-download-wrap {
    -webkit-box-shadow: 0px 17px 53.94px 4.06px rgba(5, 25, 80, 0.07);
    box-shadow: 0px 17px 53.94px 4.06px rgba(5, 25, 80, 0.07);
    border-radius: 15px;
    padding: 90px;
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: -110px;
    margin-bottom: -260px;
}

.hr-download-content h3 {
    font-size: 30px;
    margin-bottom: 10px;
}

.hr-download-content p {
    margin-bottom: 0;
}

.hr-download-content p a {
    color: #ff743e;
}

.hr-downlaod-btn a {
    margin: 0 10px;
    display: inline-block;
}

/* services */
.services-title-content p {
    padding-right: 80px;
    margin-bottom: 18px;
}

.services-title-content a {
    font-size: 14px;
    font-weight: 600;
    color: #808080;
}

.services-title-content a i {
    font-size: 12px;
    color: #9749f8;
    margin-left: 5px;
}

.services-title-content a:hover {
    color: #9749f8;
}

.single-services {
    background: #fff;
    -webkit-box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.17);
    box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.17);
    padding: 0 30px 45px;
    border-radius: 10px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.services-icon {
    display: inline-block;
    margin-top: -20px;
    margin-bottom: 10px;
}

.services-icon i {
    font-size: 50px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    display: block;
    text-align: center;
    color: #ff4e09;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0px -20px 52px -20px rgba(89, 75, 128, 0.17);
    box-shadow: 0px -20px 52px -20px rgba(89, 75, 128, 0.17);
}

.services-content h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.services-content p {
    margin-bottom: 0;
}

.single-services:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.services-bg-shape {
    position: relative;
}

.services-bg-shape::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/bg/services_shape.png);
    width: 100%;
    height: 740px;
    background-repeat: no-repeat;
    z-index: -1;
}

.hr-services-title-content p {
    margin-bottom: 40px;
}

.hr-single-services {
    -webkit-box-shadow: 0px 17px 53.94px 4.06px rgba(1, 51, 184, 0.03);
    box-shadow: 0px 17px 53.94px 4.06px rgba(1, 51, 184, 0.03);
    background: #fff;
    border-radius: 10px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    padding: 30px;
}

.hr-services-icon i {
    font-size: 40px;
    color: #9749f8;
    line-height: 1;
}

.hr-services-content h4 {
    font-size: 20px;
    color: #808080;
    margin-bottom: 10px;
}

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

.services-bg {
    background-position: center;
    background-size: cover;
    padding-top: 407px;
}

.hr-services-content a {
    font-size: 12px;
    font-weight: 600;
    color: #808080;
}

.hr-services-content a i {
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    color: #9749f8;
    border-radius: 50%;
    border: 1px solid #ddd;
    line-height: 33px;
    margin-left: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.hr-single-services:hover .hr-services-content a i {
    border-color: #9749f8;
    color: #fff;
    background: #9749f8;
}

.hr-single-services:hover {
    -webkit-box-shadow: 0px 17px 53.94px 4.06px rgba(1, 51, 184, 0.1);
    box-shadow: 0px 17px 53.94px 4.06px rgba(1, 51, 184, 0.1);
}

.s-services-bg {
    padding-top: 536px;
}

/* software */
.software-img img {
    -webkit-box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.12);
    box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.12);
    border-radius: 10px;
    margin-left: 40px;
}

.software-img img:first-child {
    margin-bottom: -230px;
    position: relative;
    margin-left: 0;
}

.software-content p {
    margin-bottom: 30px;
}

.software-list ul {
    list-style: none;
}

.software-list ul li {
    color: #808080;
    font-size: 16px;
}

.software-list ul li i {
    color: #9749f8;
    font-size: 14px;
    margin-right: 8px;
}

.software-img-shape {
    position: relative;
    z-index: 1;
}

.software-img-shape::before {
    content: "";
    position: absolute;
    right: -5%;
    top: 0;
    height: 210px;
    width: 210px;
    background: #f2f1f7;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
}

.software-img-shape::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -8%;
    height: 105px;
    width: 105px;
    background: #f2f1f7;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 1.5s linear;
    -o-transition: 1.5s linear;
    transition: 1.5s linear;
}

.software-img-shape.now-in-view::before,
.software-img-shape.now-in-view::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.single-software-thumb {
    margin-bottom: 35px;
    width: calc(100% / 5);
}

.single-software-thumb a {
    display: inline-block;
}

.single-software-thumb img {
    background: #fff;
    -webkit-box-shadow: 0px 17px 53.94px 4.06px rgba(1, 51, 184, 0.11), inset 0px 5px 10px 0px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0px 17px 53.94px 4.06px rgba(1, 51, 184, 0.11), inset 0px 5px 10px 0px rgba(0, 0, 0, 0.04) !important;
    border-radius: 20px !important;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.software-board-img img {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
}

.single-software-thumb:hover img {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.inner-c-services-content p:first-child {
    margin-bottom: 15px;
}

.inner-c-services-content p {
    margin-bottom: 25px;
}

.inner-software-img img {
    width: 100%;
    -webkit-box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.12);
    box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.12);
    border-radius: 8px;
}

.inner-software-img.software-img-shape::before {
    right: -4%;
    top: -23px;
    height: 60px;
    width: 60px;
    background: #fcf1ed;
    -webkit-box-shadow: 0px 5px 6.3px 0.7px rgba(0, 0, 0, 0.004);
    box-shadow: 0px 5px 6.3px 0.7px rgba(0, 0, 0, 0.004);
}

.inner-software-img.software-img-shape::after {
    left: -11%;
    bottom: -10%;
    height: 190px;
    width: 190px;
    background: #fcf1ed;
}

/* project */
.single-project {
    margin: 40px 35px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative;
}

.single-project img {
    width: 100%;
    -webkit-box-shadow: 0px 5px 16.2px 1.8px rgba(88, 70, 140, 0.12);
    box-shadow: 0px 5px 16.2px 1.8px rgba(88, 70, 140, 0.12);
    border-radius: 6px;
}

.project-active .slick-current.slick-active.slick-center.single-project {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.project-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #9749f8b8;
    padding: 35px 60px;
    border: 6px solid #fff;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    overflow: hidden;
    opacity: 0;
}

.project-overlay h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 7px;
}

.project-overlay h5 a:hover {
    color: #fff;
}

.project-overlay span {
    font-size: 14px;
    color: #fff;
    display: block;
}

.project-active .slick-current.slick-active.slick-center.single-project .project-overlay {
    opacity: 1;
}

.project-area.primary-bg {
    position: relative;
    border-bottom: 1px dashed #e4e4e4;
    z-index: 1;
}

.project-area.primary-bg::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 26%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/project_bg_shape.png);
    width: 856px;
    height: 384px;
    background-repeat: no-repeat;
    z-index: -1;
}

.inner-single-project:hover .project-overlay {
    opacity: 1;
}

.inner-single-project .project-overlay {
    width: 80%;
}

.inner-project-wrap {
    padding: 0 80px;
}

.inner-single-project {
    position: relative;
}

.inner-single-project img {
    width: 100%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(183, 53, 2, 0.29);
    box-shadow: 0px 0px 6px 0px rgba(183, 53, 2, 0.29);
    border-radius: 8px;
}


/* pricing */
.pricing-wrap {
    padding: 0px 80px;
}

.single-pricing {
    background: #fff;
    -webkit-box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.17);
    box-shadow: 0px 0px 43px 0px rgba(89, 75, 128, 0.17);
    padding-top: 60px;
    padding-bottom: 50px;
    border-radius: 10px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.pricing-head>span {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    display: block;
    margin-bottom: 40px;
}

.pricing-head h2 {
    font-size: 46px;
    color: #9749f8;
    line-height: 1;
    margin-bottom: 0;
}

.pricing-head h2 span {
    font-size: 14px;
    font-weight: 500;
}

.pricing-list ul {
    list-style: none;
}

.pricing-list ul li {
    margin-bottom: 20px;
    font-weight: 300;
}

.pricing-list ul li:last-child {
    margin-bottom: 0;
}

.single-pricing:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.pricing-btn .btn {
    border: 1px solid #9749f8;
    background: transparent;
    color: #9749f8;
}

.single-pricing:hover .pricing-btn .btn {
    background: #9749f8;
    color: #fff;
}

.single-pricing.active {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.single-pricing.active .pricing-btn .btn {
    background: #9749f8;
    color: #fff;
}

.s-single-pricing .pricing-head {
    padding: 0 55px;
}

.s-single-pricing .pricing-head>span {
    margin-bottom: 5px;
}

.s-single-pricing .pricing-head p {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 26px;
}

.s-single-pricing .pricing-list ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.s-pricing-btn .btn {
    padding: 18px 29px;
    border-radius: 50px;
}

.s-single-pricing {
    padding-top: 45px;
}

.digi-pricing-shape {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

/* testimonial */
.testimonial-img img {
    width: 300px;
    border-radius: 20px!important;
    border: 5px solid #fff!important;
}

.testimonial-content i {
    margin-bottom: 15px;
    display: inline-block;
}

.flaticon-quotation::before {
    content: "\f109";
    font-size: 37px;
    color: #5580ff;
}

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

.client-info h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.client-info span {
    color: #5580ff;
}

.testimonial-nav .slick-arrow {
    position: absolute;
    bottom: -71px;
    left: 0;
    background: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #d4d4d4;
    color: #898989;
    font-size: 15px;
    cursor: pointer;
    transition: .3s;
    z-index: 9;
    border-radius: 50px;
}

.testimonial-nav .slick-next {
    left: 65px;
}

.testimonial-nav {
    margin-left: 45px;
    margin-top: -80px;
}

.testimonial-nav .slick-arrow:hover {
    background: #9749f8;
    border-color: #9749f8;
    color: #fff
}

.testimonial-wrap {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 50px;
}

.testimonial-wrap:last-child {
    border-bottom: none;
}

.testimonial-revers-loop>.row:nth-child(2n)>.col-lg-4:first-child {
    order: 12;
}


.testi-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testi-bottom ul li.list-inline-item:not(:last-child) {
    margin-right: 0;
}

.testi-bottom ul li i {
    color: #f2b01e;
}

/*screenshot*/
.single-screenshot {
    padding: 0 7.5px;
}

/* blog */
.b-post-thumb {
    position: relative;
}

.b-post-thumb img {
    width: 100%;
}

.single-blog-post .blog-content ul {
    margin-bottom: 5px;
}

.single-blog-post .blog-content ul li {
    font-size: 12px;
    position: relative;
}

.single-blog-post .blog-content ul li:first-child {
    margin-right: 25px;
}

.single-blog-post .blog-content ul li:after {
    position: absolute;
    content: '';
    right: -15px;
    top: 10px;
    height: 10px;
    width: 1px;
    background: #d3d1d7;
}

.single-blog-post .blog-content ul li:last-child::after {
    display: none;
}

.single-blog-post .blog-content ul li,
.single-blog-post .blog-content ul li a {
    color: #808080;
    font-weight: 500;
}

.single-blog-post .blog-content ul li i {
    margin-right: 10px;
}

.single-blog-post .category {
    position: absolute;
    padding: 2px 15px;
    bottom: 0;
    left: 10%;
    background: #9749f8;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
}

.single-blog-post .category a {
    color: #fff;
    font-size: 14px;
}

.single-blog-post {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(89, 75, 128, 0.09);
    box-shadow: 0px 0px 10px 0px rgba(89, 75, 128, 0.09);
}

.blog-content {
    background: #fff;
    padding: 30px 35px;
    border: 1px solid #f3f3f3;
    border-top: none;
}

.blog-content span {
    font-size: 12px;
    font-weight: 500;
    color: #7c7298;
    display: block;
    margin-bottom: 0px;
}

.blog-content h3 {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 35px;
}

.blog-content h3 a:hover {
    color: #9749f8;
}

.blog-content p {
    margin-bottom: 8px;
}

.blog-content>a {
    font-size: 14px;
    font-weight: 500;
}

.blog-content a i {
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #9749f8;
    background: transparent;
    border-radius: 3px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-blog-post:hover .blog-content a i {
    background: #9749f8;
    color: #fff;
    margin-left: 8px;
    -webkit-box-shadow: 0px 4px 12.09px 0.91px rgba(204, 58, 0, 0.23);
    box-shadow: 0px 4px 12.09px 0.91px rgba(204, 58, 0, 0.23);
}

/* footer */
.footer-wrap {
    border-top: 1px solid #efefef;
    background-position: center;
    background-size: cover;
}

.newsletter-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


/* contact */
.contact-wrap {
    padding: 0 80px;
    padding-bottom: 85px;
}

.single-contact-box {
    /*display: flex;*/
}

.single-contact {
    display: flex;
}

.contact-box-icon {
    height: 45px;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 50px;
}

.comment-respond h4 {
    margin-top: 80px;
}

.single-contact-box h5 {
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.single-contact-box span {
    color: #808080;
    font-size: 15px;
    display: block;
    line-height: 1.7;
}

.contact-form input {
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff;
    font-size: 14px;
    color: #808080;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.contact-form textarea {
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff;
    font-size: 14px;
    color: #808080;
    padding: 16px 15px;
    border-radius: 5px;
    margin-bottom: 40px;
    height: 100px;
}

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
    color: #808080;
}

.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
    color: #808080;
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
    color: #808080;
}

.contact-form input::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder {
    color: #808080;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #808080;
}

.contact-map {
    width: 100%;
    height: 479px;
    background-position: center;
    background-size: cover;
}

/* 404 */
.error-content h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.error-content h3 span {
    color: #9749f8;
}

.error-content p {
    margin-bottom: 30px;
}

.footer-social ul li {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0 !important;
    margin-bottom: 0;
    margin-right: 15px;
}

.footer-social ul li:before {
    display: none;
}

.footer-logo img {
    width: 150px;
}

.footer-social ul li a {
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #949697;
    background: #efefef;
    border-radius: 50%;
    font-size: 14px;
}

.footer-social ul li a:hover {
    color: #9749f8;
}

.footer-social ul li a i {
    margin-right: 0 !important;
}

.footer-text p {
    color: #969696;
    margin-bottom: 25px;
}

.footer-widget .footer-widget-heading {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 30px;
}

.f-rc-post ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px dashed #464547;
    margin-bottom: 20px;
}

.f-rc-post ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
}

.f-rc-thumb {
    margin-right: 20px;
}

.f-rc-thumb img {
    border-radius: 3px;
}

.f-rc-content span {
    font-size: 14px;
    color: #838383;
    display: block;
    margin-bottom: 3px;
}

.f-rc-content h5 {
    font-size: 14px;
    font-weight: 500;
    color: #aeaeae;
    margin-bottom: 0;
    padding-right: 50px;
    line-height: 1.4;
}

.f-rc-content h5 a:hover {
    color: #9749f8;
}

.f-support-content p {
    color: #969696;
    margin-bottom: 25px;
}

.f-download-btn {
    display: inline-block;
    margin-right: 10px;
}

.f-support-content .f-download-btn:last-child {
    margin-right: 0;
}

.copyright-wrap {
    background: #efefef;
    padding: 25px 0;
}

.copyright-text p {
    color: #777676;
    margin-bottom: 0;
}

.copyright-text p span {
    color: #9749f8;
}

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

table th,
table td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

table td a {
    font-weight: bold;
}

dl,
ol,
ul {
    padding-left: 0;
}

.widget ul,
.widget ol {
    list-style: none;
    padding-left: 0;
}

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

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

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. */
}

.navbar-logo {
    color: #9749f8;
    font-weight: bold;
    font-size: 24px;
}

.navbar-logo:hover {
    color: #9749f8;
}

.recent-post .widget-thumbnail {
    padding-right: 20px;
}

.recent-post .widget-thumbnail {
    float: left;
}

.widget_appnova_recent_post li {
    display: inline-block;
}

.widget select,
.footer-widget select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

#wp-calendar {
    margin-bottom: 0;
}

#wp-calendar tr {
    text-align: center;
}

#wp-calendar td:not(.pad) {
    background: #fafafa;
    width: 32px;
    height: 32px;
}

#wp-calendar a {
    font-weight: bold;
}

#wp-calendar caption {
    border: 1px solid #ccc;
    caption-side: top;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}

.widget .menu>li:last-child,
.widget .menu>li ul>li:last-child {
    border-bottom: none;
}

.widget>ul,
.widget>ol {
    margin: 0;
    padding: 0;
}

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

.footer-widget ul li {
    margin-bottom: 20px;
    line-height: 1;
    border-bottom: none;
    padding-bottom: 0;
}

.footer-widget ul li a {
    color: #969696;
}

.footer-widget ul li a i {
    margin-right: 5px;
}

.footer-widget ul li a:hover {
    color: #9749f8;
}

.width-unset .elementor-image img {
    max-width: unset;
}

.sidebar .widget-recent-post,
.footer-widget .rc-post {
    display: none;
}

.sidebar-author-info ul li {
    margin-bottom: 0 !important;
}

.widget-recent-post li {
    padding-left: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding-bottom: 20px !important;
    border-bottom: 1px dashed #464547 !important;
    margin-bottom: 20px !important;
}

.widget-recent-post li:before {
    display: none;
}

.widget-recent-post .widget-recent-post-thumb {
    margin-right: 20px;
    float: left;
}

.widget-recent-post li img {
    border-radius: 3px;
    max-width: unset;
}

.widget-recent-post li span {
    font-size: 14px;
    color: #838383;
    display: block;
    margin-bottom: 3px;
}

.widget-recent-post li h6 {
    font-size: 14px;
    font-weight: 500;
    color: #aeaeae;
    margin-bottom: 0;
    line-height: 1.4;
}

.sidebar-author-info ul li {
    margin-bottom: 0 !important;
}

.widget-recent-post li:before {
    display: none;
}

.widget-recent-post .widget-recent-post-thumb {
    margin-right: 20px;
    float: left;
}

.widget-recent-post li img {
    border-radius: 3px;
    max-width: unset;
}

.widget-recent-post li span {
    font-size: 14px;
    color: #838383;
    display: block;
    margin-bottom: 3px;
}

.widget-recent-post li h6 {
    font-size: 14px;
    font-weight: 500;
    color: #aeaeae;
    margin-bottom: 0;
    line-height: 1.4;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    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;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    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;
}

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

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

.newsletter-area {
    padding: 100px 0;
    text-align: center;
    background: rgba(151, 73, 248, 0.7);
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.newsletter-area h2 {
    font-weight: 600;
    color: #fff
}

.newsletter-area p {
    margin-top: 30px;
    color: #fff
}

.newsletter-form form {
    position: relative;
}

.newsletter-form form input {
    width: 70%;
    height: 62px;
    border-radius: 40px;
    padding: 20px;
    border: none;
}

.newsletter-form form button {
    position: absolute;
    height: 56px;
    border-radius: 50px;
    top: 3px;
    right: 113px;
    border: none;
    padding: 0 50px;
    background: #9749f8;
    color: #fff;
    cursor: pointer;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
body.admin-bar .menu-sticky {
    top: 32px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
    padding: 30px;
    border: 1px solid #9749f8;
}

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

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 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;
}

.navbar-toggler {
    background: transparent !important;
}

.custom-logo-link img {
    width: 180px;
}

/*--------------------------------------------------------------
## 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;
}

.error span {
    font-size: 170px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 100px;
    display: block;
}

.error h1 {
    font-weight: bold;
    margin-top: 30px;
}

.slick-slide img {
    margin: 0 auto;
}

.comment-form-cookies-consent {
    padding-left: 15px;
}

.comment-form-cookies-consent>input {
    width: auto;
    margin-right: 15px;
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .width-unset .elementor-image img {
        max-width: 100%;
    }
}


@media (max-width: 991px) {
    .slider-content h1 {
        font-size: 52px;
    }
}

@media (max-width: 768px) {
    .testimonial-nav {
        margin-left: 0;
        margin-top: -40px;
    }
    .testimonial-img img {
        margin-bottom: 50px;
    }
    .blog-page-wrap,
    .services-details-wrap {
        padding: 0;
    }

    .blog-page-wrap .col-lg-4.pl-50 {
        padding-left: 15px;
        margin-top: 50px;
    }

    .newsletter-form form button {
        right: 81px;
    }

    .pagination {
        margin-bottom: 100px;
    }

    .faq-wrapper-padding {
        padding: 0;
    }
}

@media (max-width: 500px) {
    .testimonial-img img {
        width: 120px;
    }
    .comment-form {
        margin-bottom: 100px;
    }
}



/*Custom.css*/


.header{padding: 20px 0;background: #f1f1f1;}
.header-btn{display: none !important;}
.header-btn .btn{padding: 10px 25px;}
.header-btn .btn i.fa-download{display: none;}
body.page-id-1653 header.header{background:#fff;}
body.page-id-1270 header.header{background:#fff;}
body.privacy-policy header.header{background:#fff;}

.section-title span{font-weight:700 !important; text-transform: uppercase;font-size:14px !important;margin-bottom: 40px !important;}
.section-title h1{font-weight: 700;}

.heading .section-title h1{text-align: center;}
.benefitsbox .single-features{min-height:390px;background:#fff;}
.features-content h4{font-size: 18px;text-align: center;}
.benefitsbox .features-content p{display: none;}
.heading .section-title h2{text-align:left;}
.benefitTitle h2.elementor-heading-title{text-align: left;}
.benefitslist ul{list-style: none;}
.benefitslist ul li{position: relative;list-style: none;font-size: 16px;padding-left: 20px;}
.benefitslist ul li:before{content: '';position: absolute;left:-3px;top: 8px;width:14px;height: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.42 12.103'%3E%3Cpath id='Icon_awesome-check' data-name='Icon awesome-check' d='M5.917,16.443.255,11.168a.773.773,0,0,1,0-1.148L1.487,8.873a.917.917,0,0,1,1.232,0l3.814,3.553L14.7,4.815a.917.917,0,0,1,1.232,0l1.232,1.148a.773.773,0,0,1,0,1.148L7.148,16.443A.917.917,0,0,1,5.917,16.443Z' transform='translate(0 -4.577)' fill='%23131523'/%3E%3C/svg%3E");}
.subheading span{margin-bottom: 15px !important;}

.offersecTitle h2{text-align: center;font-size:30px;color: #000;}
.offersecTitle h2 span{display: block;font-size: 16px;margin-bottom: 15px;font-family: "Poppins", Sans-serif;}
.offersecTitle h2 small{display: block;font-size: 12px;margin:0px 0 20px;font-family: "Poppins", Sans-serif;}


#scrollUp{background: #333 !important;}
.offersecList ul{list-style: none;}
.offersecList ul li{list-style: none;font-size: 13px;line-height:28px;text-align: center;}

.representHead h2 span{display: block;font-size: 14px;text-transform: uppercase;margin-bottom: 20px;color:#fff;}
.representCols h2{list-style: 60px;text-align: center;}
.representCols h2 small{display: block;font-size: 14px;margin-top:15px;border-top: 1px solid #fff;text-align: center;padding-top: 3px;}
.text-center{text-align: center;}
.heading.head-center h2{text-align: center;}
.teamMember .elementor-image-box-content h3{text-align: center;margin: 20px 0;}

footer{background:#363636 !important;}
.footer-wrap{padding:20px 0;}
.copyright-wrap{display: none;}
.footerMenu{text-align: right;}
.footerMenu a{font-size: 14px;color: #fff;display: inline-block;padding: 0 15px;text-transform: capitalize;}
.copyright{font-size: 14px;color: #fff;}
.header-btn .btn{background: transparent !important;text-transform: uppercase; font-weight: 600;color: #202020 !important;font-size: 18px;}
.btn:hover{box-shadow: none !important;}
.main-menu ul li a{text-transform:capitalize;font-weight:400;color:#202020 !important;}
.main-menu ul li:hover>a{color:#050504!important;}
.mean-container a.meanmenu-reveal {color: #000 !important;margin-top: -50px;border: 0;};
.mean-container a.meanmenu-reveal span {background: #000 !important;}
.form-inline {  
  display: block;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

.form-inline label{width:100%;max-width:100%;}
.form-inline label span.wpcf7-form-control-wrap{max-width:70%;flex:0 0 70%;padding-right:15px;}
.form-inline input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  width:100%;
}

.form-inline input[type="submit"] {
  padding: 10px 20px;
  background-color:#202020;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
}

.form-inline button:hover {
  background-color: ;
}

@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }
  
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}


.navbar_fixed{position: fixed;top:-200px;left: 0;width: 100%;background:#fff;transform:translateY(200px);transition:transform 500ms ease, background 500ms ease;-webkit-transition:transform 500ms ease, background 500ms ease;z-index:1001;box-shadow: 0 5px 5px rgba(0,0,0,0.2);padding: 10px 0;}

body.admin-bar .navbar_fixed{top:-200px;}

.heading.text-center .elementor-heading-title{text-align: center;}
.whitebtmline span{position: relative;display: inline-block;}
.whitebtmline span:after{content: '';width:205px;height:4px;position: absolute;left:0;bottom:7px;background-image: url("http://server1.sitecare.org/appnova/wp-content/uploads/2022/02/underline-1-white.png");background-size: cover;background-repeat: no-repeat;}
.whitebtmline span:first-of-type:after{bottom: 0;width: 195px;}

.blackbtmline span{position: relative;display: inline-block;}
.blackbtmline span:after{content: '';width:180px;height:4px;position: absolute;left:0;bottom:0px;background-image: url("http://server1.sitecare.org/appnova/wp-content/uploads/2022/02/underline-1@2x.png");background-size: cover;background-repeat: no-repeat;}
.blackbtmline span.underline-2:after{content: '';width:85px;height:4px;position: absolute;left:0;bottom:0px;background-image: url("http://server1.sitecare.org/appnova/wp-content/uploads/2022/02/underline-2@2x.png");background-size: cover;background-repeat: no-repeat;}
.blackbtmline span.ourphi-underline-1:after{content: '';width:150px;height:4px;position: absolute;left:0;bottom:0px;background-image: url("http://server1.sitecare.org/appnova/wp-content/uploads/2022/02/underline-1@2x.png");background-size: cover;background-repeat: no-repeat;}
.blackbtmline span.ourphi-underline-2:after{content: '';width:180px;height:4px;position: absolute;left:0;bottom:0px;background-image: url("http://server1.sitecare.org/appnova/wp-content/uploads/2022/02/underline-2@2x.png");background-size: cover;background-repeat: no-repeat;}
/*ul.sub-menu li.underline-1 a:after{content: '';width:100px;height:4px;position: absolute;left:27px;bottom:0px;background-image: url("http://server1.sitecare.org/appnova/wp-content/uploads/2022/02/underline-1@2x.png");background-size: cover;background-repeat: no-repeat;}*/
.blackbtmline span:first-of-type:after{width:back95px;}
.whoweare.blackbtmline span:first-of-type:after{width:140px;}
body.page-id-1653 .breadcrumb-wrap h2{display: none;}
body.category .breadcrumb-wrap{padding-top: 100px;}
body.category .breadcrumb-wrap h2{display: none;}

.FilterSec .elementor-text-editor ul{display: flex;flex-wrap: wrap;list-style: none;}
.FilterSec .elementor-text-editor ul li{padding: 0 20px;list-style: none;}
.FilterSec .elementor-text-editor ul li a{font-size:16px;color:#272727;}
.FilterSec .elementor-text-editor ul li.active a{background: #050504;padding: 5px 15px;color: #fff;border-radius:20px;}

.viewbtn  .btn{padding: 0;background: transparent !important;color:#0014FF!important;font-weight: 400;}
.main-menu ul li:last-child ul.sub-menu{left: auto;right: 0;}
.breadcrumb-wrap h2{font-size: 36px;text-align: center;color: #202020;}


/* Center website */
.main {
  max-width: 100%;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 10px -16px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  flex: 0 0 50%;
  max-width:50%;
 
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.blogMain.show {
  display: block;
}

/* Style the buttons */
#myBtnContainer .btn {
  border: none;
  outline: none;
  padding:10px 20px;
  font-size: 16px;
  font-family: 'Rubik';
  font-weight: 700;
  background-color:transparent !important;
  cursor: pointer;
  border-radius: 20px;
  margin: 0 10px;
  color:#000 !important;
}

#myBtnContainer .btn:hover {
  background-color: #000 !important;
  color:#fff !important;
}

#myBtnContainer .btn.active {
  background-color: #000 !important;
  color:#fff !important;
}
.blogMain{margin-bottom: 30px;display: none;}
.content h2{font-size:30px;color:#272727;}
.content span{font-size:14px;color: #5A607F;}
.content p{font-size:16px;line-height: 22px;color:#5A607F;font-weight: 400;margin-bottom: 30px;}
.userdetails{display: flex;flex-wrap: nowrap;align-items: center;margin-bottom: 15px;}
.userdetails img{width:40px;height:40px;margin-right: 10px;}
.content .userdetails p{font-size:12px;color:#131523;margin-bottom: 0;}
.userdetails p span{font-size: 14px;color:#5A607F;display: block;}

.content a.viewbtn{color: #0014FF;font-size: 16px;font-weight: 700;display: inline-block;position: relative;text-decoration: none;width:50px;height:35px;}
.content a.viewbtn:after{content: '';width: 10px;height: 15px;position: absolute;right:-5px;top:9px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.664 8.9'%3E%3Cpath id='Path_48921' d='M6,9l3.613,4.013L13.227,9' transform='translate(-7.553 14.621) rotate(-93)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E");}
.blogimgDiv{padding-top:30px !Important;}
.blogimgDiv figure{margin: 0;padding: 0;display: block;position: relative;}
.blogimgDiv figure img{max-width: 100%;width:100%;}

/* 1. Ensure this sits above everything when visible */

.modal {
    position: fixed;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    visibility: visible;
    display: block;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 6em;
  left: 50%;
  width: 32em;
  margin-left: -16em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top:8px;
  right:8px;
  padding: 0em;
  color: #fff;
  background: none;
  border: 0;
  padding: 0;
  width:20px;
  height:20px;
  background: #333;
  border-radius: 100%;
  color:#fff;
  font-size:15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}
.modal-header{text-align: center;display:block;}
.modal-header img.modalimg{width: 50px;margin: auto;}
.modal-header h2{font-size:24px;color: #000;margin: 0;text-align: center;}
.modal-header span{display: block;font-size:14px;color:#555;text-transform: uppercase;}
.modal-content{border: 0;padding: 0 15px 0 0;height:450px;overflow-y:auto;}

.modal-content p{font-size: 15px;color: #000;line-height:24px;margin-bottom:15px;font-weight: 400;}
.modal-content h6{font-size: 18px;color: #000;font-weight: 700;margin-bottom: 10px;line-height: 1;}

.modal-content::-webkit-scrollbar {
  width:5px;
}

/* Track */
.modal-content::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.modal-content::-webkit-scrollbar-thumb {
  background: #888;
  height: 100px;
}
body.single-post .breadcrumb-wrap{padding-top: 100px;}
body.single-post .breadcrumb-wrap h2{display: none;}
body.page-id-1653 .breadcrumb-wrap{padding-top:100px;}
.bloginnersec .elementor-row{max-width: 100%;}

h3.blogTitle br{display: none;}
.blog-meta ul li img{width:30px;margin-right:5px;border-radius: 100%;}
.post-navigation a i{background-color:#000;}
.post-navigation a{text-decoration: none;}
a:hover{text-decoration: none !important;}

body.category #myBtnContainer{margin-bottom: 30px;}

.row{padding: 0;}
.uil-ripple-css div:nth-of-type(2) {border: 12px solid #000 !important;}
.uil-ripple-css div{border: 12px solid #000 !important;}
.nav-previous a:hover {color: #000;}
.nav-next a:hover {color: #000;}
.post-navigation a i {border-radius: 10px;}
.footerMenu a:hover {color: #fff;}
.main-menu ul li .sub-menu li a:hover {background: #f1f1f1;}
#myBtnContainer .btn:first-of-type{margin:0px;}
.custom-logo-link{text-align: left;}
.custom-logo-link span{display: block;font-size: 10px;color:#000;white-space: nowrap;text-transform: uppercase;line-height: 1.2;text-align: left;font-weight: 600;padding-left: 5px;}
body.home .breadcrumb-area{display: none !important;}
body.page-id-1270 .breadcrumb-area .breadcrumb-wrap{padding: 115px 0 0;}
body.page-id-1270 .breadcrumb-area .breadcrumb-wrap h2{display: none;}
.map .elementor-widget-google_maps iframe{height: 450px;}
.map {margin-top: -45px;}
.mainform{padding: 0 16px;}
.textabox{height: 150px;}

.btnDiv .wpcf7-submit{min-width: 150px;min-height: 45px;border: 0;background: #000;color: #fff;border-radius:0px;display: flex;justify-content: center;align-items: center;text-decoration:none;cursor:pointer;}
.es_subscription_form{display:flex;position:relative;flex-wrap:wrap;width:100%;max-width:100%;}
.es_subscription_form .es-field-wrap{max-width:70%;flex:0 0 70%;}
.es_subscription_form .es-field-wrap label{display:block;padding-right:15px;}
.es_subscription_form .es-field-wrap label input[type="email"].es_txt_email{width:100%;display:block;height:45px;}
.es_subscription_form input[type="submit"]{max-width:30%;flex:0 0 30%;height:45px;background:#000;color:#fff;text-align:center;align-items:center;justify-content:center;font-size:18px;border:0;}
.es_subscription_message{text-align:center;}


@media only screen and (max-width : 1440px) {
.modal-wrapper{top: 15px;}
.modal-content{height: 430px;}
}
@media only screen and (max-width : 1280px) {
.modal-content{height: 390px;}
}

@media only screen and (max-width : 992px) {
    body.category .blog-page-wrap, body.category .services-details-wrap{padding: 0;}
    body.category .blog-area .container{max-width: 90%;}
    #myBtnContainer .btn{margin: 0 0 15px;}
}

@media only screen and (max-width : 991px) {
    .mean-container .mean-nav{background:#000;}
    .mobilehide{display: none !important;}
	.mean-container .mean-nav ul li a:hover{color:#fff;}
.mean-container .mean-nav ul li li a{opacity:1;}
.mean-container .mean-nav ul li a.mean-expand:hover{color:#fff;}
.mean-container .mean-nav ul li ul.sub-menu li a:hover{color:#fff;}
}


@media only screen and (max-width : 800px) {
    body.category .blog-area .container{max-width: 100%;}
    #myBtnContainer .btn{padding:10px 15px;}
    .form-inline input{width:100%;}
}
@media only screen and (max-width : 767px) {
.column {max-width:100%;flex: 0 0 100%;}
#myBtnContainer{text-align: center;}
.btn{margin: 0;padding: 5px 10px;}
.modal-wrapper{top: 4em;left:0;right: 0;margin: auto;width: 24em;}
.row{margin: 0;padding: 0;}
.bulbdiv{position: relative !important;top: 0;left: 0;right: 0;margin:0 auto 15px;}
.homeBannerSec{margin-top:0 !important;}
.copyright, .footerMenu{text-align: center;}
.logo{text-align: left;}
.mean-container a.meanmenu-reveal{left: auto !important;right: 0 !important;}
	.mean-container a.meanmenu-reveal span{height:2px;margin-top:4px;}
	.col-6.form-group{max-width:100%;flex:0 0 100%;padding:0;}
	.col-12.txtbox{padding:0;}
}
@media only screen and (max-width : 600px) {
.content h2 br{display: none;}
.elementor-28 .elementor-element.elementor-element-6ea2013 .elementor-heading-title{text-align: center;}
}
@media only screen and (max-width : 414px) {
	.es_subscription_form .es-field-wrap{max-width:100%;flex:0 0 100%;padding-right:0;}
	.es_subscription_form .es-field-wrap label{padding:0;}
	.es_subscription_form input[type="submit"]{max-width:100%;flex:0 0 100%;}
	
}