/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/
Description: A child theme for the Kadence WordPress Theme
Author: Your Name
Author URI: https://docs.geekybot.com/index.php/knowledge-base/
Template: kadence
Version: 1.0
Text Domain: kadence-child
*/
/* home */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8fafc;
    color: #1e293b;
}

.single-content h1 {
    margin: 0;
}

.single-content h2 {
    margin: 0 0 3rem;
}

.home h2 {
    margin: 0 0 3rem !important;
}

.single-content ul {
    padding-left: 0;
}

#masthead,
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start)>.site-header-row-container-inner {
    background-color: rgb(255 255 255 / 0.7) !important;
    border-bottom: 1px solid rgb(226 232 240 / 0.8) !important;
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start)>.site-header-row-container-inner {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.site-header-row{
    padding: 0 10px;
}
.fixed-glow-1 {
    position: fixed;
    top: 10%;
    left: 0%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.2), transparent 70%);
    filter: blur(100px);
    z-index: 1;
    will-change: transform;
}

.fixed-glow-2 {
    position: fixed;
    bottom: 10%;
    right: 0%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.15), transparent 70%);
    filter: blur(100px);
    z-index: 1;
    will-change: transform;
}

#faq {
    position: relative;
}

h1 {
    position: relative;
    background: linear-gradient(to right,
            var(--tw-gradient-from),
            #9333ea var(--tw-gradient-via-position),
            var(--tw-gradient-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    left: 4px;
    top: 14px;
    z-index: -1;
    background: linear-gradient(to right, #d4d4d4, #e4e4e4, #d4d4d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1.entry-title {
    color: transparent;
    font-size: 6rem;
    line-height: 1.4;
    letter-spacing: -0.05em;
    font-weight: 800;
    -webkit-background-clip: text;
    background-clip: text;
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
    --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    color: transparent;

}

h1.entry-title {
    position: relative;
    -webkit-background-clip: text;
    padding: 0 10px;


}

h1.entry-title {
    background: linear-gradient(to right, #3b82f6, #9333ea, #3b82f6);
    background-clip: text;
    color: transparent;
}

h1.entry-title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    left: 4px;
    top: 14px;
    z-index: -1;
    background: linear-gradient(to right, #d4d4d4, #e4e4e4, #d4d4d4);
}

/* --- Moving Text Marquee --- */
.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
    will-change: transform;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.animated-border-card,
.site-bottom-footer-wrap .site-footer-row-container-inner {
    position: relative;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.animated-border-card::before,
.site-bottom-footer-wrap .site-footer-row-container-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #3b82f6, #a855f7, #ec4899, #3b82f6);
    background-size: 400% 400%;
    animation: gradient-spin 5s linear infinite;
}

.animated-border-card,
.site-bottom-footer-wrap .site-footer-row-container-inner {
    transform: translateY(-0px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.grid-background {
    background-image: radial-gradient(#d1d5db 1px, transparent 0);
    background-size: 40px 40px;
}

@keyframes gradient-spin {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

footer {
    position: relative;
    z-index: 10;

}

div.js-hlpdsksite-footer-mainwrp::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

div.js-hlpdsksite-footer-mainwrp {
    position: relative;
    z-index: 999;
    background-image: url("https://demo.jshelpdesk.com/wp-content/uploads/2025/11/footer_bg.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.site-bottom-footer-wrap div.site-footer-row-container-inner .footer-html {
    margin: 10px 0 5px;
}

.widget-area .footer-content a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
    color: #000;
}


h1 {
    position: relative;
    background: linear-gradient(to right,
            var(--tw-gradient-from),
            #9333ea var(--tw-gradient-via-position),
            var(--tw-gradient-to));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glowing-border {
    position: relative;
    border-radius: 1.1rem;
    padding: 2px;
    overflow: hidden;
    display: inline-block;
}

.glowing-border::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, #007bff, #9f55ff, transparent 30%);
    animation: rotate 6s linear infinite;
    z-index: 0;
}

.glowing-border-content {
    position: relative;
    z-index: 1;
    background: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    height: 100%;
}

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

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

.site-footer-row.site-footer-row-columns-1 .site-footer-section {
    text-align: start;
}

footer .widget-area ul {
    padding-left: 0;
}

footer .site-bottom-footer-wrap div.site-footer-row-container-inner {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
}

footer .site-bottom-footer-wrap div.site-footer-row-container-inner .site-footer-section {
    text-align: center;
}

footer h4 {
    font-weight: bold;
}

.entry-hero-container-inner {
    background-color: unset !important;
}

.site-header-item,
.header-navigation,
.header-menu-container {
    flex: 1 1 auto;
}

li.jshelpdesk_loginbtn {
    margin-left: auto;
}

.header-navigation .menu {
    flex: 1 1 auto;
}

.highlight-card {
    border-radius: 1.5rem;
    border: 1px solid rgba(226, 232, 240, 0.7);
    box-shadow: 0 10px 25px -5px rgba(100, 116, 139, 0.04), 0 20px 40px -12px rgba(100, 116, 139, 0.08);
}

.highlight-card:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

.progress-ring {
    background: conic-gradient(#4338ca 0% 90%,
            #e5e7eb 90% 100%);
}

.progress-ring-inner {
    background-color: #ffffff;
}

.owl-carousel.custom-theme .owl-nav {
    margin-top: 50px;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    pointer-events: none;
    justify-content: center;
    gap: 50px;
    padding: 0 40px;
    z-index: 20;
}

.owl-carousel.custom-theme .owl-nav button {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    border: none;
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    pointer-events: all;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel.custom-theme .owl-nav button:hover {
    background-color: #3b82f6;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.owl-carousel.custom-theme .owl-nav button.owl-prev:before {
    content: '←';
    position: relative;
    bottom: 7px;
}

.owl-carousel.custom-theme .owl-nav button.owl-next:before {
    content: '→';
    position: relative;
    bottom: 7px;
}

.owl-carousel.custom-theme .owl-nav button.owl-prev span,
.owl-carousel.custom-theme .owl-nav button.owl-next span {
    display: none;
}

.owl-carousel.custom-theme .owl-dots {
    text-align: center;
    padding-top: 24px;
    position: relative;
    z-index: 10;
}

.owl-carousel.custom-theme .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: #cbd5e1;
    display: inline-block;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.owl-carousel.custom-theme .owl-dots .owl-dot.active {
    background: #3b82f6;
    width: 28px;
    border-radius: 9999px;
    /* Pill shape */
}

.testimonial-card {
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 2rem;
    transition: background-image 1s ease-in-out;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

#testimonial-carousel .item {
    background-image: url("https://demo.jshelpdesk.com/wp-content/uploads/2025/11/support.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 1rem;
}

#testimonial-carousel .item::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: 1;
}

#testimonial-carousel .item:nth-child(1) .testimonial-card {
    position: relative;
    z-index: 999;
    height: 100%;
}


#testimonial-carousel .item:nth-child(2) .testimonial-card {
    background-image: linear-gradient(135deg, #34d399 0%, #059669 100%);
}

#testimonial-carousel .item:nth-child(3) .testimonial-card {
    background-image: linear-gradient(135deg, #fca5a5 0%, #ef4444 100%);
}

#testimonial-carousel .item:nth-child(4) .testimonial-card {
    background-image: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
}

#testimonial-carousel .item:nth-child(5) .testimonial-card {
    background-image: linear-gradient(135deg, #facc15 0%, #eab308 100%);
}

section.page-hero-section {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://demo.jshelpdesk.com/wp-content/uploads/2025/11/header.png");
    background-image: url("https://demo.jshelpdesk.com/wp-content/uploads/2025/11/headert-1.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

section.page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #3b82f6, #a855f7, #ec4899, #3b82f6);
    background-size: 300% 300%;
    animation: gradient-spin 4s linear infinite;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}


@keyframes gradient-spin {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.hero-section-overlay {
    background-color: rgba(255, 255, 255, 0.1);
}

div.jshlpdesk-mainsection {
    padding: 150px 0;
}

.owl-stage-outer {
    display: flex;
}

.owl-stage {
    display: flex;
    align-items: stretch;
}

.owl-item {
    height: 100%;
}

.item {
    height: 100%;
}

.testimonial-card>p {
    margin-bottom: auto;
}

#features h3 {
    margin: 0 0 10px !important;

}

#faq details p {
    padding-top: 20px;
}

.home #contact h2 {
    margin: 0 0 10px !important;

}

/* Responsive adjustments */
@media (max-width: 768px) {
    .owl-carousel.custom-theme .owl-nav {
        padding: 0 10px;
    }

    .testimonial-card {
        padding: 2.5rem;
        min-height: 400px;
    }
}

@media (max-width: 640px) {
    .testimonial-card {
        padding: 2rem;
    }

    .testimonial-card p {
        font-size: 1rem;
    }

    .testimonial-card .text-2xl {
        font-size: 1.5rem;
    }

    .testimonial-card .text-lg {
        font-size: 3rem;
    }
}

.customer-feedback-image {
    min-width: 130px;
    max-width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    margin: 10px 0;
}

.footer-content {
    position: relative;
    z-index: 2;
}

.footer-content img {
    max-width: 230px;
}

a.bg-yellow-400:hover {
    color: #000 !important;
}

a.bg-blue-600:hover {
    color: #fff !important;
}

a.bg-white:hover {
    color: #000 !important;
    text-decoration: unset !important;

}

a.ring-white:hover {
    color: #000 !important;
    text-decoration: unset !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    font-size: 40px !important;
}

.jshelpdesk_loginbtn {
    margin-right: 15px;
}

.jshelpdesk_loginbtn a {
    background-color: #3b82f6 !important;
    color: #fff !important;
    padding: 8px 25px !important;
    font-weight: bold;
    border-radius: 50px;

}

.jshelpdesk_loginbtn a:hover {
    background-color: #2563eb !important;
    color: #fff !important;
    text-decoration: none;
}

.helpdesk-headerbuy-btn a {
    background-color: #16a34a !important;
    color: #fff !important;
    padding: 8px 25px !important;
    font-weight: bold;
    border-radius: 50px;

}

.helpdesk-headerbuy-btn a:hover {
    background-color: #15803d !important;
    color: #fff !important;
    text-decoration: none;
}

.unique-footer::before,
.unique-footer::after {
    content: '';
    position: absolute;
    z-index: 1;
    filter: blur(120px);
    opacity: 0.7;
    will-change: transform, opacity;
}

.unique-footer::before {
    width: 500px;
    height: 300px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.25), transparent 70%);
    top: -50px;
    left: -100px;
    animation: pulse-glow-blue 8s infinite alternate ease-in-out;
}

.unique-footer::after {
    width: 500px;
    height: 300px;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.2), transparent 70%);
    bottom: -50px;
    right: -100px;
    animation: pulse-glow-purple 10s infinite alternate ease-in-out;
}
#scrollToTopBtn{z-index: 9999;}
.jshelpdesk-feature-card-1-border, .jshelpdesk-feature-card-2-border{
    width: calc(100% / 3 - 1.5rem);
    flex:1 1 auto;
}
.jshelpdesk-stats-card-border{
    max-width: calc(50% - 1.5rem);
    flex: 1 1 auto;
}

@keyframes pulse-glow-blue {
    from {
        transform: scale(0.9) translateX(-20px);
        opacity: 0.6;
    }

    to {
        transform: scale(1.1) translateX(20px);
        opacity: 0.8;
    }
}

@keyframes pulse-glow-purple {
    from {
        transform: scale(1.1) translateX(20px);
        opacity: 0.8;
    }

    to {
        transform: scale(0.9) translateX(-20px);
        opacity: 0.6;
    }
}
h1.error-page-heading::after{
 display: none;
}
@media (max-width: 1121px){
.main-navigation .primary-menu-container > ul > li.menu-item > a{
    padding: 0 5px;}
}
@media (max-width: 1081px){
    h1::after{left: 0;}
}
@media (max-width: 1024px){
    .site-header-main-section-left.site-header-section.site-header-section-left{
        padding-left: 20px;
    }
    .mobile-navigation ul{display: flex;flex-wrap: wrap;}
    .mobile-toggle-open-container{margin-left: auto;}
    .mobile-navigation ul li{width: 100%;}
    .mobile-navigation ul li.jshelpdesk_loginbtn{width: fit-content;margin-left: 0;margin-top: 20px;}
    .mobile-navigation ul li.helpdesk-headerbuy-btn{width: fit-content;margin-top: 20px;}
    .jshelpdesk-login-row{flex-wrap: wrap;}
    .jshelpdesk-stats-card-border{max-width: 100%;}
    .jshelpdesk-screenshot-bento-grid-2{display: flex !important;flex-wrap: wrap;flex-direction: column-reverse;}

}
@media (max-width: 767px){
    
    h1::after{display: none;}
    .animated-border-card.footer-animated-card{
        padding: 30px 20px;
    }
    h2{
        font-size: 2rem !important;
        line-height: 1.3 !important;
    }
    h3{
        font-size: 1.5rem !important;
        line-height: 1.3 !important;

    }
    h4{
        font-size: 1.2rem !important;
        line-height: 1.3 !important;

    }
    h6{
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }
    #testimonial-carousel p.text-white {
        font-size: 1rem !important;}
        .pt-\[9rem\]{padding-top: 4rem !important;}
}
@media (max-width: 550px){
    .jshelpdesk-feature-card-1-border, .jshelpdesk-feature-card-2-border{
        width: 100%;
    }
}