/* Theme Name: Uncode Child 
Description: Child theme for Uncode theme 
Author: Undsgn™ 
URI: http://www.undsgn.com 
Template: uncode 
Version: 1.0.0 
Text Domain: uncode */
/*ANIMATIONS~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Alpha keyframes */
@keyframes alpha-blink {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
  }

@-webkit-keyframes alpha-blink {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    } 
    75% {
        opacity: 1;
    }   
    100% {
        opacity: 1;
    }
}

/* Alpha keyframes */
@keyframes alpha-pulse {
    0% {
        opacity: 10%;
    }
    100% {
        opacity: 90%;
    }
  }

@-webkit-keyframes alpha-pulse {
    0% {
        opacity: 10%;
    }
    100% {
        opacity: 90%;
    }
}
@keyframes globe-rotate{
    0%{
        transform: translateY(10%);
        opacity: 0;
    }
    100%{
        transform: translateY(0%);
        opacity: 1;
    }
}
@-webkit-keyframes globe-rotate{
    0%{
        transform: translateY(10%);
        opacity: 0;
    }
    100%{
        transform: translateY(0%);
        opacity: 1;
    }
}
@-webkit-keyframes logo-left {
    from {
        left: -50px
    }

    to {
        left: 0px;
    }
}

@keyframes logo-left {
    from {
        left: -50px
    }

    to {
        left: 0px;
    }
}

@-webkit-keyframes logo-right {
    from {
        right: -50px;
        opacity: 0;
    }

    to {
        right: -2px;
        opacity: 1;
    }
}

@keyframes logo-right {
    from {
        right: -50px;
        opacity: 0;
    }

    to {
        right: -2px;
        opacity: 1;
    }
}


@-webkit-keyframes ltr-title {
    from {
        right: calc(50vw + 50%)
    }

    to {
        right: calc(100% + 60px);
    }
}

@keyframes ltr-title {
    from {
        right: calc(50vw + 50%)
    }

    to {
        right: calc(100% + 60px);
    }
}

@-webkit-keyframes ltr-title-right {
    from {
        width: 0
    }

    to {
        width: 100vw;
    }
}

@keyframes ltr-title-right {
    from {
        width: 0
    }

    to {
        width: 100vw;
    }
}

@-webkit-keyframes ltr-bar-home {
    from {
        width: 0;
    }

    to {
        width: calc(50vw - 18%);
    }
}

@keyframes ltr-bar-home {
    from {
        width: 0;
    }

    to {
        width: calc(50vw - 18%);
    }
}

@-webkit-keyframes ltr-bar {
    from {
        right: 200%;
    }

    to {
        right: calc(50% - 20px);
    }
}

@keyframes ltr-bar {
    from {
        right: 200%;
    }

    to {
        right: calc(50% - 20px);
    }
}

@-webkit-keyframes ltr-bar-mobile {
    from {
        right: 200%;
    }

    to {
        right: calc(50% + 10px)
    }
}

@keyframes ltr-bar-mobile {
    from {
        right: 200%;
    }

    to {
        right: calc(50% + 10px)
    }
}

@-webkit-keyframes rtl-bar {
    from {
        left: 200%;
    }

    to {
        left: 90%;
    }
}

@keyframes rtl-bar {
    from {
        left: 200%;
    }

    to {
        left: 90%;
    }
}

@-webkit-keyframes home-clock {
    from {
        -webkit-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
        opacity: 1;
    }
}

@keyframes home-clock {
    from {
        -webkit-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
        opacity: 1;
    }
}

@-webkit-keyframes zoom-fade-box {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zoom-fade-box {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes drop-in-dot {
    0% {
        transform: translateY(-135px);
        opacity: 0
    }

    25% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(-25px);
    }

    70% {
        transform: translateY(0);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes drop-in-dot {
    0% {
        transform: translateY(-135px);
        opacity: 0
    }

    25% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(-25px);
    }

    70% {
        transform: translateY(0);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes ltr-reveal {
    0% {
        -webkit-clip-path: polygon(0% 100%, 0 10%, 0 100%, 25px 100%, 25px 100%, 25px 100%);
        clip-path: polygon(0% 100%, 0 10%, 0 100%, 25px 100%, 25px 100%, 25px 100%);
    }

    50% {
        -webkit-clip-path: polygon(0% 100%, 0 0, 0 0, 25px 18px, 25px 18px, 25px 100%);
        clip-path: polygon(0% 100%, 0 0, 0 0, 25px 18px, 25px 18px, 25px 100%);
    }

    100% {
        -webkit-clip-path: polygon(0% 100%, 0 0, calc(100% - 14px) 0%, 100% 18px, 25px 18px, 25px 100%);
        clip-path: polygon(0% 100%, 0 0, calc(100% - 14px) 0%, 100% 18px, 25px 18px, 25px 100%);
    }
}

@keyframes ltr-reveal {
    0% {
        -webkit-clip-path: polygon(0% 100%, 0 10%, 0 100%, 25px 100%, 25px 100%, 25px 100%);
        clip-path: polygon(0% 100%, 0 10%, 0 100%, 25px 100%, 25px 100%, 25px 100%);
    }

    50% {
        -webkit-clip-path: polygon(0% 100%, 0 0, 0 0, 25px 18px, 25px 18px, 25px 100%);
        clip-path: polygon(0% 100%, 0 0, 0 0, 25px 18px, 25px 18px, 25px 100%);
    }

    100% {
        -webkit-clip-path: polygon(0% 100%, 0 0, calc(100% - 14px) 0%, 100% 18px, 25px 18px, 25px 100%);
        clip-path: polygon(0% 100%, 0 0, calc(100% - 14px) 0%, 100% 18px, 25px 18px, 25px 100%);
    }
}

@-webkit-keyframes ltr-reveal-end {
    0% {
        -webkit-clip-path: polygon(0% calc(100% - 18px), 14px 100%, 14px 100%, 14px 100%, 0% calc(100% - 18px), 0% calc(100% - 18px));
        clip-path: polygon(0% calc(100% - 18px), 14px 100%, 14px 100%, 14px 100%, 0% calc(100% - 18px), 0% calc(100% - 18px));
    }

    50% {
        -webkit-clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 100%, calc(100% - 25px) calc(100% - 18px), calc(100% - 25px) calc(100% - 18px));
        clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 100%, calc(100% - 25px) calc(100% - 18px), calc(100% - 25px) calc(100% - 18px));
    }

    100% {
        -webkit-clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 0%, calc(100% - 25px) 0, calc(100% - 25px) calc(100% - 18px));
        clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 0%, calc(100% - 25px) 0, calc(100% - 25px) calc(100% - 18px));
    }
}

@keyframes ltr-reveal-end {
    0% {
        -webkit-clip-path: polygon(0% calc(100% - 18px), 14px 100%, 14px 100%, 14px 100%, 0% calc(100% - 18px), 0% calc(100% - 18px));
        clip-path: polygon(0% calc(100% - 18px), 14px 100%, 14px 100%, 14px 100%, 0% calc(100% - 18px), 0% calc(100% - 18px));
    }

    50% {
        -webkit-clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 100%, calc(100% - 25px) calc(100% - 18px), calc(100% - 25px) calc(100% - 18px));
        clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 100%, calc(100% - 25px) calc(100% - 18px), calc(100% - 25px) calc(100% - 18px));
    }

    100% {
        -webkit-clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 0%, calc(100% - 25px) 0, calc(100% - 25px) calc(100% - 18px));
        clip-path: polygon(0% calc(100% - 18px), 14px 100%, 100% 100%, 100% 0%, calc(100% - 25px) 0, calc(100% - 25px) calc(100% - 18px));
    }
}

@-webkit-keyframes counter-clockwise-start {
    0% {
        -webkit-clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
        clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
    }

    25% {
        -webkit-clip-path: polygon(0% 0%, 25px 0%, 25px 100%, 0% 100%);
        clip-path: polygon(0% 0%, 25px 0%, 25px 100%, 0% 100%);
    }

    100% {
        -webkit-clip-path: polygon(0% 0%, 120% 0%, 97% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 120% 0%, 97% 100%, 0% 100%);
    }
}

@keyframes counter-clockwise-start {
    0% {
        -webkit-clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
        clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
    }

    25% {
        -webkit-clip-path: polygon(0% 0%, 25px 0%, 25px 100%, 0% 100%);
        clip-path: polygon(0% 0%, 25px 0%, 25px 100%, 0% 100%);
    }

    100% {
        -webkit-clip-path: polygon(0% 0%, 120% 0%, 97% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 120% 0%, 97% 100%, 0% 100%);
    }
}

@-webkit-keyframes counter-clockwise-start-mobile {
    0% {
        -webkit-clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
        clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
    }

    50% {
        -webkit-clip-path: polygon(0% 0%, 105px 0%, 7px 100%, 0% 100%);
        clip-path: polygon(0% 0%, 105px 0%, 7px 100%, 0% 100%);
    }

    100% {
        -webkit-clip-path: polygon(0% 0%, 175% 0%, 86% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 175% 0%, 86% 100%, 0% 100%);
    }
}

@keyframes counter-clockwise-start-mobile {
    0% {
        -webkit-clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
        clip-path: polygon(0% 0%, 25px 0%, 25px 0%, 0% 0%);
    }

    50% {
        -webkit-clip-path: polygon(0% 0%, 105px 0%, 7px 100%, 0% 100%);
        clip-path: polygon(0% 0%, 105px 0%, 7px 100%, 0% 100%);
    }

    100% {
        -webkit-clip-path: polygon(0% 0%, 175% 0%, 86% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 175% 0%, 86% 100%, 0% 100%);
    }
}

@-webkit-keyframes straight-off-end {
    0% {
        width: 0
    }

    100% {
        width: 80vw
    }
}

@keyframes straight-off-end {
    0% {
        width: 0
    }

    100% {
        width: 80vw
    }
}

/*END ANIMATIONS~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body.postid-927 .header-bg-wrapper .header-bg {
    background-image: url(/wp-content/uploads/2022/11/Dexcare-Artwork-04-uai-2064x1161.jpg) !important;
    background-position: right bottom;
}

body div.ose-vimeo {
    height: auto !important;
    min-height: 10px;
}

body.single-campaigns .top-menu.navbar,
body.single-campaigns .row-breadcrumb,
body.campaigns-template-default .page-body .row-navigation,
body.no-header .top-menu.navbar,
body.no-header .menu-wrapper .main-menu-container {
    display: none;
}

body.no-header #masthead .menu-container {
    background: none;
    box-shadow: none;
}

body.no-header .menu-wrapper.no-header {
    position: absolute;
    top: 0;
}

body.no-header .menu-wrapper.no-header .navbar {
    opacity: 1;
    transition: opacity .3s linear;
}

body.no-header .menu-wrapper.no-header .navbar.is_stuck {
    opacity: 0;
}

/* Transparent Header Styles */
body.dc-transparent-header .menu-wrapper {
    position: absolute;
}

body.dc-transparent-header #masthead .menu-container{
    transition: background 0.3s ease;
}

body.dc-transparent-header #masthead:not(.is_stuck) .menu-container,
body.dc-transparent-header #mega-menu-wrap-primary,
body.dc-transparent-header #masthead:not(.is_stuck) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    background: transparent;
    box-shadow: none;
    color: #fff;
}
body.dc-transparent-header #masthead:not(.is_stuck) #main-logo{
    background: url('/wp-content/uploads/2022/10/dexcare-logo-final-color-RGB-white.svg') no-repeat center center;
    background-size: contain;
}
body.dc-transparent-header #masthead:not(.is_stuck) #main-logo img{
    opacity: 0;
}
body.dc-transparent-header .menu-wrapper .top-menu{
    display: none;
}

body .tab-container:not(.default-typography) .nav-tabs {
    text-transform: unset;
}

.gradient-bg {
    background: linear-gradient(to right, #2244da, #18b7bd);
}
.border-radius-shadow>.uncol {
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden!important;
}
.icon-bg-radius .icon-box-icon{
    background-color: #b7d0ff;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: -10px;
}
.icon-bg-radius .icon-box-icon>span{
    color: #2265e5 !important;
}

/* General Styles */
body.white-logo .main-logo {
    background: url('/wp-content/uploads/2022/10/dexcare-logo-final-color-RGB-white.svg');
}

body.white-logo .main-logo img {
    opacity: 0;
}

body.no-header #logo-container-mobile .mmb-container {
    display: none !important;
}

body.no-header header .row-menu-inner {
    border: none !important;
}

.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover, 
.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus, btn-color-xsdn.btn-outline:active{
    color: #272fc2 !important;
}


.with-dexcare h1 img {
    display: inline-block;
    width: 4em;
    height: 1em;
    margin: 0 .0 -.1em;
}


/*general theme tweaks 6/21/23 - MW */
p,
li,
dt,
dd,
dl,
address,
label,
small,
pre,
code {
    line-height: 1.4
}

h1 sup,
h2 sup,
h3 sup{
    font-size: 30%;
    vertical-align: super;
}

body.blog #page-header .heading-text {
    margin-top: 30px;
}

.icon-expand .icon-box-content,
.icon-expand .icon-box-icon {
    width: auto;
}

ul.icons li {
    margin-bottom: 10px;
}

.dc-icon-row img {
    height: 100px;
    width: 100px;
    -o-object-fit: contain;
    object-fit: contain;
}

.dc-artspark.limit-width {
    margin-top: 30px;
    display: block;
}

.contact-icon .fa {
    font-size: 1.5em;
    line-height: 1.5em;
}

.icon-box-left.contact-icon .icon-box-content {
    padding-left: 5px;
}

.contact-icon p {
    margin-top: 0;
}

a+i.dashicons-lock {
    display: none;
}
.dc-small-icon{
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    width: auto;
}
.dc-small-icon .icon-box-content{
    padding-left: 25px!important;
}
.dc-quotebox{
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 25px;
}
.dc-quotebox blockquote{
    border: none;
    padding: 0;
    font-style: italic;
    margin: 0;
}
.dc-quotebox blockquote p{
    color: #5d5d5d;
    font-weight: 300;
}
.dc-quotebox>p{
    margin-top: 15px!important;
}
.dc-comparison-table .vc_row.row-internal,
.dc-comparison-table .divider-wrapper{
    margin-top: 10px!important;
}
.dc-comparison-table .vc_row.row-internal p{
    font-weight: 400;
}
.dc-comparison-table i.fa{
    font-size: 1.5em;
}
body.va-page h5{
    color: #00274f;
    font-size: 1em;
}

body.va-page.dc-artspark-top .main-wrapper::before{
    border-color: #b22234;
}
body.va-page.dc-artspark-top .main-wrapper::after{
    background: grey;
}
body.va-page.dc-artspark-top .main-container::before,
body.va-page .dc-artspark::before{
    background: #003e7e;
}

body.va-page .text-color-blue-color{
    color: #003e7e!important;
    fill: #003e7e!important;
}

body.va-page .text-color-red-color{
    color: #b22234!important;
    fill: #b22234!important;
}
body.va-page .btn-color-red {
    background-color: #b22234!important;
    border-color: #b22234!important;
}
body.va-page .btn-color-blue {
    background-color: #003e7e!important;
    border-color: #003e7e!important;
}
body.va-page .icon-box-icon .btn-color-blue{
    background-color: #e6f0ff !important;
    border-color: #e6f0ff !important;
    color: #003e7e !important;
    fill: #003e7e !important;
}
body.va-page .icon-box-icon .btn-color-red{
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0 !important;
    color: #b22234 !important;
    fill: #b22234 !important;
}
body.va-page .icon-box-icon .btn-color-blue .fa,
body.va-page .icon-box-icon .btn-color-red .fa{
    font-weight: bold;
}


body.va-page .va-gradient-bg{
    background: linear-gradient(to bottom, #e6f0ff, #ffffff);
}
body.va-page .va-dark-blue-bg{
    background: #003e7e;
}
body.va-page .va-dark-red-bg{
    background: #5d0f0f;
}
body.va-page .va-light-blue-bg{
    background: #e6f0ff;
}
.va-page .style-light{
    font-weight: 300;
    color: #222;
}
.va-page .vc_custom_heading_wrap+.text-lead{
    max-width: 800px;
    margin: 20px auto;
}
.va-page .narrow-text{
    max-width: 700px;
    margin: 20px auto 40px !important;
}
.va-page .vc_custom_heading_wrap+.text-lead p{
    font-size: 1.1em;
    line-height: 1.5;
}
.va-page .va-results-boxes .wpb_column .uncont {
    border: 2px solid;
    border-radius: 10px;
    padding: 40px!important;
    background: #00456f3b;
}
.va-results-boxes img,
.white-logos img{
    filter: invert() brightness(2);
}
.va-results-boxes img{
    height: 75px;
    object-fit: contain;
}

/*Blog Landing Page*/
.page-template-template-resources #page-header,
.page-template-template-customer-stories #page-header,
.page-template-template-featured-top #page-header,
.paged #dc-featured-media,
.paged #dc-featured-articles,
.paged .dc-featured-wrap {
    display: none;
}

.archive.paged .main-container .row-container .double-top-padding {
    padding-top: 10px;
}

.archive.paged .dc-archive {
    padding: 0;
}

.dc-half-bg.right .background-element {
    left: 50%;
}

.dc-half-bg.left .background-element {
    right: 50%;
}

.dc-sixty-bg.right .background-element {
    left: 40%;
}

.dc-sixty-bg.left .background-element {
    right: 40%;
}

.dc-offset-bg.right .background-element {
    right: -10%;
}

.dc-offset-bg.left .background-element {
    left: -10%;
}
.dc-third-bg.right .background-element {
    left: 66%;
    right: calc(50% - 50vw);
}
.dc-third-bg.left .background-element {
    right: 66%;
    left: calc(50% - 50vw);
}

.dc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dc-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dc-btn {
    display: inline-block;
    padding: 15px 20px;
    text-decoration: none;
    /* border-radius: 4px;
   */
    /* background-image: linear-gradient(to right, #1b78c1, #2e3ead);
   */
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    margin: 30px 0;
}

.dc-btn:hover {
    background: #272fc2;
    color: #fff;
    border-color: #272fc2;
}

.dc-archive.cards article {
    border: 1px solid #eee;
}

.dc-archive article,
.dc-archive::after {
    width: 31%;
    margin: 1.5% 0;
}

.dc-archive::after {
    content: '';
    display: block;
    padding: 0;
    margin: 0;
}

.dc-archive article a {
    color: inherit;
}

.dc-archive.cards article a,
.dc-archive.cards article div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
}

.dc-archive article h3,
.dc-archive article p {
    margin: 5px 0;
}

.dc-archive article h3 {
    font-size: 20px;
}

.dc-archive .dc-thumbnail,
.dc-featured-custom-articles .uncode-single-media-wrapper {
    position: relative;
    width: 100%;
    height: 0 !important;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    overflow: hidden;
    padding-top: 60%;
}

.dc-thumbnail img,
.dc-featured-custom-articles .uncode-single-media-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dc-black-and-white img {
    -webkit-filter: saturate(0) contrast(1.25);
    filter: saturate(0) contrast(1.25);
    -webkit-transition: -webkit-filter linear .5s;
    transition: -webkit-filter linear .5s;
    -o-transition: filter linear .5s;
    transition: filter linear .5s;
    transition: filter linear .5s, -webkit-filter linear .5s;
}

.dc-black-and-white:hover img {
    -webkit-filter: saturate(1) contrast(1);
    filter: saturate(1) contrast(1);
}

.dc-thumbnail .dc-screen img {
    pointer-events: none;
    min-width: 75%;
    min-height: 75%;
    width: 75%;
    height: 75%;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 1;
}

.dc-thumbnail .dc-screen {
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #125261a8;
    opacity: 1;
    -webkit-transition: opacity linear .5s;
    -o-transition: opacity linear .5s;
    transition: opacity linear .5s;
}

.dc-thumbnail:hover .dc-screen {
    opacity: 0;
}

.dc-archive .dc-detail {
    padding: 0 20px 20px;
}

.dc-link-look {
    color: #272fc2;
    text-transform: uppercase;
    margin: 5px 0;
    font-weight: bold;
}

.dc-featured-custom-articles .vc_custom_heading_wrap,
.dc-featured-custom-articles .btn-container {
    margin-top: 10px !important;
}

.dc-archive .mediatype {
    text-transform: uppercase;
    color: grey;
    font-size: 110%;
    margin: 10px 0 5px;
    display: block;
}

body.page-template-template-resources .dc-archive .date,
body.tax-blog_categories .dc-archive .date,
body.tax-blog_tags .dc-archive .date,
body.blog article .excerpt,
#dc-featured-media .date {
    display: none !important;
}

#output {
    color: #fff;
    position: relative;
    z-index: 999;
}

.dc-meta {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.cd-cats a,
.cd-tags a {
    display: inline-block;
    background: #5fafc2;
    color: #ffffff !important;
    border-radius: 20px;
    padding: 4px 10px;
    margin: 5px 5px 0 0;
    font-size: .8rem;
}

/*hide redundant default category*/
.cd-cats a[href*="/news/"] {
    display: none;
}

.dc-featured-wrap {
    color: #fff;
    position: relative;
    overflow: visible;
    padding: 30px 0;
    margin-top: -75px !important;
}

#surface.dc-featured-wrap {
    padding-bottom: 1px;
}

.dc-featured-wrap::before,
.dc-spark-header::before,
.dc-spark-header::after,
.dc-home-spark .vc_row::before,
.dc-home-spark .vc_row::after {
    content: '';
    position: absolute;
    display: block;
    background: #101010;
    top: 0;
    left: 50%;
    height: 100%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
}

.dc-featured-wrap h1 {
    position: relative;
}

.dc-spark-header::before,
.dc-home-spark .vc_row::before {
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    height: 20px;
}

div.dc-home-spark .vc_row::before {
    top: auto;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50vw);
    width: 40vw;
    background: #F9D833;
    -webkit-animation-name: ltr-bar-home;
    animation-name: ltr-bar-home;
}

div.dc-home-spark .vc_row::after {
    height: 115px;
    width: 50%;
    border-top: 18px solid #272fc2;
    border-left: 25px solid #272fc2;
    left: 92%;
    right: auto;
    top: auto;
    bottom: 36%;
    -webkit-animation-name: ltr-reveal;
    animation-name: ltr-reveal;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.dc-artspark {
    position: relative;
    display: inline-block;
    margin: 30px auto 0;
}

.animate_when_almost_visible:not(.start_animation) .dc-artspark,
.animate_when_almost_visible:not(.start_animation) .dc-artspark-footer {
    display: none !important;
}

.dc-artspark::before,
.dc-artspark::after,
.dc-artspark-footer::before,
.dc-artspark-footer::after {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    left: auto;
    top: calc(.6em - 8px);
}

.dc-artspark-footer::before,
.dc-artspark-footer::after {
    top: auto;
    bottom: 3px;
}

.dc-artspark::before,
.dc-artspark-footer::before {
    width: 50vw;
    background: #5fafc2;
    right: calc(100% + 60px);
    -webkit-animation-name: ltr-title;
    animation-name: ltr-title;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.dc-artspark::after,
.dc-artspark-footer::after {
    background: #ED3B2F;
    right: calc(100% + 20px);
    border-radius: 50%;
    width: 20px;
    -webkit-animation-name: drop-in-dot;
    animation-name: drop-in-dot;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}

.dc-artspark.text-uppercase::before,
.dc-artspark.text-uppercase::after {
    top: calc(.6em - 10px);
}

.dc-artspark.right::before,
.dc-artspark-footer::before {
    right: auto;
    left: calc(100% + 55px);
    width: 0;
    -webkit-animation-name: ltr-title-right;
    animation-name: ltr-title-right;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.dc-artspark.right::after,
.dc-artspark-footer::after {
    right: -35px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;

}

.dc-artspark.grey-before::before {
    background: #E2E2E4;
}

.dc-artspark.yellow-after::after {
    background: #F9D833;
}

.dc-spark-header::before,
.dc-spark-header::after,
.dc-home-spark .vc_row::before {
    width: 50vw;
    background: #5fafc2;
    right: calc(100% + 60px);
}

.dc-spark-header.yellow-red::before,
.dc-home-spark .vc_row::before {
    background: #F9D833;
}

.dc-spark-header.dog-ear::before,
.dc-spark-header.dog-ear::after,
.dc-home-spark .vc_row::after,
.dc-home-spark .vc_row>.row::before {
    background: none;
    -webkit-transform: skew(-37deg);
    -ms-transform: skew(-37deg);
    transform: skew(-37deg);
    border-radius: 8px;
}

.dc-spark-header.dog-ear::before {
    -webkit-animation-name: ltr-reveal;
    animation-name: ltr-reveal;
    height: 350px;
    width: calc(50% + 40px);
    border-top: 18px solid #F9D833;
    border-left: 25px solid #F9D833;
    right: calc(50% - 30px);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    top: -61px;
}

.dc-spark-header.dog-ear::after {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: ltr-reveal-end;
    animation-name: ltr-reveal-end;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    background: none;
    height: 210px;
    width: 50%;
    border-right: 25px solid #5fafc2;
    border-bottom: 18px solid #5fafc2;
    left: calc(50% + 130px);
    top: -256px;
}

.dc-spark-header::before,
.dc-home-spark .vc_row::before {
    top: -55px;
    width: 60vw;
    left: auto;
    -webkit-animation-name: ltr-bar;
    animation-name: ltr-bar;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dc-spark-header::after {
    top: auto;
    bottom: 50px;
    width: 50vw;
    height: 20px;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    background: #F9D833;
    opacity: 85%;
    mix-blend-mode: multiply;
    -webkit-animation-name: rtl-bar;
    animation-name: rtl-bar;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dc-spark-header.yellow-red::after {
    background: #ED3B2F;
}

.dc-spark-header.yellow-red .row::after {
    background: #272fc2;
}

.dc-spark-header .background-element,
.dc-home-spark .background-element {
    overflow: visible;
}

.dc-spark-header .background-element .background-wrapper .placeH,
.dc-home-spark .background-element .background-wrapper .placeH {
    opacity: 0;
}

.dc-spark-header .background-wrapper::before,
.dc-home-spark .background-wrapper::before {
    content: '';
    position: absolute;
    background: #F7F0EA;
    top: -105px;
    left: 57.5%;
    right: 10px;
    bottom: 160px;
    opacity: 0;
    -webkit-animation-name: zoom-fade-box;
    animation-name: zoom-fade-box;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dc-home-spark .background-wrapper::before {
    border-radius: 50%;
    top: auto;
    width: 45%;
    padding-top: 45%;
    height: 0;
    bottom: 85px;
    left: auto;
    right: 20px;
    background: #F7F0EA url(/wp-content/themes/uncode-child/img/color-clock.svg);
    background-repeat: no-repeat;
    background-position: bottom 5% left 5%;
    background-size: 50% 50%;
    -webkit-animation-name: home-clock;
    animation-name: home-clock;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    height: 65vw;
    width: 65vw;
    max-width: 390px;
    max-height: 390px;
    padding: 0;
}

.dc-home-spark .clock {
    position: absolute;
    width: 200px;
    right: 0%;
    top: -25%;
}

.dc-artspark-top .main-wrapper,
.dc-artspark-top .main-container {
    display: block;
    position: relative;
}


.dc-spark-header .background-element::before,
.dc-spark-header .background-element::after,
.dc-home-spark .background-element::before,
.dc-home-spark .background-element::after,
.dc-artspark-top .main-wrapper::after,
.dc-artspark-top .main-container::after,
.dc-home-spark .vc_row>.row::after {
    content: '';
    top: -66px;
    width: 22px;
    background: grey;
    height: 22px;
    right: calc(100% + 20px);
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    left: calc(50% + 50px);
    -webkit-animation-name: drop-in-dot;
    animation-name: drop-in-dot;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dc-home-spark .vc_row>.row::after {
    background: #ED3B2F;
    right: calc(18% - 82px);
    left: auto;
    bottom: 106px;
    top: auto;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}


div.dc-home-spark .background-element::before,
div.dc-home-spark .background-element::after {
    bottom: -90px;
    top: auto;
    left: 36%;
    background: #333;
}

div.dc-home-spark .background-element::after {
    left: 32%;
}

.dc-home-spark .vc_row>.row::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: ltr-reveal-end;
    animation-name: ltr-reveal-end;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    background: none;
    height: 175px;
    width: 31%;
    border-right: 25px solid #5fafc2;
    border-bottom: 18px solid #5fafc2;
    left: 45%;
    bottom: -90px;
    opacity: 85%;
}

.dc-spark-header .background-element::after,
.dc-home-spark .background-element::after,
.dc-artspark-top .main-wrapper::after,
.dc-artspark-top .main-container::after {
    background: #ED3B2F;
    left: 50%;
    margin-left: 100px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.dc-artspark-top .main-wrapper::after {
    margin-top: 100px;
    left: 50%;
    margin-left: -15px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.dc-artspark-top .main-container::after {
    background: grey;
    margin-top: 100px;
    left: 50%;
    margin-left: 25px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.dc-spark-header .background-element .background-wrapper,
.dc-home-spark .background-element .background-wrapper {
    overflow: visible;
}

.dc-spark-header.bg-offset .background-element .background-wrapper .background-inner {
    right: -10%;
}

.dc-artspark-top .main-wrapper::before {
    content: '';
    display: block;
    width: 44%;
    border: 25px solid #2730c2;
    border-width: 0 0 18px 25px;
    height: 11vw;
    position: absolute;
    z-index: 10;
    right: calc(48% + 60px);
    top: -11vw;
    margin-top: 55px;
    border-radius: 8px;
    -webkit-transform: skew(37deg);
    -ms-transform: skew(37deg);
    transform: skew(37deg);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-animation-name: counter-clockwise-start;
    animation-name: counter-clockwise-start;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.dc-artspark-top .main-container::before {
    content: '';
    display: block;
    width: 35%;
    border-width: 18px 25px 0 0;
    background: #5fafc2;
    height: 19px;
    position: absolute;
    z-index: 10;
    left: calc(50% + 75px);
    top: 37px;
    -webkit-animation-name: straight-off-end;
    animation-name: straight-off-end;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

/* hold for trying alternative .dc-artspark-top .main-container::before{
    content: '';
    display: block;
    width: 35%;
    border: 25px solid #5fafc2;
    border-width: 18px 25px 0 0;
    height: 150px;
    position: absolute;
    z-index: 10;
    left: calc(47% + 100px);
    top: 37px;
    border-radius: 8px;
    transform: skew(37deg);
    transform-origin: top left;
    animation-name: clockwise-end;
    animation-fill-mode: both;
    animation-delay: 2s;
    animation-duration: 2s;
}
*/
.dc-artspark-top .page-wrapper::before,
.dc-artspark-top .page-wrapper::after {
    display: none;
    content: '';
    position: absolute;
    z-index: 10;
    /* display: block;
   */
    width: 22px;
    height: 22px;
    background: #333;
    border-radius: 50%;
    right: calc(15.5% - 78px);
    top: 120px;
    -webkit-animation-name: zoom-fade-box;
    animation-name: zoom-fade-box;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dc-artspark-top .page-wrapper::before {
    right: calc(14.5% - 78px);
    top: 150px;
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s;
}

.dc-artspark-top .page-wrapper::after {
    right: calc(13.5% - 78px);
    top: 180px;
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
}

.dc-quote-spark .uncode-single-media-wrapper {
    display: block;
    width: 55%;
    margin: auto;
}

.dc-quote-spark::before,
.dc-quote-spark::after {
    content: '';
    position: absolute;
    outline: 25px solid #f9d833;
    height: 50%;
    width: 44%;
    left: 30%;
    top: 15%;
}

.dc-quote-spark::before {
    border-radius: 0 10px 0 0;
    -webkit-clip-path: polygon(1px -25px, 125% -25px, 125% 99%, 1px 99%);
    clip-path: polygon(1px -25px, 125% -25px, 125% 99%, 1px 99%);
}

.dc-quote-spark::after {
    left: calc(74% + 25px);
    top: calc(15% + 25px);
    border-radius: 0 0 0 10px;
    -webkit-clip-path: polygon(-25px 1px, 99% 1px, 99% 125%, -25px 125%);
    clip-path: polygon(-25px 1px, 99% 1px, 99% 125%, -25px 125%);
    width: 10%;
}

.dc-quote-spark .single-wrapper::before,
.dc-quote-spark .single-wrapper::after {
    font-size: 160px;
    color: #5fafc2;
    line-height: 25px;
    display: block;
    position: absolute;
    font-family: Times New Roman serif;
    font-weight: bold;
}

.dc-quote-spark .single-wrapper::before {
    content: '“';
    left: calc(30% - 95px);
    top: 12%;
}

.dc-quote-spark .single-wrapper::after {
    content: '”';
    left: calc(84% + 34px);
    top: calc(70% + 48px);
}

#dc-featured-media {
    white-space: nowrap;
    width: 100vw;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
}

#dc-featured-media article {
    display: inline-block;
    width: 100vw;
    white-space: normal;
    -webkit-transition: margin-left .5s;
    -o-transition: margin-left .5s;
    transition: margin-left .5s;
    vertical-align: middle;
    padding: 30px 20px;
}

#dc-featured-media article a[href="#"] {
    cursor: default;
    pointer-events: none;
}

/*#dc-featured-media[data-slide="2"] article:first-child{
    margin-left: -100vw;
}
#dc-featured-media[data-slide="3"] article:first-child{
    margin-left: -200vw;
}
*/
#dc-featured-media article h3 {
    font-size: 30px;
    margin-bottom: 20px;
}

#dc-featured-indicators {
    position: relative;
    text-align: center;
    margin: 10px 20px 20px;
}

#dc-featured-indicators a {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 10px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

#dc-featured-indicators a.active {
    background: #5fafc2;
}

#dc-featured-media .dc-thumbnail {
    width: 50%;
    max-width: 500px;
    margin-right: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 25%;
}

#dc-featured-articles {
    padding-top: 20px;
}

#dc-featured-articles article {
    width: 48%;
}

#dc-featured-articles article h3 {
    font-size: 25px;
}

#dc-blog-filters {
    /* justify-content: center;
   */
    padding-top: 20px;
    font-size: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#dc-blog-filters .dc-btn {
    border-radius: 0;
    background: none;
    color: #272fc2;
    border: 2px solid;
    padding: 14px;
    font-size: 15px;
    font-weight: 600;
}

#dc-blog-filters .dc-btn:hover {
    background: #272fc2;
    color: #fff;
}

.dc-filter-label {
    margin-right: 20px;
}

.dc-select-wrap {
    margin: 0 20px 0 0;
    border-radius: 3px;
    text-wrap: nowrap;
    border: 1px solid #777;
    color: #555;
    font-size: 16px;
    position: relative;
}

.dc-select-wrap select {
    background: none;
    margin: 0;
    display: inline-block;
    padding: 10px 40px;
    /* max-width: none;
   */
    min-width: 260px;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.dc-select-wrap svg {
    fill: currentColor;
    height: 20px;
    vertical-align: middle;
    pointer-events: none;
    position: absolute;
    top: 10px;
    left: 10px;
}

.dc-select-wrap svg:last-child {
    left: auto;
    right: 10px;
}

.single-blog .post-info .author-info {
    display: inline !important;
}

.dc-grid-tabs .ui-br-accent,
.dc-grid-tabs .nav-tabs>li.active>a,
.dc-grid-tabs .tabs-left>li.active>a {
    border: none !important;
}

/*customer stories landing page*/
.page-template-template-customer-stories article .date {
    display: none;
}

/*hubspot form rules*/
.hbspt-form {
    margin-top: 1em;
}

.hbspt-form input[type="submit"] {
    background: #272fc2;
    color: #fff;
    border: none;
}

.style-dark .hbspt-form input[type="submit"] {
    background: #ed3b2f;
}

.hbspt-form .field {
    margin-bottom: 20px;
}

.hbspt-form .invalid {
    border-color: #e75e5e;
}

.hbspt-form .hs-error-msgs {
    margin: 0;
    font-size: 90%;
    color: #e75e5e;
}

.hs-form-field input,
.hs-form-field textarea {
    min-width: 100%;
    max-width: 100%;
}

.hs-form-field input::placeholder{
    color:#646464!important
}

.hs-form-field input[type="checkbox"],
.hs-form-field input[type="radio"] {
    min-width: 1.5em;
    max-width: 1.5em;
    height: 1.5em;
    margin: 0 .5em .5em 0;
}

.hs-form ul[role="checkbox"] {
    column-count: 2;
    list-style: none !important;
    padding: 0 !important;
}

input[type=checkbox]:checked:before {
    font-size: 100%;
}

.hs-form ul[role="checkbox"] label {
    display: flex;
}

.dc-form-max420{
    max-width: 420px;
    margin: 0 auto;
}
.dc-form-max420 input{
    text-align: center;
}
.dc-line-form form {
    position: relative;
    max-width: 780px;
}

.dc-line-form form,
.dc-line-form form fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dc-line-form .hs-form-field {
    position: relative;
    background: #fff;
    margin-right: 5px;
    flex-grow: 1;
    color: #000;
}

.dc-line-form .hs-form-field label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    z-index: 0;
}

.dc-line-form .hs-form-field .input {
    position: relative;
    z-index: 1;
    margin: 0 !important;
}

.dc-line-form .hs-form-field input,
.dc-line-form .hs-submit input {
    margin: 0;
    width: 100% !important;
    border-radius: 0;
}

.dc-line-form .hs-submit input {
    min-height: 45px;
    margin: -1px 0;
    padding: 10px 25px;
}

.dc-line-form .hs-form-field input:-moz-placeholder-shown {
    background: transparent;
}

.dc-line-form .hs-form-field input:-ms-input-placeholder {
    background: transparent;
}

.dc-line-form .hs-form-field input:placeholder-shown {
    background: transparent;
}

.dc-line-form .hs-form-field input:focus {
    background: #fff;
}

.dc-line-form .hbspt-form .hs-error-msgs {
    display: none;
}

.dc-line-form .hs_error_rollup {
    position: absolute;
    bottom: -10px;
    left: 0;
}

.h6:not([class*="fontsize-"]) {
    font-size: 17px !important;
}

.menu-wrapper .top-menu.navbar {
    background: #272fc2;
}

.menu-wrapper .top-menu.top-menu-enhanced .row-menu-inner .menu-bloginfo {
    padding: 10px !important;
}

.menu-wrapper .top-menu.navbar * {
    font-size: 14px;
}

.menu-wrapper .top-menu.navbar a {
    text-decoration: underline;
}

.menu-wrapper .top-menu.navbar a:hover {
    color: #fff;
    opacity: .75;
}

.site-footer {
    font-weight: 300;
}

.site-footer h2 {
    margin-bottom: 0;
    font-weight: 400;
}

.site-footer li a {
    line-height: 2;
}

.site-footer li a:hover {
    color: #5fafc2 !important;
}

#footer-logo {
    position: relative;
    display: none;
    margin-right: 25px;
}

.start_animation #footer-logo {
    display: block;
}

#footer-logo img {
    opacity: 0;
}

#footer-logo .single-wrapper::before,
#footer-logo .single-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(/wp-content/themes/uncode-child/img/dexcare-logo-left.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    -webkit-animation-name: logo-left;
    animation-name: logo-left;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

#footer-logo .single-wrapper::after {
    background-image: url(/wp-content/themes/uncode-child/img/dexcare-logo-right.png);
    -webkit-animation-name: logo-right;
    animation-name: logo-right;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background-position: right;
    height: 28px;
    top: auto;
    left: auto;
    width: 91px;
}


/*modal css~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*html.dc-modal-open,
.dc-modal-open body{
   overflow: hidden!important;
}*/

body .menu-wrapper .navbar,
body .menu-wrapper .top-menu {
    transform: none;
    transition: transform .2s linear;
}

.dc-modal-open body .menu-wrapper .navbar,
.dc-modal-open body .menu-wrapper .top-menu {
    transform: translateY(-150px);
}

.dc-modal-open body .menu-wrapper {
    z-index: 0;
}

.dc-popup-modal {
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100vw;
    bottom: 0;
    overflow: auto;
    pointer-events: none;
    z-index: 3000;
    opacity: 0;
    transition: all .2s linear;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(3px);
}

.dc-popup-modal:not([hidden]) {
    opacity: 1;
    pointer-events: all;
}

.dc-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 25px;
    cursor: pointer;
}

.dc-modal-close::before {
    content: "\f335";
    font-family: dashicons;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    font-weight: bold;
}

.dc-popup-modal .dc-modal-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.dc-popup-modal .dc-modal-content {
    background: #fff;
    position: relative;
    padding: 3rem;
    margin: 3rem auto;
    left: 0;
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 60px -30px;
    transform: scale(.75);
    transition: transform .2s linear;
    max-width: 700px;
    width: 90%;
}

.dc-popup-modal:not([hidden]) .dc-modal-content {
    transform: scale(1);
}

.dc-popup-modal .hs-message {
    margin-bottom: 20px;
    font-weight: normal;
}

.dc-popup-modal .hs-form fieldset {
    min-width: 100%;
}

.dc-popup-modal .submitted-message {
    margin-top: 20px;
}

.dc-popup-modal .hbspt-form input[type="submit"] {
    background: #272fc2;
}

.negative-margin-bottom {
    margin-bottom: -40px;
}



.dc-step-tabs .nav-tabs li>a{
    padding: 10px 30px !important;
    margin: 0 !important;
    text-align: center;
    background: #ffffff38;

}
.dc-step-tabs .nav-tabs li.active>a{
    background: #fff;
}
.dc-step-tabs .nav-tabs .switcher-cursor{
    display: none !important;
}
.dc-step-tabs .nav-tabs li .h1::before{
    content: 'step';
    display: block;
    font-size: .6em;
}
#globe-header{
    background-color: #0b4ca6;
}
#globe-header>.background-element{
    transform-origin: bottom;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: globe-rotate;
    animation-timing-function: ease-out;
    animation-delay: 2s;
}

#globe-header>.background-element .background-inner{
    background-position: center bottom 63%!important;
}
#globe-header>.background-element .background-inner::after{
    content: '';
    display: block;
    position: absolute;
    left: -10%;
    top: 38%;
    bottom: 0;
    right: -10%;
    background-image: url(/wp-content/themes/uncode-child/img/Frame.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    mix-blend-mode: plus-lighter;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-duration: 5s;
    animation-delay: 2s;
    animation-name: alpha-pulse;
    /* transform: rotate(334deg) translate(-10%, 0%);
    transform-origin: bottom; */
}



.dc-alpha-in-custom .alpha-anim{
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-duration: 5s!important;
    animation-name: alpha-blink!important;
}

.watermark-color *{
    color: #bbbab9!important;
    fill: #bbbab9!important;
}
.icon-box-left.icon-box-space-reduced .icon-box-content {
    padding-left: 5px;
    vertical-align: middle;
}
.oversize-mid-bg .column-background{
    left: -25px;
    right: -25px;
}

.dc-message-box .messagebox_text{
    background-color: #7abccd3b;
    color: inherit;
    font-weight: normal;
    padding: 20px;
    border-left: 5px solid #7abccd;
    display: inline-block;
}

.dot-ball .heading-text{
    position: relative;
    z-index: 9;
}
.dot-ball .heading-text::after,
.dot-ball .heading-text::before{
    content: '';
    display: block;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
}
.dot-ball .heading-text::after{
    width: 100px;
    border-bottom: 2px dashed #0b4ca6;
    margin-top: -1px;
}
.dot-ball.left .heading-text::after{
    left: auto;
    right: calc(100% + 10px);
}

.dot-ball .heading-text::before{
    background-color: #0b4ca6;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: -135px;
    left: auto;
    margin-top: -10px;
}
.dot-ball.left .heading-text::before{
    right: auto;
    left: -135px;
}
.min-margin-top{
    margin-top: 20px!important;
}
.no-margin-top{
    margin-top: 0!important;
}
.text-accent-color p strong{
    color: inherit;
}



/*LARGE TABLET AND DESKTOP ~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (min-width: 960px) {

    
    body.dc-transparent-header .mega-menu-link+ul.mega-sub-menu{
        border-radius: 8px!important;
    }

    .mobile-only,
    body.no-menu #mega-menu-wrap-primary #mega-menu-primary>li:not(:last-child){
        display: none !important
    }

    .no-bg-desktop .background-element{
        display: none !important;
    }

    .wpb_column[class*="col-lg-1/5"] {
        width: 20%;
        display: table-cell;
    }

    .dc-image-offset-right {
        -webkit-transform: translateX(5vw);
        -ms-transform: translateX(5vw);
        transform: translateX(5vw);
    }

    .dc-step-tabs ul.nav-tabs{
        border-bottom: 5px solid #fff!important;
    }

    .dc-spark-header .background-element .background-wrapper .background-inner {
        left: 50%;
    }

    .dc-home-spark .background-element .background-wrapper .background-inner {
        left: 45%;
        right: -41%;
        bottom: -145px;
        top: -132px;
    }

    .dc-popup-modal .dc-modal-content.flex {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        max-width: 1000px;
    }

    .dc-popup-modal .dc-modal-content.flex .dc-modal-media {
        width: 40%;
        flex-shrink: 0;
    }

    .dc-grid-tabs ul.nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .dc-grid-tabs #tabs-description * {
        color: #fff;
    }

    .dc-grid-tabs .vertical-tab-menu,
    .dc-grid-tabs .vertical-tab-contents {
        position: relative;
        overflow: visible;
        float: none !important;
        padding: 40px 40px 40px 0;
    }

    .dc-grid-tabs .vertical-tab-contents {
        padding: 0px 0 40px 40px;
    }

    .dc-grid-tabs .vertical-tab-menu::before,
    .dc-grid-tabs .vertical-tab-contents::before {
        content: '';
        background: #1f224d;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50vw;
    }

    .dc-grid-tabs .vertical-tab-contents::before {
        right: auto;
        left: 0;
        width: 60vw;
        /* background: #ecedff;
       */
        background: #fff;
    }

    .dc-grid-tabs .vertical-tab-contents .tab-content {
        position: relative;
    }

    /* .dc-grid-tabs .vertical-tab-contents .tab-content ul{
        columns: 2;
   }
   */
    .dc-grid-tabs .vertical-tab-menu::after {
        content: '';
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 25px solid #1f224d;
        z-index: 999;
        position: absolute;
        right: -23px;
        top: 40px;
    }

    .dc-grid-tabs ul.nav-tabs li {
        width: 40%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 5px !important;
        border: none;
        background: #272FC2;
        padding: 10px;
        text-align: center;
        -webkit-transition: background .2s linear;
        -o-transition: background .2s linear;
        transition: background .2s linear;
    }

    .dc-grid-tabs ul.nav-tabs li.active {
        background: teal;
    }

    .dc-grid-tabs ul.nav-tabs li a {
        color: #fff !important;
        text-align: center;
    }

    .dc-grid-tabs .vertical-tab-menu .nav-tabs>li>a>span {
        display: inline;
    }

    .dc-grid-tabs .vertical-tab-menu .nav-tabs>li>a span.icon-tab {
        display: block;
        font-size: 30px;
        margin: 0 0 5px;
    }

    .dc-grid-tabs .vertical-tab-menu .nav-tabs>li>a span.icon-tab i {
        margin: 0;
    }

    .dc-grid-tabs ul.nav-tabs li a .tab-excerpt {
        display: block !important;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        opacity: 1 !important;
        position: relative !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        height: auto !important;
    }

    .dc-grid-tabs ul.nav-tabs li a::before,
    .dc-icon .h4::before {
        content: '';
        display: block;
        width: 50px;
        margin: auto;
        height: 50px;
        background-size: contain;
    }

    .dc-icon h2 {
        display: block !important;
    }

    .dc-icon .h4::before {
        float: left;
        margin: -10px 0 0 -15px;
    }

    .dc-icon.discovery .h4::before {
        background-image: url(/wp-content/uploads/2024/06/DigitalDiscovery_60aqua.svg);
    }

    .dc-icon.care .h4::before {
        background-image: url(/wp-content/uploads/2024/06/CareNavigation_60aqua.svg);
    }

    .dc-icon.scheduling .h4::before {
        background-image: url(/wp-content/uploads/2024/06/SmartScheduling_60aqua.svg);
    }

    .dc-icon.delivery .h4::before {
        background-image: url(/wp-content/uploads/2024/06/VirtualDelivery_60aqua.svg);
    }

    .dc-grid-tabs ul.nav-tabs li[data-tab-id="discovery-tab"] a::before,
    .style-dark .dc-icon.discovery .h4::before {
        background-image: url(/wp-content/uploads/2024/06/DigitalDiscovery_Rev.svg);
    }

    .dc-grid-tabs ul.nav-tabs li[data-tab-id="care-tab"] a::before,
    .style-dark .dc-icon.care .h4::before {
        background-image: url(/wp-content/uploads/2024/06/CareNavigation_Rev.svg);
    }

    .dc-grid-tabs ul.nav-tabs li[data-tab-id="scheduling-tab"] a::before,
    .style-dark .dc-icon.scheduling .h4::before {
        background-image: url(/wp-content/uploads/2024/06/SmartScheduling_Rev.svg);
    }

    .dc-grid-tabs ul.nav-tabs li[data-tab-id="delivery-tab"] a::before,
    .style-dark .dc-icon.delivery .h4::before {
        background-image: url(/wp-content/uploads/2024/06/VirtualDelivery_Rev.svg);
    }

    .dc-grid-tabs .vertical-tab-contents .column_child+.column_child .uncode-single-media.text-left {
        margin: 0 -9vw -50px -40px;
    }

    .dc-slide-anim{
        transition: all .5s linear;
        max-height: attr(data-height px);
    }
    .dc-slide-anim:not(.animate-in){
        position: absolute;
        padding: 0;
        opacity: 0;
    }
    
    .dc-slide-anim.animate-out{
        opacity: 0;
        overflow: visible;
        padding: 0;
        max-height: 0;
    
    }
    .dc-slide-anim.animate-in{
        opacity: 1;
    }
    .dc-slide-anim:not(.animate-in)>*{
        display: none;
    }
    
    .dc-slide-anim.bottom-fly-in{
        transform: translateY(50vh);
     }
    .dc-slide-anim.bottom-fly-in.animate-in:not(.animate-out){
        transform: translateY(0);
    }
    /* .dc-slide-anim.scale-up{
        transform: scale(0) translateY(50vh);
    }
    .dc-slide-anim.scale-up.animate-in:not(.animate-out){
        transform: scale(1) translateY(0);
    } */
    .dc-slide-anim.scale-up>*{
        transform: scale(1) translateY(0);
    }
    .dc-slide-anim.scale-up.animate-out>*{
        transform: scale(0) translateY(50vh);
        transition: all 1.5s linear;
    }
    
    .animate-slide-delay:not(.show){
        visibility: hidden;
    }
    .animate-slide-delay.hiding, 
    .animate-slide-delay.hiding .animate_when_almost_visible{
        visibility: visible;
        animation-direction: reverse;
        animation-fill-mode: both;
    }
}

/*UP TO SMALL LAPTOP (content column same as screen width)~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (max-width: 1200px) {
    .dc-home-spark .vc_row::after {
        left: calc(89% - 3vw + 85px);
    }

}

/*WIDE-SCREEN DESKTOP~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (min-width: 1650px) {
    header .menu-container>.row-menu {
        width: auto;
        margin-left: calc(50vw - 600px);
        margin-right: calc(50vw - 825px);
    }

    .dc-artspark-top .main-wrapper::before {
        width: 34%;
    }
}




/*SMALL MOBILE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (max-width: 569px) {

    .btn:not(input):not(.checkout-button):not(.btn-no-scale),
    .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .dc-flex {
        display: block;
    }

    #dc-featured-media .dc-thumbnail {
        width: 100%;
        padding-top: 60%;
    }

    #dc-blog-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #dc-blog-filters .dc-select-wrap,
    #dc-blog-filters .dc-btn {
        width: 100%;
        margin: 10px 0;
    }

    .archive #page-header,
    .blog #page-header {
        padding: 0 36px;
    }

    .dc-line-form form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .dc-line-form form .hs_submit,
    .dc-line-form form .form-columns-2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .dc-line-form form .form-columns-2>div:last-child {
        margin-right: 0;
    }

    .dc-line-form form .form-columns-1 .hs_email {
        width: calc(100vw - 175px);
    }

    .dc-artspark.no-mobile::before,
    .dc-artspark.no-mobile::after {
        display: none !important;
    }

    div.dc-home-spark .vc_row::after {
        border-top: 14px solid #272fc2;
        border-left: 19px solid #272fc2;
    }

    .dc-home-spark .vc_row>.row::before {
        border-right: 19px solid #5fafc2;
        border-bottom: 14px solid #5fafc2;
    }

    .dc-home-spark .vc_row>.row::after {

        height: 16px;
        width: 16px;
    }

    div.dc-home-spark .background-element .background-wrapper .background-inner {
        height: 100vw;
    }

    div.dc-home-spark .background-wrapper::before {
        top: auto;
        bottom: -4vw;
        right: 6vw;
        height: 65vw;
        width: 65vw;
        max-width: 500px;
        max-height: 500px;
        padding: 0;
    }

}

/*SMALL TABLET AND MOBILE ~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (max-width: 959px) {

    body.dc-transparent-header .menu-light .row-menu .row-menu-inner{
        border: none;
    }
    body.dc-transparent-header .mobile-menu-button-light .lines:not(.lines-dropdown),
    body.dc-transparent-header .mobile-menu-button-light .lines:not(.lines-dropdown)::before,
    body.dc-transparent-header .mobile-menu-button-light .lines:not(.lines-dropdown)::after,
    body.dc-transparent-header.open-overlay-menu #logo-container-mobile{
        background: #fff;
        transition: background 0.3s ease;
    }
    body.dc-transparent-header .mobile-menu-button-light.close .lines,
    body.dc-transparent-header .mobile-menu-button-light.close .lines::before,
    body.dc-transparent-header .mobile-menu-button-light.close .lines::after{
        background: #000000;
    }
    body.dc-transparent-header.open-overlay-menu #masthead #main-logo img{
        opacity: 1;
    }

    
    .desktop-only,
    .dc-half-bg .background-element {
        display: none !important
    }

    body .main-container .unequal.row .cols-md-responsive>.wpb_column[class*="col-lg-1/5"] {
        width: 100%;
        display: block !important;
    }

    .no-bg-mobile .background-element{
        display: none !important;
    }
    .no-bg-desktop .background-element{
        display: block !important;
        right: -36px;
        left: -36px;
    }

    .mobile-min-pad {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }

    .mobile-align-left,
    .mobile-align-left * {
        text-align: left !important
    }

    .hs-form ul[role="checkbox"]{
        column-count: 1;
    }

    .main-container .mobile-reverse .row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .inverted-device-order .col-lg-3:nth-child(3) {
        display: table-footer-group !important;
    }

    .dc-reduce-mobile .heading-text-inner {
        font-size: 80%;
    }
    .mobile-no-top-pad, .mobile-no-top-pad>.row {
        padding-top: 0 !important;
    }

    .mobile-full-bleed{
        margin: 0 -36px;
        width: 100vw;
    }

    #dc-featured-articles article,
    .dc-archive article {
        width: 100%;
    }

    #dc-blog-filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
    }

    body.page #dc-blog-filters {
        padding: 0 36px;
    }

    #dc-blog-filters .dc-select-wrap {
        width: 45%;
        margin: 0;
    }

    #dc-blog-filters .dc-btn {
        width: 100%;
    }

    #dc-blog-filters>span {
        display: none;
    }

    .dc-spark-header.bg-offset .background-element .background-wrapper .background-inner {
        background-position: bottom !important;
    }

    .dc-featured-wrap h1 {
        margin-left: 0;
    }

    .row-container>h2.dc-artspark {
        margin-left: 35px;
    }

    #dc-featured-media article {
        padding: 0 36px;
    }

    #dc-featured-media article h3,
    #dc-featured-articles article h3 {
        font-size: 20px;
    }

    #dc-featured-media .date {
        margin-top: 10px;
        display: block;
    }

    .dc-home-spark .vc_row {
        padding-bottom: 50vw;
    }

    .dc-home-spark .background-wrapper::before {
        top: 31%;
        right: 22%;
        height: 50vw;
        width: 50vw;
        max-width: 500px;
        max-height: 500px;
        padding: 0;
    }

    .dc-home-spark .background-element .background-wrapper .background-inner {
        left: 50%;
        top: auto;
        bottom: -100px;
        transform: translateX(-50%);
        height: calc(80vw - 100% + 100%);
        width: 100%;
        max-width: 535px;
        min-width: 350px;
        background-position: bottom center !important;
    }

    .dc-home-spark .vc_row>.row::before {
        left: -43vw;
        height: 12vw;
        bottom: -59vw;
        width: 86vw;
    }

    div.dc-home-spark .vc_row::after {
        bottom: 13vw;
        left: 59vw;
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
        height: 13vw;
    }

    .dc-home-spark .vc_row>.row::after {
        right: calc(50% - 3vw - 42px);
        bottom: -44vw;
    }

    .dc-home-spark .vc_row::before,
    .dc-home-spark .background-element::before,
    .dc-home-spark .background-element::after {
        display: none;
    }

    .dc-spark-header,
    .dc-home-spark {
        padding-bottom: calc(55vw - 50px);
    }

    .dc-spark-header .background-wrapper::before {
        top: auto;
        height: 41vw;
        bottom: 22vw;
    }

    .dc-spark-header::before {
        top: auto;
        bottom: 55vw;
        -webkit-animation-name: ltr-bar-mobile;
        animation-name: ltr-bar-mobile
    }

    .dc-spark-header::before,
    .dc-spark-header::after {
        height: 15px;
    }

    .dc-spark-header .background-element::before,
    .dc-spark-header .background-element::after {
        height: 16px;
        width: 16px;
        left: 51%;
        margin: 0;
        bottom: calc(55vw + 8px);
        top: auto;
    }

    .dc-spark-header.dog-ear .background-element::before,
    .dc-spark-header.dog-ear .background-element::after {
        bottom: calc(61vw + -17px);
    }

    .dc-spark-header .background-element::after {
        left: calc(51% + 32px);
    }

    .dc-artspark::before,
    .dc-artspark::after {
        height: 16px;
        top: calc(.6em - 5px);
    }

    .dc-artspark::after {
        width: 16px;
    }

    .dc-artspark.text-uppercase::before,
    .dc-artspark.text-uppercase::after {
        top: calc(.6em - 8px);
    }

    .dc-artspark.mobile-under {
        margin-bottom: 1.5em;
    }

    .dc-artspark.mobile-under::before,
    .dc-artspark.mobile-under::after {
        top: auto;
        left: 0;
        bottom: calc(-1em - 8px);
    }

    .dc-artspark.mobile-under::before {
        left: 32px;
    }

    .dc-artspark.no-mobile::before,
    .dc-artspark.no-mobile::after,
    .dc-artspark.mobile-under+.separator-accent {
        display: none !important;
    }

    .dc-spark-header .btn-container {
        text-align: center;
    }

    .dc-quote-spark::before {
        left: 21%;
    }

    .dc-quote-spark .single-wrapper::before {
        left: calc(21% - 95px);
    }

    .dc-quote-spark::after {
        left: calc(65% + 25px);
    }

    .dc-quote-spark .single-wrapper::after {
        left: calc(77% + 34px);
    }

    .dc-quote-spark .uncode-single-media-wrapper {
        width: 65%;
        max-width: 300px;
        margin: auto;
        -webkit-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
        transform: translateX(-10%);
        z-index: 1;
    }

    .main-container .mobile-remove-padding-top>div.row {
        padding-top: 20px;
    }
    .main-container .mobile-no-vertical-padding>div.row {
        padding-top: 0;
        padding-bottom: 0;
    }
    .dc-comparison-table .wpb_row.row-inner{
        display: flex;
        align-items: center;
    }
    .dc-comparison-table .wpb_row.row-inner .wpb_column{
        padding: 0;
    }

    body.page .dc-archive.cards,
    body.page .dc-featured-custom-articles {
        padding: 36px;
    }

    .dc-spark-header.dog-ear::before {
        top: auto;
        bottom: calc(60.5vw - 350px);
        border-top: 14px solid #F9D833;
        border-left: 19px solid #F9D833;
        width: 50%;
        right: 50%;
    }

    .dc-spark-header.dog-ear::after {
        top: auto;
        bottom: calc(60.5vw - 14px);
        border-right: 19px solid #5fafc2;
        border-bottom: 14px solid #5fafc2;
        left: calc(50% + 60px);
        width: calc(50% - 60px);
    }

    .dc-artspark-top .main-wrapper::before {
        border-width: 0 0 14px 19px;
        width: 80px;
        right: auto;
        left: 35px;
        height: 100px;
        top: -100px;
        margin-top: 50px;
        -webkit-animation-name: counter-clockwise-start-mobile;
        animation-name: counter-clockwise-start-mobile;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

    .dc-artspark-top .main-container::before {
        height: 14px;
        top: 34px;
        left: 190px;
    }

    .dc-artspark-top .main-wrapper::after,
    .dc-artspark-top .main-container::after {
        height: 16px;
        width: 16px;
        left: 135px;
    }

    .dc-artspark-top .main-container::after {
        margin-left: 18px;
    }

    .dc-artspark.mobile-nospark::before,
    .dc-artspark.mobile-nospark::after {
        display: none !important;
    }

    .dc-grid-tabs .vertical-tab-menu {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        min-height: 100px !important;
        width: 100% !important;
    }

    .dc-grid-tabs .vertical-tab-contents {
        width: 100%;
        float: none;
    }

    .dc-grid-tabs .vertical-tab-menu .row {
        padding-left: 0;
        padding-right: 0;
    }

    .dc-grid-tabs .vertical-tab-menu * {
        color: #fff;
    }

    .dc-grid-tabs .vertical-tab-menu::before {
        content: '';
        background: #1f224d;
        display: block;
        position: absolute;
        top: -40px;
        bottom: -40px;
        right: -40px;
        left: -40px;
    }

    .dc-grid-tabs .tab-pane {
        display: block;
    }

    .dc-grid-tabs .nav-tabs {
        display: none;
    }

    .dc-grid-tabs .inverted-device-order .wpb_column:last-child .uncol {
        width: 90%;
        max-width: 500px;
        float: right;
        margin: 0;
        margin-bottom: calc(100% - 107vw);
        margin-right: calc(100% - 92vw)
    }


    #globe-header>.background-element{
        margin-top: 80%;
    }


}