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

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


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

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;
}

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

.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-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;
}

.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 {
    height: 45px;
    margin: -1px 0;
}

.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;
}




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

    .mobile-only,
    body.no-menu #mega-menu-wrap-primary #mega-menu-primary>li:not(:last-child){
        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-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-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;
    }
}

/*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) {

    .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;
    }

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

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

    .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%;
    }

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

    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)
    }
}