/* Header Section CSS */
.header .navbar .navbar-inner {
    position: relative;
    padding-block: 4px;
    border-radius: 50px;
    padding: 7px 40px;
    box-shadow: 0px 2px 15px #0000001a;
}
.header .navbar .navbar-inner::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background-color: color-mix(in srgb, var(--color-black) 50%, transparent);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
}
.header .navbar .navbar-inner > * {
    position: relative;
    z-index: 99;
}
.header .navbar-brand img {
    width: 80px;
    height: auto;
}
.header .navbar .navbar-nav .nav-link {
    font-weight: 600;
    padding-inline: 20px;
    color: var(--bs-white);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-nav .nav-link:hover {
    color: var(--color-primary);
}
/* .header .navbar .navbar-nav .nav-link.active {
    color: var(--color-primary);
} */
.header .navbar .navbar-nav .nav-link[aria-current="page"] {
    color: var(--color-primary);
    font-weight: 700;
}
.header .navbar .header-instagram-btn {
    margin-left: 30px;
}
.header .navbar .navbar-toggler {
    padding: 4px 2px;
    box-shadow: none;
    font-size: 26px;
    border: none;
    color: var(--bs-white);
}
.header .navbar .navbar-toggler[aria-expanded="false"] .fa-bars {
    display: inline-block;
}
.header .navbar .navbar-toggler[aria-expanded="false"] .fa-xmark {
    display: none;
}
.header .navbar .navbar-toggler[aria-expanded="true"] .fa-bars {
    display: none;
}
.header .navbar .navbar-toggler[aria-expanded="true"] .fa-xmark {
    display: inline-block;
}




/* Footer Section CSS */
.footer {
    background-color: var(--color-black);
    color: var(--bs-white);
}
.footer p {
    font-weight: 500;
    color: var(--theme-border-color);
}
.footer .footer-logo {
    width: 80px;
    height: auto;
    margin-bottom: var(--content-space-lg);
}
.footer .footer-top {
    padding-block: 80px 60px;
}
.footer .footer-top h2 {
    margin-bottom: var(--content-space-lg);
}
.footer .footer-top .footer-contact-item h3 {
    margin-bottom: var(--content-space-sm);
}
.footer .footer-top .footer-contact-item .icon-box i {
    font-size: 18px;
    background: var(--theme-progress-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footer .footer-top .footer-contact-item + .footer-contact-item {
    margin-top: var(--content-space);
}
.footer .footer-copyright {
    border-top: 1px solid #ffffff5a;
    padding: 30px 0;
}
.footer .social-links li a {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 100%;    
    position: relative;
    display: inline-block;
    color: var(--bs-white);
    background: var(--theme-gradient);
    background-size: 200% auto;
    margin-top: var(--content-space-lg);
}
.footer .social-links li a:hover {
    transition: all 0.4s ease-in-out;
    background-position: right center;
}
.footer .footer-item .footer-menu li {
    font-weight: 500;
    padding-left: 40px;
    margin-top: var(--content-space);
}
.footer .footer-item .footer-menu li::after {
    content: '';
    /* background-image: url(../img/icon-star.svg); */   /* Alredy upload Wordpress Media URL: http://localhost/designographer/wp-content/uploads/2026/03/icon-star.svg */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_392_5805)'%3E %3Cpath d='M11.726 12.1371L10.2243 13.1915C9.97011 13.3699 9.61972 13.3092 9.44339 13.0535C8.72762 12.0155 7.8936 10.6984 6.94302 9.06848C6.08493 10.74 5.30405 12.0602 4.60203 13.0625C4.42495 13.3153 4.07629 13.3735 3.82366 13.1962L2.30402 12.1292C2.03936 11.9434 1.98826 11.5711 2.19066 11.3189C3.56907 9.60135 4.59199 8.49488 5.21729 7.91712C3.65397 7.59626 2.17071 7.27341 0.767503 6.91511C0.455821 6.83553 0.278359 6.50772 0.376832 6.20148L0.95973 4.38874C1.05694 4.08645 1.3873 3.92636 1.68573 4.03487C3.59753 4.72999 4.989 5.29887 5.89775 5.8266C5.68356 3.76746 5.5389 2.2732 5.49369 1.2826C5.4792 0.964984 5.7349 0.701172 6.05284 0.701172H7.87231C8.19313 0.701172 8.44925 0.968777 8.43143 1.2891C8.36152 2.54563 8.21325 4.06914 7.98828 5.8266C9.26005 5.16741 10.6996 4.59213 12.3106 4.02521C12.607 3.92093 12.9316 4.08327 13.0277 4.38235L13.6225 6.23206C13.7173 6.52664 13.5556 6.8462 13.26 6.93767C11.7129 7.41638 10.17 7.72919 8.66874 7.91712C9.43104 8.58501 10.499 9.73084 11.8315 11.3173C12.0427 11.5688 11.9948 11.9484 11.726 12.1371Z' fill='url(%23paint0_linear_392_5805)'/%3E %3C/g%3E %3Cdefs%3E %3ClinearGradient id='paint0_linear_392_5805' x1='0.349609' y1='6.99989' x2='13.6496' y2='6.99989' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23cd6c36'/%3E %3Cstop offset='1' stop-color='%23faa872'/%3E %3C/linearGradient%3E %3CclipPath id='clip0_392_5805'%3E %3Crect width='14' height='14' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E ");
    background-size: cover;
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
}

/* Home Page Footer Hide */
.home .footer {
    display: none;
}



/* Back to top button CSS */
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 30px;
    bottom: 30px;
    z-index: 996;
    background: var(--theme-gradient);
    background-size: 200% auto;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.4s;
}
.back-to-top i {
    color: var(--bs-white);
    font-size: 20px;
    line-height: 0;
}
.back-to-top:hover {
    background-position: right center;
}
.back-to-top.active {
    visibility: visible;
    opacity: 1;
}


/* Header - Footer Responsive Media Query CSS */
@media (max-width: 992px) {

    /* Header Section CSS */
    .header .navbar .navbar-nav .nav-link {
        padding-inline: 15px;
    }

}
@media (max-width: 767px) {

    /* Header Section CSS */
    .header .navbar-brand img {
        width: 50px;
    }
    .header .navbar .navbar-inner {
        padding: 7px 25px;
    }
    .header .navbar .header-instagram-btn {
        margin-left: auto;
        margin-right: 15px;
    }
    .header .navbar .navbar-collapse {
        width: 100%;
        padding: 10px;
        border-radius: 50px;
        text-align: center;
        position: absolute;
        top: 85px;
        left: 0;
        background-color: color-mix(in srgb, var(--color-black) 50%, transparent);
        box-shadow: 0px 2px 15px #0000001a;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }


    /* Footer Section CSS */
    .footer .footer-top {
        padding-block: 60px 50px;
    }
    .footer .footer-logo {
        width: 70px;
    }

}

@media (max-width: 576px) {

    /* Footer Section CSS */
    .footer .footer-top {
        padding-block: 50px 40px;
    }

}