:root {
    --primary-color: 128, 6, 214;
    --primary-color-light: #F2E6FB;
    --primary-color-dark: #1F2937;
    --primary-color-dark-2: #875AA6;
    --primary-color-gradient: linear-gradient(145deg, #f2e6fb 45.13%, #f1d6f4 85%);
    --secondary-color: 232, 0, 108;
    --secondary-color-light: #FDE6F0;
    --secondary-color-gradient: linear-gradient(104.95deg, #FFE5F9 45.13%, #FFD4F5 85%);
    --text-color: #111827;
    --link-color: #0065FF;
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --grey: 177, 177, 177;
    --heading-font: 'Titillium Web', sans-serif;
    --content-font: 'Work Sans', sans-serif;
    --number-font: 'Merriweather', serif;
    --bg-light-blue: #E6FCFF;
    --blue-color-gradient: linear-gradient(145deg, #e6fcff 45.13%, #d0e6ff 85%);
    --yellow-dark: #FF8A00;
    --yellow-light: #FFF3C9;
    --orange-light: #FFEBED;
    --shadow-secondary-color: rgba(128, 6, 214, 0.15) 0 35px 100px;
    --bg-grey-light: #F3F4F6;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F4F0EB;
    border-radius: 10px
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F4F0EB;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.4)
}

@-webkit-keyframes moveCodeSamplesLeft {
    to {
        -webkit-transform: translateX(-3950px);
        transform: translateX(-3950px)
    }
}

@keyframes moveCodeSamplesLeft {
    to {
        -webkit-transform: translateX(-3950px);
        transform: translateX(-3950px)
    }
}

@-webkit-keyframes moveCodeSamplesRight {
    to {
        -webkit-transform: translateX(2250px);
        transform: translateX(2250px)
    }
}

@keyframes moveCodeSamplesRight {
    to {
        -webkit-transform: translateX(2250px);
        transform: translateX(2250px)
    }
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden
}

*,
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

::-moz-selection {
    color: var(--text-color);
    background: #FDDE74
}

::selection {
    color: var(--text-color);
    background: #FDDE74
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6)
    }

    100% {
        box-shadow: 0 0 0 12px rgba(0, 0, 0, 0)
    }
}

@keyframes shadow-pulse-white {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6)
    }

    100% {
        box-shadow: 0 0 0 12px rgba(255, 255, 255, 0)
    }
}
@keyframes shadow-pulse-primary {
    0% {
        box-shadow: 0 0 0 0 rgb(232 0 108 / 55%);
    }

    100% {
       box-shadow: 0 0 0 12px rgb(190 24 145 / 8%);
    }
}
@keyframes arrowSlide {

    0%,
    100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(5px, 0)
    }
}

@keyframes MoveUpDown {

    0%,
    100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 50px)
    }
}

body {
    font-family: var(--content-font);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6em;
    color: var(--text-color);
    /* background: var(--primary-color-dark); */
}
footer {
    background: var(--primary-color-dark);
}
a {
    color: var(--text-color);
    outline: 0;
    text-decoration: none
}

a,
a:visited {
    text-decoration: none;
    outline: 0;
    color: var(--text-color);
}

a:focus {
    color: var(--text-color);
    text-decoration: underline;
    outline: 0
}

a:hover {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

a:focus,
a:active,
a:visited {
    text-decoration: none;
    outline: 0
}

svg {
    fill: var(--text-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    color: var(--text-color);
    line-height: 1.3em;
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--text-color)
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: rgba(var(--primary-color), 1)
}

h1 {
    font-size: 38px;
}

h1.h1_large {
    font-size: 40px
}

h1.h1_xxlarge {
    font-size: 46px;
    line-height: 1.2em
}

h2 {
    font-size: 32px;    
}

h2.h2_xlarge {
    font-size: 36px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 21px;    
    font-weight: 600;
}

h5 {
    font-size: 19px;    
    font-weight: 600;
}

h6 {
    font-size: 17px;    
    font-weight: 600;
}

p {
    padding: 0 0 20px;
    margin: 0
}

em {
    font-style: italic
}

strong,
b {
    font-weight: 700
}

.font-weight-500 {
    font-weight: 500
}

.text-xs p,
.text-xs {
    font-size: 14px !important;
    line-height: 1.3em !important
}

.text-sm p,
.text-sm {
    font-size: 12px !important;
    line-height: 1.2em !important
}

.text-medium p,
.text-medium {
    font-size: 16px !important;
    line-height: 1.6em !important
}

.text-large p,
.text-large {
    font-size: 17px !important;
    line-height: 1.6em !important
}

.text-xlarge p,
.text-xlarge {
    font-size: 18px !important;
    line-height: 1.6em !important
}

.text-xxlarge p,
.text-xxlarge {
    font-size: 20px !important;
    line-height: 1.6em !important
}

.line-spacing-sm {
    line-height: 1.2em !important
}

.line-spacing-xs {
    line-height: 1em !important
}

.text-primary,
a.text-primary:hover {
    color: rgba(var(--primary-color), 1) !important
}

.text-secondary,
a.text-secondary:hover {
    color: rgba(var(--secondary-color), 1) !important
}

.text-secondary svg,
svg.text-secondary  {
    fill: rgba(var(--secondary-color), 1);
}

.text-secondary-gradient {
    background: linear-gradient(
        to right,
        #8005D8 0%,
        #c92e66 50%,
        #8005D8 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 10s ease-in-out infinite alternate;   
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.text-link-color {
    color: var(--link-color) !important;
}

.text-grey {
    color: #aaaaaa !important
}

.text-white {
    color: rgba(var(--white), 1) !important
}

.bg-grey {
    background: #F3F4F6 !important
}

.bg-grey-light {
    background: var(--bg-grey-light) !important
}

.bg-none {
    background: none !important
}

.bg-primary-light {
    background: var(--primary-color-light) !important
}

.bg-primary {
    background: rgba(var(--primary-color), 1) !important
}

.bg-primary-gradient {
    background: var(--primary-color-gradient) !important
}

.bg-secondary {
    background: rgba(var(--secondary-color), 1) !important
}

.bg-secondary-gradient {
    background: var(--secondary-color-gradient) !important
}

.bg-secondary-light {
    background: var(--secondary-color-light) !important
}

.bg-blue-light {
    background: var(--bg-light-blue) !important;
}

.bg-blue-light-gradient {
    background: var(--blue-color-gradient) !important;
}

.bg-orange-light {
    background: var(--orange-light) !important;
}

.shadow-secondary-color {
    box-shadow: var(--shadow-secondary-color) !important;
}

.shadow-right-bottom {
    box-shadow: 5px 5px 10px rgba(var(--black), 0.2)
}

.pt-80 {
    padding-top: 90px
}

.pb-80 {
    padding-bottom: 90px
}

.py-80 {
    padding-top: 90px;
    padding-bottom: 90px
}

.my-80 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mt-80 {
    margin-top: 90px
}

.mb-80 {
    margin-bottom: 90px
}
.icon-f img {
    max-height: 70px
}

.icon-f svg {
    max-height: 60px
}

.icon-w img {
    width: 70px
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    z-index: 10
}

.sticky-top.sticky-with-header {
    top: 87px;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}

ol li {
    width: calc(100% - 20px);
    list-style-type: decimal;
    list-style-position: outside;
    margin: 7px 0 7px 20px
}

ul,
ol {
    margin-bottom: 20px
}

.custom-ordered-list {
    list-style: none;
    counter-reset: my-awesome-counter
}

.custom-ordered-list li {
    counter-increment: my-awesome-counter;
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    margin: 7px 0
}

.custom-ordered-list li::before {
    content: counter(my-awesome-counter) ".";
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    font-family: 'Crabmeal', sans-serif;
    top: 4px;
    left: 0
}

.check-list .custom-ordered-list {
    padding-left: 20px;
    margin-top: 10px;
}

.check-list .custom-ordered-list li {
    padding-left: 0;
    font-size: inherit;
    margin: 2px 0;
}

.check-list .custom-ordered-list li:before {
    display: none;
}

.check-list dt {
    position: relative;
    padding-left: 28px;
    margin: 7px 0;
    font-weight: 500;
}

.check-list dt:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3Esvg%7Bfill:%23b36ae6%7D%3C/style%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
}

.ordered-check-list {
	display: inline-block;
	width:100%;
}
	
.ordered-check-list li {
	width:100%;
    float: left;
    position: relative;
    margin: 7px 0;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    h1 {
        font-size: 35px
    }

    h1.h1_large {
        font-size: 38px
    }

    h1.h1_xxlarge {
        font-size: 40px;
        line-height: 1.4em
    }

    h2 {
        font-size: 28px
    }

    h2.h2_xlarge {
        font-size: 32px
    }
}

@media (max-width: 767px) {
    body {
        letter-spacing: .01em
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.25em;
    }

    h1 {
        font-size: 32px
    }

    h1.h1_large {
        font-size: 34px
    }

    h1.h1_xxlarge {
        font-size: 36px;
        line-height: 1.3em
    }

    h2 {
        font-size: 28px
    }

    h2.h2_xlarge {
        font-size: 30px
    }

    h3 {
        font-size: 24px
    }

    .pt-80 {
        padding-top: 50px
    }

    .pb-80 {
        padding-bottom: 50px
    }

    .py-80 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .my-80 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .mt-80 {
        margin-top: 50px
    }

    .mb-80 {
        margin-bottom: 60px
    }

    .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 40px
    }

    h1.h1_large {
        font-size: 54px;
        line-height: 1.2em
    }

    h1.h1_xxlarge {
        font-size: 60px;
        line-height: 1.15em
    }

    h2 {
        font-size: 42px;
        line-height: 1.2em;
    }

    h2.h2_xlarge {
        font-size: 46px
    }

    h3 {
        font-size: 34px
    }

    h4 {
        font-size: 24px
    }
    

    body {
        font-size: 17px
    }

    .text-medium p,
    .text-medium {
        font-size: 18px !important
    }

    .text-large p,
    .text-large {
        font-size: 20px !important
    }

    .text-xlarge p,
    .text-xlarge {
        font-size: 25px !important
    }

    .text-xxlarge p,
    .text-xxlarge {
        font-size: 30px !important
    }

    .container {
        max-width: 1290px;
        padding-left: 20px;
        padding-right: 20px
    }

}

picture,
video {
    display: block
}

source,
img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    line-height: .5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0
}

.border-radius {
    border-radius: 20px
}

.border-radius-sm {
    border-radius: 15px
}

.border-bottom-gradient {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(var(--white), 1), rgba(var(--grey), 0.8), rgba(var(--white), 1));
    border-image-slice: 1;
}

.content_main {
    width: 100%;
    float: left;
    background: rgba(var(--white), 1)
}

input {
    outline: 0 !important;
    outline-width: 0 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border: 1px solid var(--text-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control:focus {
    color: var(--text-color);
    background: rgba(var(--white), 1) !important;
    border-color: rgba(var(--black)) !important;
    box-shadow: none;
    outline: 0
}

input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=search-md]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
textarea.md-textarea:focus:not([readonly])+label {
    color: var(--text-color);
    font-weight: 500
}

select.form-control {
    height: 45px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 2px 20px !important;
    outline-color: inherit
}

select::-ms-expand {
    display: none
}

select.form-control:focus {
    outline: 0;
    background: rgba(var(--white), 1) url(../images/icons/arrow_down.png) no-repeat right 20px center !important;
    background-size: 11px 11px !important;
    outline: none;
    box-shadow: none;
    outline-color: inherit
}

select.form-control option {
    font-weight: 500;
    padding: 6px 10px
}

select.form-control:not([size]):not([multiple]) {
    background: rgba(var(--white), 1) url(../images/icons/arrow_down.png) no-repeat right 18px center;
    background-size: 11px 11px
}

.form-group {
    margin-bottom: 1.5em
}

.form-control {
    width: 100%;
    height: 45px;
    background: rgba(var(--white), 1);
    border: 1px solid rgba(var(--grey), 0.8);
    font-weight: 400;
    font-size: 15px;
    border-radius: 12px;
    padding: 6px 18px;
    box-sizing: border-box;
    color: var(--text-color)
}

textarea.form-control {
    height: 90px
}

.input-group .btn:not(:disabled):not(.disabled):hover,
.input-group .btn:not(:disabled):not(.disabled):active,
.input-group .btn:not(:disabled):not(.disabled):focus {
    transform: translateY(0) !important
}

.input-group .form-control {
  border-radius: 12px;
}

.input-group .input-group-text {
    border-radius: 0 12px 12px 0;
    border-color: rgba(var(--grey), 0.8);
}

.input-group .btn {
     border-radius: 0px 12px 12px 0px!important;
    padding: 10px 25px;
}

.input-group .form-control:focus+.btn {
    box-shadow: 0 12px 5px -5px rgba(0, 0, 0, 0.1);
    background: rgba(var(--primary-color), 1)
}

.input-group .form-control.error+.btn,
.input-group .form-control.error+.btn:active,
.input-group .form-control.error+.btn:not(:disabled):active,
.input-group .form-control.error+.btn:not(:disabled):focus,
.input-group .form-control.error:focus+.btn {
    background: #F83483
}

.input-group .form-control.error,
.input-group .form-control.error:focus {
    border-color: #F83483 !important
}

label {
    position: relative
}

.col-form-label {
    padding-top: calc(.6rem + 1px)
}

@media (max-width: 991px) {
    .col-form-label {
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .input-group.mob-fw {
        flex-direction: column
    }

    .input-group.mob-fw .form-control {
        border-bottom-right-radius: 12px!important;
        border-top-right-radius: 12px!important;
        margin-bottom: 6px;
		width:100%!important;
    }

    .input-group.mob-fw .btn {
        width: 100%;
        border-radius: 12px!important;
        padding: 6px 0;
        height: 38px
    }
}

@media (min-width: 1366px) {
    select {
        height: 45px !important
    }

    .form-control {
        height: 45px;
        font-size: 16px;
        padding: 10px 18px
    }
}

.getstarted_signup {
    position: relative
}

.wrong-entry {
    animation: wrong-log .5s
}

@-moz-keyframes wrong-log {

    0%,
    100% {
        left: 0
    }

    20%,
    60% {
        left: 8px
    }

    40%,
    80% {
        left: -8px
    }
}

@-webkit-keyframes wrong-log {

    0%,
    100% {
        left: 0
    }

    20%,
    60% {
        left: 8px
    }

    40%,
    80% {
        left: -8px
    }
}

@keyframes wrong-log {

    0%,
    100% {
        left: 0
    }

    20%,
    60% {
        left: 8px
    }

    40%,
    80% {
        left: -8px
    }
}

.check-cus,
.radio-cus {
    width: 100%;
    display: inline-block;
    position: relative
}

.check-cus input[type=checkbox],
.radio-cus input[type=radio] {
    display: none
}

.check-cus label,
.radio-cus label {
    width: auto;
    padding-left: 30px !important;
    font-weight: 500;
    position: relative;
    font-size: 16px;
    margin: 0;
    cursor: default !important
}

.check-cus label:before,
.radio-cus label:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #333333;
    position: absolute;
    top: 5px;
    border-radius: 100%;
    left: 0;
    z-index: 5
}

.check-cus label:after,
.radio-cus label:after {
    content: '';
    width: 7px;
    height: 7px;
    background: rgba(var(--white), 1);
    position: absolute;
    top: 10px;
    border-radius: 100%;
    left: 5px;
    display: none
}

.check-cus label:before {
    border-radius: 3px
}

.check-cus label:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z' fill='%23fff'/%3E%3C/svg%3E");
    width: 11px;
    height: 11px;
    background: none;
    position: absolute;
    line-height: 11px;
    top: 8px;
    border-radius: 100%;
    left: 3px;
    display: none;
    z-index: 6;
}

.check-cus input[type=checkbox]:checked+label:after,
.radio-cus input[type=radio]:checked+label:after {
    display: block;
    z-index: 5;
}

.check-cus input[type=checkbox]:checked+label:before,
.radio-cus input[type=radio]:checked+label:before {
    border-color: rgba(var(--primary-color), 1)
}

.check-cus input[type=checkbox]:checked+label:before,
.radio-cus input[type=radio]:checked+label:before {
    border-color: rgba(var(--primary-color), 1);
    background: rgba(var(--primary-color), 1);
    color: rgba(var(--white), 1);
}

.md-form .form-group {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 26px
}

.md-form .form-group label {
    width: 100%;
    display: inline-block;
    color: rgba(var(--grey), 1);
    font-size: 15px;
    z-index: 2;
    cursor: text;
    position: absolute;
    left: 0;
    top: 14px;
    line-height: 1.2em;
    margin-bottom: 0;
    padding: 0 0 0 16px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.md-form .form-group label span {
    background: #ffffff;
    padding: 0 4px;
    line-height: 1em
}

.md-form .form-group label span sup {
    margin-left: 2px
}

.md-form .form-control {
    border-color: rgba(var(--grey), 1)
}

.md-form .form-control:focus {
    background-color: transparent
}

/* .md-form .form-control:focus~label,
.md-form .form-control.not-empty~label,
.md-form .form-control.valid~label,
.md-form select.form-control~label,
.md-form .ProjectNamelabel:has(input.not-empty) label,
.md-form .ProjectNamelabel:has(input.valid) label,
.md-form .ProjectNamelabel:has(input.error) label,
.md-form .ProjectNamelabel:has(input:focus) label,
.md-form .country-select label {
    top: -6px;
    font-size: 13px;
    color: rgba(var(--black), 0.8);
    z-index: 6
} */

.md-form .ProjectNamelabel label,
.md-form .form-control:focus~label,
.md-form .form-control.not-empty~label,
.md-form .form-control.valid~label,
.md-form select.form-control~label,
.md-form .country-select label {
    top: -6px;
    font-size: 13px;
    color: rgba(var(--black), 0.8);
    z-index: 6
}

.md-form #li-vatNumber .input-group .input-group-text {
    border-width: 2px;
    border-right: none;
    border-radius: 0 0 0 22px;
    padding: 0 20px;
    font-weight: 700
}

.md-form #li-vatNumber .form-group label {
    top: -6px;
    font-size: 13px;
    color: var(--text-color)
}


.md-form #li-vatNumber .input-group {
    flex-wrap: nowrap
}

.md-form .form-control:focus~label span,
.md-form .form-control.not-empty~label span {
    background: rgba(var(--white), 1);  
    color: rgba(var(--black), 0.8)  
}

.md-form span.error {
    width: 100%;
    float: left;
    position: static !important;
    margin-top: 3px !important;
    margin-bottom: -7px !important;
    z-index: 5;
    color: #F83483;
    font-size: 12px;
    line-height: 1.3em;
    letter-spacing: .01em;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right
}

.md-form .form-control.error,
.md-form .form-control.is-empty {
    border-color: #F83483
}

.md-form .form-control.error:focus {
    border-color: #F83483 !important
}

.bg-paper-tear2 .md-form .form-control {
    background: none;
    border-color: #333333
}

.bg-primary-light .md-form .form-group label span {
    background: var(--primary-color-light);
}

.bg-primary-light .md-form .form-group .form-control,
.bg-primary-light .md-form .form-group .form-control:focus {
    background: var(--primary-color-light) !important;
}

.bg-grey-light .md-form .form-group label span {
    background: var(--bg-grey-light) !important;
}

.bg-grey-light .md-form .form-group .form-control,
.bg-grey-light .md-form .form-group .form-control:focus {
    background: var(--bg-grey-light) !important;
}

.bg-grey-light .md-form .form-group select.form-control,
.bg-grey-light .md-form .form-group select.form-control:focus {
    background: var(--bg-grey-light) url(../images/icons/arrow_down.png) no-repeat right 20px center !important;
    background-size: 11px 11px !important;
}

.bg-primary-light .md-form .form-group select.form-control,
.bg-primary-light .md-form .form-group select.form-control:focus {
    background: var(--primary-color-light) url(../images/icons/arrow_down.png) no-repeat right 20px center !important;
    background-size: 11px 11px !important;
}

.exception_message,
.exception_message1,
.exception_message2,
.exception_message3 {
    position: fixed;
    top: 20px;
    right: -245px;
    min-width: 240px;
    max-width: 380px;
    background: rgba(var(--secondary-color), 1);
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 10px 35px 10px 15px;
    transition: all .35s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.18) 0 0 8px;
    color: rgba(var(--white), 1);
    border-radius: 5px;
    z-index: 1015
}

.exception_message .alert_close,
.exception_message1 .alert_close,
.exception_message2 .alert_close,
.exception_message3 .alert_close {
    font-weight: bold;
    font-size: 20px;
    top: 7px;
    right: 10px;
    position: absolute;
    cursor: pointer
}

.exception_message #exception_message_content ul,
.exception_message1 #exception_message_content1 ul,
.exception_message2 #exception_message_content2 ul,
.exception_message3 #exception_message_content3 ul {
    margin-bottom: 0
}

button,
button:focus {
    outline: 0
}

.btn,
.cta {
    padding: 13px 25px;
    line-height: 1.3;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    border-radius: 12px;
    color: rgba(var(--white), 1) !important;
    border: none
}

.btn svg,
.cta svg {
    width: 13px;
    height: 13px;
    margin-top: -3px;
    margin-left: 0.25em;
}

.cta:not(:disabled):not(.disabled):hover,
.cta:not(:disabled):not(.disabled):focus,
.cta:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled):hover,
.btn:not(:disabled):not(.disabled):focus,
.btn:not(:disabled):not(.disabled):active {
    box-shadow: 0 12px 5px -5px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-1px) !important;
    text-decoration: none
}

.btn:disabled {
    cursor: not-allowed !important;
    opacity: 0.6;
    background-color: rgba(var(--grey), 0.8) !important;
}

.cta,
.btn.btn-primary {
    background-color: #8006D6;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.cta:not(:disabled):not(.disabled):focus,
.cta:not(:disabled):not(.disabled):active,
.cta:not(:disabled):not(.disabled):active,
.cta:not(:disabled):not(.disabled):hover,
.btn.btn-primary:not(:disabled):not(.disabled):focus,
.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled):hover {
    background-color: rgba(var(--primary-color), 1);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: rgba(var(--white), 1);
    outline: 0
}

.btn.btn-outline-primary {
    border: 2px solid #8006D6;
    color: #8006D6 !important;
    background-color: transparent !important;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
.btn.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
    background-color: #8006D6 !important;
    border: 2px solid #8006D6;
    color: rgba(var(--white), 1) !important
}

.btn.btn-secondary {
    color: rgba(var(--white), 1) !important;
    background-color: rgba(var(--secondary-color), 1);
    box-shadow: 0px 25px 50px -6px rgba(232, 0, 108, 0.25);
}

.btn.btn-secondary:not(:disabled):not(.disabled):focus,
.btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-secondary:not(:disabled):not(.disabled):hover {
    color: rgba(var(--white), 1) !important;
    background-color: rgba(var(--secondary-color), 1);
    box-shadow: 0px 25px 50px -6px rgba(232, 0, 108, 0.25) !important;
}

.btn.btn-grey {
    background-color: rgba(var(--black), 0.8);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.btn.btn-grey:not(:disabled):not(.disabled):focus,
.btn.btn-grey:not(:disabled):not(.disabled):active,
.btn.btn-grey:not(:disabled):not(.disabled):active,
.btn.btn-grey:not(:disabled):not(.disabled):hover {
    background-color: #979797;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: rgba(var(--white), 1);
    outline: 0;
    box-shadow: none
}

.btn.btn-dark {
    background-color: #1F2937;
}

.btn.btn-dark:not(:disabled):not(.disabled):focus,
.btn.btn-dark:not(:disabled):not(.disabled):active,
.btn.btn-dark:not(:disabled):not(.disabled):active,
.btn.btn-dark:not(:disabled):not(.disabled):hover {
    background-color: rgba(var(--primary-color), 1) !important;
    color: rgba(var(--white), 1) !important
}

.btn.btn-outline-dark {
    border: 2px solid var(--primary-color-dark);
    color: var(--primary-color-dark) !important;
    background-color: transparent !important;
    padding-top: 11px;
    padding-bottom: 11px;
}

.btn.btn-outline-dark svg {
    width: 17px;
    height: 17px;
    top: 2px;
    position: relative;
}

.btn.btn-outline-dark:not(:disabled):not(.disabled):focus,
.btn.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn.btn-outline-dark:not(:disabled):not(.disabled):hover {
    background-color: var(--primary-color-light) !important;
    border: 2px solid rgba(var(--primary-color), 1);
    color: rgba(var(--primary-color), 1) !important
}

.btn.btn-outline-dark:not(:disabled):not(.disabled):focus svg,
.btn.btn-outline-dark:not(:disabled):not(.disabled):active svg,
.btn.btn-outline-dark:not(:disabled):not(.disabled):active svg,
.btn.btn-outline-dark:not(:disabled):not(.disabled):hover svg {
    fill: rgba(var(--primary-color), 1) !important
}

.btn.btn-sm {
    padding: 9px 15px 7px;
    font-size: 13px
}

.btn.btn-outline-primary.btn-sm {
    padding: 7px 15px 5px
}

.btn.btn-with-arrow {
    position: relative;
    padding-right: 65px;
}

.btn.btn-with-arrow:after {
    content: '';
    width: 18px;
    height: 20px;
    background: url("../images/icons/arrow-right-long.svg") no-repeat right center;
    background-size: 100% auto;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);    
}

.btn.btn-sm svg {
    width: 15px;
    height: 15px;
    top: 0px;
    position: relative
}

.btn.btn-lg {
    padding: 20px 35px;
    font-size: 20px;
    border-radius: 17px;
}

.btn.btn-outline-primary.btn-lg {
    padding: 13px 28px 11px
}

.btn.btn-lg i {
    font-size: 19px;
    top: 2px;
    position: relative
}

.btn-play {
    width: 55px;
    height: 55px;
    position: relative;
    padding-left: 72px 
}

.btn-play:after {
    content: '';
    width: 55px;
    height: 55px;
    display: inline-block;
    border-radius: 50px;
    border: 4px solid transparent;
    background: linear-gradient(45deg, rgba(var(--primary-color), 1), rgba(var(--secondary-color), 1)) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 100%;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    animation: shadow-pulse 2s infinite;
    position: absolute;
    top: 0;
    left: 0
}

.btn-play svg {
    width: 20px;
    height: 20px;
    fill: rgba(var(--black));
    position: absolute;
    top: 50%;
    left: calc(50% - 16px);
    transform: translateX(-50%);
    transform: translateY(-50%);
}

.play-video:hover .btn-play {
    -webkit-animation: btn-play-anim 0.3s forwards;
	animation: btn-play-anim 0.45s forwards;
}

.play-video:hover b {
    color: rgba(var(--primary-color), 1);
}

@-webkit-keyframes btn-play-anim {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes btn-play-anim {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@media (max-width: 767px) {
	.search-submit { width:auto!important;}
	.btn.btn-outline-primary, .btn.btn-secondary, .btn.btn-outline-dark, .btn.btn-primary, .btn.btn-dark, .btn-white, .btn-outline-white {width:100%}
	
}
.search-form .btn svg {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 0;
}

.link-video {
    position: relative;    
    color: var(--link-color);
}


.link-video svg {
    width: 20px;
    height: 20px;     
    fill: var(--link-color);
}

.link-video {
    position: relative;    
    color: var(--link-color);
}

.link-more {
    position: relative;    
    color: var(--link-color);
}

.link-video:visited,
.link-video:active,
.link-video:focus, 
.link-more:visited,
.link-more:active,
.link-more:focus {
    color: var(--link-color);
}

.link-more:after {
    content: '';
    background: url('../images/icons/arrow01.svg') no-repeat;
    width: 15px;
    height: 15px;
    top: 2px;
    position: relative;
    display: inline-block;
    margin-left: 5px;
    background-size: 15px 15px;
}

.link-more svg {    
    width: 13px;
    height: 13px;
    position: relative;
    top: 0px;
}

.link-more:hover {
    text-decoration: none
}

.link-more-long {
    position: relative;
    font-weight: 500;
    padding-right: 32px;
    color: var(--text-color);
}

.link-more-long svg {
    width: 16px;
    height: 17px;
    margin-left: 7px;
    fill: var(--text-color);
}

.link-more-long svg.icon-lg {
    width: 28px;
    height: 28px;
}

.link-more-long:hover {
    color: var(--text-color) !important;
}

.new-badge {
    font-size: 11px;
    margin-left: 0px;
    position: relative;
    top: -10px;
    margin-bottom: 13px;
    color: #fff;
    background-color: #2ba76d;
    padding: 2px 4px;
    border-radius: 5px;
    text-decoration: none;
}
.ticker-bar .new-badge {
    font-size: 12px;
    margin-left: 0px;
    position: relative;
    top: -1px;
    right: 5px;
    margin-bottom: 13px;
    color: #fff;
    background-color: #ef4084;
    padding: 2px 4px;
    border-radius: 5px;
    text-decoration: none;
}
/* Video Container */
.doc360-videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 30px
}

.doc360-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.btn:hover svg {
    fill: #fff;
}

a.btn:focus svg {
    fill: #fff;
}

a.btn:active svg {
    fill: #fff;
}

.link-more:hover {
    text-decoration: none
}

.link-more.no-anim svg {
    animation: none
}

.link-more.link-back {
    padding-right: 0;
    font-size: 15px;
    font-weight: 500;
}

.link-more.link-back svg {
    top: -3px;
    margin-right: 9px;
    width: 16px;
    height: 16px;
    fill: var(--link-color);
}

.link-more.link-back:after {
    display: none;
}

.btn.link-more svg {
    top: -2px;
}

.d360_intro p svg {
    width: 18px;
    fill: #aaaaaa;
    margin-top: -5px;
}

.sumome-share-client-circle {
    display: inline-block
}

.d360-social-links li {
    display: inline-block
}

.d360-social-links a {
    width: 36px !important;
    height: 36px !important;
    float: left !important;
    text-align: center !important;
    line-height: 36px !important;
    background: #F4F0EB !important;
    border-radius: 0 20px 20px 20px !important;
    padding: 0 !important;
    margin-right: 8px !important
}

.d360-social-links li a svg {
    fill: #000000 !important;
    margin-right: 0 !important;
    width: 14px !important;
    height: 14px;
}

.d360-social-links a:hover {
    background: #eeeeee !important
}

.d360-social-links a:hover i {
    color: #000000 !important
}

.d360-social-links .a2a_kit {
    height: 36px
}

.d360-social-links .a2a_kit a:last-of-type {
    margin-right: 0 !important
}

.d360-social-links .a2a_kit a .a2a_svg {
    width: 22px !important;
    height: 22px !important
}

.d360-social-links .a2a_kit a .a2a_svg svg {
    filter: grayscale(1) brightness(0)
}

.d360-social-links .a2a_kit a span {
    background-color: transparent !important;
    margin: 7px
}

.sumome-share-client-circle a.sumome-share-client-share {
    border-radius: 0 20px 20px 20px !important;
    background: #bbbbbb !important
}

.sumome-share-client-circle a.sumome-share-client-share:hover {
    background: #000000 !important
}

.check-list {
    width: 100%;
    display: inline-block;
}

.check-list li {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 28px!important;
    margin: 7px 0
}

.check-list li:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3Esvg%7Bfill:%23b36ae6%7D%3C/style%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
}

.check-list.column-2 li {
    width: 50%;
    float: left;
    padding-right: 20px;
    margin: 7px 0
}

.z-index-10 {
    z-index: 10 !important;
}
.z-index-master {
    z-index: 1090 !important;
}
/* .img-grayscale,
.img-grayscale img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 1
}

.img-grayscale:hover,
.img-grayscale:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    opacity: 1
} */

.d360-card {
    width: 100%;
    background: rgba(var(--white), 1);
    border-radius: 20px
}
.integrations {background: #fbfafe;}
.d360-card .d360-card-head,
.d360-card .d360-card-body,
.d360-card .d360-card-foot {
    padding: 30px
}

.wrapper_main {
    width: 100%;
    height: 100%;
    float: left;
	/*     background-color: rgba(var(--white), 1); */
    position: relative;
    padding-top: 88px
}
.page-template-podcast .wrapper_main {background-color: rgba(var(--white), 1);}
.swipe-area {
    position: fixed;
    width: 10px;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1001;
    display: none
}

.d360-offcanvas {
    background: rgba(var(--white), 1);
    position: fixed;
    width: 100%;
    height: 0;
    right: 0;
    bottom: 45px;
    -webkit-transition: height .4s ease-in-out;
    -moz-transition: height .4s ease-in-out;
    -ms-transition: height .4s ease-in-out;
    -o-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out;
    z-index: 1005;
    overflow-y: auto;
    padding: 0 20px;
    border-radius: 18px 18px 0 0;
}

.d360-offcanvas ul {
    width: 100%;
    max-width: 540px;
    float: none;
    margin: 0 auto;
    list-style: none
}

.d360-offcanvas ul>li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted var(--text-color);
    padding: 10px 0
}

.d360-offcanvas ul>li>a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

.d360-offcanvas ul li.current-menu-item>a,
.d360-offcanvas ul li>a.active {
    color: rgba(var(--primary-color), 1);
    font-weight: 700
}

.d360-offcanvas ul li.menu-item-has-children>a:after {
    content: '';
    font-weight: 700;
    transition: transform .2s ease;
    position: absolute;
    right: 0;
    top: 3px;
    width: 15px;
    height: 20px;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M360.5 217.5l-152 143.1C203.9 365.8 197.9 368 192 368s-11.88-2.188-16.5-6.562L23.5 217.5C13.87 208.3 13.47 193.1 22.56 183.5C31.69 173.8 46.94 173.5 56.5 182.6L192 310.9l135.5-128.4c9.562-9.094 24.75-8.75 33.94 .9375C370.5 193.1 370.1 208.3 360.5 217.5z'/%3E%3C/svg%3E");
}

.d360-offcanvas ul li.menu-item-has-children>a.active:after {
    transform: rotateZ(180deg)
}

.d360-offcanvas ul li ul li.current-menu-item a {
    color: rgba(var(--primary-color), 1)
}

.d360-offcanvas ul li ul li.menu_with_icon a {
    position: relative;
    padding-left: 60px !important
}

.d360-offcanvas ul li ul li.menu_with_icon {
    position: relative;
    line-height: 1.2em
}

.d360-offcanvas ul li ul li.menu_with_icon i {
    position: absolute;
    left: 13px;
    top: 50%;
    font-size: 28px;
    color: rgba(var(--primary-color), 1);
    transform: translateY(-50%)
}

.d360-offcanvas aside {
    width: 100%;
    display: inline-block;
    padding: 0 20px;
}

.d360-offcanvas .btns-center {
    width: 100%;
    float: left;    
    padding: 10px 30px 30px 30px
}

.d360-offcanvas .btns-center .btn {
    width: calc(100% - 20px);
    max-width: 230px;
    margin: 10px 10px;
}

.open-offcanvas .swipe-area {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: block
}

.open-offcanvas .d360-offcanvas {
    height: 65%;
    padding: 20px 0 0px;
}

#fc_frame, #fc_frame.fc-widget-normal {bottom: 55px!important;}

body.open-offcanvas {
    overflow: hidden
}
@media (max-width: 1200px) {
    .d360-mobile-menu  {
        width: 100%;
        position: fixed;
        top: auto;
        bottom: -1px;
        left: 0;
        box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
        display: block;
        background: #e9e9e9;
        color: var(--text-color);
        z-index: 1000;
        text-transform: uppercase;
        font-weight: 500;
        transition:background-color 0.4s ease-in-out;
    }
	.d360-mobile-menu.scrolled {
        background: #e8006c;
    }
	.single-webinar .d360-mobile-menu.scrolled {
       background: #e9e9e9;
    }
	.d360-mobile-menu.scrolled a {color:#fff;font-size: 15px;}
}
.menu-toggle {
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 99;
    overflow: hidden;
    cursor: pointer;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    left: 0
}

.open-offcanvas .hamRotate {
    transform: rotate(45deg)
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width: 4;
    stroke-linecap: round
}

.ham .top {
    stroke-dasharray: 40 160
}

.ham .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms
}

.ham .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms
}

.open-offcanvas .ham .top {
    stroke-dashoffset: -64px
}

.open-offcanvas .ham .middle {
    transform: rotate(90deg)
}

.open-offcanvas .ham .bottom {
    stroke-dashoffset: -64px
}

.d360-header.menu-shrink,
.d360-ppc-header.menu-shrink {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-filter-backdrop-filter: blur(10px);
    -o-filter-backdrop-filter: blur(10px);
    padding: 10px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 1px 0 5px;
}

.d360-mega-menu {
/*     width: 1210px; */
	width: 98%;
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: 125px;
	left: 0;
	right:0;
	margin:auto;
    display: none;
    padding: 0;
}

.d360-mega-menu aside ul,
.d360-mega-menu aside ul li {
    width: 100%;
    margin: 0;
    display: inline-block;
}

.d360-mega-menu aside ul li a {
    width: 100%;
    padding: 19px 15px 15px 15px;
    border-radius: 14px;
}

.d360-mega-menu aside ul li a:hover,
.d360-mega-menu aside ul li.current-menu-item a {
    background: var(--primary-color-light);
    color: rgba(var(--primary-color), 1);
}

.d360-mega-menu aside ul li a:hover h6,
.d360-mega-menu aside ul li.current-menu-item a h6 {
    color: rgba(var(--primary-color), 1);
}

.d360-mega-menu aside ul li a:hover span:not(.text-label),
.d360-mega-menu aside ul li.current-menu-item span:not(.text-label) {
    color: var(--text-color);
}

.d360-mega-menu ul li a:hover .icon-i svg,
.d360-mega-menu ul li.current-menu-item a .icon-i svg {
    fill: rgba(var(--primary-color), 1);
}

.d360-mega-menu aside ul li a .text-label {
    border-radius: 12px;
    padding: 1px 8px;
    background-color: var(--yellow-light);
    color: var(--yellow-dark);
    border: 1px solid var(--yellow-dark);
    margin-left: 10px
}

.d360-mega-menu aside {
    padding-top: 25px;
    padding-bottom: 25px
}

.d360-mega-menu aside.border-left {
    border-left: 1px solid #D1D5DB;
}

.d360-mega-menu aside ul li a {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.d360-mega-menu aside:not(.menu-with-icon) ul li a {
    border-radius: 10px;
    padding: 9px 15px;
}

.d360-mega-menu .border-right-gradient {
    position: relative;
}

.d360-mega-menu .border-right-gradient:after {
    content: '';
    width: 1px;
    height: 100%;
    background-image: linear-gradient(#D1D5DB, #FFFFFF);
    position: absolute;
    right: 0;
    top: 0;
}

.d360-mega-menu:before {
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(var(--white), 1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border: 1px solid #D1D5DB;
    box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px;
    border-radius: 18px;
}

.d360-mega-menu h6 {
    line-height: 16px;
    font-family: var(--content-font);
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 0;
    margin-bottom: -2px;
}

.d360-mega-menu ul>li>a {
    display: flex !important;
    align-items: center; 
    vertical-align: middle;       
}

.d360-mega-menu ul li .icon-i svg {
    width: 22px;
    height: 22px;
    margin: 0 15px 2px 0;
    fill: var(--text-color);
}

.d360-mega-menu .menu-with-icon ul li span {
    font-size: 14px;
    line-height: 14px;
    color: rgba(var(--grey));
    font-weight: normal;
}

.d360-mega-menu .menu-with-icon ul li .icon-i svg {
    margin-bottom: 7px;
}
.menu-float li {
    width: 45% !important;
}
.d360-offcanvas .d360-mega-menu {
    position: relative;
    width: 100%;
    left: 0;
}

.d360-offcanvas .d360-mega-menu ul {
    padding: 0;
}

.d360-offcanvas .d360-mega-menu ul li {
    padding: 0;
    border: none;
}

.d360-offcanvas .d360-mega-menu:before {
    display: none;
}

.d360-offcanvas .d360-mega-menu aside {
    border: none !important;
}

.d360-offcanvas .d360-mega-menu .border-right-gradient:after {
    display: none;
}

.d360-header,
.d360-ppc-header {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    transition: padding-top .3s linear, padding-bottom .3s linear;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010
}

.d360-header .container {
    max-width: 1600px;
}

.d360-header .logo {
    margin-top: 4px;
}

.d360-header .logo img,
.d360-ppc-header .logo img {
    max-height: 32px
}

.d360-header nav {
    display: inline-block;
    vertical-align: middle;
    position: static;
}

.d360-header nav ul>li {
    float: left;
    margin-right: 25px;
}

.d360-header nav ul>li:last-child {
    margin-right: 0
}

.d360-header nav ul>li>a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding: 20px 0;
    cursor: pointer;
    font-weight: 500;
    color: var(--text-color)
}

.d360-header nav ul li a:hover {
    color: rgba(var(--primary-color), 1);
    text-decoration: none
}

.d360-header nav ul li.current-menu-item>a,
.d360-header nav ul li.active>a {
    color: rgba(var(--primary-color), 1);
}

.d360-header .btns-right {
    display: inline-block;
    vertical-align: middle
}

.d360-header .btn-outline-primary {
    margin-right: 10px
}
.page-id-20288 .doc360-ppc-header {display:none}
@media (min-width: 1200px) {
    .d360-header nav ul li.menu-item-has-children>a {
        padding-right: 15px;
        position: relative
    }

    .d360-header nav ul li.menu-item-has-children>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
        transition: transform .2s ease;
        position: absolute;
        right: 0;
        width: 10px;
        top: calc(50% + 1px);
        transform: translateY(-50%);
    }

    .d360-header nav ul li.menu-item-has-children:hover>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384.02 224'%3E%3Cpath id='angle-down' d='M192,384a31.867,31.867,0,0,1-22.62-9.375l-160-160a32,32,0,0,1,45.25-45.25L192,306.8,329.4,169.4a32,32,0,0,1,45.25,45.25l-160,160A31.906,31.906,0,0,1,192,384Z' transform='translate(-0.005 -160)' fill='%238006d6'/%3E%3C/svg%3E%0A");
        width: 10px;
        transform: translateY(calc(-50% + 1px)) rotateZ(180deg);
    }

    .d360-header nav ul li.menu-item-has-children>a::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #cccccc;
        height: 0;
        width: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -10px;
        display: none;
    }

    .d360-header .menu-item-has-children:hover>a::before {
        display: block;
    }

    /* .d360-header nav ul li:first-child ul {
        width: 250px
    }

    .d360-header nav ul li:first-child ul li {
        white-space: normal
    }

    .d360-header nav ul li:first-child ul li:last-child {
        
        padding: 5px !important;
    }

    .d360-header nav ul li:nth-child(4) ul li:last-child {
        border-top: 1px solid #F4F0EB;
        padding: 11px 0 8px !important;
        margin-top: 10px
    }

    .d360-header nav ul li:nth-child(4) ul li:last-child a svg {
        margin-left: 5px
    }

    .d360-header nav ul li ul li a {
        width: 100%;
        float: left;
        height: auto;
        text-decoration: none !important;
        font-size: 16px;
        padding: 2px 18px !important;
        line-height: 1.2em
    }

    .d360-header nav ul li ul li a span {
        width: 100%;
        display: inline-block;
        font-size: 13px;
        color: #999999;
        font-weight: 400
    }

    .d360-header nav ul li ul li:last-child {
        padding-bottom: 15px
    } */


    .d360-header nav ul li.menu-item-has-children:hover .d360-mega-menu {
        display: block;
    }

    .d360-header .menu-container {
        overflow: hidden;
    }

    .d360-header .menu-container:hover {
        overflow: visible;
    }

    .d360-header .menu-toggle {
        display: none
    }
}

@media (min-width: 1200px) {
    .d360-header nav ul>li {
        margin-right: 28px
    }

    .d360-header nav ul>li>a {
        font-size: 16px
    }
}

@media (min-width: 992px) and (max-width: 1420px) {

    .d360-header .logo img {
        max-height: 23px
    }

    .d360-header nav ul>li {
        font-size: 14px;
        margin-right: 25px
    }
	.d360-header nav ul>li>a {
        font-size: 15px;
    }
    .d360-header .btn {
        font-size: 12.5px;
        padding: 10px 17px 8px!important
    }

    .d360-header .btn-outline-primary {
        padding: 8px 17px 6px;
        margin-left: 5px
    }
}

@media (max-width: 1199px) {
	.cc-testimonial {
  display:none!important;
}
    .wrapper_main {
        padding-top: 40px
    }

    .d360-header {
        padding: 5px 0 !important
    }

    .d360-header .menu-container {
        width: auto !important;
    }

    .d360-header .logo {
        margin-top: 2px
    }

    .d360-header .logo img {
        max-height: 25px
    }

    .d360-header.menu-shrink {
        padding: 5px 0 !important
    }
}
@media (max-width: 1199px) {
    .d360-header.doc360-ppc-header .container {
        position: relative;
        display: flex;
        justify-content: center !important;
        align-items: center;
        padding: 0 20px;
    }
	    .d360-header.doc360-zen-header .container {
        position: relative;
        display: flex;
        justify-content: center !important;
        align-items: center;
        padding: 0 20px;
    }	
	    .d360-header nav,
    .d360-header .btns-right {
        display: none !important
    }
	
}
@media (max-width: 679px) {
    .d360-header .logo img {
        max-height: 21px
    }
}

/* Document360 Hero Section */
.d360-hero-bg-1, .d360-hero-bg-2 {
    position: relative;
    margin-bottom: 130px;
}

.d360-hero-bg-1:after {
    content: '';
    background: #FBF5FF url('../images/hero-bg-old.svg?ver=1') no-repeat top center;
    background-size: cover;
    position: absolute;
    top: -105px;
    left: 0;
    width: 100%;
    height: calc(100% + 105px);
    z-index: -1;
    opacity: 0.6;
}
.d360-supdemo {
    border-radius: 20px;
    position: relative;
    z-index: 15;
    box-shadow: rgba(0, 0, 0, 0.15) 0 5px 55px;
    background: #ffffff;
    border: 4px solid rgba(var(--white), 1);
}
.d360-hero-bg-2:after {
    content: '';
    background: var(--primary-color-light) !important;
    background-size: cover;
    position: absolute;
    top: -105px;
    left: 0;
    width: 100%;
    height: calc(100% + 105px);
    z-index: -1;

}
@media (max-width: 767px) {
    .d360-hero-bg-1, .d360-hero-bg-2 {
        margin-bottom: 0;
        padding-bottom: 40px;
    }

    .d360-hero-bg-1:after, .d360-hero-bg-2:after {
        z-index: 1;
        top: 0;
    }

    .d360-hero-bg-1:after, .d360-hero-bg-2:after {
        height: 100%;
    }
}

.beer-slider {
    border-radius: 20px;
    margin-bottom: -100px;
    position: relative;
    z-index: 15;
    box-shadow: rgba(0, 0, 0, 0.15) 0 5px 55px;
    background: #999999;
    border: 4px solid rgba(var(--white), 1);
}

.beer-slider img {
    transition: all .4s ease;
    background: #999999;
}

.beer-slider .beer-reveal .overlay-img {
    width: 100%;
    height: 100%;
    background: rgba(187, 187, 187, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s ease
}

.beer-slider .beer-reveal:after {
    content:'';
    width: 3px;
    height: 100%;
    background: #374151;
    position: absolute;
    top: 0;
    right:0
}

.d360-slider.overlay-image_1 .beer-slider img {
    opacity: .3;
    transition: all .4s ease;
}

.d360-slider.overlay-image_2 .beer-slider img,
.d360-slider.overlay-image_1 .beer-slider .beer-reveal img {
    opacity: 1
}

.d360-slider.overlay-image_1 .beer-slider img {
    filter: blur(1px)  
}

.d360-slider.overlay-image_1 .beer-slider .beer-reveal img {
    filter: blur(0px)  
}

.d360-slider.overlay-image_2 .beer-slider .beer-reveal img {
    filter: blur(1px)  
}

.d360-slider.overlay-image_2 .beer-slider .beer-reveal .overlay-img {
    opacity: .7
}

.d360-slider .screen-info {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.d360-slider aside {
    width: fit-content;
    background: rgba(var(--primary-color), 1);
    z-index: 45;
    padding: 10px 15px;
    border-radius: 15px;
    display: none;
    box-shadow: 0 15px 40px rgba(var(--black), 0.5);
}

.d360-slider aside h5,
.d360-slider aside p {
    color: #ffffff
}

.d360_trusted_by {
    text-align: center
}

.d360_trusted_by h4 {
    font-weight: 400
}

.d360_trusted_by ul {
    width: 100%;
    margin: 0;
    text-align: center    
}

.d360_trusted_by ul li {
    padding: 13px 25px;
    display: inline-block
}

.d360_trusted_by ul li img {
    max-height: 32px;
}

.d360_trusted_by ul li img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}

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

@media (max-width: 991px) {
    .d360_trusted_by ul {
        display: inline-block
    }

    .d360_trusted_by ul li {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .d360_trusted_by ul li {
        padding: 15px
    }

    .d360_trusted_by ul li img {
        max-height: 25px
    }
}

.d360-ratings ul {
    display: flex
}

.d360-ratings ul li {
    margin-right: 35px;
}

.d360-ratings ul li img {
    max-height: 25px
}

@media (max-width: 767px) {
    .d360-ratings ul {
        display: inline-block;
    }

    .d360-ratings ul li {
        display: inline-block;
    }

    .d360-ratings ul li {
        margin: 12px;
    }
}


.d360-tabs {
    width: 100% !important;
    float: none;
    display: flex;
    justify-content: center;
}

.d360-tabs aside {
    width: auto !important;
    float: none;
    display: inline-block !important;
    padding: 10px 5px
}

.d360-tabs aside a {
    color: var(--text-color);
    border-radius: 10px;
    padding: 6px 25px;
    cursor: pointer;
    position: relative;
    display: inline-block
}

.d360-tabs aside a:hover {
    text-decoration: none;
    background: #dddddd;
}

.d360-tabs aside.slick-current a,
.d360-tabs aside.active a {
    color: var(--text-color);
    background: rgba(var(--white), 1);
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 12px;
    font-weight: 500;
}

.d360-tabs .slick-track {
    transform: translate3d(0, 0, 0) !important;
    text-align: center;
    width: auto !important;
    display: flex;
}

.d360-tabs nav,
.d360-tabs .slick-list  {
    padding: 0 7px !important;
    background-color: #F3F4F6;
    border-radius: 15px;
}

/* @media (min-width: 1199px) {
    .slick-slider-1:after {
        content: '';
        background: url('../images/shape-1.svg') no-repeat;
        background-size: 80% 80%;
        width: 420px;
        height: 580px;
        position: absolute;
        top: 3%;
        left: 0 ;
        z-index: -1;
        opacity: 0.5
    }
} */

.bg-box-gradient {
    position: relative
}

.bg-box-gradient:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #F3F8FE 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 24px;
    z-index: 1
}

.bg-box-grey {
    position: relative
}

.bg-box-grey:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(var(--grey), 0.1);
    border-radius: 24px;
    z-index: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-filter-backdrop-filter: blur(10px);
    -o-filter-backdrop-filter: blur(10px);
}

@media (min-width: 1367px) {
    .bg-box-gradient:before,
    .bg-box-grey:before {
        width: calc(100% - 4%);        
        left: 2%;
    }
}

.d360-v-tab .d360-card {
    border: 1px solid #D1D5DB;
    margin-bottom: 20px;
    display: block;
    width: 100% !important;
    border-radius: 15px
}

.d360-v-tab .d360-card-body {
    display: block;
    width: 100% !important;
    text-decoration: none;
    cursor: pointer;
    padding: 20px;
    color: var(--text-color) !important;
}

.d360-v-tab .slick-current {
    border-color: #D9B4F3;
    background: #F2E6FB
}

.d360-v-tab .d360-card p {
    display: none;
    padding: 0
}

.d360-v-tab .slick-current p {
    display: block;
    padding-top: 17px
}

.d360-v-tab .slick-list {
    width: 100% !important;
    padding: 0 !important
}

.d360-v-tab .slick-track {
    width: 100% !important;
    min-height: 450px !important;
    position: relative;
    transform: translate3d(0, 0, 0) !important;
    display: flex;
    flex-direction: column;
}

.shape-2:after {
    content: '';
    background: url('../images/shape-2.svg') no-repeat bottom right;
    background-size: 90% 90%;
    width: 532px;
    height: 592px;
    position: absolute;
    bottom: -2%;
    right: -3%;
    z-index: 1;
    opacity: 0.5
}



.shape-3:after {
    content: '';
    background: url('../images/shape-2.svg') no-repeat bottom right;
    background-size: 90% 90%;
    width: 532px;
    height: 592px;
    position: absolute;
    bottom: -8%;
    right: -7%;
    z-index: 1;
    opacity: 0.5
}
@media(max-width: 991px) {
    .shape-2:after {
        display: none;
    }
    .shape-3:after {
        display: none;
    }
}
@media(max-width: 767px) { 
    .display-tab-on-mobile .tab-pane {
        display: block !important;
        opacity: 1 !important;
    }
}

.shape-3-left:after {
    bottom: -15%;
    left: -13%;
}

.d360-sticky-scroll article {
    border-left: 1px solid #EF4D98;
    height: 100%;
}

.d360-sticky-scroll aside {
    position: relative;
    padding-left: 50px;
    margin-bottom: 150px;
    top: -10px
}


.d360-sticky-scroll aside:last-child {
    margin-bottom: 0;
    padding-bottom: 50px
}

.d360-sticky-scroll aside:before {
    content: '';
    width: 13px;
    height: 13px;
    background: #F480B6;
    position: absolute;
    left: -7px;
    top: 10px;
    border-radius: 100%
}

.d360-sticky-scroll .txt-count {
    font-size: 65px;
    margin-bottom: 35px
}

.d360-sticky-scroll .sticky-top {
    top: 120px
}

@media (max-width: 1023px) {
    .d360-sticky-scroll .sticky-top {
        position: relative;
        top: 0;
    }
}

.d360-feature-grid {
    flex-grow: row wrap;
}

@media (min-width: 1200px) {
    .d360-feature-grid .feature-1 figure img {
        position: relative;
        margin: 0 0 -145px -20px;
        top: 0;
    }

    .d360-feature-grid .feature-2 figure img {
        position: relative;
        margin: -45px 0 -75px 0;
    }

    .d360-feature-grid .feature-2 figure {
        width: 113%;
        margin: 0 0 -95px 0;
    }

    .d360-feature-grid .feature-3 figure img {
        width: 100%;
        position: relative;
        margin: -45px 0 -65px 0;
    }


    .d360-feature-grid .feature-4 figure {
        width: 163%;
        margin: 0 0 0 -45px;
    }

    .d360-feature-grid .feature-4 figure img {
        width: 100%;
        position: relative;
        margin: 0 0 -165px 0;
    }
}

.integrations figure img {
    margin: -40px 0 20px 0
}

.d360-testi .d360-card::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: var(--primary-color-light);
}

.d360-testi .d360-card.bg-secondary-pseudo::before {
    background: rgba(var(--secondary-color), 1) !important;
}

.d360-testi .d360-card .icon-quote {
    position: absolute;
    left: 30px;
    top: -25px;
}

.d360-testi .d360-card .icon-quote svg {
    width: 90px;
}

.d360-testi figure img {
    border-radius: 18px;    
} 

@media (min-width: 991px) {
    .d360-testi figure {
        padding: 50px;
    }

    .d360-testi figure img {        
        box-shadow: 0 12px 20px rgba(var(--primary-color), 0.2);
    } 

    .d360-testi .d360-card::before {
        height: 72%;
    }
}

@media (max-width: 990px) {
    .d360-testi .slick-list {
        margin-bottom: 30px;
    }

    .d360-testi .slick-dots {
        bottom: -40px;
    }
	.d360-sticky-scroll .txt-count {
    font-size: 48px;
}
}

@media (min-width: 1200px) {
    .d360-testi .slick-dots {
        position: absolute;
        width: auto;
        left: 0;
        bottom: 30%;
    }

    .d360-testi .slick-dots ul {
        text-align: left;
    }  
}

.d360-badges ul {
    display: flex;
    justify-content: space-between;
}

.d360-badges ul li {
    margin: 0 30px
}

.d360-badges ul li img {
    max-height: 170px
}

@media(max-width: 992px) {
    .d360-badges ul {
        display: block;
        text-align: center;
    }
    
    .d360-badges ul li {
        margin: 15px;
        display: inline-block;
    }
    
    .d360-badges ul li img {
        max-height: 50px
    }
}

/* Footer */
.d360-social-links li {
    display: inline-block
}

.d360-social-links a {
    width: 38px !important;
    height: 38px !important;
    float: left !important;
    text-align: center !important;
    line-height: 38px !important;
    background: #F4F0EB !important;
    border-radius: 20px !important;
    padding: 0 !important;
    margin-right: 8px !important
}

.d360-social-links li a svg {
    fill: #000000 !important;
    margin-right: 0 !important;
    width: 16px !important;
    height: 16px;
}

.d360-social-links a:hover {
    background: #eeeeee !important
}

.d360-social-links a:hover i {
    color: #000000 !important
}

.d360-social-links .a2a_kit {
    height: 36px
}

.d360-social-links .a2a_kit a:last-of-type {
    margin-right: 0 !important
}

.d360-social-links .a2a_kit a .a2a_svg {
    width: 22px !important;
    height: 22px !important
}

.d360-social-links .a2a_kit a .a2a_svg svg {
    filter: grayscale(1) brightness(0)
}

.d360-social-links .a2a_kit a span {
    background-color: transparent !important;
    margin: 7px
}

.d360-footer-cta {
    border-bottom: 1px solid #6B7280; 
}

.d360-footer-links {
    width: 100%;
    display: inline-block;
}

.d360-footer-links aside {
    width: 23%;
    float: left;
}

.d360-footer-links aside h5 {
    margin-bottom: 8px;
}

.d360-footer-links aside h5,
.d360-footer-links aside ul li a {
    color: rgba(var(--white), 1);
}

.d360-footer-links aside ul li {
    margin-bottom: 10px;
    font-size: 16px;
}

.d360-footer-links aside:last-child {
    width: 31%;
    display: flex;
    justify-content: end;
}

.d360-footer-links .d360-card {
    width: 100%;
    max-width: 300px;
    background: #374151;
    border: 1px solid #6B7280;
}

.d360-footer-links .d360-card img {
    max-width: 110px;
}

.d360-footer-links-bottom p, 
.d360-footer-links-bottom p a {
    color: rgba(var(--white), 1);
}

.d360-footer-links-bottom p span {
    opacity: 0.5;
    padding: 0 5px;
}

.d360-footer-logo img {
    max-height: 34px;
}

@media (max-width: 1099px) {
    .d360-footer-links aside {
        width: 33.33%;
    }

    .d360-footer-links aside:last-child {
        width: 100%;
        justify-content: start;
        margin-top: 35px;
    }
}

@media (max-width: 1099px) {
    .d360-footer-links aside {
        width: 33.33%;
    }

    .d360-footer-links aside:last-child {
        width: 100%;
        justify-content: start;
        margin-top: 35px;
    }
}

@media (max-width: 767px) {    
    .d360-footer-links aside {
        width: 100%;
    }

    .d360-footer-links aside:last-child {
        width: 100%;
        justify-content: start;
        margin-top: 35px;
    }

    .d360-footer-links-bottom {
        text-align: center;
    }
}


/* d360-video-thumbnail */
.d360-video-thumbnail figure,
.d360-video-thumbnail picture {
    position: relative;
}

.d360-video-thumbnail figure figcaption,
.d360-video-thumbnail picture .figcaption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
}

/* Table */
.table.table-v-middle th,
.table.table-v-middle td {
    vertical-align: middle;
    text-align: center
}

.table-compare tr td:first-child {
    text-align: left
}

.table-compare .logo img {
    height: 25px !important
}


/* Customer Screens */
.d360-customer-screens aside {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 18px
}

.d360-customer-screens .txt-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease
}

.d360-customer-screens .txt {
    width: 100%;
    max-width: 600px;
    position: relative;
    top: 15%;
    transition: all .4s ease
}

.d360-customer-screens .txt h3,
.d360-customer-screens .txt p {
    color: rgba(var(--white), 1)
}

.d360-customer-screens .txt h3 img {
    max-height: 38px;
    display: inline-block !important;
    margin-bottom: 10px
}

.d360-customer-screens picture source,
.d360-customer-screens picture img {
    width: 100%;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.18) 0 10px 25px;
    transition: all .4s ease
}

.d360-customer-screens aside:hover .txt {
    top: 0
}

.d360-customer-screens .cus-item {
    width: 100%;
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .d360-cus-screens {
        padding: 55px 0 70px
    }

    .d360-customer-screens aside {
        background: rgba(0, 0, 0, 0.7)
    }
.customer-screens .slick-slide {opacity: 1!important;}
	.doc360-cus-screens aside { box-shadow:none!important;}
    .d360-customer-screens picture, .customer-screens picture {
        padding: 15px
    }

    .d360-customer-screens picture source, .customer-screens picture source,
    .d360-customer-screens picture img, .customer-screens picture img {
        box-shadow: rgba(0, 0, 0, 0.18) 0 5px 10px
    }

    .d360-customer-screens .txt-bg, .customer-screens .d360-card {
        height: auto;
        position: static!important;
        transition: all .4s ease;
        padding: 20px
    }
	.customer-screens .d360-card { width:100%!important;margin-top: 15px !important;}
    .d360-customer-screens.slick-custom-arrows .slick-prev {
        left: -20px
    }

    .d360-customer-screens.slick-custom-arrows .slick-next {
        right: -20px
    }
	.container-fluid .d360-customer-screens.slick-custom-arrows .slick-prev {
        left: 0px
    }
	.container-fluid .d360-customer-screens.slick-custom-arrows .slick-next {
        right: 0px
    }
	.d360-customer-screens .txt h3 img {max-height: 30px;}
}

@media (min-width: 768px) {
    .d360-customer-screens aside:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        transition: all .4s ease;
        opacity: 0;
        z-index: 3
    }

    .d360-customer-screens .txt-bg {
        opacity: 0
    }

    .d360-customer-screens aside:hover:before {
        opacity: 1
    }

    .d360-customer-screens aside:hover .txt-bg {
        opacity: 1;
        z-index: 10
    }

    .d360-customer-screens picture:hover .site-link {
        opacity: 1;
        bottom: 50%;
        transform: rotate(0deg)
    }
}

@media (min-width: 992px) {
    .d360-customer-screens aside {
        box-shadow: rgba(0, 0, 0, 0.18) 0 10px 25px
    }

    .d360-customer-screens .cus-item {
        padding: 15px 80px 50px;
        border-radius: 45px
    }
}


.tick-h {
    width: 100%
}

.tick-h span {
    position: relative;
    display: inline-block;
    padding: 0 23px;
    color: #333333
}

.tick-h span svg {
    position: absolute;
    left: -5px;
    top: 50%;
    fill: #8005D8;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
}

@media (max-width: 1199px) {
    .tick-h span {
        font-size: 14px
    }
}

/* Pricing - Checklist */
@media (min-width: 1200px) {
    .page-template-pricing-tpl .d360-hero-bg-1 .container,
    .page-template-pricing-tpl .d360-pricing .container {
        max-width: 1320px;
    }
}

/* .d360-hero-bg-2:after {
    top: 0;
    background-position: center center;    
} */

.d360-pricing ul.check-list {
    margin: 0;
    width: auto;
    padding: 0
}

.d360-pricing ul.check-list li {
    width: auto;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: .25px;
    padding-left: 20px;
    margin: 10px 0
}

.d360-pricing .d360-terms ul.check-list li:before {
    width: 14px;
    height: 14px;
}

.d360-pricing ul.check-list.check-list-with-icons li {
    font-size: 14px !important;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin: 10px 0;
}

.d360-pricing ul.check-list.check-list-with-icons li svg {
    min-width: 1.25em !important;
    height: 1.25em !important;
    margin-right: 8px;
    position: relative;
    top: -2px;
    fill: var(--primary-color-dark-2);
}

.d360-pricing ul.check-list li .text-light {
    display: block;
    font-size: 13px;
    color: rgba(var(--grey), 1) !important;
    letter-spacing: .25px;
    line-height: 1.3em;
}

.d360-pricing ul.check-list li .text-light:before {
    content: "";
    display: block
}

.d360-pricing ul.check-list.check-list-with-icons {
    margin-top: 10px;
}

.d360-pricing ul.check-list.check-list-with-icons li>span {
    width: 100%;
}


.d360-pricing ul.check-list.check-list-with-icons li {
    padding-left: 0!important;
}

.d360-pricing ul.check-list.check-list-with-icons li:before {
    display: none;
}

.d360-pricing .link-expand, .d360-add-on .link-expand {
    position: relative;
    font-size: 18px;
    color: var(--link-color);
    padding-right: 28px;
    font-weight: 500;
}

.d360-pricing .link-expand::after, .d360-add-on .link-expand::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIFBybyA2LjQuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZSAoQ29tbWVyY2lhbCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHN0eWxlPnN2Z3tmaWxsOiMwMDY1ZmZ9PC9zdHlsZT48cGF0aCBkPSJNMTc0LjYgNDcyLjZjNC41IDQuNyAxMC44IDcuNCAxNy40IDcuNHMxMi44LTIuNyAxNy40LTcuNGwxNjgtMTc2YzkuMi05LjYgOC44LTI0LjgtLjgtMzMuOXMtMjQuOC04LjgtMzMuOSAuOEwyMTYgMzk2LjEgMjE2IDU2YzAtMTMuMy0xMC43LTI0LTI0LTI0cy0yNCAxMC43LTI0IDI0bDAgMzQwLjFMNDEuNCAyNjMuNGMtOS4yLTkuNi0yNC4zLTkuOS0zMy45LS44cy05LjkgMjQuMy0uOCAzMy45bDE2OCAxNzZ6Ii8+PC9zdmc+);
    width: 22px;
    height: 22px;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 6;
    text-align: center;
    line-height: 16px;
    transition: all .4s ease;
}


/* Pricing - Tooltop */
.tool_p {
    width: auto;
    position: relative;
}

.tool_p .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: var(--primary-color-dark);
    color: rgba(var(--white), 1);
    border-radius: 12px;
    padding: 10px 15px;
    position: absolute;
    z-index: 15!important;
    top: 50%;
    font-weight: 400;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 12px;
    font-size: 14px;
    line-height: 1.4em;
}

.tool_p .tooltiptext a {
    color: rgba(var(--white), 1);
}

.tool_p .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent var(--primary-color-dark) transparent transparent;
}

.tool_p:hover .tooltiptext {
    visibility: visible;
}

.tool_p .c-table-check span {
    cursor: help;
}

.tool_p .tool_i {
    background: none;
}

.tool_p .tool_i i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/icons/icon-info.svg) no-repeat;
    background-size: 100%;
    position: relative;
    top: 3px;
}

.c-table-check b,
.c-table-check span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #f2f2f2;
    border-radius: 100%;
    line-height: 20px !important;
    color: rgba(var(--black), 1);
    font-size: 13px;
}

.c-table-check span {
    font-size: 20px;
    font-weight: 500;
    background: #f8f8f8;
}

/* @media (max-width: 1023px) {
    .tool_p {
        display: none;
    }
} */

.price_txt {
    margin: 10px 0 15px;
    font-family: var(--heading-font);
    font-weight: 600;
}

.price_txt span {
    font-size: 54px;        
}

.price_txt sup {
    position: relative;    
    bottom: 0;    
    font-size: 26px;
    top: -16px;  
    margin-right: 5px;  
}

.price_txt sub {
    position: relative;    
    font-size: 18px;
    top: 0;        
}

/* Pricing Plan Boxes */
.d360-price-boxes {
    display: flex;
    flex: 1;
    justify-content: center;
    margin: 0 -15px;
}

.d360-price-boxes h5 {
    font-weight: 600;;
    font-size: 21px;
    margin:5px 0 18px; 
}

.d360-price-boxes .label_text {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 10px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.d360-price-boxes .label_text span {
    background: rgba(var(--primary-color), 1);
    color: rgba(var(--white), 1);
    padding: 0 7px;
    height: 17px;
    line-height: 19px;
    letter-spacing: .5px;
    display: inline-block;
    border-radius: 0 8px 8px 8px;
    font-weight: 700
}

.d360-price-boxes figure {
    margin-bottom: 25px
}

.d360-price-boxes figure img {
    max-height: 120px
}

.d360-price-boxes .tool_p {
    float: right;
}

.d360-price-boxes .p-label-text {
    font-size: 15px;   
    line-height: 1.4em; 
    letter-spacing: 0.01em
}

/* .d360-price-boxes .d360-card:first-child .d360-card-head .btn {
    padding-left: 45px;
    padding-right: 45px;
} */

.d360-price-boxes .d360-card .btn.btn-outline-primary.btn-sm {
    padding: 6px 18px 3px;
}

.d360-price-boxes .d360-card .btn.btn-primary.btn-sm {
    padding: 8px 18px 5px;
}

.d360-price-boxes .d360-card-head p.text-small {
    min-height: 68px;
    line-height: 1.4em;
    font-size: 14px !important;
    letter-spacing: 0.02em;
}

.d360-price-boxes .price-old {   
    display: none; 
    flex-grow: 0;
    align-items: center;
    margin: 10px 0 !important
}

.d360-price-boxes .price-old.visible-old-price {
    display: flex
}

.d360-price-boxes .price-old span:first-child b {
    font-weight: 400;
}

.d360-price-boxes .price-old span:first-child {
    text-decoration: line-through;
    display: flex;
    align-items: center;
    flex-grow: 0;    
    margin-right: 10px;
    line-height: 1em;
}

.d360-price-boxes .price-old span:nth-child(2),
.d360-price-boxes .price-old span:nth-child(3) {
    padding: 5px 10px;
    font-size: 12px;    
    line-height: 17px;
    display: inline-block;
    height: 26px;
    font-weight: 500;
    border-radius: 0 15px 15px 15px;
    letter-spacing: normal
}

.d360-price-boxes .c-table-check b,
.d360-price-boxes .c-table-check span {
    width: 14px;
    height: 14px;
    line-height: 15px !important;
}

.d360-price-boxes .c-table-check span.text-small {
    font-size: 11px !important;
}

.d360-price-boxes .d360-card-body {
    padding: 8px 18px
}

.d360-price-boxes .p_content h6 {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 5px;
    margin-top: 20px
}

.d360-price-boxes .p_content p.text-md {
    font-size: 17px;
    line-height: 1.5em
}

.d360-price-boxes .p_content .letter-spacing-sm {
    font-size: 13px !important
}

.d360-price-boxes .p_content .highlighted {    
    width: auto;
    font-weight: 900
}

.d360-price-boxes .p_content .highlighted {    
    width: auto;
    font-weight: 900
}

.d360-price-boxes .d360-card-body.p_content:nth-of-type(1) {
    display: none !important;
}

.d360-price-boxes .btn-show-details {
    position: relative;
    font-size: 16px !important;
    font-weight: 500;
    padding: 15px 0;
    display: block;    
    width: 100%;
    text-decoration: none;
}

.d360-price-boxes .btn-show-details::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDQyOS4zbDIyLjYtMjIuNiAxOTItMTkyTDQ5My4zIDE5MiA0NDggMTQ2LjdsLTIyLjYgMjIuNkwyNTYgMzM4LjcgODYuNiAxNjkuNCA2NCAxNDYuNyAxOC43IDE5MmwyMi42IDIyLjYgMTkyIDE5MkwyNTYgNDI5LjN6Ii8+PC9zdmc+);
    width: 14px;
    height: 14px;
    background: none;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 6;
    text-align: center;
    line-height: 8px;
    transition: all .4s ease;
}

.d360-price-boxes .btn-show-details[aria-expanded="true"]::after {
    transform: rotate(-180deg);
}

.d360-price-boxes .btn-show-details2::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2IDQyOS4zbDIyLjYtMjIuNiAxOTItMTkyTDQ5My4zIDE5MiA0NDggMTQ2LjdsLTIyLjYgMjIuNkwyNTYgMzM4LjcgODYuNiAxNjkuNCA2NCAxNDYuNyAxOC43IDE5MmwyMi42IDIyLjYgMTkyIDE5MkwyNTYgNDI5LjN6Ii8+PC9zdmc+);
    width: 15px;
    top: 8px;
    right: 44%;
}

.d360-price-boxes .link-popup {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.d360-price-boxes .p_content.show .link-popup {
    opacity: 1;
}

.d360-price-boxes .p_content ul {
    margin: 0;
    width: 100%;
    padding: 0
}

.d360-price-boxes .p_content ul li {
    width: 100%;    
    line-height: 1.6em;
    letter-spacing: normal;
    padding-left: 23px;
    margin: 8px 0;
    font-size: 15px;
}

.d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) li:before {
    content: '\2713';    
    width: 18px;
    height: 18px;
    display: inline-block;
    /* background: rgba(var(--white), 1) !important; */
    border-radius: 100%;
    line-height: 20px !important;
    color: rgba(var(--primary-color), 1);
    font-size: 14px;
    text-align: center;
}

.d360-price-boxes .d360-card-body.p_content:not(.py-0) {
    min-height: 150px;
}

.d360-price-boxes aside {
    width: 20%;
    margin: 0 5px;
    border-radius: 17px;
    background: #ffffff;
    border: 2px solid #c4c4c4;
    position: relative;
}

.d360-price-boxes .d360-card .d360-card-head {
    border-radius: 18px 18px 0 0;    
    padding: 15px 20px;    
}

.d360-price-boxes aside:last-child .tool_p .tooltiptext {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 10px
}

.d360-price-boxes aside:last-child .tool_p .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent var(--primary-color-dark);
}

/* .d360-price-boxes aside.d360-card:nth-child(5) {
    border-color: #8005D8
} */

.d360-price-boxes aside:last-child .tool_p .tooltiptext {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 10px
}

.d360-price-boxes aside:last-child .tool_p .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent var(--primary-color-dark)
}

.sl-spin {
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    -ms-animation: rotating 4s linear infinite;
    -o-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite;
    fill: #fff;
    width: 18px !important;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (min-width: 1366px) {
    .d360-price-boxes {
        margin: 0 -5px
    }
}

@media (max-width: 1199px) {
/*     .d360-price-boxes aside .tool_p .tooltiptext {
        display: none
    }
 */
	.d360-price-boxes aside .tool_p .tooltiptext  {
        left: 0;
        right: auto;
        margin-left: 0;
        margin-right: 10px;
        transform: translateY(-100%);
        top: 0;
        width: 300px;
	}
	
.d360-price-boxes aside .tool_p .tooltiptext::after {
    content: "";
    position: absolute;
    top: auto;
    left: 10%;
    margin-bottom: -10px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent var(--primary-color-dark);
    transform: rotate(90deg);
    bottom: 0;
}
    .d360-price-boxes {
        flex-wrap: wrap
    }

    .d360-price-boxes aside {
        margin: 15px;
        flex-basis: calc(50% - 30px)
    }
	.d360-price-boxes aside.enterprise-highlight { margin-top:40px}
}

@media (max-width: 767px) {
    .d360-price-boxes aside {
        margin: 15px 10px;
        flex-basis: calc(100% - 20px)
    }

    .d360-price-boxes .d360-card .d360-card-head .btn-sm {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (max-width: 370px) {
        .d360-price-boxes aside .tool_p .tooltiptext  {
            left: -30px;
        }
}

/* Pricing Table */
#comparisonTablePopup .modal-lg {
    max-width: 1000px;
    position: relative;
}

#comparisonTablePopup .modal {
    display: block !important;
}

#comparisonTablePopup .modal-dialog {
    overflow-y: initial !important
}

#comparisonTablePopup .modal-content {
    height: calc(100vh - 60px);
    overflow-y: auto;
    border: 0;
    margin: 20px 0;
    border-radius: 18px;
    position: static
}

#comparisonTablePopup .close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: -15px;
    background: #000000;
    right: -10px;
    z-index: 15;
    border-radius: 100%;
    color: #ffffff;
    font-weight: 100;
    opacity: 1;
    font-size: 19px;
}

.p-indicator {
    display: flex;
    flex-direction: row;
}

.p-indicator span {
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
    border-radius: 100%;
    margin: 0 2px;
}

.p-indicator span.fill {
    background: #28a745;
    border-color: #28a745;
}

.d360-pricing-table {
    position: relative;
    width: 100%;
    display: block;
}

/* .d360-pricing-table .c-table-check b,
.d360-pricing-table .c-table-check span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #f2f2f2;
    border-radius: 100%;
    line-height: 20px !important;
    color: #000000 !important;
    font-size: 13px;
} */
.d360-pricing-table .c-table-check span {
    font-size: 13px;
    font-weight: 500;
    width: auto;
    background: none;
}
.tool_p .c-table-check span {
    cursor: help;
}

.d360-pricing-table .cat-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.d360-pricing-table .cat-row .row {
    margin-left: 0;
    margin-right: 0;
    /* border-bottom: 1px solid #f3f3f3; */
}

.d360-pricing-table .cat-row .row:last-child {
    border-bottom: 0
}

.d360-pricing-table .cat-row p {
    font-size: 15px;
}

.d360-pricing-table .cat-row .pricing-accord-btn {
    position: sticky;    
    top: 80px;
    cursor: pointer;
    background: rgba(var(--white), 1);
    width: 100%;
    border-bottom: 1px solid rgba(var(--grey), 0.3);
    font-size: 17px;
    font-weight: 800;
    padding: 15px 20px 13px 30px;
    text-decoration: none;
    z-index: 1;
    display: inline-block;
}

.d360-pricing-table .cat-row .pricing-accord-btn:before {
    content: '';
    width: 16px;
    height: 2px;
    display: inline-block;
    background-color: var(--text-color);
    position: absolute;
    left: 0;
    top: calc(50% - 1px); 
    transition: all 0.1s ease;
}

.d360-pricing-table .cat-row .pricing-accord-btn::after {
    content: '';
    width: 2px;
    height: 16px;
    display: inline-block;
    background-color: var(--text-color);
    position: absolute;
    left: 7px;
    top: calc(50% - 8px);    
    transition: all 0.1s ease;
}

.d360-pricing-table .cat-row .pricing-accord-btn[aria-expanded="true"]::after,
.d360-pricing-table .cat-row .pricing-accord-btn[aria-expanded="true"]::before {
    transform: rotate(45deg);
}

.d360-pricing-table .cat-row:last-child .cat {
    border-bottom: none;
}

.d360-pricing-table .cat-row .cat-col {
    width: 16%;
    padding: 13px 30px;
    text-align: center;    
}

.d360-pricing-table .cat-row .cat-col p {    
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4em;
}

.d360-pricing-table .cat-row .cat-col:first-of-type {
    width: 52%;;
    padding-left: 32px;
    text-align: left;
}

.d360-pricing-table .cat-row:last-child .row:last-child {
    border-bottom: 1px solid #f3f3f3;
}

.d360-pricing-table .cat-row .cat-col:first-of-type .d360-card {
    padding-left: 20px;
}

.d360-pricing-table .cat-row p.p-label-text {
    font-size: 12px !important;
    margin-top: -5px;
    margin-bottom: 3px
}

.d360-pricing-table .cat-row.border-bottom:first-of-type {
    border-bottom: 2px solid #010101 !important;
}

.d360-pricing-table .cat-row-header {
    flex-direction: row;    
    margin: 0 0 -2px 0 !important;
    border-bottom: 1px solid rgba(var(--grey), 0.3);
    
}

.d360-pricing-table .cat-row-header .cat-col {
    padding: 0 !important;
    /* border-top: 1px solid #f3f3f3; */
    border-radius: 17px 17px 0 0;
}

.d360-pricing-table .cart-row.cat-row-header.cat-col:first-of-type {
    padding-left: 0 !important;
}

.d360-pricing-table .cat-row-header .cat-col h5 {
    font-weight: 700
}

.d360-pricing-table .cat-row-header .d360-card {
    border: none;
    border-radius: 20px 20px 0 0
}

.d360-pricing-table .cat-row-header .btn.btn-sm {
    padding: 7px 15px 4px;
    font-size: 13px !important
}

.btn_switch label {
    padding: 1px 0;
/*     width: 330px; */
    width: 230px; 
    height: 42px;
    border-radius: 10px;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px !important;
    background-color: #f2ebfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 15px;
    margin: 0;
}

.btn_switch label span {
    width: 110px;
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: 1px;
    transition: all 0.2s linear;
    user-select: none;
    letter-spacing: normal
}

.btn_switch label span b {
    display: inline-block;
    background-color: #E3FCEF;
    color: #006644;
    font-weight: 500 !important;
    padding: 7px 8px 5px 8px;
    margin-left: 10px;
    border-radius: 6px;
}

.btn_switch label span.yearly-text {
/*     width: 210px; */
     width: 105px;
}

.btn_switch label:after {
    content: ' ';
    position: absolute;
    left: 4px;
    top: 1x;
    display: inline-block;
    vertical-align: middle;
    background: rgba(var(--white), 1);
    width: 110px;
    height: 34px;
    border-radius: 8px;
    transition: all 0.2s linear;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 12px;
}

.btn_switch label:after span.yearly-text {
    width: 214px;
}

.btn_switch input {
    display: none
}

/* .btn_switch input[type=checkbox]:checked+label {
    background: #101010
} */

.btn_switch input[type=checkbox]:disabled+label {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn_switch input[type=checkbox]:checked+label:after {
    left: auto;
    left: 115px;
/*     width: 210px; */
 width: 110px; 
}
.disabledDiv, .d360-recommend.disabledDiv {
/*     pointer-events: none;
    opacity: 0.5; */
	pointer-events: none;
    border-color: #eeeeee !important;
}

.disabledDiv .d360-card-head h5, .disabledDiv .d360-card-head .price_txt, .disabledDiv .d360-card-head p, .disabledDiv .d360-card-head svg  { opacity: 0.8;	}
.disabledDiv .btn.btn-dark {
    cursor: not-allowed !important;
    background-color: rgba(var(--grey), 0.8) !important;
}
.disabledDiv .d360-card-head .btn-hide { display:none}
.disabledDiv .d360-card-head .btn.btn-grey { display:block!important; opacity:0.9; background-color: rgb(232 232 232 / 80%); color: var(--text-color) !important;}
.disabledDiv .d360-card-body {
opacity: 0.6;	
}
.currency-group-btns {
    display: inline-block;
    background: #f2ebfb;
    border-radius: 10px;
    display: flex;
    padding: 5px 2px;
}

.currency-radio2 label {
    position: relative;    
    cursor: pointer;
    margin: 0 5px;
    line-height: 1.2rem;
    font-size: 15px;
    padding: 8px 8px 5px 8px;
    border-radius: 5px;
    user-select: none;
    vertical-align: middle;
    transition: all .4s ease;
    display: flex;
    align-items: center;
}

.currency-radio2 label:hover {
    background: #dddddd;
}

.currency-radio2 label img {
    height: 13px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.currency-radio2 input[type=radio] {
    display: none
}

.currency-radio2 input[type=radio]:checked+label {
    background: rgba(var(--white), 1);
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 12px;
    
}

.d360-pricing-table .sticky-top {
    top: 73px;
}

.d360-pricing-table .border-bottom,
.d360-pricing-table .border-top {
    border-bottom-color: #f7f7f7 !important;
    border-top-color: #f7f7f7 !important;
}

@media (max-width: 1280px) {
    .d360-pricing-table-res {
        overflow-x: auto;
    }

    .d360-pricing-table {
        width: 1000px
    }
}

@media (max-width: 767px) {
    .d360-pricing-table .sticky-top {
        top: 0;
    }
}

.d360-tabs-2 {
    border-bottom: 2px solid rgba(var(--primary-color), 1);
}

.d360-tabs-2 ul {
    display: flex;
    margin-bottom: 0;
}

.d360-tabs-2 ul li {
    margin-right: 20px;
}

.d360-tabs-2 ul li a { 
    text-align: center;
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
    background-color: var(--primary-color-light);
    border-radius: 20px 20px 0 0;
    border: 2px solid var(--primary-color-light);
    border-bottom: none;
    padding: 13px 30px;
    position: relative;
    cursor: pointer;
    color: rgba(var(--primary-color), 1);
}

.d360-tabs-2 ul li a span { 
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: var(--text-color);
}

.d360-tabs-2 ul li a.active {
    border-color: rgba(var(--primary-color), 1) !important;
    background-color: rgba(var(--white), 1);
    color: var(--text-color);
}

.d360-tabs-2 ul li a.active:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: rgba(var(--white), 1);
    position: absolute;
    bottom: -2px;
    left: 0;
}

.d360-add-on-box .d360-card {
    border: 2px solid #e8e8e8 !important;
    background: none;
}

.d360-add-on-box .d360-card h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.d360-add-on-box .d360-card p {
    font-size: 15px;
    line-height: 1.5em;
}

.d360-add-on-box .price_txt {
    margin: 10px 0 15px;
    font-family: var(--heading-font);
    font-weight: 400;
}

.d360-add-on-box .price_txt span {
    font-size: 44px;        
}

.d360-add-on-box .price_txt sup {
    font-size: 23px;
    margin-right: 2px;
}

.d360-add-on-box .price_txt sub {    
    font-size: 15px;       
}

.d360-add-on-box .collapse:not(.show) {
    height: 530px;
    display: block;
    overflow: hidden;
}

.d360-add-on-box .link-expand-holder {
    width: calc(100% - 40px);
    height: 250px;    
    background-image: linear-gradient(to bottom, transparent, rgba(var(--white), 1));
    position: absolute;
    left: 20px;
    bottom: 0;
    z-index: 45;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.d360-add-on-box .link-expand-holder:has(> a[aria-expanded="true"]) { 
    display: none
 }

 @media (max-width: 767px) {
    .d360-tabs-2 ul li {
        display: flex;
    }

    .d360-tabs-2 ul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 1.2em;
        font-size: 16px;
        padding: 10px 20px;
    }

    .d360-tabs-2 ul li a span {
        display: none;
    }

    .d360-tabs-2 ul li a.active:after {
        height: 4px;
        bottom: -3px;
    }
 }

 /* FAQ */
 .d360-faq ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 27px 0 14px;        
    list-style: none !important
}

.d360-faq ul li:last-child {
    border-bottom: none
}

.d360-faq ul li h3 {
    font-size: 19px;
}

.d360-faq ul li h3 a,
.d360-faq ul li h5 a {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    padding-right: 35px;
}


.d360-faq ul li h3 a::before,
.d360-faq ul li h5 a::before {
    content: '';
    width: 16px;
    height: 2px;
    display: inline-block;
    background-color: var(--text-color);
    position: absolute;
    right: 0;
    top: calc(50% - 1px); 
    transition: all 0.1s ease;
}

.d360-faq ul li h3 a::after,
.d360-faq ul li h5 a::after {
    content: '';
    width: 2px;
    height: 16px;
    display: inline-block;
    background-color: var(--text-color);
    position: absolute;
    right: 7px;
    top: calc(50% - 8px);    
    transition: all 0.1s ease;
}

.d360-faq ul li h3 a[aria-expanded="true"]::after,
.d360-faq ul li h3 a[aria-expanded="true"]::before,
.d360-faq ul li h5 a[aria-expanded="true"]::after,
.d360-faq ul li h5 a[aria-expanded="true"]::before {
    transform: rotate(45deg);
}


.d360-box-number {
    color: rgba(var(--secondary-color), 0.8);
    font-family: var(--number-font);
    font-weight: 700;
    border-radius: 0 .675em .675em 0;
    font-size: 5.5rem;
    text-align: center;
    padding-top: 0;
    left: 0;
    top: -80px;
    position: absolute;
    transition: all .2s ease-in-out;    
    text-shadow: rgba(var(--secondary-color), 0.5) 0 35px 45px;
}


.d360-price-boxes-2 .p_content ul.check-list li:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23aaaaaa' d='M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z'/%3E%3C/svg%3E");
    width: 12px;
}

.d360-price-boxes-2 .p_content ul.check-list:not(.check-list-with-icons) li.icon-plus:before {
    content: '+';
    font-size: 15px;
    line-height: 18px !important;
}


.d360-price-boxes-2 .p_content ul.check-list:not(.check-list-with-icons) li:before {
    background-color: rgba(var(--grey), 0.2) !important;
}

.d360-pricing .d360-price-boxes-2 .p_content ul.check-list.check-list-with-icons li span {
    width: auto !important;
}

.d360-pricing .d360-price-boxes-2 ul.check-list.check-list-with-icons li>span {
    width: auto !important;
}

.d360-price-boxes-2 .p_content_e h6 {
    font-size: 15px;
    margin-top: 0
}

.d360-price-boxes-2 .p_content_e {
    column-count: 2;
}

.d360-price-boxes-2 .p_content_e .row_e {
    column-count: 2 !important;
}

.d360-price-boxes-2 .p_content_e .col-lg-md {
    -webkit-break-inside: avoid;
    break-inside: avoid;
}

.d360-price-boxes-2 .p_content_e .col-lg-md ul.check-list {
    margin-bottom: 30px;
}

/* Payment */
.page-template-payment .wrapper_main {
    padding: 40px 0;
}
.auto-left:after {
    left: auto!important;
}
.d360-checkout-form {
    padding: 30px 0 50px
}

.d360-checkout-form .checkout-head {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.d360-checkout-form .checkout-head .logo {
    padding-top: 0
}

.d360-checkout-form .checkout-head .logo img {
    max-height: 32px
}

.d360-checkout-form .checkout-head .btn-back {
    float: right;
    color: #863ab5;
    font-size: 14px;
    line-height: 33px
}

.d360-checkout-form .aside-bg {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative
}

.d360-checkout-form .btn_switch {
    margin: 0;
    float: left
}

.d360-checkout-form .p-label {
    float: left;
    margin-left: 10px
}

.d360-checkout-form .p-label p strong {
    color: #010101;
    background: #ff0;
    font-size: 13px;
    padding: 1px 10px 3px;
    border-radius: 3px
}

.d360-checkout-form h4 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    margin-bottom: 15px;
    margin-top: 0
}

.d360-checkout-form h4 sup {
    font-size: 12px;
    margin-left: 2px
}

.d360-checkout-form h5 {
    font-size: 16px
}

.d360-checkout-form aside {
    width: 100%;
    float: left
}

.d360-checkout-form .left-col {
    width: 60%;
    float: left
}

.d360-checkout-form .right-col {
    width: 36%;
    float: right;
    min-height: 100px;
    position: relative
}

.d360-checkout-form .sticky-top {
    top: 30px
}

.d360-checkout-form .summary-box {
    width: 100%;
    background: #f9f9f9;
    padding: 20px 20px 15px;
    box-sizing: border-box;
    border-radius: 15px;
    margin: 0 0 28px
}

.d360-checkout-form .summary-box h4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0;
    margin-bottom: 0
}

.d360-checkout-form .summary-box h4 img {
    width: 60px;
    margin-right: 13px
}

.d360-checkout-form .summary-box table {
    margin-bottom: 0;
    background: none;
}

.d360-checkout-form .summary-box table tr td {
    border: none;
    color: #101010;
    background-color: transparent;
    line-height: 1.3em;
    padding-right: 0;
    padding-left: 0
}

.d360-checkout-form .summary-box table tbody tr td:first-child {
    font-size: 15px
}

.d360-checkout-form .summary-box table tr td .plan-desc {
    font-size: 13px;
    color: #777777
}

.d360-checkout-form .summary-box table tr td:nth-child(2) {
    text-align: right
}

.d360-checkout-form .summary-box table tr #offer-label {
    font-weight: 600;
    color: #8005D8
}

.d360-checkout-form .summary-box table tfoot td {
    border-top: 1px solid #e5e5e5;
    font-weight: 700
}

.d360-checkout-form .summary-box table tfoot td:nth-child(2) {
    font-size: 22px
}

.d360-checkout-form .coupon-txt {
    width: 100%;
    float: left;
    margin-bottom: 1.5em
}

.d360-checkout-form .coupon-txt a {
    text-decoration: underline
}

.d360-checkout-form .coupon-txt .btn {
    border-radius: 0 12px 12px 0 !important;
    margin-left: -3px;
    padding: 0 15px
}

.d360-checkout-form .coupon-txt .btn-close {
    background: none;
    border: 0;
    padding: 0 16px;
    cursor: pointer
}

.d360-checkout-form .coupon-txt .btn-close:focus {
    outline: none;
    box-shadow: none;
}

.d360-checkout-form .pass_show {
    top: 11px;
    transform: translateY(0)
}

.d360-checkout-form .coupon-txt .msgBox {
    width: 100%;
    border: 1px solid #28a745;
    box-sizing: border-box;
    padding: 6px 12px;
    border-radius: 12px;
    margin: 0;
    color: #28a745;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.d360-checkout-form .coupon-txt .msgBox .btn-close {
    padding: 0 2px;
    margin: 2px 0 0
}

.d360-checkout-form .coupon-txt #offerCouponApplied .msgBox {
    float: left;
    width: 100%;
    justify-content: normal;
    display: block
}

.d360-checkout-form ul#errorMessage {
    width: 100%;
    border: 1px solid #F83483;
    display: inline-block;
    box-sizing: border-box;
    padding: 3px 12px;
    border-radius: 12px;
    margin: 15px 0 0;
    color: #F83483
}

.d360-checkout-form ul#errorMessage li {
    color: #F83483;
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.4em
}

/* .d360-checkout-form .md-form span.error {
    position: static !important;
    margin-top: 3px !important;
    margin-bottom: -7px !important
} */

.d360-checkout-form .label-text {
    width: 100%;
    float: left;
    color: #aaaaaa;
    font-size: 13px;
    line-height: 1.3em;
    margin-bottom: 8px;
    text-align: right
}

.page-loading {
    width: 100%;
    height: 100%;
    padding: 15px;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-loading .k-i-loading {
    font-size: 75px
}

.page-loading .d360-icon {
    background: url(../images/document360-logo-c-icon.png) no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 99999;
    background-size: auto 15px;
    opacity: .4;
    margin: -5px 0 0;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%)
}

.page-loading p {
    color: rgba(var(--grey), 1);
    font-size: 15px;
    font-weight: 300;
    padding: 0;
    margin: 10px 0 0;
    letter-spacing: .05rem
}

.k-loading {
    width: 64px;
    height: 64px;
    display: inline-block;
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    color: var(--primary-color-light);
}

.k-i-loading::after,
.k-i-loading::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    content: "";
    box-sizing: inherit;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: transparent #c78aed;
    background-color: transparent
}

.k-i-loading::before {
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em;
    border-color: transparent #a526c7;
    -webkit-animation: .7s linear infinite k-loading-animation;
    animation: .7s linear infinite k-loading-animation
}

.k-i-loading::after {
    margin-top: -.25em;
    margin-left: -.25em;
    width: .5em;
    height: .5em;
    animation: 1.4s linear infinite reverse k-loading-animation
}

@-webkit-keyframes k-loading-animation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes k-loading-animation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (max-width: 1023px) {
    .d360-checkout-form .checkout-head .logo {
        width: auto;
        float: left
    }

    .d360-checkout-form .checkout-head .logo img {
        max-height: 25px
    }

    .d360-checkout-form .aside-bg {
        flex-direction: column
    }

    .d360-checkout-form .left-col {
        width: 100%
    }

    .d360-checkout-form .right-col {
        width: 100%
    }

    .d360-checkout-form .summary-box {
        margin-top: 32px
    }
}

@media (min-width: 1366px) {
    .d360-checkout-form .form-control.card-field {
        padding: 13px 20px
    }
}


/* AI */
.page-template-ai-tpl .wrapper_main, .page-id-18346 .wrapper_main, .page-id-18292 .wrapper_main, .page-id-32574 .wrapper_main {
    background-color: #000;  
    position: relative;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
.page-template-ai-tpl .line, .page-id-18346 .line, .page-id-18292 .line {stroke: #fff;}
body.page-template-ai-tpl .d360-pricing .container:first-of-type {
    max-width: 1143px
}
.page-template-ai-tpl .d360-header nav ul>li>a, .page-id-18346 .multilingual-header nav ul>li>a, .page-id-18292 .multilingual-header nav ul>li>a {color:rgba(var(--white), 1);}
.page-template-ai-tpl .d360-header nav ul li.current-menu-item>a, .page-id-18346 .multilingual-header nav ul li.current-menu-item>a, .page-id-18292 .multilingual-header nav ul li.current-menu-item>a {
    color: rgb(196 122 255);
}
.page-id-18346 .d360-header.multilingual-header nav ul li .sub-menu li a, .page-id-18292 .d360-header.multilingual-header nav ul li .sub-menu li a {color:var(--text-color);}
.page-template-ai-tpl .d360-mega-menu aside ul>li>a, .page-id-18346 .d360-mega-menu aside ul>li>a, .page-id-18292 .d360-mega-menu aside ul>li>a {color: var(--text-color)!important;}
.page-template-ai-tpl .logo picture, .page-id-18346 .logo picture, .page-id-18292 .logo picture {filter: brightness(0) invert(1);opacity: 1;}
.page-template-ai-tpl .custom-language-switcher .dropdown-toggle, .page-id-18346 .custom-language-switcher .dropdown-toggle, .page-id-18292 .custom-language-switcher .dropdown-toggle {
    color: #fff;
}
.page-template-ai-tpl .custom-language-switcher .dropdown-toggle .arrow.down, .page-id-18346 .custom-language-switcher .dropdown-toggle .arrow.down, .page-id-18292 .custom-language-switcher .dropdown-toggle .arrow.down {
	border: solid #fff;    border-width: 0 2px 2px 0;}
.page-template-ai-tpl .portal_login { color:#fff;}
.page-template-ai-tpl .btn.btn-dark, .page-id-18346 .btn.btn-dark, .page-id-18292 .btn.btn-dark {
    background-color: #fff;
	color: var(--text-color)!important;
}
.page-template-ai-tpl .btn.btn-outline-dark, .page-id-18346 .btn.btn-outline-dark, .page-id-18292 .btn.btn-outline-dark {
    border: 1px solid rgba(var(--white), 1) !important;
	color: rgba(var(--white), 1) !important;}
.page-template-ai-tpl .d360-header.menu-shrink, .page-id-18346 .d360-header.menu-shrink, .page-id-18292 .d360-header.menu-shrink {
	background: #000;}
.page-template-ai-tpl .d360-offcanvas .custom-language-switcher .dropdown-toggle, .page-id-18346 .d360-offcanvas .custom-language-switcher .dropdown-toggle, .page-id-18292 .d360-offcanvas .custom-language-switcher .dropdown-toggle {
        color:var(--text-color);
    }
.page-template-ai-tpl .d360-offcanvas .custom-language-switcher .dropdown-toggle .arrow.down, .page-id-18346 .d360-offcanvas .custom-language-switcher .dropdown-toggle .arrow.down, .page-id-18292 .d360-offcanvas .custom-language-switcher .dropdown-toggle .arrow.down {
        border: solid #333;border-width: 0 2px 2px 0;}

.page-template-ai-tpl .d360-offcanvas .portal_login {
    color: var(--text-color);
}  
.page-template-ai-tpl .d360-offcanvas .btn.btn-dark, .page-id-18346 .d360-offcanvas .btn.btn-dark, .page-id-18292 .d360-offcanvas .btn.btn-dark{
    background-color: #1F2937;
    color: rgba(var(--white), 1)!important;
}
.page-template-ai-tpl .d360-offcanvas .btn.btn-outline-dark, .page-id-18346 .d360-offcanvas .btn.btn-outline-dark, .page-id-18292 .d360-offcanvas .btn.btn-outline-dark {
    border: 1px solid var(--primary-color-dark) !important;
    color: var(--primary-color-dark) !important;} 

.page-template-ai-tpl .d360-ai-template h1, .page-id-18346 .d360-ai-template h1, .page-id-18292 .d360-ai-template h1, .page-id-32574 .d360-ai-template h1,
.page-template-ai-tpl .d360-ai-template h2, .page-id-18346 .d360-ai-template h2, .page-id-18292 .d360-ai-template h2, .page-id-32574 .d360-ai-template h2,
.page-template-ai-tpl .d360-ai-template h3, .page-id-18346 .d360-ai-template h3, .page-id-18292 .d360-ai-template h3, .page-id-32574 .d360-ai-template h3,
.page-template-ai-tpl .d360-ai-template h4, .page-id-18346 .d360-ai-template h4, .page-id-18292 .d360-ai-template h4, .page-id-32574 .d360-ai-template h4,
.page-template-ai-tpl .d360-ai-template h5, .page-id-18346 .d360-ai-template h5, .page-id-18292 .d360-ai-template h5, .page-id-32574 .d360-ai-template h5,

.page-template-ai-tpl .d360-ai-template ul li, .page-id-18346 .d360-ai-template ul li, .page-id-18292 .d360-ai-template ul li, .page-id-32574 .d360-ai-template ul li {
    color: rgba(var(--white), 1)
}
.page-template-ai-tpl .d360-ai-template p, .page-id-18346 .d360-ai-template p, .page-id-18292 .d360-ai-template p, .page-id-32574 .d360-ai-template p{ color: #d8d8d8;}
.page-template-ai-tpl .border, .page-id-18346 .border, .page-id-18292 .border, .page-id-32574 .border {border:2px solid #3d3d3d!important;}
.page-id-32574 .btns-right .btn-dark {background:#fff; color:#000!important}
.page-id-32574 .btns-right .btn-outline-dark {border-color:#fff!important; color:#fff!important}
.page-id-32574 .d360-header.menu-shrink {
	background: #000;}
.menu-ai svg {    position: absolute;
    top: 15px;}
.slick-tab-aipage {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 360px;
    height: 38px;
    background: #2d2d2d;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
}

/* Background Indicator - z-index lower than text */
.bg-indicator {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 180px;
    height: 38px;
    background: white;
    border-radius: 18px;
    transition: left 0.4s ease-in-out, width 0.4s ease-in-out;
    z-index: 0;  /* Lower than text */
}

/* Slide Text - Must be above background */
.slick-tab-aipage .slick-slide {
    width: 180px;
    text-align: center;
    color: #666;
    position: relative;  /* Ensure stacking works */
    z-index: 10; /* Above background */
    transition: all 0.2s linear;
    user-select: none;
    font-size: 18px;
    font-weight: 600;
}
.slick-tab-aipage .slick-slide.slick-current {color: #333;}
.slick-tab-aipage .slick-track {transform: translate3d(0px, 0px, 0px)!important;}
.ai-gradient-light {background: radial-gradient(circle at left bottom, rgb(131 149 250) 10%, rgba(0, 0, 139, 0.8) 50%, rgba(0, 0, 139, 0) 90%);}
.ai-gradient-dark {background: radial-gradient(circle at center bottom, rgb(81 41 177) 10%, rgb(67 35 148) 50%, rgba(0, 0, 139, 0) 90%)}


/* TOC Styling */
.ai-toc-container {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

.ai-toc {
    position: fixed;
    left: -300px; /* Hidden initially */
    top: 50%;
    transform: translateY(-50%);
    background:rgb(8 8 8 / 95%);
    width: 200px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: left 0.4s ease-in-out;
}
.ai-toc.active {
    left: 0px;/* Make it visible when active */
}
/* TOC Links */
.ai-toc ul {
    list-style: none;
    padding: 0;
}

.ai-toc li {
    margin: 5px 0;
}

.ai-toc a {
    text-decoration: none;
    color: #b3b3b3;
    font-size: 16px;
    font-weight: 500;
}
/* .ai-toc-link.active {
    color: #fff;
} */
.ai-toc-tab-link.active {
    color: #fff;
}
.ai-toc-sublist {  
    transition: all 0.3s ease-in-out;
}
.ai-toc-sublist li {    padding-left: 28px;
    line-height: initial;
    margin: 10px 0;}
.ai-toc-sublist li a {font-size: 13px;position: relative;transition: padding-left 0.3s ease-in-out;font-weight: 400;}
/* Add a smooth expanding horizontal line before the text */
.ai-toc-sublist li a::before {
    content: "";
    position: absolute;
    left: -26px;
    top: 50%;
    transform: translateY(-50%);
    width: 0; /* Initially hidden */
    height: 2px; /* Thickness of the line */
    background: linear-gradient(90deg, #00aeef, #aa4bf2, #f3a64f);
    transition: width 0.3s ease-in-out;
    border-radius: 35px;
}

/* Hover and Active effect - Expand the horizontal line */
.ai-toc-sublist li a:hover::before,
.ai-toc-sublist li a.active::before {
    width: 20px; /* Length of the line */
}
/* Tabs Styling */
.ai-tabs {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.ai-tab-btn {
    padding: 10px;
    background: #101010; /* Ensure the button has a solid background */
    cursor: pointer;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    color: #b3b3b3;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    overflow: visible;
    z-index: 1; /* Ensure the button is above the pseudo-element */
    position: relative; /* Establish a stacking context */
}

/* Right & Bottom Gradient Border */
.ai-tab-btn::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(74deg, #ecb14d, #40aaec, #4b37c7, #af3983);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.ai-tab-btn::after {
    content: "";
    position: absolute;
    padding: 10px;
    background: #101010;
    border-radius: 8px;
    color: #919191;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;

}
/* Show effect on hover and active */
.ai-tab-btn:hover::before,
.ai-tab-btn.active::before {
    opacity: 1;
    transform: translate(4px, 4px); /* Moves gradient effect outward */
}

.ai-tab-btn:hover,
.ai-tab-btn.active {
    color:#fff;
}
.ai-tab-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: opacity 0.6s ease-in-out, visibility 0.6s, height 0.6s ease-in-out; /* Slower transition */
}

.ai-tab-content.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
}
.d360-askeddy-line-row {
    display: flex;
    justify-content: space-between;
  }
  #line-lottie2 {
    transform: rotate(180deg);
  }
 .d360-askeddy-line-row path[stroke-linecap="butt"][stroke-linejoin="miter"] {
    stroke: rgb(29 29 29);
}
.d360-askeddy-line-row path{
    stroke-opacity: 1;
  }  
  stop {
    stop-color: #e8006c;
  }
  .d360-askeddy-line {
      top: 80px;
  }

@media (min-width: 1200px) {
    .page-template-ai-tpl .d360-header nav ul li.menu-item-has-children>a:after, .page-id-18346 .d360-header nav ul li.menu-item-has-children>a:after, .page-id-18292 .d360-header nav ul li.menu-item-has-children>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
    }
}
@media (max-width: 1200px) {
    .ai-toc-container { display:none;}
    .page-template-ai-tpl .d360-header {
        background: #000;
    }
}
@media (max-width: 920px) {
    .ai-tabs {
        gap: 8px;}
    .ai-tab-btn { font-size:14px;padding: 5px;}
    .d360-askeddy-line {
        display: none !important;
    }
}
@supports (-webkit-backdrop-filter: none) {
    .ai-feature {
        transform: none !important;
        will-change: auto !important;
        animation: none !important;
    }
    .d360-askeddy-line {
        display: none !important;
    }
}
/* Blog */
.d360-post-thumb aside figure {
    position: relative;
    border-radius: 18px 18px 0 0;
    margin-bottom: 0;
}

.d360-post-thumb aside figure a {
    width: 100%;
    display: inline-block;
}

.d360-post-thumb aside figure figcaption {
    position: absolute;
    left: auto;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    background: rgba(var(--black), 0.6);
    border-radius: 15px;
    color: rgba(var(--white), 1);
    padding: 4px 10px;
    min-block-size: fit-content;    
    width: fit-content;    
}

.d360-post-thumb aside .d360-card {
    display: flex;
    flex-direction: column;
}


.d360-post-thumb.d360-guides aside figure img {
    width: auto;    
    height: 200px;    
}

/* @media (min-width: 1200px) {
    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine aside:first-child {
        width: 100%;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine aside:first-child .d360-card {
        display: flex;
        flex-direction: row;
        padding: 10px;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine aside:first-child figure {
        width: 100%;
        margin-bottom: 0;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine aside:first-child figure a {
        border-radius: 17px;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine aside:first-child figure img {
        height: 325px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 17px;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine.d360-guides aside:first-child figure {
        width: 150%;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine.d360-guides aside:first-child figure a.p-5 {
        padding: 0 20px !important;
    }

    body:not(.page-id-19996) .d360-post-thumb.d360-post-routine.d360-guides aside:first-child figure img {
        width: 50%;
        object-fit: contain;
    }
} */

.d360-post-thumb aside .d360-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-nav {
    position: relative
}

.sidebar-nav ul li {
    font-size: 15px;
    line-height: 1.7em;
    padding-left: 30px;
    position: relative;
    margin-bottom: 8px
}

.sidebar-nav ul li:first-child svg {
    width: 20px;
}

.sidebar-nav ul li svg {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    fill: var(--text-color);
    width: 18px;
    height: 18px;
}

.sidebar-nav ul li a:hover {
    color: rgba(var(--primary-color), 1);
}

.sidebar-nav ul li a:hover svg {
    fill: rgba(var(--primary-color), 1);
    font-weight: 700
}

.sidebar-nav ul li a.active {
    color: rgba(var(--primary-color), 1);
    font-weight: 700;    
}

.sidebar-nav ul li a.active svg {
    fill: rgba(var(--primary-color), 1);
}

.sidebar-nav .sticky-top {
    background: rgba(var(--white), 1);
    top: 130px;    
}

.d360-pagination {
    position: relative;
    display: flex;
    justify-content: center;
}

.d360-pagination:has(.page-numbers):after {
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(var(--grey), 0.4);
    position: absolute;
    left: 0;
    top: calc(50% + 1px);
    transform: translateY(-50%);
}

.d360-pagination h2 {
    display: none;
    text-align: center
}

.d360-pagination .nav-links {    
    display: inline-block;
    background: rgba(var(--white), 1);
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 0 15px;
}

.d360-pagination .page-numbers {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.5em;
}

.d360-pagination .page-numbers img {
    Width: 18px;
}

.d360-pagination svg {
    fill: var(--text-color);
}

.d360-pagination a.page-numbers,
.d360-pagination .current {
    min-width: 38px;
    padding: 8px 7px 6px;
    display: inline-block;
    border-radius: 10px;
    margin: 2px 0;
    text-align: center;
    color: rgba(var(--primary-color), 1)
}

.d360-pagination .page-numbers.current {
    background: rgba(var(--primary-color), 1);
    color: rgba(var(--white), 1)
}

.d360-pagination a.page-numbers:hover {
    text-decoration: none;
    color: rgba(var(--primary-color), 1)
}

.d360-pagination a.page-numbers:hover svg {
    fill: rgba(var(--primary-color), 1)
}

.d360-pagination .next.page-numbers svg,
.d360-pagination .prev.page-numbers svg {
    width: 16px;
    height: 16px;
    position: relative;
}

.d360-pagination .next.page-numbers,
.d360-pagination .prev.page-numbers {
    color: var(--text-color);
}

.d360-pagination .next.page-numbers svg,
.d360-pagination .prev.page-numbers svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
}

.d360-pagination .next.page-numbers {
    padding-right: 0;
}

.d360-pagination .prev.page-numbers {
    padding-left: 0;
}

@media (max-width: 767px) {
    .d360-pagination .next.page-numbers span,
    .d360-pagination .prev.page-numbers span {
        display: none;  
    }
}

.d360-cat-nav {
    display: none;
    float: right;
    margin-right: 0
}

.d360-cat-nav .btn-category {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.d360-cat-nav .btn-category svg {
    fill: var(--text-color); 
    width: 26px;
    height: 26px;
}

.d360-mobile-menu.scrolled .d360-cat-nav .btn-category svg {fill:#fff;}
.d360-cat-nav .post-cat-nav {
    width: 100%;
    background: rgba(var(--white), 1);
    border-radius: 18px 18px 0px 0px;
    position: absolute;
    bottom: 45px;
    right: 0;
	color:var(--text-color)!important;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 19px -20px 23px -15px;
    z-index: 500;
    display: none;
}

/* .d360-cat-nav .post-cat-nav:after {
    content: '';
    border-color: #F4F0EB transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    height: 0;
    width: 0;
    position: absolute;
    right: 52px;
    top: -10px
} */

.d360-cat-nav .post-cat-nav ul li {
    font-size: 15px;
    margin: 5px 0;
}

.d360-cat-nav .post-cat-nav ul li a {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    line-height: 1.2em;
    color: var(--text-color) !important;
}

.blog .d360-cat-nav .post-cat-nav ul li a,
.category .d360-cat-nav .post-cat-nav ul li a,
.single-post .d360-cat-nav .post-cat-nav ul li a {
    padding-left: 0;
}

.d360-cat-nav .post-cat-nav ul li a svg {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    fill: rgba(var(--primary-color));
}

.d360-cat-nav .post-cat-nav ul li a.active {
    color: rgba(var(--primary-color), 1);
    font-weight: 500;
}

.d360-cat-nav .post-cat-nav ul li a.active svg {
    fill: rgba(var(--primary-color));
}

.d360-cat-nav .post-cat-nav ul li a.active:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238005D8' d='M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z'/%3E%3C/svg%3E");
    width: 12px;
    position: absolute;
    top: 1px;
    left: 0
}

.d360-cat-nav .post-cat-nav ul li a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z'/%3E%3C/svg%3E");
    width: 12px;
    position: absolute;
    top: 1px;
    left: 0
}

.d360-cat-nav .post-cat-nav ul li a:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238005D8' d='M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z'/%3E%3C/svg%3E");
}

.blog .d360-cat-nav .post-cat-nav ul li a:before,
.category .d360-cat-nav .post-cat-nav ul li a:before,
.single-post .d360-cat-nav .post-cat-nav ul li a:before {
    display: none;
}

/* @media (min-width: 1600px) {
    body.blog .d360-blog-list .container,
    body.blog .d360-hero-bg-2 .container,
    body.category .d360-blog-list .container,
    body.category .d360-hero-bg-2 .container {
        max-width: 1440px
    }
} */

@media (max-width: 1199px) {
    .d360-cat-nav {
        display: block
    }
}

@media (max-width: 767px) {
    .d360-cat-nav .sidebar-nav:after {
        right: 58px
    }
}

/* Blog Single */
.social-links li {
    display: inline-block
}

.social-links a {
    width: 36px !important;
    height: 36px !important;
    float: left !important;
    text-align: center !important;
    line-height: 36px !important;
    border: 1px solid #636363;
    border-radius: 20px !important;
    padding: 0 !important;
    margin-right: 8px !important
}

.social-links li a svg {
    fill: #000000 !important;
    margin-right: 0 !important;
    width: 14px !important;
    height: 14px;
}

.social-links a:hover {
    background: #eeeeee !important
}

.social-links a:hover i {
    color: #000000 !important
}

.social-links .a2a_kit {
    height: 36px
}

.social-links .a2a_kit a:last-of-type {
    margin-right: 0 !important
}

.social-links .a2a_kit a .a2a_svg {
    width: 22px !important;
    height: 22px !important
}

.social-links .a2a_kit a .a2a_svg svg {
    filter: grayscale(1) brightness(0)
}

.social-links .a2a_kit a span {
    background-color: transparent !important;
    margin: 7px
}

.sumome-share-client-circle a.sumome-share-client-share {
    border-radius: 0 20px 20px 20px !important;
    background: #bbbbbb !important
}

.sumome-share-client-circle a.sumome-share-client-share:hover {
    background: #000000 !important
}

.author-info .img-author img {
    width: 80px;
    border-radius: 100%
}

.d360-blog-det .blog-desc .Player_Left {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.d360-blog-det .blog-desc p {
    font-size: 17px;
    line-height: 1.6em
}

.d360-blog-det .blog-desc ul {
    list-style: outside;
    padding-left: 20px
}

.d360-blog-det .blog-desc ul li {
    list-style: disc;
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 13px
}

.d360-blog-det .blog-desc p a,
.d360-blog-det .blog-desc ul li a {
    color: rgba(var(--primary-color), 1)
}

.d360-blog-det .blog-desc table {
    border-collapse: collapse;
    margin-bottom: 30px
}

.d360-blog-det .blog-desc table h2,
.d360-blog-det .blog-desc table h3,
.d360-blog-det .blog-desc table h4,
.d360-blog-det .blog-desc table h5,
.d360-blog-det .blog-desc table h6,
.d360-blog-det .blog-desc table p {
    padding-bottom: 0
}

.d360-blog-det .blog-desc table td {
    padding: .5em .75em
}

.d360-blog-det .blog-desc table td,
.d360-blog-det .blog-desc table tr {
    border: 1px solid rgba(var(--grey), 0.35);
}

.d360-blog-det .blog-desc .author-info .img-author {
    width: 120px
}

.d360-blog-det .blog-desc .d360-faq ul li a {
    color: var(--text-color);
}

.wistia_placebo_close_button img { 
    max-height: inherit;
}

.d360-blog-det .social-links {
    position: -webkit-sticky;
    position: sticky;
    top: calc(100vh - 120px);
    margin-bottom: 0
}

.d360-guide-detail blockquote,
.d360-cs-detail blockquote,
.d360-blog-det .blog-desc blockquote {
    width: 100%;
    border: 2px solid rgba(var(--grey), 0.35);
    padding: 30px 25px 20px;
    border-radius: 0 20px 20px 20px;
    margin: 30px 0;
    position: relative;
    font-style: italic
}

.d360-guide-detail blockquote p:last-child,
.d360-cs-detail blockquote p:last-child,
.d360-blog-det .blog-desc blockquote p:last-child {
    padding-bottom: 0
}

.d360-guide-detail blockquote:after,
.d360-cs-detail blockquote:after,
.d360-blog-det .blog-desc blockquote:after {
    content: '';
    background: rgba(var(--black)) url(../images/casestudies/icon-quote-yellow.svg) no-repeat center;
    background-size: 28px;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 100%;
    color: rgba(var(--white), 1);
    box-shadow: rgba(0, 0, 0, 0.15) 0 8px 14px;
    position: absolute;
    top: -30px;
    left: 25px
}

.d360-guide-detail blockquote:after,
.d360-cs-detail blockquote:after {
    background: rgba(var(--secondary-color), 1) url(../images/casestudies/icon-quote.svg) no-repeat center;
    background-size: 28px;
}

@media (min-width: 1600px) {
    .d360-blog-det .container {
        max-width: 1600px;
    }
}


/* EBook */
.d360-post-thumb-2 {
    display: flex;
    align-items: flex-start;
}


@media (max-width: 768px) {
    .d360-post-thumb-2 aside .d360-card .d360-card-body {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .d360-post-thumb-2 aside .d360-card {
        display: flex;
        flex: 1;
    }


    .d360-post-thumb-2 aside .d360-card figure {
        width: 75%;
        margin-bottom: 0 !important;
    }

    .d360-post-thumb-2 aside .d360-card .d360-card-body {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 0;
    }
}

/* Tutorual-videos */
.d360-tutorial-thumb figure {
    background-color: #f4f0eb
}

.d360-tutorial-thumb figure img {
    max-height: 280px;
}

.d360-inside-book ul li {
    display: flex;
    flex-direction: row;
    margin: 35px 0
}

.d360-inside-book ul li:last-child {
    margin-bottom: 0;
}

.d360-inside-book ul li svg {
    width: 100%;
    max-width: 70px;
    margin-right: 20px;
}

/* Guides */
.d360-guides-sidenav {
    height: calc(100vh - 130px);
    overflow-y: auto;
    padding-right: 20px
}

.d360-guides-sidenav ul {
    margin-bottom: 0
}

.d360-guides-sidenav ul li {
    margin-bottom: 10px
}

.d360-guides-sidenav ul li a {
    width: 100%;
    font-size: 15px;
    line-height: 1.35em;
    letter-spacing: normal;
    display: inline-block;
    position: relative;
    padding-left: 25px
}

.d360-guides-sidenav ul li a.active {
    color: #8005D8
}

.d360-guides-sidenav ul li a.active:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238005D8' d='M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z'/%3E%3C/svg%3E");
    width: 12px;
    position: absolute;
    top: 1px;
    left: 0
}

.d360-guides-sidenav ul li a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z'/%3E%3C/svg%3E");
    width: 12px;
    position: absolute;
    top: 1px;
    left: 0
}

.d360-guides-sidenav ul li a:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238005D8' d='M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z'/%3E%3C/svg%3E");
}

.d360-guides-sidenav::-webkit-scrollbar {
    width: 5px
}

.d360-guides-sidenav::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2)
}

.d360-guides-sidenav ul li a.active:before {
    animation: arrowSlide 1s ease-in-out infinite
}

.d360-guide-detail .sticky-top {
    top: 100px
}

.d360-guide-detail .pillar_papper h2.sticky-top {
    padding: 25px 0 15px;
    top: 70px
}

.d360-guide-detail .pillar_papper ul {
    padding-left: 25px
}

.d360-guide-detail .pillar_papper ul li a,
.d360-guide-detail .pillar_papper p a {
    color: #8005D8
}

.d360-guide-detail .pillar_papper h3 {
    color: #333333
}

.d360-guide-detail .pillar_papper figure {
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .d360-guide-detail .pillar_papper h2.sticky-top {
        padding: 15px 0;
        top: 60px
    }
}

.call_to_action {
    width: 100%;
    max-width: 800px;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;    
    border-radius: 20px;
    margin-bottom: 20px;
    background: var(--blue-color-gradient);
}

.call_to_action.bg-secondary {
    background: var(--primary-color-light)!important;
}

.call_to_action .call_to_text {
    width: 70%;
    margin: 15px 0
}

.call_to_action .call_to_img {
    width: 30%;
    text-align: right
}

.call_to_action .call_to_img img {
    max-height: 135px
}

.call_to_action .cta {
    display: inline-block
}

@media (max-width: 767px) {
    .call_to_action {
        flex-direction: column-reverse
    }

    .call_to_action .call_to_text {
        width: 100%
    }

    .call_to_action .call_to_img {
        width: 100%;
        text-align: center
    }
}


/* Webinars / Podcast */
.logo-pod-cus img {
    max-height: 45px;
}

.d360-post-thumb-single figure {
    width: 40%;
    position: relative;
    padding: 30px 0 0 30px
}

.d360-post-thumb-single figure:before {
    content: '';
    background: var(--secondary-color-light);
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border-radius: 30px;
    z-index: 2;
    left: 0;
    top: 0
}

.d360-post-thumb-single .txt {
    width: 50%
}

.d360-post-thumb-single .txt .logo-cus img {
    max-height: 40px
}

.d360-post-thumb-single.rtl aside {
    flex-direction: row-reverse
}

.d360-post-thumb-single.rtl figure:before {
    display: none
}


.d360-post-thumb-single.rtl figure a {
    border-radius: 0 30px 30px 100px
}

.d360-post-thumb-img {
    width: 100%;
    position: relative;
}

.d360-post-thumb-img a {
    width: 100%;
    height: 580px;    
    border-radius: 30px 30px 30px 100px;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    overflow: hidden
}

.d360-post-thumb-img a img {
    border-radius: 100%;
    min-width: 430px;
    max-width: 430px;
    background: #ffffff;
    border-top: 15px solid rgba(var(--secondary-color), 1);
    border-right: 15px solid rgba(var(--secondary-color), 1);
    margin: 0 0 -35px -35px;
}

.d360-post-thumb-img .icon-mic {
    width: 150px;
    height: 200px;
    background: url(../images/podcast/img-mic.png) no-repeat bottom center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 15;
}

.d360-post-thumb-img .shape_10,
.d360-post-thumb-img .shape_11,
.d360-post-thumb-img .shape_12 {
    position: absolute;
    z-index: 45
}

.d360-post-thumb-img .shape_10 {
    bottom: 35px;
    right: -35px;
}

.d360-post-thumb-img .shape_10 img {
    max-width: 75px
}

.d360-post-thumb-img .shape_11 img {
    max-width: 70px
}

.d360-post-thumb-img .shape_12 img {
    max-width: 85px
}

.d360-post-thumb-img .shape_11 {
    top: 70px;
    left: 80px
}

.d360-post-thumb-img .shape_12 {
    top: 25%;
    left: -30px
}


@media (max-width: 1199px) {
    .d360-post-thumb-single {
        overflow: hidden
    }

    .d360-post-thumb-img a {
        height: 450px
    }

    .d360-post-thumb-img a img {
        min-width: 340px;
        max-width: 340px
    }

    .d360-post-thumb-img .icon-mic {
        width: 100px;
        height: 150px
    }
}

@media (max-width: 991px) {
    .d360-post-thumb-single figure {
        width: 48%;
        padding: 15px 0 0 15px
    }

    .d360-post-thumb-img .shape_10 {
        right: -25px
    }

    .d360-post-thumb-img .shape_11 {
        top: 50px;
        left: 50px
    }

    .d360-post-thumb-img .shape_12 {
        left: -20px
    }

    .d360-post-thumb-img .shape_10 img {
        max-width: 50px
    }

    .d360-post-thumb-img .shape_11 img {
        max-width: 60px
    }

    .d360-post-thumb-img .shape_12 img {
        max-width: 50px
    }

    .d360-post-thumb-img .txt {
        width: 48%
    }

    .d360-post-thumb-single .txt h2 {
        font-size: 26px
    }

    .d360-post-thumb-single .txt p.text-xlarge {
        font-size: 16px !important
    }

    .d360-post-thumb-single .txt p.text-medium {
        font-size: 14px !important
    }

    .d360-post-thumb-img a {
        height: 400px
    }

    .d360-post-thumb-img a img {
        min-width: 280px;
        max-width: 280px
    }
}

@media (max-width: 767px) {
    .d360-post-thumb-single aside {
        flex-direction: column
    }

    .d360-post-thumb-single figure {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 30px
    }

    .d360-post-thumb-single .txt {
        width: 100%
    }

    .d360-post-thumb-single.rtl aside {
        flex-direction: column
    }

    .d360-post-thumb-single.rtl figure {
        padding: 0
    }
}

/* Podcasts  */
/*.podcast-btns img {
    max-height: 60px;
    background: rgba(var(--black), 1);
    padding: 5px 8px;
    border-radius: 18px
}

.d360-podcast-thumb .d360-post-thumb-img a {
    height: 300px;
    border-radius: 20px 20px 0 0;
}

.d360-podcast-thumb .d360-post-thumb-img a img {
    width: 280px;
    height: 280px;
    min-width: auto;
    border-right-width: 10px;
    border-top-width: 10px;
}

.d360-podcast-thumb .d360-post-thumb-img .shape_11 {
    left: auto;
    top: auto;
    bottom: 30px;
    right: 40px;
}

.d360-podcast-thumb .d360-post-thumb-img .icon-mic {
    right: 40%;
}

.d360-podcast-thumb .d360-post-thumb-img figcaption {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    background: rgba(var(--black), 0.6);
    border-radius: 15px;
    color: rgba(var(--white), 1);
    padding: 4px 10px;    
    z-index: 15;
}

@media (max-width: 991px) {
    .podcast-btns img {
        max-height: 48px
    }
}

@media (max-width: 767px) {
    .podcast-btns img {
        max-height: 48px
    }
}

@media (min-width: 1200px) {
    .podcast-btns img {
        max-height: 70px
    }
}*/
/* Podcasts  */
.podcast-btns {
    display: flex;
    justify-content: center; /* Center-align the buttons */
    gap: 15px; /* Space between buttons */
}

.podcast-btns a {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 62px; /* Initial width for icon only */
    padding: 10px;
    background: #000000;
    color: white;
    border-radius: 30px;
    text-decoration: none;
   font-size:24px; font-weight:600;
    overflow: hidden;
    transition: width 0.4s ease-in-out;
    white-space: nowrap;
}
.podcast-btns a.icon-apple {background: #f6edfe; color: #8a36bd;}
.podcast-btns a.icon-spotify {    background: #defae4;
    color: #1cd860;}
.podcast-btns a.icon-apple:hover {
    width: 140px; /* Expand to fit text */
}
.podcast-btns a img {
    transition: margin-right 0.3s ease-in-out;
}

.podcast-btns a .text {
    opacity: 0;
    margin-left: 0;
    transition: opacity 0.3s ease-in-out, margin-left 0.3s ease-in-out;
	
}

.podcast-btns a:hover {
    width: 160px; 
}

.podcast-btns a:hover img {
    margin-right: 10px;
}

.podcast-btns a:hover .text {
    opacity: 1;
}

/* Tutorial Videos */
.d360-video-thumb figure {
    background: #f4f1ec;
    text-align: center;
    padding: 10px 20px;
}

.d360-video-thumb figure img {
    width: auto;
    height: 230px;
}

.d360-post-thumb.d360-video-thumb figure figcaption {
    width: max-content;
    height: fit-content;
    padding: 4px 10px;   
}


/* Modal Popup */
.modal-content {
    border: 0;
}

.modal-content .close {
    border: 0;
    background: none;
    font-size: 27px;
    color: rgba(var(--secondary-color), 1);
    position: absolute;
    top: 18px;
    right: 20px;
}

/* Signup / Book a Demo  */
.page-id-601 .wrapper_main,
.page-id-1783 .wrapper_main,
.page-id-1783 .wrapper_main,
.page-id-2586 .wrapper_main,
.page-id-605 .wrapper_main, .page-template-thankyou-viewdemo .wrapper_main, .page-id-18264 .wrapper_main, .page-id-18682 .wrapper_main, .page-id-18808 .wrapper_main, .page-id-20918 .wrapper_main, .page-id-20899 .wrapper_main, .page-id-22117 .wrapper_main, .page-id-22431 .wrapper_main, .page-id-22405 .wrapper_main, .page-id-30736 .wrapper_main {
    padding: 0 !important;
} 

.d360-form-container {
    width: 100%;
    height: 100%;
    position: relative
}

.d360-form-container .left-col {
    width: 35%;
    height: 100vh;
    background: var(--primary-color-light);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 40px;
    overflow-y: auto
}

.d360-form-container .d360-rating-logos {
    display: flex;
    justify-content: space-between
}

.d360-form-container .d360-rating-logos li {
    display: inline-block;
}

.d360-form-container .d360-rating-logos li img {
    max-height: 24px;
    padding: 0 15px;
}

.d360-form-container .d360-rating-leaves {
    text-align: center;
}

.d360-form-container .d360-rating-leaves img {
    max-height: 150px;
}

.d360-form-container .d360-client-logos {
    width: 100%;
}

.d360-form-container .d360-client-logos img {
    max-height: 23px;
    margin: 10px;
    opacity: 1 !important;
}

.d360-form-container .right-col {
    width: 65%;
    height: 100vh;
    float: right;
    position: relative;
    display: table;
    padding: 0 35px;
    overflow: hidden
}

.d360-form-container .logo-center {
    width: 100%;
    padding: 30px 0
}

.d360-form-container .logo-center img {
    max-height: 30px
}

.d360-form-container .form_block {
    width: 100%;
    max-width: 550px;
    display: inline-block;
    padding: 30px;
}

.d360-form-container .d360-form-block {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 20px
}
/* Thanks you view demo */
.page-template-thankyou-viewdemo .d360-container .right-col {
    width: 50%;
    height: 100vh;
    display: flex;
    background: var(--primary-color-light);
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    padding: 0 40px;
    overflow-y: auto
}
.page-template-thankyou-viewdemo .d360-container .left-col {
    width: 50%;
    height: 100vh;
    float: left;
    position: relative;
    padding: 0 35px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (min-width: 992px) and (max-width: 1365px) {
    .d360-form-container .left-col {
        width: 45%;
    }

    .d360-form-container .right-col {
        width: 55%;
        padding: 0;
    }  
	 .page-template-thankyou-viewdemo .d360-container .left-col {
        width: 50%;
    }

    .page-template-thankyou-viewdemo .d360-container .right-col {
        width: 50%;
        padding: 0;
    } 
}

@media (max-width: 991px) {
	.page-template-thankyou-viewdemo .d360-container .right-col { width:100%;position:inherit; height:100%; padding:30px 30px}
	.page-template-thankyou-viewdemo .d360-container .left-col {width:100%;height:100%; margin-top:30px; padding:0;}
    .d360-form-container .logo-center {
        padding-bottom: 20px
    }

    .d360-form-container .left-col {
        display: none;
    }

    .d360-form-container .right-col {
        width: 100%;
        padding: 0
    }

    .d360-form-container .d360-form-block {
        text-align: center;
        padding: 0 0 20px 0;
    }
}


/* Request demo */
.timezone-select .bootstrap-select {
    padding: 0;
    border: none !important
}

.timezone-select .bootstrap-select .dropdown-toggle {
    display: none;
}

.md-form .timezone-select label {
    top: -6px;
    font-size: 13px;
    color: rgba(var(--grey), 1);
}

/* Signup */
@media (min-width: 991px) {
    .d360-form-container.d360-signup-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .d360-form-container.d360-signup-container .left-col {
        width: calc(50% - 40px);
        height: calc(100% - 40px);
        margin: 20px;
        border-radius: 30px;
        left: auto;
        right: 0;
        padding: 30px 100px;
    }
	
    .d360-form-container.d360-signup-container .right-col {
        width: 50%;
        padding: 0;
    }
}
@media (max-width: 1280px) {
	.d360-form-container.d360-signup-container .left-col h3 br {display:none!important}
}
/* Thank you page */

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes dash-check {
    1% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

.d360-thank-you figure svg {
    width: 120px;
    display: block;
    margin: 0 auto
}

.d360-thank-you .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0
}

.d360-thank-you .path.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out
}

.d360-thank-you .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards
}

.d360-thank-you .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards
}

.or-divider {
    margin-bottom: 10px
}

.or-divider span {
    position: relative;
    font-size: 15px;
    display: inline-block
}

.or-divider span b {
    position: relative;
    background: #ffffff;
    padding: 0 10px;
    z-index: 5
}

.or-divider span:after {
    content: '';
    width: 240px;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    left: -103px;
    top: 50%;
    margin-top: 1px;
    z-index: 1
}


/* Partners */
.d360-partner-steps .d360-box-number {
    top: -14px;
    font-size: 4em;
    left: 0;
    width: 100%;
    text-align: center;
}

.d360-partner-steps aside {
    width: 100%;
    margin: 0 25px
}

.d360-partner-steps aside .d360-card-body {
    min-height: 175px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 25px 40px;
}

.features-group-h aside {
    width: 100%;
    flex-direction: row;
    flex-flow: row
}

.features-group-h aside .icon-f {
    width: 80px;
    float: left
}

.features-group-h aside .icon-f img {
    max-width: 50px
}

.features-group-h aside .txt {
    width: 100%;
    float: left;
    padding-left: 15px
}


/* Compare Page */
/* Comparision Hub  */
.doc360_tabs2 aside a {
    background: #F4F0EB;
}

.d360-progress-bar {
    width: 100%;
    background: #f9f9f9;
    height: 30px;
    border-radius: 15px;
    display: block;
}

.d360-progress-bar .progress-bar-fill {
    padding: 0 10px;
    text-align: right;
    height: 30px;
    color: #fff;
    width: 50%;
    background: #28a745;
    border-radius: 20px;
    float: left;
}

.d360-progress-bar.rtl .progress-bar-fill {
    text-align: left;
    float: right;
    background: #e5e5e5;
}

.d360-progress-bar .progress-bar-fill span {
    position: relative;
    top: 2px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
}

.d360-progress-bar.rtl .progress-bar-fill span {
    color: #000000;
}

.slick-active .d360-progress-bar .progress-bar-fill {
    animation: progress 1s linear;
}

@keyframes progress {
    0% {
        transform: translateX(0)
    }

    20% {
        width: 100%
    }
}
.doc360-cus-screens aside { 
	    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	box-shadow: rgb(0 0 0 / 18%) 0 10px 25px;
}
.doc360-cus-screens .d360-card { 
	position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    width: 230px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.customer-screens .cus-item {
   padding: 40px 15px;
    border-radius: 17px;
}
.customer-screens .slick-slide {
  margin: 0 5px;
  opacity: 0.4;
  transition-duration: 1s;
}
.customer-screens .slick-center {
  opacity: 1;
}
.customer-screens .slick-prev {
    left: 15%;
}
.customer-screens .slick-next {
    right: 15%;
}
.d360-tabs_compare {
    width: 100% !important;
    float: none;
    display: flex;
    justify-content: center;
}

.d360-tabs_compare aside {
    width: auto !important;
    float: none;
    display: inline-block !important;
    padding: 10px 5px
}

.d360-tabs_compare aside a {
    color: var(--text-color);
    border-radius: 10px;
    padding: 6px 25px;
    cursor: pointer;
    position: relative;
    display: inline-block
}

.d360-tabs_compare aside a:hover {
    text-decoration: none;
    background: #dddddd;
}

.d360-tabs_compare aside.slick-current a,
.d360-tabs_compare aside.active a {
    color: var(--text-color);
    background: rgba(var(--white), 1);
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 12px;
    font-weight: 500;
}

.d360-tabs_compare nav,
.d360-tabs_compare .slick-list  {
    padding: 0 7px !important;
    background-color: #F3F4F6;
    border-radius: 15px;
}
/* Extentions */
.integration-box-info.sticky-top {
    top: 120px;
}

.integration-box-info .icon-logo {    
    text-align: center;
    min-height: 80px;
    line-height: 80px;
    padding: 20px
}

.integration-box-info .icon-logo img {
    max-height: 42px
}

.integration-box-info .icon-logo img:first-of-type {
    padding: 5px 0
}

.integration-box-info .exe-plus svg {
    fill: rgba(var(--black), 1);
    width: 18px;
    height: 18px;
}

.d360-integrations-apps .icon-logo img {
    max-height: 38px
}


/* All Features & Enterprise Ready */
.d360-strip {
    z-index: 15;
}

.d360-strip ul {
    padding: 0 7px !important;
    background-color: var(--primary-color-light);
    border-radius: 15px;
    display: flex;
    justify-content: center;
}

.d360-strip ul li {
    padding: 10px 3px;
    display: flex;
}


.d360-strip ul li a {
    color: rgba(var(--primary-color), 1);
    border-radius: 10px;
    padding: 6px 22px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    line-height: 1.2em;
    align-items: center;
}

.d360-strip ul li a:hover {
    text-decoration: none;
    background: rgba(var(--white), 1);
}

.d360-strip ul li a.active {
    background: rgba(var(--white), 1);    
    box-shadow: 0 20px 45px rgba(var(--primary-color), 0.3);
    color: rgba(var(--black), 1);
}

.d360-strip ul li a.link-more {
    color: rgba(var(--black));
    background: rgba(var(--primary-color), 0.2);
}

.d360-strip ul li a.link-more:after {
    background: url('../images/icons/arrow02.svg') no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    right: -3px;
}

@media (max-width: 1099px) {
    .d360-strip ul li a {
        font-size: 15px;
        padding: 0 20px;
    }
}

/* Compare Page Table CSS */

.table.table-v-middle th,
.table.table-v-middle td {
    vertical-align: middle;
    text-align: center
}

.table.table-v-middle thead tr th:nth-child(2) {
    border-radius: 20px 20px 0 0
}

.table.table-v-middle tfoot tr td:nth-child(2) {
    border-radius: 0 0 20px 20px
}

tfoot {
    border: transparent;
}

.table-compare tr td:first-child {
    text-align: left
}

.table-compare .logo img {
    height: 25px !important
}

/* Resources */
.blog-how-tos .slick-track {
    display: flex;
}

.blog-how-tos .slick-slide {
    height: auto;
}

/* Typed cursor */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
	font-weight: 300;
    color: #8005D8;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* Fun fact section */
.doc360-fun-facts .txt-count {
    font-size: 65px;
    color: rgba(var(--secondary-color), 0.8);
    font-family: var(--number-font);
    min-height: 90px;
    font-weight: 500;
    line-height: 1em;
}
.doc360-fun-facts .txt-count span {
    font-size: 55px
}
.doc360-fun-facts .txt-count.txt-count-md {
    font-size: 60;
    color: rgba(var(--secondary-color), 0.8);
    font-family: var(--number-font);
    min-height: 90px;
    font-weight: 500;
    line-height: 1em;
}

.doc360-fun-facts .txt-count.txt-count-md span {
    font-size: 45px;
    margin-left: 5px;
}
.doc360-fun-facts-md .txt-count {
    font-size: 60px;
    min-height: 90px;
}

.doc360-fun-facts-md .txt-count span {
    font-size: 45px
}
@media (min-width: 992px) {
    .doc360-fun-facts .txt-count {
        font-size: 75px;
        min-height: 120px
    }
	 .doc360-fun-facts-md .txt-count {
        font-size: 60px;
        min-height: 60px
    }
    
    .doc360-fun-facts-md .txt-count span {
        font-size: 30px
    }
}
.progress {
    width: 140px;
    height: 140px !important;
    float: left;
    line-height: 150px;
    background: none;
    margin: 0px 10px;
    box-shadow: none;
    position: relative;
}

.progress .progress-value {
    width: 85%;
    height: 85%;
    border-radius: 50%;
    background: #fff0;
    font-size: 24px;
    color: #222222;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 2%;
    left: 6%;
    font-weight: bold;
}

.progress svg {
    width: 114px;
    height: 114px;
    margin: 1em;
}

.progress .bg {
    fill: none;
    stroke-width: 10px;
    stroke: #ebebeb;
}

[class^="meter-"] {
    fill: none;
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;

}

.meter-1 {
    stroke-dasharray: 360;
    stroke-dashoffset: 100;
    stroke: #CC2C64;
    animation: progress-1 1.5s ease-out;
}

.meter-2 {
    stroke: #FDDE74;
    stroke-dasharray: 360;
    stroke-dashoffset: 100;
    animation: progress-2 1.75s ease-out;
}

.meter-3 {
    stroke: #8005D2;
    stroke-dasharray: 360;
    stroke-dashoffset: 100;
    animation: progress-3 2s ease-out;
}

.meter-4 {
    stroke: #1FB3CE;
    stroke-dasharray: 360;
    stroke-dashoffset: 100;
    animation: progress-3 2.5s ease-out;
}

@keyframes progress-1 {
    from {
        stroke-dashoffset: 360;
    }

    to {
        stroke-dashoffset: 100;
    }
}

@keyframes progress-2 {
    from {
        stroke-dashoffset: 360;
    }

    to {
        stroke-dashoffset: 100;
    }
}

@keyframes progress-3 {
    from {
        stroke-dashoffset: 360;
    }

    to {
        stroke-dashoffset: 100;
    }
}



/* Multiselect */ 
.d360-multiselect .btn-light {    
    background: rgba(var(--white), 1) url(../images/icons/arrow_down.png) no-repeat right 18px center;
    background-size: 11px 11px;
    width: 100%;
    height: 45px;
    background: var(--bg-grey-light) url(../images/icons/arrow_down.png) no-repeat right 18px center !important;
    background-size: 11px 11px !important;
    border: 1px solid rgba(var(--black), 0.8);
    font-weight: 400;
    font-size: 15px;
    border-radius: 12px;
    padding: 6px 18px;
    box-sizing: border-box;
    color: var(--text-color)
}

.d360-multiselect .dropdown-toggle::after {
    display: none;
}

.d360-multiselect .btn-light:focus {
    outline: 0 !important;
}

.d360-multiselect .btn.btn-light:hover {
    outline: 0 !important;
    box-shadow: none !important;
    transform: translateY(0px) !important;
}

.md-form .form-group.d360-multiselect label {
    top: -6px;
    font-size: 13px;
    color: rgba(var(--grey), 1);
}

.d360-multiselect .filter-option-inner-inner {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 35px;
}

.md-form .d360-multiselect span.error {
    position: absolute !important; 
    bottom: -10px
}

.bg-grey-light .md-form .form-group.d360-multiselect .btn-light, 
.bg-grey-light .md-form .form-group.d360-multiselect .btn-light:focus {
    background: var(--bg-grey-light) url(../images/icons/arrow_down.png) no-repeat right 18px center !important;
    background-size: 11px 11px !important;
}

.bg-grey-light .md-form .form-group.d360-multiselect .btn-light .filter-option-inner {
    padding: 8px 0;
    color: rgba(var(--black), 1);
}

.check-cus-2 label {
    padding-left: 30px;
}

.check-cus-2 input[type="checkbox"]{
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 5px;
  }

  .check-cus-2 span.error {
    position: absolute !important;
    bottom: 0
  }

  /* single blog Nav down */
#g2-section {
    background: #222222;
    position: fixed;
    bottom: 0;
    transition: transform 0.3s ease-out;
    width: 100%;
    z-index: 16;
}

section.nav-down img {
    height: 25px;
}

section.nav-down a {
    color: rgba(var(--white), 1);
    text-decoration-line: underline;
}

section.nav-down a:hover {
    color: rgba(var(--primary-color), 1);
}

.nav-up {
    transform: translateY(100%);
}

.nav-down {
    transform: translateY(0);
}


/* Waitlist */
.btn.btn-white {
    background-color: #ffffff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: #000000 !important;
}

.btn.btn-white:not(:disabled):not(.disabled):focus,
.btn.btn-white:not(:disabled):not(.disabled):active,
.btn.btn-white:not(:disabled):not(.disabled):active,
.btn.btn-white:not(:disabled):not(.disabled):hover {
    background-color: #ffffff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: #000000;
    outline: 0
}

.btn.btn-outline-white {
    border: 2px solid #ffffff;
    color: #ffffff !important;
    background-color: transparent !important;
    padding: 11px 20px 8px
}

.btn.btn-white-primary:not(:disabled):not(.disabled):focus,
.btn.btn-white-primary:not(:disabled):not(.disabled):active,
.btn.btn-white-primary:not(:disabled):not(.disabled):active,
.btn.btn-white-primary:not(:disabled):not(.disabled):hover {
    background-color: #ffffff !important;
    border: 2px solid #ffffff;
    color: #ffffff !important
}

.page-template-offerNoHF {
    color: #ffffff;
    background: #000c27;
    position: relative;
    overflow-x: hidden;
}

.page-template-offerNoHF .wrapper_main {
    background: none;
    padding: 0 !important;
}

.bg-shadow-top {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -8%;
    left: 0;
    z-index: -1
}

.bg-shadow-top svg {
    width: 100%
}

.bg-shadow-bottom {
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: -1
}

.bg-shadow-bottom svg {
    width: 100%;
}

.shape-blow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -120%;
    right: -40%;
    z-index: -1
}

.shape-blow svg {
    width: 100%;
}

.sale-container {
    position: relative;
    /*overflow-y: hidden;*/
}

.page-template-offerNoHF h1 .text-secondary-gradient {
    /* background: linear-gradient(
        to right,
        #ffffff 20%,
        #8005D8 30%,
        #c92e66 70%,
        #1fb3ce 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 10s ease-in-out infinite alternate;    */
    font-size: 55px;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

body.page-template-offerNoHF .doc360-pricing .container:first-of-type {
    max-width: 1143px
}

body.page-template-offerNoHF .wrapper_main {
    padding-top: 0 !important
}

.page-template-offerNoHF a {
    color: #ffffff;
}

.page-template-offerNoHF h1,
.page-template-offerNoHF h2,
.page-template-offerNoHF h3,
.page-template-offerNoHF h4,
.page-template-offerNoHF h5 {
    color:#ffffff
}

@keyframes gradientbg {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.page-template-offerNoHF .btn-primary.btn-lg {
    color: var(--white) !important;
    background-color: rgba(232, 0, 108, 1);
    box-shadow: 0px 25px 50px -6px rgba(232, 0, 108, 0.25);
    padding: 22px 30px 18px 30px;
    border-radius: 18px;
    font-size: 18px !important;
}

.page-template-offerNoHF .d360-card {
    background: #1a253d;
}

.page-template-offerNoHF .d360-header {
    padding: 17px 0;
}

.page-template-offerNoHF .d360-header.menu-shrink {
    background: rgb(0,0,0);
    background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(232, 0, 108, 1) 86%);
    background-size: 250% 250%;
    animation: gradientbg 20s ease infinite;
    padding: 13px 0;
}

.page-template-offerNoHF .d360-header .btn-white {
    border-radius: 12px;
    padding: 14px 21px 11px 21px;
}

@media (max-width: 991px) {
	#g2-section { 
		width: 78%;
        z-index: 16;
        bottom: 45px;
        font-size: 14px;
        border-radius: 0px 12px 0px 0px;
        padding: 5px 0 !important;
	}
    .page-template-offerNoHF .d360-header {
        padding: 10px 0 !important
    }

    .page-template-offerNoHF .d360-header .btns-right {
        display: block;
    }
}

@media (max-width: 767px) {
    .page-template-offerNoHF .d360-header {
        position: relative;
        display: block;
        padding: 20px 0 !important;
        background: rgb(0,0,0);
        background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(0,12,39,1) 86%);
        background-size: 250% 250%;
        animation: gradientbg 20s ease infinite;
    }
    

    .page-template-offerNoHF .d360-header .container {
        display: block !important;
    }

    .page-template-offerNoHF .d360-header .logo  {
        width: 100%;
        text-align: center;
        margin-bottom: 5px
    }

    .page-template-offerNoHF .d360-header .logo img  {
        max-height: 25px
    }
    
    .page-template-offerNoHF .d360-header .btns-right {
        display: block;
        width: 100%;
        text-align: center
    }

    .page-template-offerNoHF .d360-header .btns-right span {
        display: block;
        width: 100%;
        padding: 15px 0
    }
	.shape-blow {display: none;}

}

.page-template-offerNoHF .link-more {
    color: #ffffff;
    font-weight: 400;
}

.page-template-offerNoHF .days-count-down .card {
    background: rgb(128 5 216);
}

.page-template-offerNoHF .days-count-down p {
    color: #ffffff
}

.page-template-offerNoHF .input-group input {
    border-color: #ffffff !important
}

.page-template-offerNoHF .input-group .btn.btn-primary {
    background: #8005D8 !important
}

.page-template-offerNoHF .doc360_trusted_by ul li img {
    filter: brightness(0) invert(1);
    opacity: 0.7
}

@media (max-width: 991px) {
    .page-template-offerNoHF .days-count-down {
        justify-content: center
    }

    .page-template-offerNoHF .doc360_intro_bf  .input-group {
        max-width: 500px;
        margin: 0 auto
    }
}

/* Waitlist */
.d360-feature-grid {
    flex-grow: row wrap;
}

@media (min-width: 1200px) {
    .d360-feature-grid .feature-1 figure img {
        position: relative;
        margin: 0 0 -145px -20px;
        top: 0;
    }

    .d360-feature-grid .feature-2 figure img {
        position: relative;
        margin: -45px 0 -75px 0;
    }

    .d360-feature-grid .feature-2 figure {
        width: 113%;
        margin: 0 0 -95px 0;
    }

    .d360-feature-grid .feature-3 figure img {
        width: 100%;
        position: relative;
        margin: -45px 0 -65px 0;
    }


    .d360-feature-grid .feature-4 figure {
        width: 163%;
        margin: 0 0 0 -45px;
    }

    .d360-feature-grid .feature-4 figure img {
        width: 100%;
        position: relative;
        margin: 0 0 -165px 0;
    }
}

.d360-cus-footer {
    padding: 25px 0;
    background: rgba(255, 255, 255, 0.1);
}

.d360-cus-footer .logo img {
    max-height: 28px
}

.d360-cus-footer .r-logo img {
 width: 50px;
 margin-left: 15px
}

@media (max-width: 991px) {
    .d360-cus-footer .r-logo img {
        width: 50px;
        margin: 15px 10px 0 10px
       }      
}

/*  Video Button */
.video-btn-overlay {
    width: 100%;
    height: 100%;    
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	background: #00000012;
}

.video-btn-overlay .btn-play {
    width: 70px;
    height: 70px;
    background-color: rgba(var(--secondary-color));
    line-height: 70px;
    animation: shadow-pulse 2s infinite;
    border-radius: 100%;
    top: 10px;
    position: relative;
}
.home .video-btn-overlay {  top: -50px; background: transparent;}
.home .video-btn-overlay .btn-play {
    animation: shadow-pulse-primary 2s infinite;
}
.video-btn-overlay .btn-play:after {
    width: 73px;
    height: 73px;
    top: -1px;
    left: -1px;
}

.video-btn-overlay .btn-play svg {
    width: 25px;
    height: 25px;
    fill: rgba(var(--white));
    left: calc(50% - 10px);
}

@media (max-width: 767px) {
/*     .video-btn-overlay {
        align-items: end;
    } */

    .video-btn-overlay .btn-play {
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: 0;
        margin-bottom: 20%;     
        padding-left: 50px;   
    }
    
    .video-btn-overlay .btn-play:after {
        width: 53px;
        height: 53px;
        top: -1px;
        left: -1px;
    }
}
@media (max-width: 992px) {
	.home .video-btn-overlay {  top:0px;}
}
.days-count-down {
    margin: 0 -12px;
}

.days-count-down .card {
    width: 100%;
    max-width: 60px;
    border: 0;
    background: #101010;
    margin: 0 12px;
    text-align: center;
}

.days-count-down .card-body {
    padding: 8px;
}

.days-count-down h3 {
    font-size: 25px;
    padding-bottom: 0;
    margin-bottom: -7px;
}

.days-count-down p {
    font-size: 14px;
    padding-bottom: 0;
    line-height: 1em;
    color: #bbbbbb;
}

.days-count-down h3 {
    color: #ffffff;
}

.page-template-offerNoHF .modal-content {
    background-color: #1a253d !important;
}

.page-template-offerNoHF .modal-backdrop.show {
    opacity: .8;
}

.page-template-offerNoHF .modal-content .form-control {
    background: none !important;
    color: #ffffff
}

.page-template-offerNoHF .modal-content .form-control option {
    color: #000000
}

.page-template-offerNoHF .modal-content .md-form .form-group label span {
    background: #1a253d;
    color: #aaaaaa;
}

.page-template-offerNoHF .modal-content .btn-primary {
    background: #8005D8
}

.page-template-offerNoHF .modal-content .close {
    color: #ffffff
}


/* Ticker Bar  */
.ticker-bar { 
    display: none
}

/* @media (min-width: 1200px) {
     .ticker-bar {
        display: block;
        width: 100%;
        background: rgb(0,0,0);
        background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(232, 0, 108, 1) 86%);
        background-size: 250% 250%;
        animation: gradientbg 20s ease infinite;
        text-align: center;
        color: #ffffff;
        position: absolute;
        top: -33px;
        left: 0;
        line-height: 1.4em;
        padding: 6px 20px;
        font-size: 15px;
        box-sizing: border-box;
        letter-spacing: 0.5px;
    }
     .ticker-bar i {
        font-size: 18px;
    }
     .ticker-bar strong {
        font-weight: 800;
    }
     .ticker-bar a {
        color: #ffffff !important;
        text-decoration: underline;
        outline: none !important;
    }
     .ticker-bar small {
        background: #fdde74;
        color: #101010;
        padding: 0 7px;
        height: 20px;
        line-height: 22px;
        border-radius: 10px;
        display: inline-block;
        font-weight: 700;
        margin-right: 3px;
        text-transform: uppercase;
    }
    .page-template-HomePage .wrapper_main,
    .page-template-integrations .wrapper_main,
    .blog.group-blog .wrapper_main,
    .single.single-post .wrapper_main,
    .page-template-guides .wrapper_main,
    .page-template-solutions .wrapper_main,
    .page-id-664 .wrapper_main,
    .page-id-7654 .wrapper_main,
    .page-id-5765 .wrapper_main,
    .page-id-3774 .wrapper_main,
    .page-template-compare .wrapper_main,
    .page-template-features .wrapper_main, .page-id-18791 .wrapper_main, html[lang="en-US"] .blog .wrapper_main {
        padding-top: 121px;
    }

    .single.single-post .wrapper_main {
        padding-top: 125px;
    }

    .page-template-HomePage .d360-header,
    .page-template-integrations .d360-header,
    .blog.group-blog .d360-header,
    .single.single-post .d360-header,
    .page-template-guides .d360-header,
    .page-template-solutions .d360-header,
    .page-id-664 .d360-header,
    .page-id-7654 .d360-header,  
    .page-id-5765 .d360-header,
    .page-id-3774 .d360-header,
    .page-template-compare .d360-header,
    .page-template-features .d360-header,
    html[lang="en-US"] .blog .d360-header{
        top: 33px;
    }
    
     .sticky-top.sticky-with-header {
        top: 120px;
    }
}

@media (max-width: 1200px) {
	.ticker-bar {
    display: none
}
} */
/* Black Friday */
.page-template-sale {
    color: rgba(var(--white));
    background: var(--primary-color-dark);
    position: relative;
    overflow-x: hidden;
}

.page-template-sale .sale-container {
    overflow-y: hidden;
}

.page-template-sale  .d360-pricing .container {
    max-width: 1280px;
}

.page-template-sale .bg-shadow-top {
    top: 8%;
}

.page-template-sale .bg-shadow-bottom {
    bottom: 10%
}

.page-template-sale .d360-header a {
    color: rgba(var(--white))
}

.page-template-sale .wrapper_main {
    background: none;
    padding: 0 !important;
}

.page-template-sale h1,
.page-template-sale h2,
.page-template-sale h3,
.page-template-sale h4,
.page-template-sale h5,
.page-template-sale p {
    color: rgba(var(--white), 1)
}

.page-template-sale .d360-header.menu-shrink {
    background: rgb(0,0,0);
    background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(232, 0, 108, 1) 86%);
    background-size: 250% 250%;
    animation: gradientbg 20s ease infinite;
    padding: 13px 0;
}

.page-template-sale .currency-group-btns,
.page-template-sale .btn_switch label {
    background: #23344c;
}

.page-template-sale .currency-radio2 label:hover,
.page-template-sale .currency-radio2 input[type=radio]:checked+label,
.page-template-sale .btn_switch label:after {
    background: #354c6c;
}

.page-template-sale .d360-price-boxes .p_content ul.check-list-with-icons li {
    padding-left: 0;
}

.page-template-sale .d360-price-boxes .p_content ul.check-list-with-icons li svg {
    fill: rgba(var(--white), 0.7);
    margin-right: 8px;
}

.page-template-sale .d360-price-boxes .p_content ul.check-list-with-icons li:before {
    display: none;
}

.page-template-sale .d360-card,
.page-template-sale .d360-price-boxes aside {
    background: #23344c;
    border-color: var(--primary-color-dark)
}

.page-template-sale .d360-price-boxes .btn-show-details {
    color: rgba(var(--white), 1)
}

.page-template-sale .d360-price-boxes .btn-show-details::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDM1My45bDE3LTE3TDQwMSAxNzdsMTctMTdMMzg0IDEyNi4xbC0xNyAxNy0xNDMgMTQzTDgxIDE0M2wtMTctMTdMMzAuMSAxNjBsMTcgMTdMMjA3IDMzN2wxNyAxN3oiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=)
}

.page-template-sale .d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) li:before {
    color: rgba(var(--secondary-color), 1)
}

.page-template-sale .d360_trusted_by ul li img {
  filter: grayscale(1) brightness(10);
} 

.page-template-sale .d360-cus-footer a {
    color: rgba(var(--white))
}

@media (min-width: 1200px) {
    .page-template-sale .d360-price-boxes {
        margin: 0 -20px;
    }

    .page-template-sale .d360-price-boxes aside {
        width: 25%;
        margin: 0 10px;
    }
}

/* Model */
.page-template-sale select.form-control:not([size]):not([multiple]) {
    background: url(../images/icons/arrow_down_white.svg) no-repeat right 18px center !important;
    background-size: 17px 17px !important
}

.page-template-sale select:focus,
.page-template-sale input:focus {
    border-color: rgba(var(--white)) !important
}

.page-template-sale .modal-content {
    background-color: #1a253d !important;
}

.page-template-sale .modal-backdrop.show {
    opacity: .8;
}

.page-template-sale .modal-content .form-control {
    background: none !important;
    color: #ffffff
}

.page-template-sale .modal-content .form-control option {
    color: #000000
}

.page-template-sale .modal-content .md-form .form-group label span {
    background: #1a253d;
    color: #aaaaaa;
}

.page-template-sale .modal-content p a {
    color: rgba(var(--white))
}

.no-off-monthly {
    background: #F1F5F9;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-filter-backdrop-filter: blur(10px);
    -o-filter-backdrop-filter: blur(10px);    
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 17px;
    z-index: 15;
    display: flex;        
}
/* Marquee CSS */

.d360-marquee {
       background: rgb(0,0,0);
    background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(232, 0, 108, 1) 86%);
    background-size: 250% 250%;
    animation: gradientbg 20s ease infinite;
}
.G60zb {
    --duration: 30s;
    -webkit-animation: DQdxr var(--duration) infinite linear;
    animation: DQdxr var(--duration) infinite linear;
    animation-direction: reverse;
    text-shadow: 235px 0 currentColor,470px 0 currentColor,705px 0 currentColor,940px 0 currentColor,1175px 0 currentColor,1410px 0 currentColor,1645px 0 currentColor,1880px 0 currentColor,2115px 0 currentColor,2350px 0 currentColor,2585px 0 currentColor,2820px 0 currentColor,3055px 0 currentColor,3290px 0 currentColor,3525px 0 currentColor,3760px 0 currentColor,3995px 0 currentColor,4230px 0 currentColor,4465px 0 currentColor,4700px 0 currentColor,4935px 0 currentColor,5170px 0 currentColor,5405px 0 currentColor,5640px 0 currentColor,5875px 0 currentColor,6110px 0 currentColor,6345px 0 currentColor,6580px 0 currentColor,6815px 0 currentColor,7050px 0 currentColor,7285px 0 currentColor,7520px 0 currentColor,7755px 0 currentColor,7990px 0 currentColor,8225px 0 currentColor,8460px 0 currentColor,8695px 0 currentColor,8930px 0 currentColor,9165px 0 currentColor,9400px 0 currentColor;
    text-transform: uppercase;
    width: 100vw;
    will-change: transform;
}
 @-webkit-keyframes DQdxr {
                0% {
                    -webkit-transform: translateZ(0);
                    transform: translateZ(0)
                }

                to {
                    -webkit-transform: translate3d(-50%,0,0);
                    transform: translate3d(-50%,0,0)
                }
            }

            @keyframes DQdxr {
                0% {
                    -webkit-transform: translateZ(0);
                    transform: translateZ(0)
                }

                to {
                    -webkit-transform: translate3d(-50%,0,0);
                    transform: translate3d(-50%,0,0)
                }
            }
.page-template-promotion-landing .screen-info .to-editors, .page-template-promotion-landing .screen-info .to-customers { width:33%;}
/* Product Hunt */
/* .ph-sticker {
    position: fixed;
    top: 30%;
    right: 0;
    margin-right: -200px;
    transition: all .4s ease;
    z-index: 100;    
}

.ph-sticker.ph-show {   
    margin-right: 5px;    
}

@keyframes wobble-horizontal {
    16.65% {
      transform: translateX(6px);
    }
    33.3% {
      transform: translateX(-4px);
    }
    49.95% {
      transform: translateX(2px);
    }
    66.6% {
      transform: translateX(-1px);
    }
    83.25% {
      transform: translateX(1px);
    }
    100% {
      transform: translateX(0);
    }
}

.ph-sticker .ph-btn {   
    position: absolute;
    left: -30px;
    top: 13px;
    animation-name: wobble-horizontal;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    cursor: pointer
}

.ph-sticker.ph-show .ph-btn svg {
    transform: rotate(180deg);
} */

/* Privacy styles */
.privacy-content div {
    padding-top: 100px;
    margin-top: -100px;
}
.privacy-content p {
    word-break: break-word;
}
/* Cookie styles */
.cookie_policy table {
    width: 100%;
    margin-bottom: 2rem;
    background-color: transparent;
    border-collapse: collapse;
    border: 1px solid #dee2e6;
}
.cookie_policy table td, .cookie_policy table th {
    border: 1px solid #dee2e6;
    padding: 0.75rem;
    vertical-align: top;
}
.cookie_policy table td{
    word-break: break-all;
}
/* Mobile app */
.d360-hero-bg-mobilepink:after {
    content: '';
    background: #f7e6ff;
    background-size: cover;
    position: absolute;
    top: -105px;
    left: 0;
    width: 100%;
    height: calc(100% + 105px);
    z-index: 1;
    opacity: 0.6;
}
/* Private Sale*/
.no-off-monthly {
    background: #F1F5F9;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-filter-backdrop-filter: blur(10px);
    -o-filter-backdrop-filter: blur(10px);    
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 17px;
    z-index: 15;
    display: flex;        
}

.page-template-private-sale {
    color: rgba(var(--white));
    background: #110523;
    position: relative;
    overflow-x: hidden;
}

.page-template-private-sale .sale-container {
    overflow-y: hidden;
}

.page-template-private-sale  .d360-pricing .container {
    max-width: 1280px;
}

.page-template-private-sale .bg-shadow-top {
    top: 8%;
}

.page-template-private-sale .bg-shadow-bottom {
    bottom: 38%
}

.page-template-private-sale .d360-header a {
    color: rgba(var(--white))
}

.page-template-private-sale .wrapper_main {
    background: none;
    padding: 0 !important;
}

.page-template-private-sale h1,
.page-template-private-sale h2,
.page-template-private-sale h3,
.page-template-private-sale h4,
.page-template-private-sale h5,
.page-template-private-sale p {
    color: rgba(var(--white), 1)
}

.page-template-private-sale .d360-header.menu-shrink {
    background: rgb(0,0,0);
    background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(232, 0, 108, 1) 86%);
    background-size: 250% 250%;
    animation: gradientbg 20s ease infinite;
    padding: 13px 0;
}

.page-template-private-sale .currency-group-btns,
.page-template-private-sale .btn_switch label {
    background: rgb(33 13 62 / 72%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.1px);
    -webkit-backdrop-filter: blur(6.1px);
    border: 1px solid rgb(38 33 43);
}

.page-template-private-sale .currency-radio2 label:hover,
.page-template-private-sale .currency-radio2 input[type=radio]:checked+label,
.page-template-private-sale .btn_switch label:after {
    background: #000;

}

.page-template-private-sale .d360-price-boxes .p_content ul.check-list-with-icons li {
    padding-left: 0;
}

.page-template-private-sale .d360-price-boxes .p_content ul.check-list-with-icons li svg {
    fill: rgba(var(--white), 0.7);
    margin-right: 8px;
}

.page-template-private-sale .d360-price-boxes .p_content ul.check-list-with-icons li:before {
    display: none;
}
.page-template-private-sale .bg-box-gradient:before {
	background: linear-gradient(180deg, #1d0a36 0%, rgba(255, 255, 255, 0) 100%);
}
.page-template-private-sale .d360-card,
.page-template-private-sale .d360-price-boxes aside {
    background: rgb(33 13 62 / 72%);
    border: 1px solid rgb(38 33 43);
}

.page-template-private-sale .d360-price-boxes .btn-show-details {
    color: rgba(var(--white), 1)
}

.page-template-private-sale .d360-price-boxes .btn-show-details::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjI0IDM1My45bDE3LTE3TDQwMSAxNzdsMTctMTdMMzg0IDEyNi4xbC0xNyAxNy0xNDMgMTQzTDgxIDE0M2wtMTctMTdMMzAuMSAxNjBsMTcgMTdMMjA3IDMzN2wxNyAxN3oiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=)
}

.page-template-private-sale .d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) li:before {
    color: rgba(var(--secondary-color), 1)
}

.page-template-private-sale .d360_trusted_by ul li img {
  filter: grayscale(1) brightness(10);
} 

.page-template-private-sale .d360-cus-footer a {
    color: rgba(var(--white))
}

@media (min-width: 1200px) {
    .page-template-private-sale .d360-price-boxes {
        margin: 0 -20px;
    }

    .page-template-private-sale .d360-price-boxes aside {
        width: 25%;
        margin: 0 10px;
    }
}

/* Model */
.page-template-private-sale select.form-control:not([size]):not([multiple]) {
    background: url(../images/icons/arrow_down_white.svg) no-repeat right 18px center !important;
    background-size: 17px 17px !important
}

.page-template-private-sale select:focus,
.page-template-private-sale input:focus {
    border-color: rgba(var(--white)) !important
}

.page-template-private-sale .modal-content {
    background-color: #1a253d !important;
}

.page-template-private-sale .modal-backdrop.show {
    opacity: .8;
}

.page-template-private-sale .modal-content .form-control {
    background: none !important;
    color: #ffffff
}

.page-template-private-sale .modal-content .form-control option {
    color: #000000
}

.page-template-private-sale .modal-content .md-form .form-group label span {
    background: #1a253d;
    color: #aaaaaa;
}

.page-template-private-sale .modal-content p a {
    color: rgba(var(--white))
}
/* Docs & Drinks */
.page-template-docs-drinks-tpl {
    color: rgba(var(--white));
    background:#211e2f;
    position: relative;
    overflow-x: hidden;
}

.page-template-docs-drinks-tpl .sale-container {
    overflow-y: hidden;
}


.page-template-docs-drinks-tpl .d360-header a {
    color: rgba(var(--white))
}

.page-template-docs-drinks-tpl .wrapper_main {
    background: none;
    padding: 0 !important;
}

.page-template-docs-drinks-tpl h1,
.page-template-docs-drinks-tpl h2,
.page-template-docs-drinks-tpl h3,
.page-template-docs-drinks-tpl h4,
.page-template-docs-drinks-tpl h5,
.page-template-docs-drinks-tpl p {
    color: rgba(var(--white), 1)
}

.page-template-docs-drinks-tpl .d360-header.menu-shrink {
    background: rgb(0,0,0);
    background: linear-gradient(45deg, rgba(0,12,39,1) 10%, rgba(128,5,216,1) 54%, rgba(232, 0, 108, 1) 86%);
    background-size: 250% 250%;
    animation: gradientbg 20s ease infinite;
    padding: 13px 0;
}
.page-template-docs-drinks-tpl .d360_trusted_by ul li img {
  filter: grayscale(1) brightness(10);
} 

.page-template-docs-drinks-tpl .d360-cus-footer a {
    color: rgba(var(--white))
}
.d360-dd-icon .icon-f img {
    max-height: 130px;
}
.d360-dd-icon1 .icon-f {
    width:100px;
}
.link {
    width: 12rem;
    height: 12rem;
    display: inline-block;
    letter-spacing: 0.1185em;
    word-spacing: 0.3em;
    text-decoration: none;
    font-size: 15px;
}
.link__svg {
  width: 100%;
  height: auto;
  transform-box: fill-box;
    fill: #959595;
    stroke: #959595;
  stroke-width: 0.05em;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.link__face, .link__arrow {
  transform-origin: 50% 50%;
  transition: transform 0.15s cubic-bezier(0.32, 0, 0.67, 0);
}
.link:hover .link__face, .link:hover .link__arrow {
  transform: scale(1.1);
  transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.link__arrow {
  stroke-width: 0.095em;
}
.link__text {
  -webkit-animation: rotateReverse normal infinite 20s linear;
          animation: rotateReverse normal infinite 20s linear;
  transform-origin: 50% 50%;
}
.link:hover .link__text {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}


@-webkit-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateReverse {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotateReverse {
  to {
    transform: rotate(-360deg);
  }
}
.d360-docs_drinks li {       background: #ffffff2e;
    color: #efefef;
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 8px;}
.d360-docs_drinks li:last-child { background:none;}
.page-template-docs-drinks-tpl .shape-star img { position: absolute;}
.star-left-1 {
    height: 40px;
    right: 12%;
    bottom: 20%;
}
.star-left-2 {
    height: 40px;
    left: 13%;
    bottom: 30%;
}
.star-right-1 {
    height: 25px;
    left: 23%;
    bottom: 45px;
}
.star-right-2 {
height: 30px;
    right: 23%;
    bottom: 15px;
}
.d360-agenda:after {
    content: '';
    background: url(../images/docs-drinks/agenda-gradient.svg) no-repeat center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    z-index: -1;
    background-size: cover;
}
.star-who-1 {
   height: 40px;
    right: 9%;
    bottom: 25%;
}
.star-who-2 {
    height: 40px;
    left: 13%;
    bottom: 35%;
}
.star-whos-1 {
    height: 25px;
    left: 21%;
    bottom: 12%;
}
.star-whos-2 {
height: 30px;
    right: 20%;
    bottom: 10%;
}
@media (max-width: 767px) {
    .page-template-docs-drinks-tpl .d360-dd-icon .icon-f img {
        max-height: 130px;
    }
    .page-template-docs-drinks-tpl .d360-dd-icon1 .icon-f {
        width:85px;
    }
}
/* Author Bio */
.author-info .author-avatar img {
    border-radius: 50%; height:150px;
}
.author-social-links .d360-social-links a {
	background: #ffffff !important;
	    border-radius: 8px !important;
}
.author .check-list li {
	width: 33%;margin-bottom: 15px;}
.d360-tutorial-video .col-md-8 ul li {
	width: 100%;
    float: left;
    position: relative;
    margin-left: 28px !important;
    margin: 7px 0;
    list-style: disc;
}
.pulse-btn {
    animation: shadow-pulse 2s infinite;
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes shadow-pulse {
    0% {
       box-shadow: 0 0 0 0 rgb(255 156 196);
    }

    100% {
        box-shadow: 0 0 0 12px rgba(0, 0, 0, 0)
    }
}

/* ES Headr */
.d360-header.multilingual-header .menu-item-has-children:hover>a::before {
    content:none;
}
.d360-header.multilingual-header nav {
	 margin: 0 !important;
}
.d360-header.multilingual-header nav ul>li {
float: left;
margin-right: 18px;
position: relative;
}
.d360-header.multilingual-header nav ul li .sub-menu {
    position: absolute;
    top: 100%;
    margin-top: 15px;
    opacity: 0;
    left: 50px;
    -webkit-transform: rotate(0);
    -webkit-transition: all .4s linear;
    -moz-transform: rotate(0);
    -moz-transition: all .4s linear;
    -o-transform: rotate(0);
    -o-transition: all .4s linear;
    padding-top: 20px;
    transform: translateX(-50%)
}

.d360-header.multilingual-header nav ul li .sub-menu:before {
    content: '';
    height: calc(100% - 2px);
    width: 100%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 7px;
    z-index: -1;
    border: 2px solid #f5f5f5;
    border-radius: 0 10px 10px 10px
}

.d360-header.multilingual-header nav ul li .sub-menu:after {
    content: '';
    border-color: #F4F0EB transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -10px
}

.d360-header.multilingual-header nav ul li .sub-menu li {
    width: 100%;
    float: left;
    height: auto;
    font-size: 15px;
    padding: 8px 0;
    white-space: nowrap;
    font-family: 'Red Hat Display', sans-serif;
    letter-spacing: .02em
}

.d360-header.multilingual-header nav ul li .sub-menu li.menu_with_icon a {
    position: relative;
    padding-left: 53px !important
}

.d360-header.multilingual-header nav ul li .sub-menu li.menu_with_icon {
    position: relative
}

.d360-header.multilingual-header nav ul li .sub-menu li.menu_with_icon i {
    position: absolute;
    left: 13px;
    top: 50%;
    font-size: 23px;
    color: #8005D8;
    transform: translateY(-50%)
}

.d360-header.multilingual-header nav ul li:first-child .sub-menu {
    width: 250px
}

.d360-header.multilingual-header nav ul li:first-child .sub-menu li {
    white-space: normal
}
.d360-header.multilingual-header nav ul li .sub-menu li a {
    width: 100%;
    float: left;
    height: auto;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 18px !important;
    line-height: 1.2em
}

.d360-header.multilingual-header nav ul li .sub-menu li a span {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #999999;
    font-weight: 400
}

.d360-header.multilingual-header nav ul li .sub-menu li:last-child {
    padding-bottom: 15px
}

.d360-header.multilingual-header nav ul li:hover {
    overflow: visible
}

.d360-header.multilingual-header nav ul li:hover .sub-menu {
    margin-top: 0;
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -o-transition: all .4s linear;
    transform: translateX(-50%)
}
.d360-header.multilingual-header .d360-mega-menu { z-index:1;}
.d360-header.multilingual-header .d360-mega-menu .menu-with-icon ul li span {
	font-size: 13px;}
@media (min-width: 992px) {
    .multilingual-header {
        top:0!important;
    }
}

/* ES AI */
.page-template-ai .d360-header {
background: rgba(var(--white), 1);
}

.page-template-ai .wrapper_main {
background-color: var(--text-color);  
position: relative;
}

@keyframes textShine {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}

body.page-template-ai .d360-pricing .container:first-of-type {
max-width: 1143px
}

.page-template-ai .d360-ai-template h1,
.page-template-ai .d360-ai-template h2,
.page-template-ai .d360-ai-template h3,
.page-template-ai .d360-ai-template h4,
.page-template-ai .d360-ai-template h5,
.page-template-ai .d360-ai-template p,
.page-template-ai .d360-ai-template ul li {
color: rgba(var(--white), 1)
}
.page-template-inscribirse .wrapper_main, .page-id-23135 .wrapper_main, .page-id-23134 .wrapper_main {
padding: 0 !important;
}
/* Language switcher Start here */
.top_dropdown-content {
    background: #fff;
    box-shadow: 0 4px 20px 0 rgb(49 67 81/7%);
    display: none;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
    font-size: 15px;
	border-radius: 10px;
}

.d360-top-navigations a:hover {
    text-decoration: none;
}

.d360-top-navigations .top_dropdown-content a {
    color: #1d2b36!important;
    text-decoration: none;
}

.top_dropdown-content a,.top_dropdown:hover .top_dropdown-content {
    display: block
}

.d360-top-navigations .arrow.down {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin: 0 0 2px 4px;
    padding: 3px;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .5s ease
}

.d360-top-navigations .top_dropdown:hover .arrow.down {
    top: 4px;
    transform: rotate(225deg)
}

.top_nav_submenu li {
    width: max-content
}

.d360-top-navigations li a svg path {
    stroke-width: 3px;
    stroke: #1d2b36!important
}

.d360-top-navigations li.language a svg path {
    stroke: none!important;
    fill: #ffff!important;
    stroke-width: 1px!important
}
/* Language switcher End here */
/* PPC KB */
.ppc-kb .d360-card .txt-count { font-weight:bold; font-size:45px; margin-bottom:15px;}
/* Gated view demo */
.d360-gated-demo {
/* 	max-width: 1560px;
    margin: 0px auto 80px; */
    background: #FBF5FF url(../images/hero-bg-old.svg?ver=1) no-repeat;
    border-radius: 30px;
} 
.d360-gated-grid aside .d360-card {
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.d360-gated-grid aside .d360-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d360-gated-grid aside figure {
    position: relative;
    border-radius: 18px 18px 0 0;
    margin-bottom: 0;
}
.d360-gated-grid aside figure img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 17px;
}
.d360-gated-grid aside figure figcaption {
    position: absolute;
    left: auto;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    background: rgba(var(--black), 0.6);
    border-radius: 15px;
    color: rgba(var(--white), 1);
    padding: 4px 10px;
    min-block-size: fit-content;
    width: fit-content;
}
/* WPML */
.custom-language-switcher {
    position: relative;
    display: inline-block;
}
.custom-language-switcher .dropdown-toggle::after {display:none;}
.custom-language-switcher .dropdown-toggle {
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
	font-weight: 500;
}

.custom-language-switcher .dropdown-toggle .arrow.down {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin: 0 0 2px 4px;
    padding: 3px;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .5s ease;
}

.custom-language-switcher .dropdown-toggle.open .arrow.down {
    transform: rotate(-135deg);
	top: 4px;
    -webkit-transform: rotate(-135deg);
}

.custom-language-switcher .dropdown-menu {
     background: #fff;
    box-shadow: 0 4px 20px 0 rgb(49 67 81 / 7%);
    display: none;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
    font-size: 16px;
    border-radius: 10px;
	font-weight: 500;
/* 	min-width: max-content; */
}

.custom-language-switcher .dropdown-menu li {
    padding: 5px 5px;
}

.custom-language-switcher .dropdown-menu li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: black;
}

.custom-language-switcher .dropdown-menu li a:hover {
   color: rgba(var(--primary-color), 1);
}

.custom-language-switcher .dropdown-menu li.active a {
    color: rgba(var(--primary-color), 1);
}

.custom-language-switcher .dropdown-menu li img {
    margin-right: 10px;
    height: 16px;
    width: auto;
}
/* Request Demo Popum Confirmation */
.d360-confirm {border-radius: 25px;}
.d360-confirm .modal-footer {border-radius: 0px 0px 25px 25px;}
.d360-confirm .alert-danger {border-radius: 18px;}
.d360-confirm p.booking-name {font-size: 22px;
    font-weight: 500;}
.d360-confirm p.booking-email {font-size: 20px;}
.d360-confirm p.booking-timezone {    font-size: 14px;
    display: inline-block;
    background: #5eb55e;
    padding: 2px 15px;
    border-radius: 18px;}
.d360-confirm p.booking-date {font-size: 18px;
    color: #999999;
    font-weight: 600;}
.d360-confirm p.booking-time {    font-size: 20px;
    font-weight: bold;}
.by-usecase ul li span {
    color: #333 !important;
    line-height: 20px !important;
    display: block;
    }
.by-usecase ul li h6 {
    line-height: 16px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 2px;
}
/* cookie securiti.ai */
.cmp-body.cmp-multi-level .cmp-list-tile-content p { padding:0;}
.cc-btn{ padding: 0 8px;}
.cmp-body.cmp-multi-level .cmp-list-tile ul, .cmp-body.cmp-multi-level .cmp-list-tile li {
    list-style: disc;
	padding: revert;}
/* Partner-directory */
.d360-partner-list ul {
    margin: 0;
    width: 100%;
    padding: 0;
	list-style:none;
}
.d360-partner-list ul.check-list-with-icons {
    margin-top: 10px;
}
.d360-partner-list ul.check-list-with-icons li svg {
    min-width: 1.25em !important;
    height: 1.25em !important;
    margin-right: 8px;
    position: relative;
    top: -2px;
    fill: var(--primary-color-dark-2);
}
.d360-partner-list ul.check-list-with-icons li {
    font-size: 15px !important;
    line-height: 1.5em;
    letter-spacing: 0.02em;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin: 20px 0;
}
.d360-partner-list .icon-logo img {
    max-height: 45px;
}
.d360-partner-list ul.check-list-with-icons li {
    padding-left: 0;
}
.d360-partner-list p.region svg {
width: 18px;
    height: 18px;
    margin: 0 2px 5px 0;
}
.d360-partner-list p.region {
	background: #f1f1f1;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-radius: 8px;
}
/* User manual for education */
.page-id-19091 .doc360-ppc-header { display:none;}
/* Cookie banner */
.cc-window.cc-banner {
    padding: 0 85px;
}
.cc-banner .cc-message {
    padding: 10px 0;
}
.cc-banner .cc-compliance {
	padding: 10px 0;}
.cc-banner.cc-theme-classic .cc-compliance a { margin-bottom:0;}
.blog-desc pre { 
	white-space: pre-wrap;       /* CSS3 */
    white-space: -moz-pre-wrap;  /* Firefox */
    white-space: -pre-wrap;      /* Opera <7 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* IE */
}
/* Pricing v1 */
.d360-pricing .d360_trusted_by ul li {
    padding: 5px 10px;
    display: inline-block;
}
.d360-startup .d360-card {
	    border: 2px solid #c4c4c4;
}
.d360-recommend {
	background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to right, #dc08fd, #5136e7) border-box!important;
    border: 3px solid transparent!important;
}
/* KB Signup */
.page-id-20046 .wrapper_main { padding-top:0;}
.d360-form-container.d360-kb-signup .left-col{justify-content: space-between;}
.page-id-20046 .d360_trusted_by ul{
    display: flex;
    align-items: center;
}
.page-id-20046 .d360_trusted_by ul li {
    padding:0px !important;
    margin-right:30px;
}
@media (min-width: 991px) {
    .d360-form-container.d360-signup-container.d360-kb-signup .left-col {
        width: 55%;
        height: 100vh;
        margin: 0px; 
        border-radius: 0px;
        left: auto;
        right: 0;
        padding: 30px 50px;
		background-image: linear-gradient(to right top, #8006d6, #8f30db, #9d49df, #aa5ee4, #b773e8, #c184ec, #cb95ef, #d4a6f3, #ddb8f6, #e6cafa, #efdcfc, #f8eeff);
    }
}
.domain-1 {
    position: absolute;
    top: 64px;
    left: 175px;
    font-size: 14px;
    color: #333;
    z-index: 1;
    }
.domain-2 {
    position: absolute;
    top: 125px;
    left: 0;
    font-size: 20px;
    color: #333;
    text-transform: capitalize;
    right: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 20px !important;
    }
    .domain-text {
    position: absolute;
    top: 150px;
    left: 0;
    font-size: 20px;
    color: #333;
    text-transform: capitalize;
    right: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 20px !important;
    }
    .d360-form-container.d360-kb-signup .d360-form-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    @media screen and (max-width:2500px) {
        .domain-1{top: 14%;left: 21.5%;}
        .domain-2{top: 27%;font-size:24px;}
        .domain-text{top: 31%;font-size:24px;}
        .d360-form-container.d360-kb-signup .form_block{max-width: 720px;}
        .d360-form-container.d360-kb-signup .customer-screens .cus-item{padding: 40px 0px;margin:0px;}
		.d360-form-container.d360-kb-signup .customer-screens .cus-item img{width:100%;}
    }
    @media screen and (max-width:2400px) {
        .domain-2{top: 27%;}
        .domain-text{top: 31%;}
    }
    @media screen and (max-width:1920px) {
        .domain-1{top: 13.4%;left: 22%;}
        .domain-2{top: 26%;font-size: 22px;}
        .domain-text{top: 30%;font-size: 22px;}
        .d360-form-container.d360-signup-container.d360-kb-signup .left-col{padding: 20px 50px;}
        .d360-form-container.d360-kb-signup .form_block{max-width: 600px;}
        .d360-form-container.d360-kb-signup .d360-ratings ul li{margin-right: 25px;}
        .d360-form-container.d360-kb-signup .customer-screens .cus-item{padding: 70px 0px 40px 0;}
    }
    @media screen and (max-width:1700px) {
        .domain-1{top: 12.8%;}
        .domain-2 {top: 25%;font-size: 20px;}
        .domain-text {top: 30%;font-size: 20px;}
        .d360-form-container.d360-kb-signup .form_block{max-width: 600px;}
    }
    @media screen and (max-width:1665px){
        .d360_trusted_by ul li{padding: 13px 10px;}
    }
    @media screen and (max-width:1600px){
        .domain-1{font-size:13px;}
        .domain-2{top: 24%;font-size:20px;}
        .domain-text{top: 29%;font-size:20px;}
        .d360-form-container.d360-signup-container.d360-kb-signup .left-col{padding: 30px 40px;}
        .signup-rating h4{font-size: 20px;}
        .d360-form-container.d360-kb-signup .d360_trusted_by ul li {margin-right:25px;}
        .d360-form-container.d360-kb-signup .d360-ratings ul li{margin-right: 20px;}
        .d360-form-container.d360-kb-signup .customer-screens .cus-item{padding: 30px 0px 40px 0;}
    }
    @media screen and (max-width:1500px){
        .domain-1 {top: 12.6%;font-size: 12px;}
        .domain-2{font-size: 18px;}
        .domain-text{font-size: 18px;}
    }
    @media screen and (max-width:1470px){
        .signup-rating h4{font-size: 22px;padding-bottom: 10px;}
    }
    @media screen and (max-width:1400px){
        .d360-form-container.d360-signup-container.d360-kb-signup .left-col{padding: 30px 30px;}
    }
    @media screen and (max-width:1360px){
        .domain-1 {top: 12.4%;font-size: 11px;}
        .domain-2{font-size: 17px;top: 22%;}
        .domain-text{font-size: 17px;top: 28%;}
        .signup-rating h4{font-size: 20px;}
    }
    @media screen and (max-width:1250px) {
        .domain-1 {top: 11.8%;}
        .domain-2 {font-size: 16px;}
        .domain-text {font-size: 16px;}
        .signup-rating h4 {font-size: 18px;}
        .d360-form-container.d360-signup-container.d360-kb-signup .left-col{padding: 30px 25px;}
    }
    @media screen and (max-width:1150px) {
        .domain-1 {top: 11.5%;font-size: 9px;}
        .domain-2 {font-size: 14px;top: 23%;}
        .domain-text {font-size: 14px;top: 28%;}
    }
    @media screen and (max-width:1110px) {
        .d360-form-container.d360-signup-container.d360-kb-signup .left-col{padding: 30px 20px;}
    }
    @media screen and (max-width:1093px) {
        .signup-rating h4 {font-size: 16px;}
    }
    @media screen and (max-width:1050px) {
        .domain-1 {top: 11.4%;font-size: 9px;}
        .domain-2 {font-size: 14px;top: 20%;}
        .domain-text{font-size: 14px;top: 26%;}
    }
    @media screen and (max-width:1024px) {
        .d360-form-container.d360-kb-signup .left-col {display: none;}
        .d360-form-container.d360-kb-signup .right-col {width: 100% !important;padding: 0 !important;}
        .page-id-20046 .d360_trusted_by {padding-top: 0px !important;}
    }
    /*@media screen and (max-width:1000px){
        .domain-1 {top: 8.5%;font-size: 9px;}
        .domain-2{font-size: 13px;top: 20%;}
        .domain-text{font-size: 13px;top: 26%;}
    }*/
    .signup-rating ul li img {
        filter: brightness(0) invert(1);
    }
    .signup-rating p {
        color:#e0e0e0;
    }
    .domain-1,.domain-2,.domain-text {visibility: hidden;}

    /* Pricing-option-3 */
.d360-pricing-3 .d360-price-boxes h5 {
    font-weight: 700;
    font-size: 25px;
    margin: 20px 0 18px;
}

.d360-pricing-3 .price_txt span {
    font-size: 42px;
}

.d360-pricing-3 .price_txt sup {
    position: relative;
    bottom: 0;
    font-size: 42px;
    top: 0;
    margin-right: 0px;
}

.d360-pricing-3 .d360-price-boxes .d360-card-head p.text-small {
    min-height: auto;
    font-size: 15px !important;
}

.d360-pricing-3 .price_txt {
    margin: 10px 0 5px;
    font-weight: 700;
}

.d360-pricing-3 .d360-price-boxes aside {
    width: 100%;
/*     background: #f8f8f8 !important;
    border: 1px solid #EDEDED; */
	 
    background: #ffffff !important;
    border: 1px solid #f3ddfe;
}

.d360-price-enterprise aside {
/*     background: #f8f8f8 !important;
    border: 1px solid #EDEDED; */
    background: #ffffff !important;
    border: 1px solid #f3ddfe;
}

.d360-pricing-3 .d360-price-boxes .d360-standard {
    border: 1px solid #EDEDED !important;
}

.d360-pricing-3 .currency-group-btns {
    display: inline-block;
    background: none;
    border-radius: 0;
    display: flex;
    padding: 0;
    align-items: center;
}

.d360-pricing-3 .currency-group-btns select {
    background: none;
    border: none;
    height: auto !important;
    font-weight: 600;
    cursor: pointer;
}

.currency-dropdown option {
    background: #fff;
}

.d360-pricing-3 .currency-group-btns select:hover {
    background: #00000012;
    border-radius: 4px;
}

.d360-pricing-3 .currency-group-btns select:focus-visible {
    outline: none;
}

.d360-pricing-3 .d360-recommend {
    border: 2px solid rgba(var(--primary-color), 1) !important;
    border-radius: 0 0 18px 18px;
}

.d360-pricing-3 .d360-recommend.disabledDiv {
    border: 2px solid rgb(128 6 214 / 35%) !important;
    border-radius: 0 0 18px 18px;
}

.d360-pricing-3 .d360-price-boxes .tool_p {
    float: left;
    cursor: help;
}

/* @media (max-width: 1023px) {
    .d360-pricing-3 .tool_p {
        display: block;
    }
} */

.d360-pricing-3 .d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) li:before {
    color: rgb(0 0 0);
    font-size: 14px;
    font-weight: 600;
}

.d360-pricing-3 .d360-price-boxes .label_text {

    position: absolute;
    top: -34px;
    left: -2px;
    font-size: 13px;
    display: inline-block;
    width: 101.2%;
    text-align: center;
    background: rgba(var(--primary-color), 1);
    color: rgba(var(--white), 1);
    padding: 0 7px;
    font-weight: 700;
    border-radius: 18px 18px 0 0;
    border-bottom: 0;
}

.d360-pricing-3 .d360-price-boxes .label_text span {
    background: none;
    padding: 0;
}

.d360-pricing-3 .d360-price-boxes .disabledDiv .label_text {
    background: rgb(128 6 214 / 45%);
}


.btn_switch1 input[type="checkbox"] {
    display: none;
}

.d360-pricing-table-3 .cat-row .row {
    border-bottom: 1px solid #e5e5e5;
}

.d360-pricing-table-3 .cat-row .row:first-of-type {
    border-top: 1px solid #e5e5e5;
}

.d360-pricing-table-3 .cat-row .cat-col {
    border-left: 1px solid #e5e5e5;
    border-radius: 0;
}

.d360-pricing-table-3 .cat-row .cat-col:last-of-type {
    border-right: 1px solid #e5e5e5;
}

.d360-pricing-table-3 .cat-row .row:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.d360-pricing-table-3 .cat-row .pricing-accord-btn {
    position: sticky;
    top: 155px;
    cursor: pointer;
    background: #EFEFEF;
    width: 100%;
    border-bottom: none;
    font-size: 15px;
    font-weight: 800;
    padding: 7px 20px 7px 15px;
    text-decoration: none;
    z-index: 1;
    display: inline-block;
}

.d360-pricing-table-3 .cat-row .pricing-accord-btn:before {
    right: 10px;
    left: inherit
}

.d360-pricing-table-3 .cat-row .pricing-accord-btn:after {

    right: 17px;
    left: inherit
}

.d360-pricing-table .cat-row .pricing-accord-btn[aria-expanded="true"]::after {
    transform: rotate(90deg);
}

.d360-pricing-table .cat-row .pricing-accord-btn[aria-expanded="true"]::before {
    transform: rotate(180deg);
}
.d360-ai-premium {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #8107d6, #dbaffe) border-box;
    border-radius: 28px;
    border: 5px solid transparent;
}

html[lang="en-US"] .d360-pricing-3 .d360-price-boxes .p_content .d360-ai-premium ul.check-list:not(.check-list-with-icons) li:before, html[lang="en-US"] .d360-pricing-3 .d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) li:last-child::before,  .d360-pricing-3 .d360-price-boxes .d360-card[data-plan="Professional"] .p_content ul.check-list:not(.check-list-with-icons) li:nth-last-child(2)::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjc0MDcgMC4wNDAxNzA5QzExLjcxNzYgMC4wNjcwOTM5IDExLjY3MTUgMC4xODYzMjUgMTEuNjMzIDAuMzAxNzExQzExLjQxNzYgMC45NjMyNDggMTEuMDEzOCAxLjY3MDk0IDEwLjY2MzggMS45OTc4NkMxMC4yODY5IDIuMzUxNzEgOS45MjkxNiAyLjU1OTQgOS4yMzMwMiAyLjgyODYzQzguOTg2ODcgMi45MjA5NCA4Ljc2Mzc4IDMuMDI4NjIgOC43NDA3IDMuMDYzMjNDOC42NTYwOSAzLjE3MDk1IDguNzYzNzggMy4yNTkzOSA5LjE3NTMzIDMuNDEzMjVDMTAuNTIxNSAzLjkyNDc4IDExLjA4NjkgNC40ODYzMyAxMS41NzUzIDUuODIwOTZDMTEuNzI5MiA2LjIzNjM0IDExLjc1MjIgNi4yNzA5NSAxMS44NzkyIDYuMjU1NTVDMTEuOTYzOCA2LjI0NDAxIDExLjk5NDUgNi4xOTQwMiAxMi4xMzMgNS44MjA5NkMxMi42NDA3IDQuNDg2MzMgMTMuMjEzOCAzLjkwMTcgMTQuNDc5MiAzLjQzNjMzQzE0Ljk5NDUgMy4yNDQwMSAxNS4wMDYxIDMuMjQwMTggMTQuOTkwNyAzLjExNzA5QzE0Ljk3OTIgMy4wMjQ3OCAxNC45NDA3IDMuMDAxNyAxNC41OTQ2IDIuODc0NzlDMTMuMjE3NiAyLjM3ODYzIDEyLjYxNzYgMS43Nzg2MyAxMi4xMTc2IDAuMzk3ODYzQzExLjk5NDUgMC4wNTU1NTU0IDExLjk2NzYgMC4wMTMyNDc3IDExLjg3OTIgMC4wMDE3MDkyMUMxMS44MjUzIC0wLjAwNTk4MzExIDExLjc2MzggMC4wMTMyNDc3IDExLjc0MDcgMC4wNDAxNzA5WiIgZmlsbD0iI0MzN0VGOSIvPgo8cGF0aCBkPSJNNi4wNzkwNyAyLjQ5MDE2QzYuMDQwNjEgMi41Mjg2MiA1Ljk2NzU1IDIuNjc4NjIgNS45MjEzOSAyLjgyNDc3QzUuMzYzNjggNC41MjA5MyA0LjYxNzU1IDUuODE3MDggMy43NzEzNyA2LjU2MzI0QzIuOTc5MDkgNy4yNjMyNSAyLjIzNjc3IDcuNjY3MSAwLjcwOTg0NiA4LjIyODYxQzAuMzcxMzgzIDguMzUxNyAwLjA3MTM4MzYgOC40ODI0NiAwLjA0ODMwNjYgOC41MjA5NEMtMC4wMjQ3NzAzIDguNjE3MDkgLTAuMDEzMjMxOSA4LjgxMzI0IDAuMDcxMzgzNSA4LjkwNTU1QzAuMTA5ODQ1IDguOTQ3ODYgMC4zMjkwNzcgOS4wNDc4NCAwLjU1OTg0NiA5LjEyNDc4QzEuNjk0NDYgOS41MTcwOSAyLjYyOTA4IDkuOTY3MDggMy4yNjc1NSAxMC40MzI1QzQuMzUyMTYgMTEuMjE3MSA1LjA1MjE0IDEyLjI2MzIgNS43NDgzMiAxNC4xMjg2QzUuOTA1OTkgMTQuNTUxNyA2LjA2MzY5IDE0LjkyMDkgNi4xMDIxNCAxNC45NDc5QzYuMTk4MzIgMTUuMDE3MSA2LjQwOTg1IDE1LjAwNTYgNi40OTQ0NSAxNC45MjA5QzYuNTMyOTMgMTQuODgyNSA2LjYwNiAxNC43MzI1IDYuNjUyMTUgMTQuNTg2M0M2LjgxNzUzIDE0LjA4NjMgNy4xNjM2OCAxMy4yNDQgNy4zOTA2MiAxMi43ODI1QzcuOTY3NTQgMTEuNjMyNSA4LjU3OTA4IDEwLjkyMDkgOS41NDQ0NyAxMC4yNzQ4QzEwLjEzMjkgOS44ODI0OCAxMC43NzE0IDkuNTgyNDggMTEuODYzNyA5LjE4MjQ3QzEyLjIwMjIgOS4wNTkzOCAxMi41MDIyIDguOTI4NjIgMTIuNTI5MSA4Ljg5MDE3QzEyLjU1MjEgOC44NTU1NiAxMi41NzUyIDguNzcwOTIgMTIuNTc1MiA4LjcwNTU2QzEyLjU3NTIgOC42NDAxNiAxMi41NTIxIDguNTU1NTYgMTIuNTI5MSA4LjUyMDk0QzEyLjUwMjIgOC40ODI0NiAxMi4yMDIyIDguMzUxNyAxMS44NjM3IDguMjI4NjFDMTAuNDQwNiA3LjcwNTU1IDkuNjEzNyA3LjI2MzI1IDguODc1MjQgNi42MzI0N0M4LjAxMzY5IDUuODk3ODQgNy4zMTM2OCA0LjcxNzA5IDYuNzA2MDEgMi45NzQ3OEM2LjYyNTI0IDIuNzQ0MDEgNi41MjkwNyAyLjUyNDc3IDYuNDkwNjEgMi40ODYzMUM2LjM5ODMxIDIuMzk0MDEgNi4xNzEzNyAyLjM5Nzg1IDYuMDc5MDcgMi40OTAxNloiIGZpbGw9IiNFNDVFOEMiLz4KPC9zdmc+Cg==);
}
.d360-pricing-3 .d360-price-boxes .enterprise-highlight .p_content ul.lastchild-hide li:before { content:'\2713'!important;}
.d360-mostpopular {position: absolute;
    top: -27px;
    right: 0;
    border-radius: 17px;
    z-index: -1;
    background: #8540E9;}
@media (max-width: 1280px) {
    .d360-pricing-table .sticky-top {
        top: 0;
    }

    .d360-pricing-table-3 .cat-row .pricing-accord-btn {
        top: 0;
    }
}

@media (max-width: 767px) {
    .d360-pricing-table-3 .cat-row .pricing-accord-btn {
        top: 0;
    }
}

/* Style the toggle switch */
.btn_switch1 .toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    background-color: #ddd;
    border-radius: 25px;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.d360-pricing-table .cat-row-header .cat-col {
    border: none !important;
}

.btn_switch1 .toggle-switch .toggle-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 50%;
    transition: left 0.3s ease;
}

.btn_switch1 input[type="checkbox"]:checked+label .toggle-switch {
    background-color: #212937;
}

.btn_switch1 input[type="checkbox"]:checked+label .toggle-knob {
    left: 26px;
 
}


.btn_switch1 .monthly-text,
.btn_switch1 .yearly-text {

    color: #333;
    margin: 0 5px;
}

/* Optional: Active state text styling */
.btn_switch1 input[type="checkbox"]:checked+label .monthly-text {
    color: #999;
   
}

.btn_switch1 input[type="checkbox"]:checked+label .yearly-text {
    color: #212937;
    
}
.post-type-archive-partner-directory .wrapper_main { background:#fff}

/* Home New */
.d360-hero-bg-new {
    position: relative;
    /*     background: #FFF url(../images/new/hero-bg-new.svg?ver=1) no-repeat top center;
	border:0 0 100px 100px; */
}
.d360-hero-bg-new:after {
    content: '';
    background: #fbe9fd url(../images/new/hero-bg-new.svg?ver=3) no-repeat bottom center;
    background-size: cover;
	position: absolute;
    top: -90px;
    left: 0;
    width: 100%;
    height: calc(100% + 80px);
    z-index: -1;
    border-radius: 0 0 70px 70px;
/*     position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: calc(100% + 0px);
    z-index: 1;
    border-radius: 0 0 70px 70px; */
}
.d360-pricing-hero { position: relative;}
.d360-pricing-hero:after { 
    content: '';
    background: url(../images/new/bg-pricing.svg) no-repeat top center;
    background-size: cover;
    position: absolute;
    top: -300px;
    left: 0;
    width: 100%;
	height: calc(100% + 210px);
    z-index: 1;
    opacity: 0.6;
    bottom: 0;
}

.d360-hero-bg-new .highlight-new {
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
}
.border-radius-100 {
    border-radius: 70px;
}
.check-list-new {
    width: 100%;
    display: inline-block;
}
.check-list-new li {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 28px;
    margin: 10px 0;
}
.check-list-new li:before {
	content: "✓";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
}
@media (max-width: 1280px) {
    .border-radius-100 {
        border-radius: 30px;
    }
}
@media screen and (max-width:767px) {
	.d360-pricing-hero:after {
    top: -100px;
    left: 0;
    height: calc(100% + 100px);
}
}
.btn.btn-outline-dark {
    border: 1px solid var(--primary-color-dark) !important;
    color: var(--primary-color-dark) !important;
    background-color: transparent !important;
    padding-top: 11px;
    padding-bottom: 11px;
}

.d360-new-tabs {
    width: 100% !important;
    float: none;
    display: flex;
    justify-content: center;
}

.d360-new-tabs aside {
    width: auto !important;
    float: none;
    display: inline-block !important;
    padding: 15px 10px
}

.d360-new-tabs aside a {
    color: var(--text-color);
    padding: 10px 22px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: #F3F3F3;
    border-radius: 30px;
}

.slick-tab-1 aside a {
    background: rgba(var(--white), 1);
}

.slick-tab-industry aside a {
    background: #f7f7fa;
}

.d360-new-tabs aside a:hover {
    text-decoration: none;
}

.d360-new-tabs aside.slick-current a,
.d360-new-tabs aside.active a {
    color: #fff;
    background: #7842B7;
    transition: all 0.3s ease-in-out;
}
.d360-new-tabs aside.slick-current a:hover {color: #fff;;}
.d360-multicolor .d360-new-tabs aside.slick-current a, .d360-multicolor .d360-new-tabs aside.active a, .d360-eddy .d360-new-tabs aside.slick-current a,  .d360-eddy .d360-multicolor .d360-new-tabs aside.active a {
	background:#fff; color:#333;
}
.slick-tab-industry aside.slick-current a,
.slick-tab-industry aside.active a {
    color: #fff!important;
    background: #7842B7;
    transition: all 0.3s ease-in-out;
}
.slick-slider-industry ul li { font-size:15px;}
.d360-new-tabs .slick-track {
    transform: translate3d(0, 0, 0) !important;
    text-align: center;
    width: auto !important;
    display: flex;
}

.d360-new-tabs nav,
.d360-new-tabs .slick-list {
    padding: 0 0px !important;
}

.d360-multicolor {
    transition: all 0.3s ease-in-out;
}

.shape-new-1 {
   position: absolute;
    top: -45%;
    right: -21%;
    z-index: -1;
    opacity: 0.5;
    width: 650px;
}
.shape-new-1 img {height: auto;
  aspect-ratio: 1 / 1; }
@media (min-width: 768px) and (max-width: 1200px) {
	.d360-new-tabs aside a {
	padding: 5px 15px;
    font-size: 14px;
    white-space: nowrap;
	}
}
/* Eddy */
/* .d360-eddy {background: url('../images/new/bg-eddy.svg?ver=2') no-repeat top center;background-size: contain;} */
.d360-eddy:after {
    content: '';
    background: #FFF url(../images/new/bg-eddy.svg?ver=6) no-repeat bottom center;
    /* background-size: contain; */
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: calc(100% + -35px);
    z-index: 1;
    border-radius: 70px;
}
.d360-eddy h2 span {
 line-height: 0.95;
    line-height: 0.95;
    padding: 10px 12px;
    border-radius: 10px;
    display: inline-block;
    background: -webkit-linear-gradient(22deg, #904bff 20.66%, #4fb3ff 60.89%);
    background: linear-gradient(90deg, #b966e7 20.66%, #4db6ff 60.89%);
}
.d360-eddy h2,
.d360-eddy h3,
.d360-eddy p {
    color: #fff;
}

.eddy-text {
    color: #A17EFF !important
}

.d360-ai {
    background: #161B22;
    border: 1px solid #30363D;
    margin-bottom: 106px;
}

.eddy-shapes img {
    position: absolute;
}

.eddy-shape-1 {
    left: -24px;
    top: 28%;
    z-index: -1;
}

.eddy-shape-2 {
    left: 6px;
    top: 42%;
    z-index: 1;
}

.eddy-shape-3 {
    right: 50px;
    top: 20%;
}
@media (min-width: 768px) and (max-width: 1200px) {
	.d360-eddy:after {
		height: calc(100% + -62px);}
}
/* Industry */
.tab-testimonial .user-avatar img {
    inline-size: 103px;
    block-size: 103px;
    border-radius: 50%;
}

.tab-testimonial .user-avatar {
    max-width: 103px
}

.cus-logo img {
    max-height: 22px;
}

.industry-list ul>li {
    display: flex;
    grid-gap: 12px;
    gap: 12px;
    align-items: center;
    padding: 20px 30px;
    list-style-type: none;
    border-block-end: 1px solid #e5d3fb;
}

.industry-list ul>li:last-child {
    border-bottom: none;
}

.industry-list ul {
    margin-block-end: 25px;
    padding: 0;
    border: 1px solid #e5d3fb;
    border-radius: 12px;
    background: #FAF6FF;
}

.d360-industry ul.d360-industry-logo {
    height: 35px;
}
.d360-industry ul.d360-industry-logo li {
    margin: 0 10px;
}
.d360-industry ul.d360-industry-logo li:first-child { margin-left:0;}
.d360-industry ul.d360-industry-logo li:last-child {margin-right:0;}
.home-inetgrations .d360_trusted_by ul li {
    padding: 0 5px;
}
.home-inetgrations .d360_trusted_by ul li img {
    max-height: 45px;
}

/**customer video start**/
.video-slider-image:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 18%, rgb(0 0 0 / 0%) 80%);
    border-radius: 20px;
	    z-index: 1;
}

.video-slider-inner .video-slider-caption {
    position: absolute;
    top: 0;
    z-index: 2;
    display: flex;
    width: 100%;
    align-content: space-around;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 60px;
}

.video-count-number {
    border-left: 3px solid #fff;
}

.home-customer-video .slick-tab-video aside a {
    padding: 12px 40px;
    background: transparent;
    box-shadow: none;
}

.home-customer-video .slick-tab-video aside {
    margin: 0 15px;
}
.home-customer-video .slick-tab-video aside a figure {    width: 135px;
    height: 30px;}

.progress-bars {
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #E6E7E8;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 40px;
}

.progress-line {
    position: absolute;
    height: 100%;
    background-color: #8C52FF;
    width: 0%;
	transition: none;
}

.testimonial-play-btn{
	position: absolute;
    top: 40%;
    z-index: 3;
    display: flex;
    width: 100px;
    height: 100px;
    right: 45%;
}

.btn-underline {
    background: linear-gradient(to right, #ffffff66, #ffffff66), linear-gradient(to right, #333333, #333, #333);
    background-size: 100% 1px, 0 1px;
    -webkit-background-position: 100% 100%, 0 100%;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s;
    transition: background-size 0.3s;
}
.video-slider-image img {
	height: 500px;
	object-fit: cover;
	border-radius: 20px;
}
@media screen and (max-width:767px) {
	.video-slider-image img {height: 250px;}
	.video-slider-inner .video-slider-caption{padding-left:20px;padding-right:20px;}
}
/**customer video end**/
/* .d360-eddy:after {content: '';
    background: #FFF url(../images/new/bg-eddy.svg?ver=4) no-repeat bottom center;
   
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: calc(100% + 0px);
    z-index: 1;
    border-radius:100px;} */
.bg-bottom-gradient:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 1px;
    background: #FFF url(../images/new/bg-bottom-gradient.svg?ver=1) no-repeat bottom center;
    z-index: -1;
    background-size: auto;
}

.border-radius-top {
    border-radius: 20px 20px 0 0
}
@media (max-width: 767px) {
	.border-radius-top {
    border-radius: 15px 15px 0 0
}
}
/* Subpages */

/* Purple landing page */
.highlight-purple {
    background: #f0e6ff;
    color: #8D61C7;
}

.bg-purple {
    background: #f0e6ff;
}

.card-purple {
    border: 2px solid #cfb1f6;
    box-shadow: inset 0px 0px 100px #CBB5F5;
}
.border-purple { border: 2px solid #f0e6ff;}
/* Green Landing page */

.highlight-green {
    background: #EBFEF8;
    color: #71b8a1;
}

.bg-green {
    background: #EBFEF8;
}

.card-green {
    border: 2px solid #8CE3C7;
    box-shadow: inset 0px 0px 100px #C4EFE2;
}
.border-green {
    border: 2px solid #d0fff0;

}
/* Green Landing page */

.highlight-blue {
    background: #e6f4ff;
    color: #3C8EEF;
}

.bg-blue {
    background: #e6f4ff;
}

.card-blue {
    border: 2px solid #94c5ff;
    box-shadow: inset 0px 0px 100px #A5CEFF;
}
.border-blue {
    border: 2px solid #e6f4ff;
}
/* Red Landing page */
.highlight-red {
    background: #fcebee;
    color: #ea68a6;
}

.bg-red {
    background:#fcebee;
}

.card-red {
    border: 2px solid #ffb9da;
    box-shadow: inset 0px 0px 100px #f3bcd6;
}
.border-red {
    border: 2px solid #fcebee;
}
/* Orange Landing page */
.highlight-orange {
    background: #fff3ee;
    color: #FEA171;
}

.bg-orange {
    background:#fff3ee;
}

.card-orange {
    border: 2px solid #FEA171;
    box-shadow: inset 0px 0px 100px #FFC8A7;
}
.border-orange {
    border: 2px solid #fff3ee;
}

.d360-key-card {
    width: 100%;
    background: #f7f7fa;
    border-radius: 12px;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.d360-key-card .d360-key-cardbody {
    padding: 30px
}

.d360-key-card .txt-count {
    font-size: 75px;
    min-height: 90px;
    font-weight: 800;
    line-height: 1em;

}

.key-card-purple .txt-count {
    background: -webkit-linear-gradient(339deg, #7437BB 10%, #C29AF2 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.key-card-red .txt-count {
    background: -webkit-linear-gradient(339deg, #EA68A6 10%, #FBB7D7 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.key-card-blue .txt-count {
    background: -webkit-linear-gradient(339deg, #4292F0 10%, #6CAFFA 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.key-card-purple:before {
    background: -webkit-linear-gradient(339deg, #7437BB 10%, #C29AF2 80%)
}

.key-card-red:before {
    background: -webkit-linear-gradient(339deg, #EA68A6 10%, #FBB7D7 80%)
}

.key-card-blue:before {
    background: -webkit-linear-gradient(339deg, #4292F0 10%, #6CAFFA 80%)
}

.d360-key-card .txt-count span {
    font-size: 55px;
}

.d360-key-card:hover::before {
    opacity: 1;
    visibility: visible;
}

.d360-key-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 12px;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.d360-key-card:hover h3,
.d360-key-card:hover p,
.d360-key-card:hover a {
    color: rgba(var(--white), 1);
}

.d360-key-card:hover a svg {
    fill: rgba(var(--white), 1);
}

.d360-key-card:hover .txt-count {
    -webkit-text-fill-color: rgba(var(--white), 1);
}
.d360-icon_key .col-lg-2, .d360-icon_key .col-lg-3, .d360-icon_key .col-lg-4 {display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;}
.d360-icon_key .col-lg-2 p, .d360-icon_key .col-lg-3 p, .d360-icon_key .col-lg-4 p {    font-weight: 500;
    font-size: 16px;}
.d360-icon_key .icon-colored { width: 80px;
    margin-bottom: 10px;
    border-radius: 12px;
    padding: 14px;}
@media (max-width: 767px) {
.d360-tour .supademo {
	padding: 62% 0px 0 0!important;
}
	}
.feature-testimonial .c-logo img {
    background: #f7f7fa;
    padding: 20px 15px 10px;
    border-radius: 12px;
    transform: rotate(-10deg);
    height: 80px;
    box-shadow: 0px 5px 12px 0px #5e5e5e3b;

}
.feature-testimonial .c-logo {
	position:relative;
}
.feature-testimonial .c-logo:before {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    aspect-ratio: 6 / 9;
    background: url(../images/new/pin.png) no-repeat center center;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    top: -29px;
	z-index:1;
}
.feature-testimonial .shape-new-1 {
    position: absolute;
    right: 0;
    z-index: -1;
    opacity: 0.5;
    width: 880px;
    left: 0;
    margin: 0 auto;
    bottom: 100px;
    top: inherit;
}


/**Responsive**/
@media screen and (max-width:1750px) {
	.shape-new-1{right:-16%;}
}
@media screen and (max-width:1640px) {
	.shape-new-1{right:-14%;}
}
@media screen and (max-width:1600px) {
	.shape-new-1{right:-10%;}
}
@media screen and (max-width:1500px) {
	.shape-new-1{right:-8%;}
}
@media screen and (max-width:1420px) {
	.shape-new-1{right:-6%;}
}
@media screen and (max-width:1380px) {
	.shape-new-1{right:-3%;}
}
@media screen and (max-width:1300px) {
	.shape-new-1{right:0%;}
}
@media screen and (max-width:1200px){
	.eddy-shape-3{top: 25%;height: 130px;}
	.home-customer-video .slick-tab-video aside a{padding: 12px 20px;}
	.eddy-shape-1{left: -35px;top: 29%;}
	.eddy-shape-2{left: -5px;top: 45%;}
}
@media screen and (max-width:991px){
	.eddy-shape-3 {top: 10%;height: 100px;}
	.video-slider-inner .video-slider-caption{position: relative;z-index: 2;display: block;padding-left: 0px;
	background-color: #0d1117;padding: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
	.testimonial-play-btn{position: absolute;top: 40%;width: 60px;height: 60px;left: 0;right: 0;margin: 0 auto;}
	.video-slider-image {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
	.video-slider-image img{height:auto;border-radius:0px;}
	.video-slider-image:before{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
	.home-customer-video .slick-tab-video aside{margin: 0 5px;}
	.home-customer-video .slick-tab-video aside a figure{width: 100px;}
	.home-inetgrations .col-lg-3{text-align:left;}
	.home-inetgrations .col-lg-3 a{margin-left:0px !important;margin-bottom: 25px;}
	.eddy-shape-1,.eddy-shape-2{display:none;}
}
@media screen and (max-width:900px){
	.video-slider-image img{height:auto;border-radius:0px;}
}
@media screen and (max-width:767px){
	.eddy-shape-3{top: 18%;height: 80px;}
	.d360-industry ul.d360-industry-logo {height: auto;}
	.home-inetgrations .d360_trusted_by ul li img{max-height: 25px;}
	.home-inetgrations .d360_trusted_by .d360-card-body{padding:20px;}
	.home-inetgrations{padding-bottom:0px;padding-top: 0px !important;}
	.slick-slider-industry ul li{text-align:left;}
	.d360-hero-bg-new:after{border-radius: 0 0 40px 40px;background: linear-gradient(to bottom, #ffffff 0%, #e8f0fe 50%, #97b7f7 100%);}
	.d360-ai{margin-bottom:0px;}
	.d360-eddy:after{border-radius:20px;}
	.cus-item ul.d-flex{gap: 15px;flex-wrap: wrap;justify-content: center !important;}
	.d360-eddy{margin-top:0px !important;margin-bottom: 0px !important;}
	
}
@media screen and (max-width:500px){
	.eddy-shape-3{top: 20%;height: 60px;}
	.testimonial-play-btn{top:35%;width:45px;height:45px;}
	.video-count-number{margin-bottom:20px !important;}
}
@media screen and (max-width:400px){
	.eddy-shape-3{top: 22%;height: 60px;}
}

/* Role Section */
.d360-role .accordion-header {
    margin-bottom: 0;
}
.d360-role .accordion .accordion-item:not(:first-child) {
    margin-top: 10px;

}
.d360-role .accordion-item {
    border: 0;
	background: transparent;
}
.d360-role .accordion .accordion-button {
    font-size: 28px;
    line-height: 1.25;
    color: var(--primary);
    padding-top: 25px;
    padding-bottom: 20px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    background-color: #fff;
    box-shadow: none;
    text-align: start;
    font-weight: 600;
    border: 1px solid #ebedef;
    border-radius: 10px!important;
}
.d360-role .accordion .accordion-body {
    font-size: 20px;
    line-height: 1.44;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    padding-bottom: 24px;
    padding-top: 28px;
    font-family: var(--content-font);
    color: var(--text-color);
    border: 1px solid #ebedef;
    border-radius: 10px;
	background: #ffffff;
   
}
.d360-role .accordion-flush .accordion-collapse {
    border-width: 0;
}


/* Private Dinner page */
.d360-private_dinner .container {max-width: 1600px;} 
.text-custom-grey p {color:#626262;}
@media screen and (max-width:767px){
	.d360-private_dinner { background:#000; padding:30px 0;}
	.video-slider-caption { position:inherit!important}
	.video-slider-image:before{background:none}
	    .video-slider-image img {
        height: auto;
    }
	.video-slider-caption .col-lg-7.ps-3 { padding-left:0!important;}
 }
/*Black fiday register you interest */
	
.d360-black_friday-24 {
	    background: #390065 url(../images/black-friday-deal/black-friday-bg.svg) no-repeat bottom center;
    background-size: cover;
	display: inline-block;
}
	
         .d360-black_friday-24 input.submit-button {background-image: linear-gradient(to right, #1b014d 0%, #7c04b7 51%, #000301 100%)}
         .d360-black_friday-24 input.submit-button {

            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            display: block;
          }

          .d360-black_friday-24 input.submit-button:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
         
@media (min-width: 991px) {
    .d360-form-container.d360-black_friday-24 .left-col {
        width: calc(55% - 00px);
        height: 100vh;
        margin: 0px;
        left: auto;
        right: 0;
    }
}
.d360-card .d360-ai_badge {
	Position: absolute;
	top:15px;
	right:15px;
}
.pricing-trusted_by li { margin:0 15px;}
.d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) .d360-option:before {content:""}
.check-list .d360-option { padding-left:0!important;}
.check-list .d360-option svg {height: 15px;
    fill: #dc3545;}

/* Zendesk Vs Document360 */
.d360-hero-bg-zendesk:after {    content: '';
    background: rgb(241,222,255);
background: linear-gradient(176deg, rgba(241,222,255,1) 40%, rgba(255,255,255,1) 100%);
    background-size: cover;
    position: absolute;
    top: -105px;
    left: 0;
    width: 100%;
    height: calc(100% + 105px);
    z-index: 1;
    opacity: 0.6;}
.d360-zendesk .card-white {
	    border: 2px solid #ffffff;
    box-shadow: inset 0px 0px 100px #ffffffc4;
    background: transparent;
}
.d360-zendesk .d360-card .d360-card-body { padding: 12px!important;}
.d360-zendesk .d360-new-tabs aside a { padding:0;    border-radius: 18px;    border: 2px solid #ffffff;
    box-shadow: 3px 3px 3px 0px #33333312;background: #f5f5f5;}
.d360-zendesk .d360-new-tabs aside a h4 {
    font-size: 16px !important;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    color: #424242;
}
.d360-zendesk .d360-new-tabs aside.slick-current a, .d360-zendesk .d360-new-tabs aside.active a {
    color: inherit;
    background: #fff;
    transition: all 0.3s ease-in-out;
    border: 2px solid #deb6fb;
}
.d360-zendesk_counter .d360-key-card { border-radius:18px;}
.d360-zendesk_counter .key-card-purplel  {background: #e9e5ff;}
.d360-zendesk_counter .key-card-green1  {background: #def1ed;}
.d360-zendesk_counter .key-card-orangel  {background: #fff1e6;}
.d360-zendesk_counter .d360-key-card .txt-count {
    font-size: 54px;
    min-height: 65px;
    font-weight: 800;
    line-height: 1em;
}
.d360-zendesk_counter .d360-key-card .d360-key-cardbody {
    padding: 25px;
}
.d360-zendesk_counter .d360-key-card:hover .txt-count {
    -webkit-text-fill-color: rgb(53 52 52);
}
.d360-zendesk_counter .d360-key-card:hover h3, .d360-zendesk_counter .d360-key-card:hover p, .d360-zendesk_counter .d360-key-card:hover a {
  -webkit-text-fill-color: rgb(53 52 52);
}
.bg-zendesk {
    background: #FFF url(../images/ppc/zendesk/d360vszendesk-battlecard_bg.svg?ver=1) no-repeat top center;
        background-size: cover;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: calc(100% + -40px);
    z-index: 1;
    border-radius: 70px;
}
.page-id-22681 .doc360-ppc-header, .page-id-23717 .doc360-ppc-header { display:none;}
.card-grey {
    border: 2px solid #dfdfdf;
    box-shadow: 0px 16px 40px #d9d9d9;
    background: #f3f4f6;
}
@media screen and (max-width:1199px) {
	.d360-hero-bg-zendesk .d360-zen-tab, .d360-hero-bg-zendesk .d360-zen-title {display:none!important;}
	    .d360-header.doc360-zen-header .container {
        position: relative;
        display: flex;
        justify-content: center !important;
        align-items: center;
        padding: 0 20px;
    }
}
@media (max-width: 1024px) {
    .d360-hero-bg-zendesk .d360-mobile, .d360-mobile-cta .d360-mobile {
        width: 100%;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        display: flex!important;
        padding: 8px 30px;
        background: #fff;
		color:var(--text-color);
        align-items: center;
        z-index: 995;
		justify-content: center;
		text-transform: uppercase;
		font-weight: 500;
		transition: background-color 0.4s ease-in-out;
    }
	 .d360-mobile.scrolled {
        background: #e8006c;
    }
	 .d360-mobile.scrolled a {
		 color:rgba(var(--white), 1)
    }
}
@media screen and (max-width:767px) {
	.d360-zendesk .supademo { padding: 62% 0 0 0!important;}
	.bg-zendesk {border-radius: 30px;}
	.d360-zendesk .card-white {
    border: none;
    box-shadow: none;
    background: transparent;
}
}

/* Zendesk Vs Document360 table */
.bg-zendesk table { font-size:15px}
.bg-zendesk table .bg-primary {background: rgb(183 119 227) !important;}
.bg-zendesk thead tr th:first-child {border-radius: 18px 0px 0px 18px;}
.bg-zendesk thead tr th:last-child {border-radius: 0px 18px 18px 0px;}
.bg-zendesk thead tr th { margin-bottom:30px;}
.bg-zendesk thead tr th {
    font-weight: 500;
    font-size: 17px;
}
.bg-zendesk tbody tr.tr-border th {border-radius: 18px 0px 0px 0px}
.bg-zendesk tbody tr.tr-border td:last-child {border-radius: 0px 18px 0px 0px}
.bg-zendesk tbody tr:last-child>td:last-child {border-radius: 0px 0px 18px 0px;}
.bg-zendesk tbody tr:last-child>th {border-radius: 0px 0px 0px 18px;}
.check-list-wrong li:before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 19.3 17.2'%3e%3cdefs%3e%3cstyle%3e.st0 %7b fill: %23313133%3b %7d%3c/style%3e%3c/defs%3e%3cpath class='st0' d='M12.7%2c5.5c-.3-.4-.9-.4-1.3%2c0l-1.8%2c1.8-1.8-1.8c-.3-.4-.9-.4-1.3%2c0-.4.4-.4.9%2c0%2c1.3l1.8%2c1.8-1.8%2c1.8c-.4.4-.4.9%2c0%2c1.3.4.4.9.4%2c1.3%2c0l1.8-1.8%2c1.8%2c1.8c.4.4.9.4%2c1.3%2c0%2c.4-.3.4-.9%2c0-1.3l-1.8-1.8%2c1.8-1.8c.4-.3.4-.9%2c0-1.3Z'/%3e%3cpath class='st0' d='M18.8%2c7.2l-3.6-5.8c-.5-.8-1.4-1.3-2.4-1.3h-6.6c-.9%2c0-1.8.5-2.3%2c1.3L.4%2c7.2c-.5.9-.5%2c2%2c0%2c2.9l3.6%2c5.8c.5.8%2c1.4%2c1.3%2c2.3%2c1.3h6.6c1%2c0%2c1.9-.5%2c2.4-1.3l3.6-5.8c.5-.9.5-2%2c0-2.9ZM17.3%2c9.1l-3.6%2c5.8c-.2.3-.5.4-.8.4h-6.6c-.3%2c0-.6-.2-.8-.4l-3.6-5.8c-.2-.3-.2-.7%2c0-1l3.6-5.8c.2-.3.5-.4.8-.4h6.6c.3%2c0%2c.6.2.8.4l3.6%2c5.8c.2.3.2.7%2c0%2c1Z'/%3e%3c/svg%3e");}
.check-list-right li:before {
    content: url("data:image/svg+xml,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 18.4 19.7'%3e%3c!-- Generator: Adobe Illustrator 29.2.0%2c SVG Export Plug-In . SVG Version: 2.1.0 Build 108) --%3e%3cdefs%3e%3cstyle%3e.st0 %7b fill: white%3b %7d%3c/style%3e%3c/defs%3e%3cpath class='st0' d='M18.4%2c4.9c0%2c10-7.3%2c14.8-9.2%2c14.8S0%2c14.8%2c0%2c4.9s.5-1.4%2c1.1-1.7L8.5.1c.2%2c0%2c.5-.1.7-.1s.5%2c0%2c.7.1l7.4%2c3.1c.7.3%2c1.1%2c1%2c1.1%2c1.7ZM16.6%2c4.9l-7.4-3.1L1.8%2c4.9c0%2c6.5%2c3.6%2c11.4%2c7.4%2c12.9%2c3.6-1.5%2c7.4-6.2%2c7.4-12.9ZM8.2%2c10.6l3-3.6c.2-.2.4-.3.7-.3.7%2c0%2c.9.6.9.9s0%2c.4-.2.6l-3.7%2c4.3c-.3.3-.6.3-.7.3-.2%2c0-.5%2c0-.7-.3l-1.8-1.8c-.2-.1-.3-.4-.3-.7%2c0-.5.4-.9.9-.9s.5.1.6.3l1.2%2c1.1Z'/%3e%3c/svg%3e");
    width: 14px;
    height: 14px;
    top: 4px;
    left: 0;
}
.bg-zendesk tr>td>aside .icon-f { display:flex;    align-items: center;}
.bg-zendesk tr>td>aside .icon-f h2 { padding-bottom:0;}
.bg-zendesk tr>td>aside .icon-f svg{ max-height: 35px; margin-right:10px}
.bg-zendesk .icon-f svg {
    max-height: 45px;
}
@media screen and (max-width:767px) {
    .bg-zendesk table{table-layout: fixed;}
    .bg-zendesk thead tr th{width: 300px !important;white-space: break-spaces;word-wrap: break-word;vertical-align: middle;}
    .bg-zendesk thead tr th:first-child{width: 180px !important;}
    .bg-zendesk tbody tr td{width:auto !important;}
}


#bCastiFrm  .Player_Left, #bCastiFrmvn5rp728  .Player_Left { display:none}

/* Cookie Script */
#cookiescript_injected {font-family: 'Work Sans', sans-serif!important;padding: 5px 80px 5px 30px!important;}
#cookiescript_fsd_wrapper {font-family: 'Work Sans', sans-serif!important;}
#cookiescript_rightpart {
    min-width: 10%!important;
}
#cookiescript_accept, #cookiescript_reject, #cookiescript_save {
	margin: 0px 7px!important;}
.cookiescript_pre_header #cookiescript_close { display:none!important;}
#cookiescript_rightpart  #cookiescript_accept, #cookiescript_rightpart  #cookiescript_reject, #cookiescript_rightpart  #cookiescript_save {
	    font-weight: 600!important; text-transform: inherit!important;
}
#cookiescript_readmore {
    color: #a936f9!important;
    font-weight: 700!important;
}
#cookiescript_injected_fsd #cookiescript_buttons {
    padding: 15px 15px!important;
}
@media only screen and (max-width: 700px) {
	    #cookiescript_injected {
        padding: 15px 40px !important;
    }
	#cookiescript_buttons #cookiescript_accept {
		margin-bottom:10px!important;
	}
	#cookiescript_description { margin-bottom:15px!important;}
}
/* Sitemap */
.site-map h2 {     margin: 15px 0;
    font-size: 28px;
    text-transform: initial;
    text-decoration: underline;}
.site-map ul {padding-bottom: 30px;
    display: inline-block;
    border-bottom: 1px solid #3333;
    padding-left: 30px;}
.site-map ul:last-child { border:none;}
.site-map ul li {font-size: 15px;
    float: left;
    width: 47%;
    list-style: disc;
    margin-right: 30px;
    margin-bottom: 15px;}
.page-id-22884 .wrapper_main { padding-top:0;}

/* PPC Usecase  */
.bg-grey-gradient {
	background: rgb(251,237,255);
background: linear-gradient(0deg, rgba(251,237,255,1) 0%, rgba(247,246,248,1) 100%);
}
.bg-usecase-gradient:after {content: '';
    height: 80%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 23%;
    background: url(../images/ppc/usecase/bg-hero-gradient.svg?ver=1) no-repeat bottom center;
    z-index: 1;
    background-size: contain;
    opacity: 0.7;
}
.d360-counter .txt-count { font-size:75px;   min-height: 90px;
    font-weight: 700;
    line-height: 1em;}
.d360-counter .txt-count span {
    font-size: 45px;
}
.page-template-PPC-usecase header.menu-shrink {
    display: none;
}

.d360-ppc-why {
    background: linear-gradient(0deg, rgba(147, 63, 206, 1) 0%, rgba(123, 30, 187, 1) 100%);
}

.d360-ppc-why .d360-card {
    background: #E5BFFF;
    width: fit-content;
    margin: 0 auto;
}

.d360-horizontal-scroll {
    height: 350vh;
}

.d360-horizontal-scroll .sticky {
    position: sticky;
    top: 0px;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 60px;
}

.d360-horizontal-block {
    display: flex;
    min-width: 100%;
    height: 100vh;
    align-items: center;
    transition: background-color 0.5s ease;
}
.d360-horizontal-scroll .horizontal #section-empty {
   padding-right: 0;
}

.heading-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
}

.d360-horizontal-scroll .progress-bar {
    width: 100%;
    height: 5px;
    background-color: #e0e0e0;
    left: 0;
}

.progress-bar::-webkit-progress-bar {
    background-color: #e0e0e0;
}

.progress-bar::-webkit-progress-value {
    background-color: #000;
}

.progress-bar::-moz-progress-bar {
    background-color: #000;
}

.slider-header-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
}

.slider-line1 {
    position: absolute;
    left: -70%;
    bottom: -150px;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.slider-line2 {
   position: absolute;
    left: -85%;
    top: -83px;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.d360-horizontal-block {
    transition: background-color 1s ease;
    padding-right: 8vw;
}

.d360-horizontal-scroll .sticky-top {
    top: 20px;
}

.d360-horizontal-scroll .horizontal {
    column-gap: 50px;
}

.d360-vertical-scroll-row {
    z-index: 1;
}

.ai-shape-1 {
    position: absolute;
    right: 10%;
    top: 0;
    z-index: 1;
}
.d360-vertical-scroll {
   background:#000;
   border-radius:70px;
   margin-top: -70px;
    margin-bottom: -70px;
}
.d360-vertical-scroll .container {
   z-index: 2;
}
.d360-vertical-scroll .cureve-line1 {
    position: absolute;
    z-index: 1;
    left: 2%;
    width: 100%;
    top: 0%;
    transform: rotateZ(45deg);
    opacity: 0.3;
}
.d360-vertical-scroll .cureve-line2 {
position: absolute;
    z-index: 1;
    right: -5%;
    width: 80%;
    bottom: -10%;
    transform: rotateZ(354deg);
    opacity: 0.3;
}
.d360-vertical-scroll h2 span {
    line-height: 0.95;
    line-height: 0.95;
    padding: 10px 12px;
    border-radius: 10px;
    display: inline-block;
    background: -webkit-linear-gradient(22deg, #904bff 20.66%, #4fb3ff 60.89%);
    background: linear-gradient(90deg, #b966e7 20.66%, #4db6ff 60.89%);
}
.d360-vertical-scroll h2,
.d360-vertical-scroll h3,
.d360-vertical-scroll p {
    color: #fff;
    position: relative;
    z-index: 1;
}
@media screen and (max-width:1200px) {
    .slider-line1{bottom:-110px;}
    .slider-line2{top:-57px;}
}
@media screen and (max-width:991px) {
    .ai-shape-1 {right:0;top:0;height:90px;}
    .d360-horizontal-scroll {height: auto;padding-top: 70px;padding-bottom: 90px;background: #F3F4F6 !important;}
    .d360-horizontal-scroll .sticky {position: relative;max-height: 100%;}
    .d360-horizontal-block {padding-right:0;height: 100%;}
    .d360-ppc-counter .border-end {border-right:none !important}
}
@media screen and (max-width:600px) {
    .ai-shape-1{right:0;top:90px;height:60px;}
    .d360-vertical-scroll:after{border-radius: 50px;}
}
.d360-horizontal-block .col-lg-7 img {
    border: 1px solid #fff;
    border-radius: 18px;
    padding: 10px;
    background: #eaeaea9e;
	box-shadow: 0 32px 80px -40px 
}
.page-template-PPC-usecase .wrapper_main, .page-id-6135 .wrapper_main, .page-id-23808 .wrapper_main {
    padding-top: 70px;
}
.page-id-24100 .sticky-top.sticky-with-header, .page-id-30250 .sticky-top.sticky-with-header {
    top: 68px;
}
.page-id-19725 .doc360-ppc-header {display:none;}
/* Compare */
.d360-comp_testi .col-md-8 .d360-card {  background:#3f3c4f !important}
@media (max-width: 1366px) {
	.page-id-6135 .wrapper_main, .page-id-23808 .wrapper_main {
    padding-top: 60px;
}
}
@media (max-width: 1199px) {
    .d360-comp_testi .col-md-4 figure img {
       height: 440px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    }
	.page-id-6135 .wrapper_main, .page-id-23808 .wrapper_main {
    padding-top: 40px;
}
}
@media (max-width: 767px) {
	 .d360-comp_testi .col-md-4 figure img {
		 height: 100%;}

}
@media (min-width: 991px) and (max-width: 1200px) {
	.page-id-22804 .d360-hero a:nth-child(2),.page-id-22806 .d360-hero a:nth-child(2){margin-left:0px !important;margin-top: 1rem !important;}
}

@media (min-width: 768px) and (max-width: 990px) {
	.page-id-22804 .d360-hero a:nth-child(2),.page-id-22806 .d360-hero a:nth-child(2){margin-top: 0px !important;margin-left: 1rem !important;}
}
@media (max-width: 767px) {
    .page-id-22805 .d360-hero a:nth-child(1){margin-left: 0px !important;}
}

html[lang="fr-FR"] .page-id-25876 .d360-completed .col-lg-12{
    display:none;
}
html[lang="fr-FR"] .page-id-25876 .d360-post-thumb-single aside{
    margin-bottom: 0px !important;
}
html[lang="de-DE"] .page-id-29793 .d360-completed .col-lg-12{
    display:none;
}
html[lang="de-DE"] .page-id-29793 .d360-post-thumb-single aside{
    margin-bottom: 0px !important;
}
/* Blog New */
.d360-hero-bg-3 {
    position: relative;
    margin-bottom: 130px;
}
.d360-hero-bg-3:after {
    content: '';
    background: #f6f3fc !important;
    background-size: cover;
    position: absolute;
    top: -105px;
    left: 0;
    width: 100%;
    height: calc(100% + 105px);
    z-index: 1;
}
/* .d360-blogs {background:#f6f3fc;} */
.d360-blogs aside .grid-desc {
    padding: 20px;
}
.d360-blogs aside {
    border-radius: 18px;
    background: rgba(var(--white), 1);
}
.featured-posts hr {
    background: rgb(221 172 255) !important;
    height: 2px;
    opacity: 1;
    border-top: 0;
}
.single-blog .author-text p.text-xs {
    color: #755e85;
}
.single-blog figure img {
    border-radius: 18px 18px 0 0;
}
.single-blog aside {box-shadow: 0px 2px 5px 0px #13131312;}
.blog-featured-card {
    color: unset;
    display: grid;
    gap: 1rem;
    grid-template-columns: 232px 1fr;
    grid-template-rows: 130px;
    position: relative;
    background: transparent !important;
    border-radius: 0 !important;
}
.blog-featured-card figure img {
    /* height: 100%;
    object-fit: cover; */
    width: 100%;
    border-radius: 12px;
    box-shadow: 0px 2px 5px 0px #13131312;
}
.blog-featured-card .author-text p.text-xs {
    color: #585858;
}
.featured-posts a:nth-last-child(2) .blog-featured-card {
    border-bottom: 2px solid #f2e6fb;
    border-top: 2px solid #f2e6fb;
    padding: 15px 0;
    margin: 15px 0;
}
.d360-blog_videos aside .d360-card {
    color: unset;
    display: grid;
    grid-template-columns: 335px 1fr;
    grid-template-rows: 188px;
    position: relative;
    background: transparent !important;
}
.d360-blog_videos aside .d360-card-body {min-height: 180px;}
.d360-post-thumb .slick-blog-podcast aside .d360-card-body {
    min-height: 200px;
}
.author-box:hover p a {    color: rgba(var(--primary-color), 1);}
.d360-also_read {border-left: 5px solid #8006d6;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);}
@media (max-width: 1100px) and (min-width: 767px) {
    .d360-blog_videos aside .d360-card {
        display: block;
    }
}
@media (max-width: 767px) {
    .blog-featured-card, .d360-blog_videos aside .d360-card {
        display: block;
    }
}
/* Blog Header */
.blog-template .d360-header nav ul>li {
float: left;
margin-right: 20px;
position: relative;
}
.blog-template .d360-header nav ul li .sub-menu {
    position: absolute;
    top: 100%;
    margin-top: 15px;
    opacity: 0;
    left: 50px;
    padding-top: 20px;
    transform: translateX(-50%)
}

.blog-template .d360-header nav ul li .sub-menu:before {
    content: '';
    height: calc(100% - 2px);
    width: 100%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border: 1px solid #D1D5DB;
    border-radius: 12px;
}

.blog-template .d360-header nav ul li .sub-menu li {
    width: 100%;
    float: left;
    height: auto;
    padding: 8px 0;
    white-space: nowrap;
    letter-spacing: .02em
}
.blog-template .d360-header nav ul li .sub-menu li.menu_with_icon a {
    position: relative;
    padding-left: 53px !important
}

.blog-template .d360-header nav ul li .sub-menu li.menu_with_icon {
    position: relative
}

.blog-template .d360-header nav ul li .sub-menu li.menu_with_icon i {
    position: absolute;
    left: 13px;
    top: 50%;
    font-size: 23px;
    color: #8005D8;
    transform: translateY(-50%)
}
.blog-template .d360-header .d360-mega-menu { z-index:1;}
.blog-template .d360-header .d360-mega-menu .menu-with-icon ul li span {
	font-size: 13px;}

.blog-template .d360-header nav ul li .sub-menu li a {
    width: 100%;
    float: left;
    height: auto;
    text-decoration: none !important;
    padding: 2px 18px !important;
    line-height: 1.2em
}

.blog-template .d360-header nav ul li .sub-menu li a span {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #999999;
    font-weight: 400
}

.blog-template .d360-header nav ul li .sub-menu li:last-child {
    padding-bottom: 15px
}

.blog-template .d360-header nav ul li:hover {
    overflow: visible
}

.blog-template .d360-header nav ul li:hover .sub-menu {
    margin-top: 0;
    opacity: 1;
    transform: translateX(-50%)
}
.d360-social-blog li {
    display: inline-block;
}
.d360-social-blog a {
    float: left !important;
    margin-right: 8px !important;
}
.d360-social-blog li a svg {
    fill:#aaaaaa !important;
    margin-right: 0!important;
    width: 20px!important;
    height: 16px;
}
.blog-template .d360-header nav ul li .sub-menu .submenu-link a { background: #f7f7f7;  border-radius: 8px;}
.blog-template .d360-header nav ul li .sub-menu .submenu-link a:hover {
    background: var(--primary-color-light);
    color: rgba(var(--primary-color), 1);
    text-decoration: none;
    display: block;
    border-radius: 8px;
}

.blog-template .d360-header nav ul li .sub-menu .submenu-link a p:nth-child(2) {font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-weight: normal;}
.blog-template .d360-header nav ul li .sub-menu .submenu-link a:hover p:nth-child(2) {
    color: var(--text-color);
}

@media (min-width: 992px) and (max-width: 1366px) {
	.blog-template .d360-header nav ul>li {
    margin-right: 15px;
	}
}
/* Glossary */
.d360-glossary-bg {
    /*background: -webkit-gradient(linear, left top, right top, from(#8750f7), to(#2a1454));
    background: linear-gradient(180deg, #8750f7 0%, #2a1454 100%);*/
    background-image: url(../images/glossary-bg.jpg?ver=2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.glossary-letter:before {
    background: linear-gradient(180deg, #8a1ddb 12.34%, #ff73ab);
    content: "";
    height: 110px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    z-index: 2;
}
.glossary-letter:after {
	content: "";
background-image: url("data:image/svg+xml,%3Csvg width='137' height='19' viewBox='0 0 137 19' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='137' height='19' fill='url(%23pattern0_2193_4)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_2193_4' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_2193_4' transform='scale(0.00729927 0.0526316)'/%3E%3C/pattern%3E%3Cimage id='image0_2193_4' width='403' height='180' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZMAAAC0CAYAAABRwsFbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARkSURBVHgB7d3tURtXGIbhV24AUYHXFcQlKBUkHYRUEJfgVJBxBSgVxB1Y6YAOrA5CKticY0mYcSxb7ANGWNc18+5K8JOBm7NfmtUBxnGct93LNj+1WbQZ2syL+3bdZt3mqs3fbd7OZrPrAjhysy99cxuR39q8KvF4LMs2v7eorAvgSO2NSQtJj8jrEpFjsWzzpkXlqgCOzGdj0kLyR21WIxyfVW2i8rYAjsT/YtJCctl2F8WxW9fm8NeyAB7Zs9tvtiuSi+IpGNpctp/Z+zYXBfCIblYm2z9Il8VTta7NeZU/nawHvrUPMWkhGdruXW3+2+XpW5YrwIBvaHeY65cSku/JRZt++Oty+48CwIParUzel5h8z/qVX/0KsFUBPIBZC8nPbf9XcQpWtTmnsiyAe9QPcy2KU7EoV4ABD6DH5Ifi1Ax1KyrOqwCpfpjrn/LIlFO3ro+HwFYFcEc9JmPBR/0pxVfbvScWw2nov+v/1uZ3/2rKbQViAsCnelTetFkdGhYxAWCfdR34DEAxAeBrVm1+/dIqRUwAOMS6zY/7gvKsAODrhjbv9t1KICYAHGqoPU+XFxMA7mLRVievP/2icyYA3FW/L+VFO39ycy+alQkAd9WfmvLq9hesTACY4rqtTM53b6xMAJhi3tYii90bMQFgqpe7F2ICwFQ3H2EiJgBM5ZwJALGz3QsxASAmJgDExASAmJgAEBMTAGJiAsBUw+6FmAAQExMAYmICQExMAIiJCQAxMQEgJiYAxMQEgKnmuxc+Ax6AyWZN31uZABATEwBiYgJATEwAiIkJADExASAmJgBMNo7jh3tNxASAxFnfiAkAMTEBICYmAMTEBICYmAAQExMAYmICQExMAEi86BsxASAmJgDExASAmJgAEBMTAGJiAkBMTACIiQkAiaFvxASAmJgAEBMTAGJiAkBMTACIiQkAMTEBICYmACTmfSMmACTEBID7ISYAxMQEgJiYABATEwBiYgJATEwASLg0GIDYWd+ICQAxMQEgJiYAxMQEgJiYABATEwBiYgJATEwASJz3jZgAkHDTIgD3Q0wAiIkJADExASAmJgDExASAmJgAkBj6RkwAiIkJADExASAmJgDExASAmJgAEBMTAGJiAkBi3jezsSkAmGjWWJkAEBMTAGJiAkBMTACIiQkAMTEBICYmAMTEBIDIOI7PxQSAmJgAEBMTAGJiAkBMTACIiQkAMTEBICYmAKTOxQSA1FxMAIiJCQAxMQEgJiYAxMQEgJiYABATEwBSLg0GICYmAOTEBICYmAAQExMAYmICQExMAIiJCQAxMQEgNYgJADExASAmJgDExASAmJgAEBMTAGJiAkBMTABIPRcTAGJiAkBMTACIiQkAMTEBICYmAMTEBICYmACQOhcTAFJnYgJATEwAiIkJADExASAmJgDExASAmJgAkJqLCQApMQEgJyYAxMQEgJiYABATEwBiYgJATEwAiM3GpgAgYGUCQExMAIiJCQCx/wCZvrsElwJ2eAAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
    left: 0;
    position: absolute;
    top: -8px;
    width: 120px;
    height: 15px;
}

.glossary-letter {
    filter: drop-shadow(0 5px 20px rgba(149, 75, 235, .07));
    position: relative;
	min-height: 230px;
}
.d360-glossary-list .d360-card { filter: drop-shadow(0 5px 20px rgba(149, 75, 235, .07));    transform: translateY(0);
    transition: box-shadow .3s ease, transform .3s ease; min-height: 230px;}
.glossary-letter span {
    color: #2a1f59;
    font-size: 140px;
    font-weight: 600;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.d360-glossary-list aside h3, #glossaryModalTitle {
	        font-size: 20px;
}

.d360-glossary-list aside h3:after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M18 6L6 18" stroke="%23392E73" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8 6H18V16" stroke="%23392E73" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
}
.d360-glossary-list aside p, #glossaryModalContent {
    color: #3e3e3e;
}
.d360-glossary-list .d360-card:hover {
    box-shadow: 0 10px 20px rgba(149, 75, 235, .18);
    transform: translateY(-10px);
}
.d360-glossary-list .d360-card:hover h3:after {
    opacity: 1;
}
.d360-gstrip {
    position: -webkit-sticky;
    position: sticky;
    top: 87px;
    z-index: 15;
}
.d360-gstrip ul {
    padding: 0 7px !important;
    display: flex;
}
 .d360-gstrip ul li {
    padding: 10px 3px;
}
.d360-gstrip ul li a {
    border-radius: 10px;
    padding: 5px 15px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    align-items: center;
}
.d360-gstrip ul li a:hover, .d360-gstrip ul li a.active {
    text-decoration: none;
    background:var(--primary-color-light);
}
@media (max-width: 1024px) {
	.d360-gstrip {top: 39px;}
}
/* Podcast New */
.page-template-podcast-new .wrapper_main {
    background-color: rgba(var(--white), 1);
}
.purple-dark { color:#9b30f9;}
.orange-dark { color:#ea4235;}
.green-dark{color: #198037;}
h1 .podcast-highlight {line-height: 0.95;
    padding: 10px 38px;
    border-radius: 40px;
    font-weight: 600;
    display: inline-flex;white-space: nowrap;
	align-items: center;}
h2 .podcast-highlight {line-height: 0.95;
    padding: 10px 25px;
    border-radius: 40px;
    font-weight: 600;
    display: inline-flex;white-space: nowrap;
	align-items: center;}
h1 .podcast-highlight svg { width:40px ; height:40px;margin-right: 8px;}
h2 .podcast-highlight svg { width:35px ; height:35px;margin-right: 8px;}
.pill-text {
       /*-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;*/
	display: inline-flex;
    white-space: nowrap;
    align-items: center;
    /*opacity: 0; 
    transform: translateY(30px); 
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;*/
    
}
.pill-char {
    display: inline-block;  /* Allows animation to affect each letter separately */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
/* Class added when section is visible */
.pill-char.show {
    opacity: 1;
    transform: translateY(0);
}

.pill-text.active {
    opacity: 1;
    transform: translateY(0);
}

.d360-podcast-bg .podcast-video-1 {
    position: absolute;
	top:0px;
	
}
.d360-podcast-bg .podcast-video-2 {
    position: absolute;
	top:0px;
	right:0;
	
}
.podcast-video-1 img, .podcast-video-2 img {
	max-height:400px
} 
 /* Animation for paths and rects */
    .podcast-highlight svg path,
   .podcast-highlight svg rect {
      opacity: 0;
      transform-origin: center;
      animation: fadeIn 1s ease-in forwards, scaleIn 0.8s ease-in forwards;
    }

    /* Path Animation (slightly staggered for effect) */
    .podcast-highlight svg path {
      animation-delay: 0.1s; /* Delays to stagger the animations */
    }

    .podcast-highlight svg rect:nth-of-type(1) {
      animation-delay: 0.3s;
    }

    .podcast-highlight svg rect:nth-of-type(2) {
      animation-delay: 0.5s;
    }

    /* Keyframe for fade-in */
    @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    /* Keyframe for scaling */
    @keyframes scaleIn {
      0% {
        transform: scale(0.8);
      }
      100% {
        transform: scale(1);
      }
    }

 .youtube-carousel {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
}
.youtube-carousel.slick-custom-arrows .slick-prev {
    left: 30px;
}
.youtube-carousel.slick-custom-arrows .slick-next {
    right: 30px;
}
.youtube-slide {
    position: relative;
    width: 337px;
    height: 515px;
    border-radius: 8px;
    overflow: hidden;
    margin:0 15px;
}

.youtube-video {
    width: 100%;
    height: 100%;
    border-radius: 8px;
	object-fit: cover;
}
.youtube-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 1;
    z-index: 1; 
	transition: opacity 0.5s ease;
	pointer-events: none;
}

.hover-youtube-button {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    font-size: 3rem; 
    color: #fff;
}
.hover-youtube-button a {
    border-radius: 18px;
    color: #ffffff!important;
    font-size: 10px;
    padding: 0px 5px;
}
.youtube-slide:hover .youtube-button-overlay {opacity: 0; z-index: 1;}
.youtube-slide:hover .youtube-content {
    opacity: 0; 
	z-index:-3;
}
.youtube-slide:hover .hover-youtube-button {
    display: block; 
}
.youtube-content {
    text-align: left;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.3s ease;
    z-index: 2;
}
.yt-short-red .youtube-container p {background: #ea4235;}
.yt-short-purple .youtube-container p {background: #ad7ae1;}
.yt-short-orange .youtube-container p {background: #e4a533;}
.yt-short-blue .youtube-container p {background: #1768d4;}
.yt-short-green .youtube-container p {background: #198039;}
.yt-short-brown .youtube-container p {background: #8f8375;}

.yt-short-red .youtube-content svg { fill:#e1696a;}
.yt-short-purple .youtube-content svg { fill:#b07ed5;}
.yt-short-orange .youtube-content svg { fill:#ebcd9b;}
.yt-short-blue .youtube-content svg { fill:#6f9dce;}
.yt-short-green .youtube-content svg { fill:#84b28e;}
.yt-short-brown .youtube-content svg { fill:#d7c5af;}


.yt-short-red .hover-youtube-button a {background: #ea4235;}
.yt-short-purple .hover-youtube-button a {background: #ad7ae1;}
.yt-short-orange .hover-youtube-button a {background: #e4a533;}
.yt-short-blue .hover-youtube-button a {background: #1768d4;}
.yt-short-green .hover-youtube-button a {background: #198039;}
.yt-short-brown .hover-youtube-button a {background: #8f8375;}

.youtube-content li {     background: #fafafa63;
    padding: 7px 7px;
    border-radius: 30px;
    border: 1px solid #a6a6a630;
    line-height: normal;}
.youtube-content li svg { 
max-height:18px
}
.youtube-content .quote {
font-size: 12px;
    font-style: italic;
    line-height: 20px;
	padding-bottom: 10px;}

.youtube-container {
 font-size: 15px;
    color: #ffffff;
    line-height: 20px;
}

.youtube-container .name {
    font-size: 22px;
    padding-bottom: 0;
	font-weight: 600;
}
.youtube-container .position {
	 font-size: 12px;
} 
@media (max-width: 1600px) {
    .podcast-video-1 img, .podcast-video-2 img {max-height: 350px;}
}
@media (max-width: 1450px) {
    .podcast-video-1 img, .podcast-video-2 img {max-height: 300px;}
}
@media (max-width: 1300px) {
    .podcast-video-1 img, .podcast-video-2 img {max-height: 270px;}
}
@media (max-width: 1100px) {
    .podcast-video-1 img, .podcast-video-2 img {max-height: 210px;}
}
@media (max-width: 992px) {
    .d360-podcast-bg{margin-bottom: 0px !important;}
} 
@media (max-width: 450px) {
    .listen-podcast-btn a{width:100%;text-align:center;}
} 
.Player_Wrapper .Player_ImageWrapper {display:none!important;}
/* Podcast New */

/* Single blog */
.d360-blog-hero {background: linear-gradient(60deg, #f8f0fc, #d2d4f5, #c8c2f1);}
.d360-blog-hero .text-xs {font-size:16px!important; font-weight:500;}
.single-post .img-author img {
	width: 30px; border-radius:100%}

.single-post .author-bio p {color:#666;font-size: 15px;}
.single-post .author-bio .author-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 5.4em; /* adjust if needed based on line-height */
  margin-bottom: 0.5rem;
}
.d360-endcta {background:url('/wp-content/themes/document360/images/blog/end-cta-bg.svg') #F3F4F6 no-repeat center center;    background-size: cover; border-radius:20px;    box-shadow: 1px 0px 10px 0px rgb(119 119 119 / 20%) !important; overflow:hidden;padding: 15px 0px 0px 30px;     display: flex;
    align-items: flex-end;
    justify-content: space-between;}
.d360-endcta .endcta-text h4 { font-size:22px;}
.d360-endcta .endcta-text {
    width: 50%;
    margin: 0px 0px 50px 0px;
}
.d360-endcta .endcta-img {
    width: 50%;
    text-align: right;
}
.single-post .author-bio img {
	border-radius: 100%;
}
@media (max-width: 1280px) {
	.d360-blog-hero .text-xs {font-size:14px!important; font-weight:500;}
	.d360-endcta .endcta-text {
    width: 58%;
    margin: 0px 0px 20px 0px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .d360-blog-hero h1 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .d360-endcta {
        flex-direction: column-reverse;
		padding: 15px;
    }
    .d360-endcta .endcta-text {
        width: 100%; margin-bottom:15px;
    }
    .d360-endcta .endcta-img {
        width: 100%;
        text-align: center
    }
}
.d360-signup_bg {background: #e9e9e9 url(/wp-content/themes/document360/images/singup-blur-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;}
@media (max-width: 767px) {
	.d360-signup_bg {background:none;}
}

/**lp float cta**/
.lp-float-btn{
    position: fixed;
    bottom: 20px;
    right: 0;
    left:0;
    margin: 0 auto;
    z-index: 99;
    display: none;
}    
.lp-float-btn a.animate{
    animation: wiggle 2.7s infinite;
}
.lp-float-btn a:hover {
  animation: none;
}
/*SHAKER*/
@keyframes wiggle {
  2% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  4% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  10% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  12% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

/* Home Trustedby */
.trusted_cc li a { position:relative;    
    display: inline-block;}
.trusted_cc li { margin-bottom:15px;}
a.cc-popup:before, a.cc-popup:after {
    content: 'Customer Story';
    position: absolute;
    z-index: 2;
    bottom: -20px;
    right: 0;
    font-size: 0.62rem;
    padding: 0.25em 0.5em;
    color: #4aac86;
    font-weight: 600;
    border-radius: 99rem;
    line-height: 10px;
}
a.cc-popup:after {
    content: '→';
    z-index: 1;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
	line-height: 16px;
    transition: transform 200ms ease-out, opacity 200ms ease-out;
	transform: translateX(65%);
}
a.cc-popup:hover:after {
    opacity: 1;
    transform: translateX(100%);
}
.cc-testimonial {
	display: flex;
    border: 1px solid #f4e6ff;
    background-color: #ffffff;
    border-radius: 12px;
    flex-flow: column;
    z-index: 99;
    padding: 1rem;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    opacity: 0;
    pointer-events: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 320%;
    height: auto;
    transition: opacity .15s ease-out, transform .25s ease-out, border-color .3s cubic-bezier(.165,.84,.44,1), background-color .3s cubic-bezier(.165,.84,.44,1);
    position: absolute;
    inset: auto auto 0% 0%;
    overflow: hidden;
    box-shadow: 1px 1px 9px 3px rgb(193 106 254 / 17%);
}
.cc-testimonial p { text-align:left;}
.cc-testimonial .cc-testimonial-content { font-size:15px;}
.cc-testimonial .cc-author {
	width: 100%;
    overflow: hidden;
    padding: 10px 10px;
    background: #f8eeff;
    border-radius: 7px;
}
.cc-testimonial .cc-logo {filter: grayscale(1);}
.splitter {
    background-color: #000;
	width: 100%;
    height: 2px;
}
@media (min-width: 992px) {
    a.cc-popup:hover .cc-testimonial {
        transform: translateY(-23%);
        opacity: 1;
    }
	}
/* 
Case studies */
.carousel-slide {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-video {
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 1;
    z-index: 1; 
	transition: opacity 0.5s ease;
	pointer-events: none;
}

.hover-play-button {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    font-size: 3rem; 
    color: #fff;
}
.hover-play-button a {
    background: #ffffff;
    border-radius: 18px;
    color: #000;
    font-size: 10px;
    padding: 0px 5px;
}
.carousel-slide:hover .thumbnail-overlay, .page-template-archive-case-study .d360-card:hover .thumbnail-overlay {opacity: 0; z-index: 1;}
.carousel-slide:hover .overlay-content {
    opacity: 0; 
	z-index:-3;
}
.carousel-slide:hover .hover-play-button, .page-template-archive-case-study .d360-card:hover .hover-play-button {
    display: block; 
}
.overlay-content {
text-align: left;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: rgb(0 0 0 / 30%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
    color: #fff;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	z-index:2;
}

.overlay-content .logo {
    width: 130px;
    height: auto;
    margin-bottom: 10px;
}

.overlay-content .quote {
font-size: 12px;
    font-style: italic;
    line-height: 20px;
	padding-bottom: 10px;}

.meta-container {
 font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}

.meta-container .name {
	 font-size: 13px;
    font-weight: 500;
	padding-bottom:0;
}
.meta-container .position {
	 font-size: 12px;
}
/* Intractive descesion tree */
.flow-trigger-buttons aside .d360-card {cursor: pointer;    box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 40px 0px;transition: box-shadow 0.2s, transform 0.2s;}
.flow-trigger-buttons aside .d360-card:hover {transform: translate3d(0px, -4px, 0px);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 64px 0px;}
    .modal-overlay {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(17, 24, 39, 0.6); 
        display: none; justify-content: center;
        align-items: center; z-index: 10000; opacity: 0;
        transition: opacity 0.25s ease-in-out;
        padding: 20px;
        box-sizing: border-box;
    }
    .modal-overlay.visible { display: flex; opacity: 1; }
    .modal-container {
        background: #fff;
        border-radius: 16px; 
        width: 100%;
        max-width: 900px; 
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column; /* Title on top, then main area */
        height: 580px; 
        max-height: calc(100vh - 60px); 
        position: relative;
        overflow: hidden; /* Important for border-radius on children */
    }
    #flowTitleHeader { 
        padding: 20px 32px;
        padding-right: 60px; /* Space for close button */
        border-bottom: 1px solid #E5E7EB;
        font-size: 24px; 
       font-weight: 600; 
        line-height: 1.4;
        flex-shrink: 0; 
        position: relative; /* For z-index if needed, though close button is higher */
        margin: 0;
    }
    .modal-main-area { /* New wrapper for image and content */
        display: flex;
        flex-direction: row;
        flex-grow: 1; /* Takes remaining height */
        overflow: hidden; /* Important if children have independent scroll */
        height: 100%;
    }
    .modal-close-btn-top-right {
        position: absolute;
        top: 6px; /* Adjust to align with new title header padding */
        right: 6px;
        background: transparent; /* Make it less obtrusive over the title */
        border: none;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        font-size: 20px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.2s ease, color 0.2s ease;
        z-index: 1001; 
		color: #a3a3a3;
    }
    .modal-close-btn-top-right:hover {
        background-color: #fff; 
        color:#333;
    }
    .modal-image-side {
        width: 45%; 
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        /*padding: 32px; */
        overflow: hidden;
		transition: opacity 0.25s ease-in-out;
        /* border-top-left-radius: 0; Removed as parent .modal-container has it */
        /* border-bottom-left-radius: 0; Removed */
    }
    .modal-image-side img {
        max-width: unset;
        max-height: 100%;
        height: auto;
        object-fit: cover;
        opacity: 1;
        transition: opacity 0.15s ease-in-out;
		    border-radius: 12px;
    }
 .modal-image-side img.fade-out {
        opacity: 0;
    }
    .modal-content-side {
        width: 60%;
        padding: 32px; 
        display: flex;
        flex-direction: column;
        /* position: relative; No longer needed here */
        overflow: hidden; /* Parent .modal-main-area handles overall scroll if needed */
    }

    .modal-step-content-wrapper {
        opacity: 1; transition: opacity 0.25s ease-in-out;
        flex-grow: 1; 
        overflow-y: auto; 
        min-height: 100px; 
    }
    .modal-step-content-wrapper.fade-out { opacity: 0; }

    .modal-step-content-wrapper h3 { 
        font-size: 22px;
        font-weight: 600;
        margin-top: 0; 
        line-height: 1.4;
    }
 .modal-step-content-wrapper h2 { 
        font-size: 18px;
		color: #909090;
        font-weight: 500;
        margin-top: 0; 
    }
    .modal-step-content-wrapper p, .modal-step-content-wrapper ul { 
        line-height: 1.6;
        font-size: 14px;
        margin-top: 0; 
    }
    .modal-step-content-wrapper ul { padding-left: 15px; }
    .modal-step-content-wrapper li { margin-bottom: 10px; }
    .modal-options { 
        padding: 12px; 
        display: flex; flex-direction: column; gap: 12px;
        flex-shrink: 0; 
    }
    .modal-options button {
        padding: 8px 15px;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    border-radius: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 2px solid #5180f4;
    background: transparent;
    color: #2a5ede;
    }
    .modal-options button:hover {
    background-color: #5180f4;
    color: #fff;
    border-color: #5180f4;
    }
    .modal-footer {
    padding: 10px;
    border: 1px solid #E5E7EB;
    flex-shrink: 0;
    border-radius: 12px;
    margin-top: 30px;
    }
    .progress-bar-container {
        width: 100%; background-color: #f1f1f1; border-radius: 6px; 
        height: 8px; 
        margin-bottom: 8px;
        overflow: hidden;
    }
    .progress-bar {
        width: 0%; height: 100%; border-radius: 6px;
        transition: width 0.4s ease-in-out;
    }
    .progress-text { font-size: 12px; color: var(--light-text-color); text-align: right; }
    .modal-navigation { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
    #backBtn { 
     background-color: #fff;
    color: #4B5563;
    border: 1px solid #c8c8c8;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    background: #c8c8c8;
    }
    #backBtn svg { width: 14px;
    height: 14px;
    stroke: rgb(40 41 42);
    stroke-width: 2.5; }
    #backBtn:hover {
        background-color: #f3f4f6;
        border-color: #d1d5db;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.03);
    }
    #backBtn:disabled {
        background-color: #f3f4f6; border-color: var(--border-color);
        color: #d1d5db; cursor: not-allowed; opacity: 0.7;
    }
    /* Mobile Responsiveness */
    @media (max-width: 768px) { 
        .modal-container {
            /* flex-direction: column; Already set */
            height: calc(100vh - 40px); 
            max-height: none; 
            /* border-radius: 12px; Already set */
        }
        #flowTitleHeader {
            font-size: 18px; /* Adjusted title for mobile */
            padding: 16px 20px;
            padding-right: 50px; /* Ensure space for close button */
        }
        .modal-main-area {
            flex-direction: column; /* Stack image and content on mobile */
             height: calc(100% -  height of flowTitleHeader + border ); /* Adjust dynamically if possible or set fixed */
                     padding: 15px;
        }
        .modal-image-side {
            width: 100%;
            max-height: 200px; /* Adjusted */
            border-right: none;
            border-bottom: 1px solid #E5E7EB;
            border-top-left-radius: 0; /* No longer needed as parent has it */
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            display: block;;
        }
        .modal-image-side img {
            width: 100%; /* Full width on mobile */
        }
        .modal-content-side {
            width: 100%;
            flex-grow: 1; 
            /* overflow-y: auto; is now on modal-step-content-wrapper */
            padding: 0;
        margin-top: 20px;
        }
        .modal-step-content-wrapper h3 { font-size: 16px; margin-bottom: 12px; }
        .modal-step-content-wrapper p, .modal-step-content-wrapper ul { font-size: 14px; }
        .modal-options button { 
            font-size: 15px; 
            padding: 12px 20px; 
        } 
        #backBtn { width: 38px; height: 38px; }
        .modal-close-btn-top-right { top: 12px; right: 12px; font-size: 24px; width:30px; height:30px;}
    }
    @media (max-width: 480px) { 
        .flow-trigger-buttons button { width: 100%; margin-right: 0; }
        #flowTitleHeader { font-size: 17px; padding: 12px 15px; padding-right: 45px; }
        .modal-image-side { 
            max-height: 100px; 
            padding: 10px; 
        }
        .modal-content-side { padding: 15px; }
        .modal-step-content-wrapper h3 { font-size: 15px; }
        .modal-step-content-wrapper p, .modal-step-content-wrapper ul { font-size: 13px; line-height: 1.5;}
        .modal-options button { 
            padding: 11px 15px; 
            font-size: 14px;
        }
        .modal-close-btn-top-right { top: 8px; right: 8px; font-size: 22px; width:28px; height:28px;}
    }
 .interactive-card-item {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
            background-size: cover;
            background-position: center;
            min-height: 260px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 25px;
            color: white;
        }
        .interactive-card-item:hover {
            transform: translateY(-2px);
        }
        .interactive-card-item::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(rgb(0 0 0 / 36%), rgb(0 0 0 / 34%));
            z-index: 1;
            border-radius: 16px;
        }
        .card-content, .play-button-wrapper { /* Renamed play-button-group to play-button-wrapper for clarity */
            position: relative;
            z-index: 2;
        }
        .interactive-card-item p {
            opacity: 0.9;
            line-height: 1.4;
        }

        /* New styles for the combined button */
        .play-preview-button {
            display: inline-flex; /* Use inline-flex to allow text and icon to sit side-by-side */
            align-items: center;
            justify-content: center;
            background-color: #ffcc00; /* Yellow background */
            color: #1d2330; /* Dark text color for contrast */
            border: none;
            border-radius: 28px; /* Pill shape */
            padding: 10px 25px;
			line-height: 1.3;
			font-size: 16px;
			font-weight: 500;
            cursor: pointer;
            transition: background-color 0.2s ease, transform 0.2s ease;
            text-decoration: none; /* Remove underline if it's an <a> tag */
            margin-top: 15px; /* Space above the button */
        }
        .play-preview-button:hover {
            background-color: #e6b800; /* Darker yellow on hover */
            
        }
        .play-preview-button svg {
            fill: #1d2330; /* Icon color matches text */
            width: 18px; /* Adjust icon size */
            height: 18px;
            margin-right: 5px; /* Space between icon and text */
        }
        .interactive-card-item.large-card {
            min-height: 550px;
        }
        @media (max-width: 991px) {
            .interactive-card-item.large-card {
                min-height: 300px;
               
            }
            .col-lg-5 .interactive-card-item:last-child {
                margin-bottom: 0;
            }
        }
         @media (max-width: 767px) {
            .interactive-card-item {
                padding: 20px;
                min-height: 240px;
            }
            .interactive-card-item.large-card {
                min-height: 300px;
            }
            .play-preview-button {
                padding: 8px 16px;
                font-size: 0.9rem;
            }
            .play-preview-button svg {
                width: 16px;
                height: 16px;
            }
            .interactive-card-item h5 {
                font-size: 1.15rem;
            }
            .interactive-card-item p {
                font-size: 0.9rem;
            }
        }
.modal-overlay .check-list li:before {
    content: '\2713' !important;
}
.d360-tools li {color: #333;float: left; width: 50%;}

/* Enterprise New */
.list-disc {
    padding-left: 1.5rem;
}
.list-disc li {
    list-style: disc;
    font-size: 16px;
    margin-bottom: 15px;
}

.bg-primary-purple {background: #8032FF;}
.d360-enterprise:after {
    content: '';
    background: #191227 url(../images/enterprise/bg-hero-linegradient.svg?ver=3) no-repeat bottom center;
    background-size: cover;
    position: absolute;
    top: -90px;
    left: 0;
    width: 100%;
    height: calc(100% + 90px);
    z-index: -1;
    border-radius: 0 0 70px 70px;
}
.page-template-enterprise .d360-header nav ul>li>a {color:rgba(var(--white), 1) !important;}
.page-template-enterprise .d360-mega-menu aside ul>li>a {color: var(--text-color)!important;}
.page-template-enterprise .custom-language-switcher .dropdown-toggle {
    color: #fff;
}
.page-template-enterprise .custom-language-switcher .dropdown-toggle .arrow.down {
	border: solid #fff;    border-width: 0 2px 2px 0;}
.page-template-enterprise .portal_login { color:#fff;}
.page-template-enterprise .btn.btn-dark, .page-id-24100 .btn.btn-dark {
    background-color: #fff;
	color: var(--text-color)!important;
}
.page-template-enterprise .btn.btn-outline-dark, .page-id-24100 .btn.btn-outline-dark {
    border: 1px solid rgba(var(--white), 1) !important;
	color: rgba(var(--white), 1) !important;}
.page-template-enterprise .d360-header.menu-shrink, .page-id-24100 .d360-header.menu-shrink {
	background: #000;}

.hero-thumbs-wraper {
    position: relative;
    width: 100%;
    aspect-ratio: 100 / 34;
}
.hero-thumbs-wraper .hero-thumb-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 13%;
}
.hero-thumbs-wraper .hero-thumb-2 {
    position: absolute;
    left: 14.5%;
    bottom: 0;
    width: 14%;
}
.hero-thumbs-wraper .hero-thumb-3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    bottom: 0;
    width: 58%;
}
.hero-thumbs-wraper .hero-thumb-4 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 29%;
}
@media (min-width: 1200px) {
    .page-template-enterprise .d360-header nav ul li.menu-item-has-children>a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
    }
}
.page-template-enterprise .bg-black .border {
    border: 2px solid #3d3d3d !important;
}
.page-template-enterprise .bg-black p, .d360-enterprise p, .page-id-24100 .bg-black p {
    color: #d8d8d8;
}
.d360-enterprise_logos ul li {
    padding: 05px 25px;
    display: inline-block;
}
.d360-enterprise_logos ul li img {
    max-height: 26px;
}
.d360-enterprise_logos {margin-top: -55px;}
.d360-logo-slider-lr:before,
.d360-logo-slider-lr:after,
.d360-logo-slider-rl:before,
.d360-logo-slider-rl:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 250px;
  top: 0;
  height: 100%;
  pointer-events: none; /*makes the linkes behind clickable.*/
}
.d360-logo-slider-lr:before, .d360-logo-slider-rl:before {
  left: 0;
  background: linear-gradient(to right, rgb(255 255 255), rgba(0, 0, 0, 0));
}
.d360-logo-slider-lr:after, .d360-logo-slider-rl:after {
  right: 0;
  background: linear-gradient(to left, rgb(255 255 255), rgba(0, 0, 0, 0));
}
.slider-wrapper {
      position: relative;
      overflow: hidden;
	  margin-bottom: -70px;
      z-index: 1;
    }

    .parallax-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
    }
	.parallax-bg img {height:100%;}
    .slick-slider-parallax {
      height: 100%;
    }

    .slider-wrapper .slick-slide {
      display: flex !important;
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    .slide-content {
      max-width: 600px;
      padding: 100px  100px 80px 100px;
      text-align:center;
      transition: all 0.9s ease-in-out;
      opacity: 0;
      transform: translateX(0) translateY(0) translateZ(0) rotateY(0);
      will-change: transform, opacity;
    }
    .slide-content h3 {
        font-size:88px;
        background: linear-gradient(90deg, #ffe8cd, #ff9d79);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
		
    }
    .slide-content p { color:#fff; font-size: 20px; }
	.slide-content h3 span {     font-size: 55px;
}
    .slide-content.active {
      opacity: 1;
      transform: translateX(0px) translateY(0px) translateZ(0px) rotateY(0deg);
    }

    .slide-content.exit-forward {
      opacity: 0;
      transform: translateX(288px) translateY(-27.33px) translateZ(-100px) rotateY(15deg);
    }

    .slide-content.exit-backward {
      opacity: 0;
      transform: translateX(-288px) translateY(27.33px) translateZ(100px) rotateY(-15deg);
    }

    .slider-wrapper .slick-dots li button:before {
      color: white;
    }
    .slider-wrapper .slick-dots li.slick-active button {
    width: 26px;
    border-radius: 8px;
	background: #ffffff;}
.d360-enterprise-ai picture { margin-bottom:-16px;}
.badge-shape-1, .badge-shape-2 {position: absolute;}
.badge-shape-1 { left:0}
.badge-shape-2 { right:0}
.badge-enterprise .d360-card {      border-radius: 150px;
    box-shadow: 0px 2px 20px 0px #e9e9e9;
    margin-top: -220px; }
.d360-confidence  {margin-bottom: -180px;}
.d360-confidence .container{    background:url(../images/enterprise/confidence.mp4) no-repeat bottom center; border-radius:18px;}
.d360-confidence .d360-card {backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgb(28 12 55 / 69%);
    border: 1px solid #6948b6e0;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    color: #d9d9d9;}
.testi-slider-inner .testi-slider-caption {
    position: absolute;
    top: 0;
    z-index: 2;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.slick-slider-testi .slick-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    right: 15px;
}
.slick-slider-testi .slick-dots li.slick-active button {
    background: #ffffff;
}
@media (max-width: 1200px) {
   .badge-shape-1 {
        left: -40px;
    }
    .badge-shape-2 {
        right: -40px;
    }
}
@media (max-width: 991px) {
   .badge-enterprise .d360-card {
        border-radius: 28px;
        margin-top: 0px; 
    }
	.badge-enterprise .d360-card img {
	max-width: 80px!important;	
	}
    .testi-slider-inner .testi-slider-caption{
        padding: 50px !important;
    }
    .slick-slider-testi .slick-dots {
        right: 45px;
    }
}
@media (max-width: 768px) {
   .d360-confidence {
        margin-bottom: -100px;
    }
    .testi-slider-inner .testi-slider-caption{
        padding: 1.5rem !important;
    }
}
@media (max-width: 500px){
    .page-id-5765 .testi-count-number1 img{
        position: relative;
        max-height: 25px !important;
        top: 13px;
    }
}
.highlight-new {
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
}
/* FAQ */
.faq-section .faq-answer p { font-size: 16px;
    color: #555;}
.faq-section .faq-answer p:last-child {padding-bottom:0;}
.faq-section .faq-item:last-child {margin-bottom:0!important;}
/* AI Agent */
.ai-agent_stacking .d360-card {
	position: sticky; 
  top: 150px; 
	 display: grid;
  place-items: center;
}
.d360-writing_ai {
	background:url('/wp-content/themes/document360/images/ai/agent-bg.svg?ver=1') top center no-repeat;
	background-size: contain;
}

.ai-agent_stacking .d360-card .stack-number {     position: absolute;
    left: 10px;
    top: 10px;
    border: 1px solid #535252;
    color: #797979;
    border-radius: 50px;
    padding: 0px 10px;
    width: 30px;
    height: 30px;}
.ai_tabs aside {
	cursor: pointer;
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
}


.ai_tabs .slick-track,
.ai_tabs .slick-slide {
    width: 100% !important;
}

.ai_tabs .slick-track {
    transform: translate3d(0, 0, 0) !important;
}

.ai_tabs .slick-list {
    padding-left: 0 !important;
    padding-right: 30px !important;
}
.ai_tabs aside p {
    display: none;
    color: #9d9d9d !important;
}
.ai_tabs aside.slick-current p {
    display: block;
}
.ai_tabs aside h4 {color:#5f5f5f !important;position:relative;}
.ai_tabs aside.slick-current h4 {
    color: #fff!important; 
}
        .ai-progressbar {
            display: block;
            height: 3px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: rgb(39 39 39 / 55%);
        }

        .ai-progressbar-fill {
            height: 100%;
            width: 0;
            background: linear-gradient(to right, #031884, #a450fd);
            border-radius: 0 0 0 3px;
        }
        .ai_tabs aside.slick-current .ai-progressbar-fill {
            width: 100%;
            transition: width 8s linear; 
        }
.ai_tabs aside h4::before {
    content: '';
    width: 16px;
    height: 2px;
    display: inline-block;
    background-color: #966bf2;
    position: absolute;
    right: 0;
    top: calc(40% - 1px);
    transition: all 0.1s ease;
}
.ai_tabs aside h4::after {
    content: '';
    width: 2px;
    height: 16px;
    display: inline-block;
    background-color: #966bf2;
    position: absolute;
    right: 7px;
    top: calc(40% - 8px);
    transition: all 0.1s ease;
}
.ai_tabs aside.slick-current h4::after {
    transform: rotate(90deg);
}
.ai_tabs aside.slick-current h4::before {
    content:inherit;
}

 @media (max-width: 991px) {
	.ai-agent_stacking .d360-card .stack-number {
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #535252;
    color: #797979;
    border-radius: 50px;
    padding: 2px 8px;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 20px;
}
}
/* --- Main Hero Section Container --- */
.page-id-33507 .wrapper_main { padding-top:0;}
.page-id-33507 .d360-header nav, .page-id-33507 .custom-language-switcher, .page-id-33507 .portal_login, .page-id-33507 .menu-icon-bottom { display:none!important;}
.page-id-33507 .mobile-menu-cta {padding: 8px;}
/* .page-id-33507 .d360-header nav ul>li>a {color:rgba(var(--white), 1) !important;}
.page-id-33507 .d360-mega-menu aside ul>li>a {color: var(--text-color)!important;}
.page-id-33507 .custom-language-switcher .dropdown-toggle {
    color: #fff;
}
.page-id-33507 .custom-language-switcher .dropdown-toggle .arrow.down {
	border: solid #fff;    border-width: 0 2px 2px 0;}
.page-id-33507 .portal_login { color:#fff;}

@media (min-width: 1200px) {
    .page-id-33507 .d360-header nav ul li.menu-item-has-children>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
    }
} */

.page-id-33507 .btn.btn-dark {
    background-color: #fff;
	color: var(--text-color)!important;
}
.page-id-33507 .btn.btn-outline-dark {
    border: 1px solid rgba(var(--white), 1) !important;
	color: rgba(var(--white), 1) !important;}
.page-id-33507 .d360-header.menu-shrink{
	background: #000;}
.page-id-33507 .logo picture {
    filter: brightness(0) invert(1);
    opacity: 1;
}
.page-id-33507 .btns-right { display:none!important;}
.page-id-33507 .d360-header .menu-container {
        justify-content: center;
    }
        .d360-preview {
            position: relative;
            height: 100vh; 
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            background-color: #111;
        }
        .background-scrollers {
            position: absolute;
            top: -5%; 
            left: -5%; 
            width: 110%; 
            height: 110%;
            display: flex;
            gap: 1rem;
            z-index: 1; 
            transition: transform 0.5s ease-out; 
        }
        
        .d360-preview::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgb(2 2 2 / 80%), rgb(0 0 0 / 44%));
            z-index: 2;
        }
        .scroller {
            flex: 1; 
            height: 100%;
            overflow: hidden;
        }
        .scroller__inner {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
        .scroller[data-direction="up"] .scroller__inner {
            animation-name: scroll-up;
        }
        .scroller[data-direction="down"] .scroller__inner {
            animation-name: scroll-down;
        }
        .scroller[data-speed="fast"] .scroller__inner { animation-duration: 35s; }
        .scroller[data-speed="medium"] .scroller__inner { animation-duration: 50s; }
        .scroller[data-speed="slow"] .scroller__inner { animation-duration: 70s; }
        @keyframes scroll-up {
            from { transform: translateY(0); }
            to { transform: translateY(-50%); }
        }

        @keyframes scroll-down {
            from { transform: translateY(-50%); }
            to { transform: translateY(0); }
        }
        .scroller__inner img {
            width: 100%;
            height: auto;
            border-radius: 0.5rem;
            object-fit: cover;
            flex-shrink: 0;
        }
        .hero-content {
            position: relative;
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 90%;
            max-width: 640px;
        }
.d360-preview_form { background:#fff;}
@media (max-width: 1240px) {
	 .d360-preview {height: 100%; }
}

/* LP Preview docs */
.page-id-33631 .wrapper_main{ padding-top:0;}
.page-id-33631 .btns-right, .page-id-33631 .lp-float-btn {display:none!important;}
.page-id-33631 .d360-header .menu-container {
        overflow: hidden;
        justify-content: center;
    }
.page-id-33631 .logo picture {
    filter: brightness(0) invert(1);
    opacity: 1;
}

/**writing-tools**/
.page-id-33904 .d360-glossary-bg {
	background-image: url(../images/ai-tool-new.svg?ver=3)!important;
    background-position: center;
}

.d360-tools_docs aside .d360-card {     border-right: 1px solid #66666600;
    border-radius: 0;
    border-image: linear-gradient(0turn, rgba(var(--white), 1), rgb(177 177 177 / 68%), rgba(var(--white), 1));
    border-image-slice: 1;}
.d360-tools_docs aside .d360-card h4 { font-size:22px;}
.d360-tools_docs .d360-card p {color: #575757;}
.d360-tools_docs aside:nth-child(5) .d360-card { border:none;}
@media (max-width: 991px){
    .writing-tools-row aside:nth-child(3) .d360-card{border-right:none;}
}
@media (max-width: 767px){
    .writing-tools-row aside .d360-card{border-right:none;border-bottom: 1px solid #66666600;
        border-image: linear-gradient(0.75turn, rgba(var(--white), 1), rgb(177 177 177 / 68%), rgba(var(--white), 1));border-image-slice: 1;}
}

/**berline meetup**/
.page-id-33954{
/*color: rgba(var(--white));*/
background: #211e2f;
position: relative;
overflow-x: hidden;
}
.page-id-33954 .shape-star img {
position: absolute;
}
.page-id-33954 .d360-header.menu-shrink {
background: rgb(0, 0, 0);
background: linear-gradient(45deg, rgba(0, 12, 39, 1) 10%, rgba(128, 5, 216, 1) 54%, rgba(232, 0, 108, 1) 86%);
background-size: 250% 250%;
animation: gradientbg 20s ease infinite;
padding: 13px 0;
}
.page-id-33954 .d360-header a {
color: rgba(var(--white));
}
.page-id-33954 h1, .page-id-33954 h2, .page-id-33954 h3, .page-id-33954 h4, .page-id-33954 h5, .page-id-33954 p {
color: rgba(var(--white), 1);
}
.page-id-33954 .d360-cus-footer a {
color: rgba(var(--white));
}
.venue-image img{
clip-path: polygon(90px 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100%, 0 90px);
}
.st .speaker-caption{
background: hsla(0, 0%, 100%, .8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: inset 1px 2px 0 0 hsla(0, 0%, 100%, .6), -12px 36px 44px 0 rgba(127, 124, 168, .18);
position: absolute;
width: 95%;
bottom: 10px;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px 20px;
}
.venue-text{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
bottom: -70px;
}
.venue-text h3{
text-align: center;
font-size: 90px;
font-weight: 500;
color: #ffc73a;
font-family: "Anton", sans-serif;
letter-spacing: 1.6px;
}
@media (max-width: 1100px) {
    .venue-text h3{font-size: 70px;}
}
@media (max-width: 991px) {
    .venue-image img {clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0 50px);}
    .venue-text {bottom:-30px;}
    .venue-text h3{font-size: 50px;}
    .d360-dd-icon .icon-f img {max-height: 100px;}
}
@media (max-width: 767px) {
    .venue-text{bottom:-30px;}
    .venue-text h3{font-size: 35px;}
}
@media (max-width: 450px) {
    .venue-image img {clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);}
    .venue-text{bottom:-20px;}
    .venue-text h3{font-size: 25px;}
    .d360-dd-icon .icon-f img {max-height: 130px;}
}



/* CLS Fix */

.home-inetgrations .d360_trusted_by {
    min-height: 350px; position: relative;
}

/* Reeflow */
/* #__reelfFlowEyeCatcherContainer-F-687e355e5ad6d { left:20px!important}
@media (min-width: 580px) {
    #__reelfFlowPlayerContainer-F-687e355e5ad6d {

        left: 15px!important;
    }
}
    #__reelfFlowPlayerContainer-F-687e355e5ad6d {

        left: 15px!important;
    } */