/*
Theme Name: FaraDid Theme
Theme URI: https://faradid.phpartisan.ir
Author: Mehdi Fani
Author URI: https://faradid.phpartisan.ir
Description: FaraDid is a modern, high-performance corporate WordPress theme designed for businesses, startups, and professional brands. Built with a modular architecture, full WooCommerce support, and deep customization options, FaraDid focuses on scalability, clean code, and long-term maintainability. The theme is optimized for speed, SEO, RTL languages, and real-world business needs, making it suitable for corporate websites, service companies, landing pages, and content-driven platforms.
Tags: corporate, business, custom-theme, rtl-language-support, woocommerce, seo-friendly, performance-optimized, customizer, custom-logo, custom-menu, block-editor, full-width-template, responsive-layout, translation-ready
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: faradid
Domain Path: /languages

FaraDid WordPress Theme
Copyright (c) 2026 Mehdi Fani
This theme is licensed under the GPL v2 or later.
*/
@charset "UTF-8";
@font-face {
    font-family: 'peyda';
    font-style: normal;
    font-weight: normal;
    src: url('assets/fonts/woff2/PeydaFaNumWeb-Regular.woff2') format('woff2'),
    url('assets/fonts/woff/PeydaFaNumWeb-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'peyda';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/woff2/PeydaFaNumWeb-Medium.woff2') format('woff2'),
    url('assets/fonts/woff/PeydaFaNumWeb-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'peyda';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/woff2/PeydaFaNumWeb-SemiBold.woff2') format('woff2'),
    url('assets/fonts/woff/PeydaFaNumWeb-SemiBold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'peyda';
    font-style: normal;
    font-weight: bold;
    src: url('assets/fonts/woff2/PeydaFaNumWeb-Bold.woff2') format('woff2'),
    url('assets/fonts/woff/PeydaFaNumWeb-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'peyda';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/woff2/PeydaFaNumWeb-ExtraBold.woff2') format('woff2'),
    url('assets/fonts/woff/PeydaFaNumWeb-ExtraBold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'peyda';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/woff2/PeydaFaNumWeb-Black.woff2') format('woff2'),
    url('assets/fonts/woff/PeydaFaNumWeb-Black.woff') format('woff');
    font-display: swap;
}
:root {
    --body-font: 'peyda', sans-serif;
    --theme-primary-color: #C52F32;
    --theme-secondary-color: #E89D26;
    --theme-white-color: #FFFFFF;
    --theme-black-color: #222222;
    --theme-grey-color: #555555;
    --theme-green-color: #118E62;
    --theme-blue-color: #1B619A;
    --theme-text-size-64: 64px;
    --theme-text-size-48: 48px;
    --theme-text-size-32: 32px;
    --theme-text-size-24: 24px;
    --theme-text-size-20: 20px;
    --theme-text-size-16: 16px;
    --theme-text-size-14: 14px;
    --theme-text-size-12: 12px;
    --theme-footer-grey-color: #FFFFFF80;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'peyda', sans-serif;
    background: var(--theme-white-color);
    color: var(--theme-black-color);
    font-size: var(--theme-text-size-16);
}
a {
    text-decoration: none;
}
p{
    margin: 0;
}
li {
    list-style: none;
}
button {
    border: unset;
    outline: unset;
    background: transparent;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.navbar-toggler:focus {
    box-shadow: unset;
}
.accordion-button:focus {
    box-shadow: unset;
}
a:focus,
a:focus-visible,
button:focus,
button:focus-visible {
    outline: none;
    box-shadow: none;
}
/*Left to right number links*/
.link-ltr-text {
    direction: ltr;
    unicode-bidi: plaintext;
    display: inline-block;
}

/* components */
/*Brand Section Component*/
.fd-brand-wrapper {
    display: flex;
    align-items: center;
}
.fd-brand-texts {
    display: flex;
    flex-direction: column;
}
.fd-brand-texts .brand-text {
    font-size: var(--brand-font-size, 20px);
    font-weight: var(--brand-font-weight, 700);
    color: var(--brand-color, #111111);
    line-height: 20px;
    margin: 0;
}
.fd-brand-texts .brand-text span {
    color: var(--brand-span-color, var(--theme-primary-color));
}
.fd-brand-texts .brand-slogan {
    font-size: var(--brand-slogan-size, 18px);
    font-weight: var(--brand-slogan-weight, 500);
    color: var(--brand-slogan-color, #11111140);
    margin: 0;
}
.fd-brand-wrapper svg{
    color: var(--brand-svg-color, var(--theme-primary-color));
    width: 48px;
    height: 54px;
}

/*Title Component*/
.fd-section-title {
    position: relative;
    display: inline-block;
    color: var(--title-color, var(--theme-black-color));
    font-size: var(--title-font-size, var(--theme-text-size-24));
    font-weight: var(--title-font-weight, 900);
    z-index: 1;
}
.fd-title-part {
    display: inline-block;
}
.fd-title-part--2 {
    color: var(--title-color-2, var(--theme-primary-color));
}
.fd-title-part--3 {
    color: var(--title-color-3, var(--theme-secondary-color));
}
.fd-section-title::before {
    content: "";
    position: absolute;
    height: var(--title-bg-height, 50%);
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--title-bg, var(--theme-white-color));
    z-index: -1;
    pointer-events: none;
}
.fd-section-header-actions{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap:16px;
}

/* ToolTips */
.fd-tooltip .tooltip-inner{
    font-family: 'peyda', serif;
    background-color: var(--theme-primary-color);
    border-radius: 4px;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
}
.fd-tooltip.show{
    opacity: 1;
}
.fd-tooltip .tooltip-arrow::before {
    border-top-color: var(--theme-primary-color) !important;
}

/*Form Error Message*/
.fd-error-message{
    font-size: var(--theme-text-size-14);
    color: var(--theme-primary-color);
}
/* Spacer Styles */
.fd-horizontal-divider {
    width: 100%;
    height: 1px;
    background-color: #383838;
    margin: 48px 0;
}
.fd-horizontal-divider-gradient {
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, rgb(244 245 247) 0%, rgb(244 245 247 / 0%) 100%);
    margin: 12px 0;
}
.fd-vertical-divider {
    width: 1px;
    height: 32px;
    background-color: #2222221A;
    /*margin: var(--fd-vd-margin , 0 24px);*/
    display: inline-block;
}

@media (min-width: 992px){
    .fd-section-title{
        font-size: var(--theme-text-size-32);
    }
    .fd-vertical-divider {
        height: 48px;
    }
    .fd-horizontal-divider-gradient {
        margin: 16px 0;
    }
}
/* Footer Vertical Separator */
.inline-separator {
    display: flex;
    align-items: center;
}
.inline-separator > * + * {
    position: relative;
    padding-inline-start: var(--fd-inline-sep-ps, 16px);
    margin-inline-start: var(--fd-inline-sep-ms, 16px);
}
.inline-separator--line > * + *::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: var(--fd-inline-sep-bg, #FFFFFF1A);
}
/* Theme Elements Styles */
/* Button styles */
.fd-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    gap: 6px;
    font-size: var(--theme-text-size-14);
    padding: 0 12px;
    height: 32px;
    line-height: 18px;
    border-radius: 6px;
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;
    cursor: pointer;
}
.fd-btn i {
    font-size: var(--theme-text-size-12);
}
.fd-btn--primary {
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}
.fd-btn--primary:hover {
    background-color: var(--theme-white-color);
    color: var(--theme-primary-color);
    box-shadow: 0 0 0 5px rgba(197, 47, 50, 0.15);
}
.fd-btn--primary.fd-btn--outline {
    background-color: var(--theme-white-color);
    color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
}
.fd-btn--primary.fd-btn--outline:hover {
    border-color: transparent;
}
.fd-btn--warning {
    color: var(--theme-black-color);
    border: 1px solid transparent;
    background-color: var(--theme-secondary-color);
}
.fd-btn--warning:hover {
    font-weight: 600;
    background-color: var(--theme-white-color);
    color: var(--theme-secondary-color);
    border: 1px solid var(--theme-secondary-color);
    box-shadow: 0 0 0 5px rgba(232, 157, 38, 0.15);
}
.fd-btn--success {
    color: var(--theme-white-color);
    background-color: var(--theme-green-color);
    border: 1px solid transparent;
}
.fd-btn--success-2 {
    color: var(--theme-green-color);
    background-color: var(--theme-white-color);
    border: 1px solid var(--theme-green-color);
}
.fd-btn--success:hover {
    background-color: var(--theme-white-color);
    color: var(--theme-green-color);
    border: 1px solid var(--theme-green-color);
    box-shadow: 0 0 0 5px rgba(17, 142, 98, 0.15);
}
.fd-btn--disable {
    color: var(--theme-white-color);
    background-color: #22222280;
}
/*Secondary Button style*/
.fd-btn-secondary {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 64px;
    color: var(--theme-white-color);
    background-color: var(--theme-primary-color);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 16px 0 #C52F3280;
    -webkit-box-shadow: 0 4px 16px 0 #C52F3280;
    -moz-box-shadow: 0 4px 16px 0 #C52F3280;
}
.fd-btn-secondary.small {
    width: 32px;
    height: 32px;
}
.fd-btn-secondary:hover,
.seo-project-card:hover .fd-btn-secondary {
    background-color: var(--theme-white-color);
    color: var(--theme-primary-color);
    box-shadow: 0 0 0 5px rgba(197, 47, 50, 0.15);
}
.fd-btn-secondary i {
    font-size: var(--theme-text-size-14);
}
.fd-btn-secondary.small i {
    font-size: var(--theme-text-size-12);
}
/* Double buttons */
.fd-double-button {
    display: flex;
    gap: 16px;
    flex-direction: column;
}
@media (min-width: 468px) {
    .fd-double-button {
        flex-direction: row;
    }
}
/* Box*/
.fd-content-box {
    background: var(--theme-white-color);
    color: #1C2F5780;
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(28, 47, 87, 0.10);
    padding: 24px;
}
.fd-box-shadow {
    box-shadow: 0 8px 32px rgba(28, 47, 87, 0.1);
    -webkit-box-shadow: 0 8px 32px rgba(28, 47, 87, 0.1);
    -moz-box-shadow: 0 8px 32px rgba(28, 47, 87, 0.1);
}
/* Password input */
.fd-password-wrapper{
    position: relative;
}
.fd-password-wrapper input{
    width: 100%;
}
.fd-password-wrapper i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%);
}
.fd-password-wrapper i.visible{
    color: var(--theme-primary-color);
}
/*10: spinner loader*/
.fd-loader-wrap {
    display: flex;
    margin: 32px auto;
    justify-content: center;
}
.loader {
    width: 32px;
    height: 32px;
    border: 4px solid #C52F3240;
    border-bottom-color: var(--theme-primary-color);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Theme Notices Style */
.fd-notice {
    display: flex;
    align-items: center;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    /*height: 50px;*/
    padding: 12px 16px;
    margin-bottom: 10px;
    border: 1px solid #118E6280;
    border-radius: 6px;
    gap: 12px;
}
.fd-notice--success {
    color: var(--theme-green-color);
    background-color: #118E621A;
    border: 1px solid #118E6280;
}
.fd-notice--warning {
    color: var(--theme-secondary-color);
    background-color: #E89D261A;
    border: 1px solid #E89D2680;
}
.fd-notice--error {
    color: var(--theme-primary-color);
    background-color: #C52F321A;
    border: 1px solid #C52F3280;
}
.fd-notice--info {
    color: var(--theme-blue-color);
    background-color: #1B619A1A;
    border: 1px solid #1B619A80;
}
.fd-notice.fd-notice--error ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.fd-notice.fd-notice--success .button.wc-forward {
    background-color: var(--theme-green-color);
    color: var(--theme-white-color);
}
/*Avatar Stacks*/
.fd-avatar-stack {
    display: flex;
    align-items: center;
}
.fd-avatar-stack .avatar-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--theme-white-color);
    margin-left: -18px;
    /*transition: transform 0.2s;*/
    transition: ease 0.3s;
}
.fd-avatar-stack .avatar-image:last-child {
    margin-left: 0;
}
.fd-avatar-stack .avatar-image:first-child {
    margin-right: 0;
}
.fd-avatar-stack .avatar-image:hover {
    scale: 1.3;
    margin-top: -10px;
    cursor: pointer;
}
.fd-avatar-stack .avatar-image.small {
    width: 28px;
    height: 28px;
}
/* Star Rating */
.fd-ratings{
    display: flex;
    gap: 2px;
}
.fd-ratings svg{
    width: 12px;
    color: var(--theme-secondary-color);
}
.fd-ratings svg.disable{
    opacity: 0.3;
}
@media (min-width: 992px) {
    .fd-ratings svg{
        width: 18px;
    }
}
/* Small rectangle line */
.fd-rec-line {
    width: var(--theme-rec-line-width, 16px);
    height: var(--theme-rec-line-height, 6px);
    border-radius: var(--theme-rec-line-radius, 1px);
    background-color: #1C2F571A;
}
.fd-rec--menu-profile {
    width: 8px;
    height: 4px;
}
.fd-rec-line--red {
    background-color: var(--theme-primary-color);
}
.fd-rec-line--grey {
    background-color: var(--theme-grey-color);
}
.fd-bullet {
    width: 6px;
    height: 6px;
    background-color: #1C2F571A;
    border-radius: 1px;
}
@media (min-width: 768px) {
    /* Button styles */
    .fd-btn {
        font-size: var(--theme-text-size-16);
        gap: 8px;
        padding: 0 16px;
        height: 40px;
    }
    .fd-btn i {
        font-size: var(--theme-text-size-14);
    }
    .fd-btn-secondary {
        width: 48px;
        height: 48px;
    }
    .fd-btn-secondary.small {
        width: 40px;
        height: 40px;
    }
    .fd-btn-secondary i {
        font-size: var(--theme-text-size-16);
    }
    .fd-btn-secondary.small i {
        font-size: var(--theme-text-size-14);
    }
    /*Avatar stack Styles*/
    .fd-avatar-stack .avatar-image {
        width: 48px;
        height: 48px;
    }
    .fd-avatar-stack .avatar-image.small {
        width: 32px;
        height: 32px;
    }
}

/* Mobile menu styles */
.dropdown-menu a:hover {
    background-color: transparent;
}
.fd-main-navbar {
    background-color: var(--theme-white-color);
    z-index: 999;
}
.fd-navbar-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}
.fd-navbar-toggle-close {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    color: #8F949E;
    background-color: #F4F5F7;
}
.fd-nav-actions .fd-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: var(--theme-text-size-16);
    border-radius: 6px;
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}
.offcanvas.offcanvas-start {
    width: 90%;
    box-shadow: -4px 4px 16px 0 rgb(0 0 0 / 15%);
}
.offcanvas-backdrop.show {
    opacity: 0;
}
#fdCanvasMenu .navbar-nav .nav-item {
    padding: 0 14px;
    height: 40px;
    font-weight: 500;
    color: #555555;
    font-size: var(--theme-text-size-14);
    background-color: #F4F5F7;
    border-radius: 6px;
    margin-bottom: 12px;
}
#fdCanvasMenu .navbar-nav .nav-item i {
    font-size: var(--theme-text-size-12);
}

.fd-mobile-menu-item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    background-color: #F4F5F7;
    color: #555555;
    padding: 0 14px;
    height: 40px;
    border-radius: 6px;
    margin-bottom: 12px;
}
.fd-mobile-menu-item > a > i {
    font-size: var(--theme-text-size-12);
}
.fd-mobile-menu-item > ul.sub-menu {
    display: none;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 8px 32px 0 rgba(28, 47, 87, 0.15);
    margin-bottom: 12px;
}
.fd-mobile-menu-item .mobile-first-child .sub-menu {
    display: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    margin-top: 9px;
    background-color: #F4F5F7;
    box-shadow: unset;
}
.mobile-menu .fd-mobile-menu-item .mobile-first-child:not(:last-child) {
    margin-bottom: 24px;
}
.fd-mobile-menu-item .mobile-first-child > a {
    display: flex;
    align-items: center;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #555555;
    gap: 8px;
}
.fd-mobile-menu-item .mobile-first-child > a.active {
    color: var(--theme-primary-color);
}
.fd-mobile-menu-item .mobile-first-child > a i {
    margin-inline-start: auto;
}
.fd-mobile-menu-item .mobile-first-child .has-children i {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F4F5F7;
    color: #55555580;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    transition: transform 0.3s ease;
}
.fd-mobile-menu-item .mobile-first-child .has-children i::before {
    transition: transform 0.3s ease;
    display: inline-block;
}
.mobile-first-child .mobile-deep-child > a {
    display: flex;
    align-items: center;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #555555;
    gap: 8px;
}
.mobile-first-child .mobile-deep-child:not(:last-child) {
    margin-bottom: 16px;
}
.fd-mobile-menu-item .mobile-first-child > a.open {
    color: var(--theme-primary-color);
}
.fd-mobile-menu-item .mobile-first-child > a.open .fd-rec-line {
    background-color: var(--theme-primary-color);
}
.fd-mobile-menu-item .mobile-first-child > a.open i {
    color: var(--theme-primary-color);
    background-color: #C52F321A;
}
.fd-mobile-menu-item .mobile-first-child > a.open i::before {
    transform: rotate(180deg);
}
#fdCanvasMenu .offcanvas-header {
    position: relative;
    justify-content: space-between;
    transition: box-shadow 0.3s ease;
}
#fdCanvasMenu .offcanvas-header.is-scrolled {
    box-shadow: 0 8px 10px rgba(34, 34, 34, 0.1);
}
#fdCanvasMenu .offcanvas-header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 16px;
    right: 16px;
    height: 1px;
    background: rgba(244, 245, 247, 1);
    transition: opacity 0.3s ease;
}
#fdCanvasMenu .offcanvas-header.is-scrolled::after {
    opacity: 0;
}

/* Hide body scrollbar */
#fdCanvasMenu .offcanvas-body {
    scrollbar-width: none;
}
#fdCanvasMenu .offcanvas-body::-webkit-scrollbar {
    display: none;
}
.fd-offcanvas-header .offconvas-body-end {
    position: relative;
    padding: 16px;
    transition: box-shadow 0.3s ease;
}
.fd-offcanvas-header .offconvas-body-end::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 16px;
    right: 16px;
    height: 1px;
    background: rgba(244, 245, 247, 1);
    transition: opacity 0.3s ease;
}
.fd-offcanvas-header .offconvas-body-end .fd-offconvas-profile-login {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 40px;
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    padding: 16px;
    border-radius: 6px;
    gap: 8px;
}
.fd-offcanvas-header .fd-offcanvas-end-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid #1C2F571A;
    border-radius: 6px;
    color: var(--theme-black-color);
    font-weight: 500;
}
.fd-offcanvas-header .fd-offcanvas-end-profile .profile-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.fd-offcanvas-header .fd-offcanvas-end-profile .profile-items img{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.fd-offcanvas-header .offconvas-body-end.is-scrolled {
    box-shadow: 0 -8px 10px rgba(34, 34, 34, 0.1);
}
.fd-offcanvas-header .offconvas-body-end.is-scrolled::before {
    opacity: 0;
}

/* Overlay */
.fd-page-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease;
    z-index: 998;
    pointer-events: none;
}
.fd-page-overlay.is-active {
    opacity: 1;
    backdrop-filter: blur(2px);
    visibility: visible;
    pointer-events: auto;
}

/* Search Modal */
.fd-search-modal {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: var(--theme-white-color);
    transition: bottom 0.3s ease;
    z-index: 1000;
}
.fd-search-modal.show {
    bottom: 0;
    height: 500px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    display: flex;
    flex-direction: column;
}
.fd-search-modal .container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.fd-search-inner {
    display: flex;
    flex: 0 0 auto;
    padding: 24px 0;
    gap: 12px;
}
.fd-search-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #F4F5F7;
}
.fd-search-input {
    width: 100%;
    padding: 16px 36px;
    border: none;
    outline: none;
    background: transparent;
}
.fd-search-input, .fd-search-input::placeholder {
    font-size: var(--theme-text-size-20);
    color: #22222266;
}
.fd-search-icon {
    position: absolute;
    right: 10px;
    font-size: var(--theme-text-size-16);
    color: #22222266;
    pointer-events: none;
}
.fd-search-wrapper .fd-icon-magnifying-glass{
    color: #22222266;
}
.fd-search-clear {
    position: absolute;
    left: 10px;
    background: none;
    border: none;
    font-size: var(--theme-text-size-16);
    cursor: pointer;
    color: #22222266;
}
.fd-search-clear:hover {
    color: var(--theme-primary-color);
}
.fd-profile-dropdown{
    display:none;
}
.fd-search-modal .fd-search-results {
    flex: 1 1 auto;
    overflow-y: auto;
    margin-top: 16px;
    padding-bottom: 16px;
}
/* Scrollbar */
.fd-search-modal .fd-search-results::-webkit-scrollbar {
    width: 4px;
}
.fd-search-modal .fd-search-results::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.fd-search-modal .fd-search-results::-webkit-scrollbar-thumb {
    background: #b9b9b9;
    border-radius: 10px;
}
.fd-search-modal .fd-search-results::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.fd-search-results .fd-result-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 0;
    border-bottom: 1px dashed #1C2F571A;
}
.fd-search-results .result-right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fd-search-results .result-right img{
    width:100px;
    border-radius: 8px;
    border: 2px solid #1C2F571A;
}
.fd-search-results .result-title{
    font-weight: 700;
    color: var(--theme-black-color);
}
.fd-search-results .result-text{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #22222280;
    margin-top: 8px;
}
.fd-search-results .result-left{
    background-color:#C52F321A;
    padding: 6px 24px;
    border-radius: 8px;
    color: var(--theme-primary-color);
    font-weight: 500;
}
.fd-search-wrapper.is-searching .fd-icon-magnifying-glass {
    color: var(--theme-primary-color);
}
.fd-search-wrapper.is-searching {
    border-bottom: 3px solid #C52F321A;
}
.fd-search-wrapper.is-searching .fd-search-clear {
    color: var(--theme-primary-color);
}
.fd-search-wrapper.is-searching .fd-search-input {
    color: var(--theme-primary-color);
}
@media (min-width: 992px){
    .fd-search-wrapper .fd-icon-magnifying-glass{
        font-size: 32px;
    }
}
/* Main Navbar */
@media (min-width: 992px) {
    /* Main menu styles */
    .fd-main-navbar {
        height: 96px;
    }
    .fd-main-menu .dropdown-item.active, .fd-main-menu .dropdown-item:active {
        background-color: transparent;
    }
    .fd-main-menu .dropdown-toggle::after {
        display: none;
    }
    .fd-main-menu .navbar-nav .nav-link {
        font-size: var(--theme-text-size-16);
        font-weight: 500;
        color: var(--theme-black-color);
    }
    .fd-main-menu .navbar-nav .nav-link i {
        font-size: var(--theme-text-size-12);
    }
    .fd-main-menu .navbar-nav .nav-link.show {
        color: var(--theme-primary-color);
    }
    .fd-main-menu .nav-item .dropdown-menu {
        border: 1px solid #F4F5F7;
        border-radius: 16px;
        padding: 12px 0;
        margin-top: 14px;
    }
    .fd-main-menu .nav-item .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        font-size: var(--theme-text-size-14);
        color: #555555;
        padding: 12px 16px;
        gap: 8px;
    }
    .fd-main-menu .nav-item .dropdown-menu .dropdown-item i {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F4F5F7;
        color: #55555580;
        font-size: var(--theme-text-size-12);
        width: 24px;
        height: 24px;
        border-radius: 4px;
    }
    .fd-main-menu .nav-item .dropdown-menu .dropdown-item.active {
        color: var(--theme-primary-color);
    }
    .fd-main-menu .nav-item .dropdown-menu .dropdown-item.active .fd-rec-line {
        background-color: var(--theme-primary-color);
    }
    .fd-main-menu .nav-item .dropdown-menu .dropdown-item.active i {
        color: var(--theme-primary-color);
        background-color: #C52F321A;
    }
    .fd-main-menu .dropdown-submenu {
        position: relative;
    }
    .fd-main-menu .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        margin: 0 16px 0 0;
    }
    .fd-main-menu .nav-item .dropdown-submenu > .dropdown-menu .dropdown-item {
        padding: 8px 16px;
    }
    /*Nav Menu actions styles*/
    .fd-nav-actions {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .fd-nav-actions .fd-profile-toggle {
        display: flex;
        align-items: center;
        height: 40px;
        font-size: var(--theme-text-size-14);
        font-weight: 500;
        padding: 6px 12px;
        color: var(--theme-black-color);
        background-color: var(--theme-white-color);
        border: 1px solid #1C2F571A;
        border-radius: 6px;
        cursor: pointer;
        gap: 8px;
    }
    .fd-nav-actions .fd-profile-image {
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }
    .fd-nav-actions .fd-dropdown-icon {
        margin-right: 50px;
        transition: transform 0.2s ease;
    }
    .fd-nav-actions .fd-profile-toggle.show .fd-dropdown-icon {
        transform: rotate(180deg);
    }
    .fd-profile-dropdown .dropdown-menu {
        border: 1px solid #F4F5F7;
        border-radius: 16px;
        padding: 24px 16px;
        margin-top: 14px;
        width: 220px;
    }
    .fd-profile-dropdown .dropdown-menu li {
        padding: 12px 0;
        border-bottom: 1px solid #F4F5F7;
    }
    .fd-profile-dropdown .dropdown-menu li:first-child {
        padding-top: 0;
    }
    .fd-profile-dropdown .dropdown-menu li:last-child {
        padding-bottom: 0;
        border-bottom: 1px solid transparent;
    }
    .fd-profile-dropdown .dropdown-menu a {
        display: flex;
        align-items: center;
        font-size: var(--theme-text-size-14);
        font-weight: 500;
        color: var(--theme-black-color);
        padding: 0;
        gap: 8px;
    }
    .fd-profile-dropdown .dropdown-menu a i {
        font-size: var(--theme-text-size-12);
    }
    .fd-profile-dropdown .dropdown-menu a:hover {
        color: var(--theme-primary-color);
    }
    .fd-profile-dropdown .dropdown-menu a:hover .fd-rec-line {
        background-color: var(--theme-primary-color);
    }
    /* Search Modal */
    .fd-search-modal.show {
        border-top-left-radius: 64px;
        border-top-right-radius: 64px;
    }
    .fd-search-input {
        padding: 24px 50px 24px 40px;
    }
    .fd-search-input, .fd-search-input::placeholder {
        font-size: var(--theme-text-size-32);
        color: #22222266;
    }
    .fd-search-icon {
        font-size: var(--theme-text-size-24);
    }
    .fd-search-clear {
        font-size: var(--theme-text-size-24);
    }
}
@media (min-width: 1200px){
    .fd-profile-dropdown{
        display:block;
    }
}
/* Breadcrumb styles*/
.fd-breadcrumb{
    position: relative;
}
.fd-breadcrumb-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.fd-breadcrumb-list::-webkit-scrollbar{
    display: none;
}
.fd-breadcrumb-item {
    white-space: nowrap;
    flex: 0 0 auto;
    padding: 0 16px;
    border-left: 1px solid #D3D3D3;
}
.fd-breadcrumb-item:first-child{
    padding-right: 0;
}
.fd-breadcrumb-item a{
    font-size: var(--theme-text-size-14);
    color: var(--theme-black-color);
    font-weight: 500;
}
.fd-breadcrumb-item.last{
    border: none;
    padding-left: 0;
    color: #555555;
}
.fd-breadcrumb-item.last span{
    font-size: var(--theme-text-size-14);
    color: var(--theme-grey-color);
    font-weight: 500;
}
.fd-breadcrumb::before, .fd-breadcrumb::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.fd-breadcrumb::before{
    right: 0;
    background: linear-gradient(to left, #fff, rgba(255,255,255,0));
}
.fd-breadcrumb::after{
    left: 0;
    background: linear-gradient(to right, #fff, rgba(255,255,255,0));
}
.fd-breadcrumb.has-right-fade::before{
    opacity: 1;
}
.fd-breadcrumb.has-left-fade::after{
    opacity: 1;
}
/*section dividers*/
.fd-section-divider-icon{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    font-size: var(--theme-text-size-20);
    color: #22222240;
    z-index:3;
    pointer-events: none;
}
.fd-section-divider{
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 120px;
    color: var(--theme-white-color);
    cursor: pointer;
    z-index:2;
}
.fd-section-divider-mesh{
    position:relative;
}
.fd-section-divider-mesh::before, .fd-section-divider-mesh::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}
.fd-section-divider-mesh::before {
    background: linear-gradient(to bottom, #FAFAFA 0%, rgba(255,0,0,0) 50%);
}
.fd-section-divider-mesh::after {
    background: url("assets/images/mesh-2.png") no-repeat left bottom / cover;
}
.fd-section-divider-shadow {
    position: relative;
    height: 100px;
    box-shadow: 0 32px 32px -16px rgba(28, 47, 87, 0.1);
}
.fd-section-divider-shadow.has-mesh::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 300px;
    background: url("assets/images/mesh-2.png") no-repeat left bottom / cover;
    pointer-events: none;
}
.fd-section-divider-arrow{
    position: relative;
}
.fd-section-divider-arrow::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 300px;
    box-shadow: inset 0 32px 32px -16px rgba(28, 47, 87, 0.1);
}
@media(min-width:992px){
    .fd-section-divider-icon{
        transform: translate(-50%, 100%);
        font-size: var(--theme-text-size-24);
    }
    .fd-section-divider{
        width: 150px;
    }
}
/*footer styles*/
.fd-footer {
    background-color: var(--theme-black-color);
    padding-top: 48px;
    overflow: hidden;
}
.fd-footer .top-section{
    position: relative;
}
.fd-footer .top-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -25%;
    width: 280px;
    height: 280px;
    background: url("assets/images/logo/logo-dark.svg") no-repeat left bottom / cover;
    opacity: 0.1;
    pointer-event: none;
    z-index: 1;
}
.fd-footer .footer-menu-name{
    margin-bottom: 32px;
}
/* Footer Accordion */
.fd-footer .accordion .accordion-item {
    margin-bottom: 12px;
    border: unset;
    border-radius: 8px;
    background-color: transparent;
}
.fd-footer .accordion-collapse {
    margin-top: 12px;
}
.fd-footer .accordion-button {
    background-color: #383838;
    border-radius: 8px;
    font-size: var(--theme-text-size-16);
    font-weight: 500;
    color: var(--theme-white-color);
}
.fd-footer .accordion-body {
    padding-top: 0.75rem;
}
.fd-footer .accordion .accordion-body {
    background-color: #383838;
    margin-bottom: 24px;
    border-radius: 8px;
}
.fd-footer .accordion .accordion-body a, .fd-footer .footer-desktop-links a{
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--theme-white-color);
    font-size: var(--theme-text-size-14);
    font-weight: 600;
    padding: 12px 0;
    gap: 12px;
}
.fd-footer .accordion .accordion-body a:hover .fd-rec-line, .fd-footer .footer-desktop-links a:hover .fd-rec-line {
    background-color: var(--theme-primary-color);
}
.fd-footer .accordion-button:not(.collapsed) {
    box-shadow: none;
}
.fd-footer .accordion-button i {
    transition: transform 0.3s ease;
}
.fd-footer .accordion-button:not(.collapsed) i {
    transform: rotate(180deg);
}
.fd-footer .accordion .accordion-button::after {
    display: none;
}
/* Footer Contact way */
.fd-footer .footer-contact-way-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #151515;
}
.fd-footer .footer-contact-way p {
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    line-height: 24px;
    color: var(--theme-footer-grey-color);
}
.fd-footer .footer-contact-way span {
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    line-height: 24px;
    color: var(--theme-white-color);
}
.fd-footer .footer-contact-way .contact-way-phones a {
    font-size: var(--theme-text-size-16);
    font-weight: 500;
    line-height: 24px;
    color: var(--theme-white-color);
}
/* Footer Socials */
.fd-footer .footer-social-wrap {
    position: relative;
    overflow: hidden;
}
.fd-footer .footer-social-item-wrap {
    position: relative;
    z-index: 2;
}
.fd-footer .footer-social-item-wrap:not(:last-child){
    margin-bottom: 26px;
}
.fd-footer .footer-social-item-wrap .social-name,
.fd-footer .footer-social-item-wrap a {
    color: var(--theme-footer-grey-color);
    fill: var(--theme-footer-grey-color);
}
.fd-footer .footer-social-item-wrap .social-name svg{
    width: var(--theme-text-size-20);
}
.fd-footer .footer-social-item-wrap p,
.fd-footer .footer-social-item-wrap a {
    font-size: var(--theme-text-size-16);
    font-weight: 600;
}
.fd-footer .footer-social-item-wrap:hover .social-name svg {
    color: var(--theme-primary-color);
    fill: var(--theme-primary-color);
}
.fd-footer .footer-social-item-wrap:hover p,
.fd-footer .footer-social-item-wrap:hover a {
    color: var(--theme-white-color);
}
/* Footer Second row */
.fd-footer .fd-footer-bg-section{
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}
.fd-footer .fd-footer-bg-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url("assets/images/meshes.png") no-repeat left bottom / cover;
    z-index: 1;
    pointer-events: none;
}
.fd-footer .footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
    "title"
    "desc"
    "links";
}
.grid-brand-title {
    grid-area: title;
}
.fd-footer .footer-brand-desc {
    grid-area: desc;
    color: var(--theme-footer-grey-color);
    font-size: var(--theme-text-size-14);
    line-height: 28px;
    text-align: justify;
    margin: 40px 0 32px 0;
}
.fd-footer .grid-links {
    grid-area: links;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.fd-footer .grid-links li {
    display: flex;
    justify-content: center;
    background-color: #383838;
    height: 40px;
    align-items: center;
    border-radius: 8px;
}
.fd-footer .grid-links li a{
    color: var(--theme-white-color);
    font-size: var(--theme-text-size-16);
    font-weight: 500;
}
/* Footer Certificate */
.fd-footer .fd-certificate{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 67px 0 40px 0;
}
.fd-namad-item {
    background-color: #181818;
    width: 120px;
    height: 120px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Footer Bottom */
.fd-footer-bottom {
    position: relative;
    background-color: #151515;
    padding: 40px 0 32px 0;
}
.fd-footer .fd-footer-bottom .fd-copyright-design {
    gap: 12px;
}
.fd-footer .fd-footer-bottom .fd-copyright-design svg {
    width: 32px;
    height: 30px;
    color: var(--theme-primary-color);
}
.fd-footer .fd-footer-bottom .fd-copyright-text {
    font-size: var(--theme-text-size-14);
    color: #FFFFFFBF;
    line-height: 24px;
    font-weight: 600;
}
.fd-footer .fd-footer-bottom .fd-copyright-design p {
    color: #FFFFFFBF;
    font-size: var(--theme-text-size-16);
    font-weight: 600;
}
.fd-footer .fd-footer-bottom strong {
    color: var(--theme-white-color);
}
.fd-footer .fd-back-to-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 48px;
    height: 48px;
    z-index: 2;
}
@media (min-width: 992px) {
    .fd-footer .top-section::after {
        left: -12%;
    }
    .fd-footer .grid-links li {
        padding: 0 10px;
    }
    .fd-footer .fd-certificate{
        margin: 20px 0 0 0;
    }
}
@media (min-width: 1200px){
    .fd-footer .footer-grid {
        grid-template-columns: 1fr auto;
        grid-template-areas:
                "title links"
                "desc  desc";
        align-items: start;
    }
    .fd-footer .footer-brand-desc {
        margin: 24px 0 0 0;
    }
    .fd-footer .grid-links {
        flex-direction: row;
        gap: 16px;
    }
    .fd-footer .grid-links li {
        padding: 0 20px;
    }
    .fd-footer .fd-certificate{
        gap: 16px;
    }
}
/* Section Title Styles */
.fd-section-header {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fd-section-header .fd-section-subtitle{
    color: #555555;
    font-size: var(--theme-text-size-12);
    margin-top: 8px;
}
.fd-section-header.fd-layout--with-actions {
    justify-content: space-between;
}
@media (min-width: 992px) {
    .fd-section-header .fd-section-subtitle{
        font-size: var(--theme-text-size-20);
    }
}
/* Hero Section Styles */
.fd-hero{
    /*position: relative;*/
    /*box-shadow: 0 16px 64px rgba(28, 47, 87, 0.05);*/
    /*-webkit-box-shadow: 0 16px 64px rgba(28, 47, 87, 0.05);*/
    /*-moz-box-shadow: 0 16px 64px rgba(28, 47, 87, 0.05);*/
}
.fd-hero .hero-detail{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.fd-hero .fd-rate{
    display: flex;
    flex-direction:column;
}
.fd-hero .fd-rate p{
    font-size: var(--theme-text-size-12);
    color: #22222280;
}
.fd-hero .fd-rate strong{
    font-weight: 700;
    color: var(--theme-black-color);
}
.fd-hero .hero-title{
    font-size: var(--theme-text-size-24);
    margin: 25px 0 4px 0;
}
.fd-hero .hero-desc{
    font-size: var(--theme-text-size-14);
    line-height: 28px;
    color: #555555;
}
.fd-hero .hero-buttons{
    display:grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 14px;
    margin-bottom: 48px;
}
@media (min-width: 380px){
    .fd-hero .hero-buttons{
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width:992px){
    .fd-hero .fd-rate p{
        font-size: var(--theme-text-size-16);
    }
    .fd-hero .hero-title{
        font-size: var(--theme-text-size-48);
    }
    .fd-hero .hero-desc{
        font-size: var(--theme-text-size-20);
        line-height: 36px;
    }
    .fd-hero .hero-buttons{
        display:flex;
        flex-wrap: wrap;
        justify-content: start;
        margin-top: 32px;
    }
}
/* Widget Project Card */
.fd-project-card{
    border: 1px solid #F4F5F7;
    border-radius: 16px;
    padding: 16px;
}
.fd-project-card:hover{
    border: 1px solid var(--theme-primary-color);
    cursor:pointer;
}
.fd-project-card .fd-project-card-image{
    width: 100%;
    border: 2px solid #2222221A;
    border-radius: 16px;
}
.fd-project-card .fd-project-card-link{
    display: flex;
    align-items:center;
    font-weight: 700;
    color: var(--theme-black-color);
    margin: 16px 0 8px 0;
    gap:6px;
}
.fd-project-card .fd-project-desc{
    color: #22222280;
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: justify-all;
}
.fd-project-card .fd-project-meta{
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px;
}
.fd-project-card .fd-project-meta .fd-project-meta-text{
    display: flex;
    align-items: center;
    padding-left: 8px;
    border-left: 1px solid #1C2F571A;
}
.fd-project-card .fd-project-meta span{
    display: block;
    color: #1C2F5740;
    font-size: 11px;
    font-weight:500;
    max-width: 70px;
    line-height:14px;
    white-space: normal;
}
.fd-project-card .project-tech-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.fd-project-card .project-tech{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #F4F5F7;
    border-radius: 8px;
    transition: scale .3s ease;
}
.fd-project-card .project-tech svg{
    color: #22222266;
}
.fd-project-card .project-tech:hover{
    background-color: var(--theme-primary-color);
}
.fd-project-card .project-tech:hover svg{
    color: var(--theme-white-color);
}
.fd-project-card .project-card-bottom{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}
.fd-project-card .project-stats{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.fd-project-card .project-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    min-width: 76px;
    padding: 4px 8px;
    background-color: #F4F5F7;
    border-radius: 8px;
}
.fd-project-card .project-detail span{
    font-size: var(--theme-text-size-12);
    font-weight: 700;
}
.fd-project-card .project-detail small{
    font-size: 11px;
    font-weight: 500;
    color: #555555
}
@media(min-width: 992px) {
    .fd-project-card .fd-project-card-link{
        margin: 20px 0 8px 0;
    }
    .fd-project-card .fd-project-desc {
        font-size: var(--theme-text-size-14);
        line-height: 28px;
        margin-bottom: 16px;
    }
    .fd-project-card .fd-project-meta span {
        width: 65px;
        font-size: var(--theme-text-size-12);
        line-height: 16px;
    }
    .fd-project-card .project-tech {
        width: 32px;
        height: 32px;
    }
    .fd-project-card .project-detail {
        min-height: 56px;
        min-width: 88px;
        padding: 10px 12px;
    }
    .fd-project-card .project-detail span {
        font-size: var(--theme-text-size-14);
    }
    .fd-project-card .project-detail small {
        font-size: var(--theme-text-size-12);
    }
}

/* Widget Seo Project */
.seo-project-card{
    position:relative;
    overflow: visible;
    margin-top: 120px;
    padding: 16px;
    border: 1px solid #F4F5F7;
    border-radius: 16px;
}
.seo-project-card:hover{
    border: 1px solid var(--theme-primary-color);
    cursor: pointer;
}
.seo-project-card .card-image-wrapper{
    margin-top:-80px;
    display:flex;
    justify-content:center;
}
.seo-project-card .card-image{
    display: block;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #1C2F571A;
    margin-bottom: 19px;
}
.seo-project-card .seo-project-items .seo-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #1C2F571A;
}
.seo-project-card .seo-project-items .seo-item:last-child{
    border-bottom: 2px solid #1C2F571A;
}
.seo-project-card .seo-project-items .seo-item .seo-right-item{
    display: flex;
    align-items: center;
    gap: 8px;
}
.seo-project-card .seo-project-items .seo-item .seo-right-item span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #1BB78033;
}
.seo-project-card .seo-project-items .seo-item .seo-right-item span i{
    font-size: var(--theme-text-size-12);
    color: var(--theme-green-color);
}
.seo-project-card .seo-project-items .seo-item .seo-right-item p{
    margin: 0;
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    color: #8B8D93;
}
.seo-project-card .seo-project-items .seo-item .seo-left-item p{
    margin: 0;
    font-size: var(--theme-text-size-12);
    font-weight: 600;
}
.seo-project-card .seo-project-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}
.seo-project-card .seo-project-bottom-texts{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.seo-project-card .seo-project-bottom-texts .seo-card-title{
    color: var(--theme-black-color);
    font-weight: 900;
}
.seo-project-card .seo-project-bottom-texts .seo-card-text{
    font-weight: 500;
    margin: 0;
    color: #22222280;
    font-size: var(--theme-text-size-12);
}
@media (min-width: 992px){
    .seo-project-card{
        padding: 32px;
        border-radius: 24px;
    }
    .seo-project-card .card-image-wrapper {
        margin-top: -110px;
    }
    .seo-project-card .card-image{
        border-radius: 16px;
        border: 2px solid #1C2F571A;
    }
    .seo-project-card .seo-project-items .seo-item{
        padding: 14px 0;
    }
    .seo-project-card .seo-project-items .seo-item .seo-right-item{
        gap:12px;
    }
    .seo-project-card .seo-project-items .seo-item .seo-right-item span {
        width: 24px;
        height: 24px;
    }
    .seo-project-card .seo-project-items .seo-item .seo-right-item span i{
        font-size: var(--theme-text-size-14);
    }
    .seo-project-card .seo-project-items .seo-item .seo-right-item p,.seo-project-card .seo-project-items .seo-item .seo-left-item p {
        font-size: var(--theme-text-size-16);
    }
    .seo-project-card .seo-project-bottom {
        margin-top: 24px;
    }
    .seo-project-card .seo-project-bottom-texts .seo-card-title {
        font-size: 18px;
    }
    .seo-project-card .seo-project-bottom-texts {
        gap: 7px;
    }
    .seo-project-card .seo-project-bottom-texts .seo-card-text {
        font-size: var(--theme-text-size-14);
    }
}

/* Widget Our Team */
.fd-team-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    cursor:pointer;
}
.team-card-image{
    height:100%;
}
.team-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .6s ease;
    will-change:transform;
}
.team-card-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.7), transparent);
    transition:background .35s ease;
    will-change:opacity,transform;
}
.team-card-content{
    position:absolute;
    inset:0;
    display:grid;
    align-content:end;
    padding:24px;
    color:#fff;
    gap:10px;
    z-index:2;
}
.team-card-main{
    transform:translateY(0);
    transition:transform .35s ease;
}
.team-card-main .team-card-title{
    margin-bottom: 4px;
    font-size: var(--theme-text-size-20);
    font-weight: 900;
    color: var(--theme-white-color);
    text-shadow: 0 3px #00000080;
}
.team-card-main .team-card-role{
    font-size: var(--theme-text-size-16);
    font-weight: 500;
    text-shadow: 0 3px #00000080;
}
.team-card-extra{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transform:translateY(14px);
    transition: grid-template-rows .4s ease, opacity .25s ease, transform .35s ease;
}
.team-card-extra > *{
    overflow:hidden;
}
.team-card-extra .team-card-social{
    display: flex;
    align-items: center;
    gap: 12px;
}
.team-card-extra .team-card-social a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFFBF;
}
.team-card-extra .team-card-social a:hover{
    color: var(--theme-white-color);
}
.team-card-extra .team-card-social svg{
    width: 20px;
    fill: var(--theme-white-color);
}
.team-card-extra .team-card-social i{
    font-size: var(--theme-text-size-20);
}
.fd-team-card:hover .team-card-image img{
    transform:scale(1.05);
}
.fd-team-card:hover .team-card-overlay{
    background:linear-gradient(to top, rgb(197, 47, 50), transparent 60%);
}
.fd-team-card:hover .team-card-main{
    transform:translateY(-6px);
}
.fd-team-card:hover .team-card-extra{
    grid-template-rows:1fr;
    opacity:1;
    transform:translateY(0);
}
/* Widget Our Team Slider */
.fd-team-slider .swiper-wrapper{
    align-items: center;
}
.fd-team-slider {
    width: 100%;
    padding: 40px 20px;
}
.fd-team-slider .swiper-slide {
    transition: all .35s ease;
    opacity: 0.6;
}
.fd-team-slider .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    margin-top: 0;
}
.fd-team-slider .swiper-slide-prev .fd-team-card, .fd-team-slider .swiper-slide-next .fd-team-card{
    transform: scaleY(0.85);
    opacity: 0.8;
}
.fd-team-navigation {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
    z-index:999;
}
.fd-team-prev,.fd-team-next {
    width: 44px;
    height: 44px;
    background: var(--theme-primary-color);
    color: var(--theme-white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
    transition: 0.3s;
}
.fd-team-prev:hover, .fd-team-next:hover {
    background: var(--theme-black-color);
}
.fd-team-pagination {
    text-align: center;
    margin-top: 20px;
}
.fd-team-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #1C2F571A;
    opacity: 1;
    margin: 0 4px !important;
    transition: .3s;
}
.fd-team-pagination .swiper-pagination-bullet-active {
    border-radius: 8px;
    background: var(--theme-primary-color);
    box-shadow: 0 2px 4px 0 #C52F3280;
    -webkit-box-shadow: 0 2px 4px 0 #C52F3280;
    -moz-box-shadow: 0 2px 4px 0 #C52F3280;
}
@media (min-width: 992px) {
    .fd-team-slider .swiper-slide {
        transition: none;
        opacity: 1;
    }
    .fd-team-slider .swiper-slide-prev .fd-team-card, .fd-team-slider .swiper-slide-next .fd-team-card{
        transform: scaleY(1);
        opacity: 1;
    }
}
/* Widget About Us */
.fd-about .about-title{
    text-align: center;
    margin-bottom: 32px;
}
.fd-about .about-svg, .fd-about .about-image{
    display: block;
    margin: auto;
    /*max-width: 600px;*/
}
.fd-about .about-title-lg{
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.fd-about .about-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fd-about .about-buttons-mobile{
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    margin-top: 32px;
}
.fd-about .about-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 32px 0 58px 0;
    gap: 24px;
}
.fd-about .about-intro .about-intro-text p{
    font-weight: 500;
    text-align: justify;
    line-height: 32px;
    color: #555555;
}
.fd-about .about-social {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}
.fd-about .social-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fd-about .social-item:hover .social-icon, .fd-about .social-item:hover .social-link, .fd-about .social-item.active-item .social-icon, .fd-about .social-item.active-item .social-link {
    cursor: pointer;
    background-color: #C52F321A;
}
.fd-about .social-item.active-item .social-icon svg, .fd-about .social-item.active-item .social-link, .fd-about .social-item.active-item .social-link .social-name, .fd-about .social-item.active-item .social-link .social-url, .fd-about .social-item:hover .social-icon svg, .fd-about .social-item:hover .social-link, .fd-about .social-item:hover .social-link .social-name, .fd-about .social-item:hover .social-link .social-url{
    color: var(--theme-primary-color);
    fill: var(--theme-primary-color);
}
.fd-about .social-icon {
    width: 48px;
    height: 48px;
    background-color: #F4F5F7;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fd-about .social-icon svg {
    width: 20px;
    color: #555555;
    fill: #555555;
}
.fd-about .social-link {
    height: 48px;
    background-color: #F4F5F7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}
.fd-about .social-name {
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    color: #55555580;
}
.fd-about .social-url {
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #555555;
}
@media (min-width: 320px){
    .fd-about .about-buttons-mobile{
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width:768px) {
    .fd-about .about-social {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (min-width:992px) {
    .fd-about .about-intro {
        flex-direction: row;
        margin: 48px 0;
    }
    .fd-about .about-social {
        gap: 24px 32px;
    }
    .fd-about .social-icon {
        width: 64px;
        height: 64px;
    }
    .fd-about .social-icon svg {
        width: 28px;
    }
    .fd-about .social-link {
        height: 64px;
    }
    .fd-about .social-name {
        font-size: var(--theme-text-size-14);
    }
}
@media (min-width: 1280px){
    .fd-about .about-social {
        grid-template-columns: repeat(3,1fr);
    }
}

/* Services card */
.fd-services{
    position: relative;
    padding-top: 110px;
    min-height: 300px;
}
.fd-services .service-intro{
    text-align: center;
    margin-bottom: 53px;
}
.fd-services .service-title{
    margin-bottom: 16px;
}
.fd-services .service-title::before{
    display: none;
}
.fd-services .service-desc{
    font-size: var(--theme-text-size-14);
    line-height: 24px;
    color: #555555;
    margin-bottom: 20px;
}
/* card styles */
.service-card-wrap{
    position: relative;
    filter: drop-shadow(0 8px 32px rgba(28, 47, 87, 0.1));
}
.service-card{
    position: relative;
    padding: 16px 16px 12px 16px;
    background-color: var(--theme-white-color);
    border: 1px solid #F4F5F7;
    /*border-radius: 20px;*/
    margin-bottom: 24px;
    clip-path: url(#service-clip-small);
    -webkit-clip-path: url(#service-clip-small);
}
.service-card .service-card-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}
.service-card .service-card-bottom p{
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    color: #22222280;
}
.service-card .service-card-bottom p strong{
    font-weight: 600;
    color: var(--theme-black-color);
}
.service-card .services-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 10px 4px 4px;
    background: blue;
    border-radius: 0 20px 0 0;
}
.service-card .service-card-title-wrap{
    display: flex;
    gap: 16px;
    margin-bottom: 8px;
}
.service-card .service-card-title-wrap .service-card-icons{
    display:flex;
    align-items:center;
}
.service-card .service-card-title-wrap .service-card-icons i{
    margin-right: -12px;
    font-size: 24px;
    color: var(--theme-primary-color);
}
.service-card .service-card-icons .service-card-icon-bg{
    width: 24px;
    height: 24px;
    background-color: #E89D2640;
    border-radius: 50%;
}
.service-card .service-card-title-wrap .service-card-title{
    margin: 0;
    font-weight: 700;
}
.service-card .service-card-desc{
    font-size: var(--theme-text-size-12);
    line-height: 24px;
    color: #555555;
    text-align: justify;
}
.services-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 20px 0 0;
}
@media (min-width: 480px){
    .service-card {
        clip-path: url(#service-clip-480);
        -webkit-clip-path: url(#service-clip-480);
    }
}
@media (min-width: 576px){
    .service-card {
        clip-path: url(#service-clip-lg);
        -webkit-clip-path: url(#service-clip-lg);
    }
}
@media (min-width: 992px) {
    .fd-services{
        padding-top: 158px;
    }
    .fd-services .service-intro{
        text-align: start;
        margin-bottom: 0;
    }
    .fd-services .service-title{
        margin-bottom: 8px;
    }
    .fd-services .service-desc{
        font-size: var(--theme-text-size-16);
        line-height: 28px;
        margin-bottom: 24px;
    }
    .service-card{
        padding: 20px 20px 16px 20px;
        clip-path: url(#service-clip-992);
        -webkit-clip-path: url(#service-clip-992);
    }
    .service-card .service-card-icons .service-card-icon-bg{
        width: 32px;
        height: 32px;
    }
    .service-card .service-card-title-wrap .service-card-icons i{
        font-size: var(--theme-text-size-32);
        margin-right: -16px;
    }
    .service-card .service-card-title-wrap .service-card-title{
        font-size: var(--theme-text-size-20);
    }
    .service-card .service-card-desc {
        font-size: var(--theme-text-size-14);
    }
    .service-card .service-card-bottom .fd-avatar-stack .avatar-image{
        width: 32px;
        height: 32px;
    }
    .service-card .service-card-bottom p{
        font-size: var(--theme-text-size-14);
    }
}
@media (min-width: 1200px) {
    .service-card {
        clip-path: url(#service-clip-1200);
        -webkit-clip-path: url(#service-clip-1200);
    }
}
@media (min-width: 1400px) {
    .service-card {
        clip-path: url(#service-clip-lg);
        -webkit-clip-path: url(#service-clip-lg);
    }
}

/* Widget Logo Marquee */
.fd-logo-marquee {
    overflow: hidden;
    padding: 40px 0;
}
.fd-logo-marquee .fd-logo-marquee-row {
    overflow: hidden;
    position: relative;
}
.fd-logo-marquee .fd-logo-marquee-row.marquee-ltr-dir {
    direction: ltr;
}
.fd-logo-marquee .fd-row-bottom {
    margin-top: 24px;
    padding-right: 60px;
}
.fd-logo-marquee .fd-logo-marquee-track {
    display: flex;
    gap: 24px;
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
}
.fd-logo-marquee .fd-logo-marquee-item img {
    height: 32px;
    display: block;
    transition: 0.3s;
}
.fd-logo-marquee .fd-logo-marquee-item:hover img {
    cursor: pointer;
    transform: scale(1.2);
}

/* Widget Contact Us */
.fd-contact .fd-contact-right{
    position: relative;
    overflow: hidden;
}
.fd-contact .fd-contact-header{
    text-align: center;
}
.fd-contact .fd-contact-header .contact-subtext{
    margin: 11px 0 9px 0;
}
.fd-contact .fd-contact-header .contact-subtext,.fd-contact .fd-contact-header .contact-work-time{
    color: #555555;
    font-size: var(--theme-text-size-12);
}
.fd-contact .contact-details {
    margin: 24px 0;
}
.fd-contact .contact-item-detail, .fd-info-box-detail {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.fd-contact .contact-icon, .fd-info-box-icon {
    display: flex;
    width: 64px;
    height: 64px;
    background-color: #F4F5F7;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}
.fd-contact .contact-icon i, .fd-info-box-icon i{
    font-size: var(--theme-text-size-32);
    color: var(--theme-primary-color);
}
.fd-contact .contact-icon svg{
    width: 32px;
    height: 32px;
    fill: var(--theme-primary-color);
}
.fd-contact .contact-texts, .fd-info-box-icon-texts{
    display: flex;
    flex-direction: column;
    gap:4px;
    padding: 12px 16px;
    border-radius: 8px;
    background: #000000;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(244, 245, 247, 1) 100%);
}
.fd-contact .contact-texts .contact-item-title, .fd-info-box-icon-title{
    font-size: var(--theme-text-size-14);
    font-weight: 700;
    line-height: 18px;
}
.fd-contact .contact-texts .contact-item-text, .fd-info-box-icon-text{
    font-size: var(--theme-text-size-12);
    line-height: 18px;
    color:#22222266;
}
.fd-contact .fd-contact-right .contact-item-bg {
    position: absolute;
    top: 10%;
    left: -12%;
    width: 245px;
    opacity: 0.05;
    pointer-events: none;
}
.fd-contact .fd-contact-form-wrapper{
    padding: 32px 24px 24px;
    border-radius: 24px;
}
.fd-contact .contact-form-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 25px;
}
.fd-input-field, .fd-dropdown {
    padding: 8px;
    border: 1px solid #1C2F5726;
    border-radius: 8px;
    width: 100%;
}
.fd-input-field::placeholder{
    color:#55555580;
    font-size: var(--theme-text-size-14);
}
.fd-input-field::-webkit-input-placeholder,.fd-input-field::-moz-placeholder,.fd-input-field:-ms-input-placeholder, .fd-input-field::-ms-input-placeholder {
    color:#55555580;
}
.fd-input-field:focus {
    color: #555555;
}
.fd-input-label{
    color: #555555;
    font-weight: 700;
}
.fd-input-field:focus-visible {
    outline: 2px solid var(--theme-primary-color);
}
.contact-form-field:has(.fd-input-field:focus-visible) .fd-input-label,.contact-form-field:has(.fd-dropdown.active) .fd-input-label{
    color: var(--theme-primary-color);
}
.fd-dropdown {
    position: relative;
    cursor: pointer;
}
.fd-dropdown-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #555555;
    font-size: var(--theme-text-size-14);
    gap: 8px;
}
.fd-dropdown-selected .selected-label-text{
    display: flex;
    align-items: center;
    gap:8px;
}
.fd-dropdown-selected .selected-label-text .fd-rec-line{
    width: 12px;
    height: 4px;
    border-radius: 5px;
    background-color: #909090;
}
.fd-dropdown .fd-dropdown-selected i{
    transition: transform 0.3s ease;
}
.fd-dropdown.active .fd-dropdown-selected i{
    transform:rotate(180deg);
}
.fd-dropdown.active .selected-label-text .fd-dropdown-text,.fd-dropdown.active .fd-dropdown-selected i{
    color:var(--theme-primary-color);
}
.fd-dropdown.active .selected-label-text .fd-rec-line{
    background-color:var(--theme-primary-color);
}
.fd-dropdown-selected i{
    color: #555555;
    font-size: var(--theme-text-size-12);
}
.fd-dropdown-list {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: var(--theme-white-color);
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 5px;
    display: none;
    z-index: 20;
}
.fd-dropdown-item {
    position: relative;
    padding: 10px;
    transition: 0.2s;
    font-size: 14px;
    color: #555555;
}
.fd-dropdown-item:hover {
    background: #f5f5f5;
}
.fd-dropdown.active .fd-dropdown-list {
    display: block;
}
.fd-contact .contact-form-info{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    gap: 15px;
}
.fd-contact .contact-form-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: #C52F321A;
    border-radius: 4px;
}
.fd-contact .contact-form-info-icon i{
    font-size: 11px;
    color: var(--theme-primary-color);
}
.fd-contact .contact-form-info .contact-form-info-text{
    font-size: var(--theme-text-size-12);
    line-height: 16px;
    color:#55555580;
}
.fd-contact .contact-form-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fd-file-input{
    display:none;
}
label.fd-file-btn {
    width: 40px;
    height: 40px;
    background: #C52F321A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
label.fd-file-btn:hover{
    cursor: pointer;
}
label.fd-file-btn i{
    font-size: var(--theme-text-size-14);
    color: var(--theme-primary-color);
}
@media (min-width: 992px) {
    .fd-contact .fd-contact-header{
        text-align: start;
    }
    .fd-contact .fd-contact-header .contact-subtext, .fd-contact .fd-contact-header .contact-work-time{
        font-size: var(--theme-text-size-16);
    }
    .fd-contact .fd-contact-right .contact-item-bg {
        top: 30%;
        left: 0;
    }
    .fd-contact .fd-contact-header .contact-header-texts{
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 8px;
    }
    .fd-contact .fd-contact-header .contact-subtext{
        margin: 0;
    }
    .fd-contact .fd-contact-header .contact-work-time{
        padding-right: 12px;
        border-right: 1px solid #1C2F571A;
    }
    .fd-contact .contact-item-detail, .fd-info-box-detail{
        gap: 16px;
        margin-bottom: 24px;
    }
    .fd-contact .contact-icon, .fd-info-box-icon{
        width: 72px;
        height: 72px;
        border-radius: 16px;
    }
    .fd-contact .contact-texts,.fd-info-box-icon-texts {
        padding: 14px 24px;
        border-radius: 16px;
        gap:8px;
    }
    .fd-contact .contact-texts .contact-item-title, .fd-info-box-icon-title {
        font-size: var(--theme-text-size-16);
    }
    .fd-contact .contact-texts .contact-item-text, .fd-info-box-icon-text {
        font-size: var(--theme-text-size-14);
    }
    .fd-contact .contact-form-field-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .fd-contact .contact-form-field-wrapper .contact-form-field--full{
        grid-column:1 / -1;
    }
    .fd-contact .contact-form-field-wrapper .contact-form-field--two-third{
        grid-column:span 2;
    }
    .fd-input-field::placeholder, .fd-dropdown-selected{
        font-size: var(--theme-text-size-16);
    }
    .fd-contact .contact-form-submit{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .fd-contact .contact-form-info{
        margin: 0;
    }
    .fd-contact .contact-form-btn-wrapper {
        gap: 16px;
    }
}
@media (min-width: 1400px){
    .fd-contact .contact-form-field-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Post Card Widget Style */
.fd-post-card{
    padding: 16px;
    border-radius: 24px;
    border: 1px solid #F4F5F7;
}
.fd-post-card:hover{
    border: 1px solid var(--theme-primary-color);
}
.fd-post-card .fd-post-card-image{
    position: relative;
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
    cursor: pointer;
}
.fd-post-card .fd-post-card-image img{
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    border-radius: 8px;
}
.fd-post-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 0, 0, 0.4);
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.fd-post-card .fd-post-card-image i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: var(--theme-text-size-32);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index:2;
}
.fd-post-card .fd-post-card-image:hover::after {
    opacity: 1;
}
.fd-post-card .fd-post-card-image:hover i {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}
.fd-post-card .fd-post-card-title{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.fd-post-card-title .fd-post-card-title-line{
    width: 4px;
    height: 48px;
    background-color: var(--theme-primary-color);
    border-radius: 8px;
    display: inline-block;
}
.fd-post-card .fd-post-card-title a{
    font-size: var(--theme-text-size-16);
    font-weight: 700;
    line-height: 28px;
    color: var(--theme-black-color);
}
.fd-post-card .fd-post-card-excerpt{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    line-height: 24px;
    color: #22222280;
    text-align: justify;
    margin-bottom: 16px;
}
.fd-post-card .fd-post-card-tags {
    display: flex;
    align-items: center;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    gap: 12px;
}
.fd-post-card-tags .fd-post-card-tag a{
    color: var(--theme-black-color);
}
.fd-post-card-tags .fd-post-card-tag span{
    color: var(--theme-primary-color);
}
.fd-post-card-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
.fd-post-card-bottom .post-reading-time {
    display: flex;
    align-items: center;
    gap: 7px;
}
.fd-post-card-bottom .post-reading-time span, .fd-post-card-bottom .post-reading-time i{
    color: #22222280;
    font-size: var(--theme-text-size-14);
}
.fd-post-card-bottom .post-reading-time svg{
    color: #22222280;
    width: 14px;
}
@media (min-width: 992px) {
    .fd-post-card .fd-post-card-image img,.fd-post-card-image::after{
        border-radius: 16px;
    }
}

/* widget post card horizontal */
.fd-post-card-horizontal {
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 12px;
    border: 1px solid #F4F5F7;
    border-radius: 16px;
    gap: 12px;
}
.fd-post-card-horizontal .fd-post-card-h-image img {
    width: 120px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
}
.fd-post-card-h-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.fd-post-card-h-title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fd-post-card-horizontal .fd-post-card-title-line {
    width: 3px;
    height: 48px;
    background-color: var(--theme-primary-color);
    border-radius: 8px;
    display: inline-block;
}
.fd-post-card-h-title a {
    color: var(--theme-black-color);
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    line-height: 20px;
}
.fd-post-card-h-bottom{
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 8px;
}
.fd-post-card-h-bottom .fd-post-card-h-time {
    display: flex;
    align-items: center;
    gap: 6px;
}
.fd-post-card-h-bottom .fd-post-card-h-time span, .fd-post-card-h-bottom .fd-post-card-h-time i {
    color: #22222280;
    font-size: var(--theme-text-size-14);
}
@media (min-width: 992px) {
    .fd-post-card-horizontal {
        padding: 18px 16px 18px 18px;
        border-radius: 24px;
        gap: 18px;
    }
    .fd-post-card-horizontal .fd-post-card-h-image{
        width: 45%;
    }
    .fd-post-card-horizontal .fd-post-card-h-image img {
        width: 100%;
        height: auto;
        border-radius: 16px;
    }
    .fd-post-card-h-tags {
        align-items: center;
        font-size: var(--theme-text-size-14);
        font-weight: 500;
        gap: 12px;
        margin-bottom: 5px;
    }
    .fd-post-card-h-tags a{
        color: var(--theme-black-color);
    }
    .fd-post-card-h-tags span{
        color: var(--theme-primary-color);
    }
    .fd-post-card-h-title {
        gap: 12px;
    }
    .fd-post-card-horizontal .fd-post-card-title-line {
        width: 4px;
    }
    .fd-post-card-h-title a {
        font-size: var(--theme-text-size-16);
        font-weight: 700;
        line-height: 28px;
    }
    .fd-post-card-h-excerpt{
        font-size: var(--theme-text-size-14);
        font-weight: 500;
        line-height: 24px;
        color: #22222280;
        margin-top: 6px;
    }
    .fd-post-card-h-bottom{
        justify-content: space-between;
        margin-top: 10px;
    }
}

/* Testimonial Widget */
.fd-testimonial {
    overflow-x: hidden;
}
.fd-testimonial .testimonial-right-wrap .fd-section-title{
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 15px;
}
.fd-testimonial .testimonial-right-wrap .testimonial-details{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.fd-testimonial .testimonial-right-wrap .testimonial-details .fd-vertical-divider{
    width: 2px;
    height: 60px;
    margin: auto;
    background-color: #1C2F571A;
}
.testimonial-details .testimonial-detail-item{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}
.testimonial-details .testimonial-detail-item span{
    position: relative;
    display: inline-block;
    font-size: var(--theme-text-size-32);
    font-weight: 900;
    line-height: 100%;
    color: var(--theme-primary-color);
    direction: ltr;
    z-index: 1;
}
.testimonial-details .testimonial-detail-item span:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #C52F321A;
    z-index: -1;
    pointer-events: none;
}
.testimonial-details .testimonial-detail-item p{
    font-size: var(--theme-text-size-16);
    font-weight: 500;
    line-height: 100%;
    color: #555555;
}
.fd-testimonial .testimonial-stack{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    margin: 49px 0 24px 0;
}
.fd-testimonial .testimonial-stack .fd-rate {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}
.fd-testimonial .testimonial-stack .fd-rate p {
    font-size: var(--theme-text-size-12);
    color: #22222280;
    line-height: 100%;
}
.fd-testimonial .testimonial-stack .fd-rate p strong{
    font-weight: 700;
    color: #222222;
}
.fd-testimonial-card{
    border: 1px solid #F4F5F7;
    border-radius: 16px;
    padding: 16px;
    background-color: var(--theme-white-color);
    cursor: pointer;
}
.fd-testimonial-card .testimonial-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 8px;
}
.fd-testimonial-card .testimonial-header .right-header{
    display: flex;
    align-items: center;
    gap: 8px;
}
.fd-testimonial-card .testimonial-header .right-header .testimonial-avatar{
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.fd-testimonial-card .testimonial-header .right-header p{
    font-size: var(--theme-text-size-14);
    font-weight: 700;
}
.fd-testimonial-card .testimonial-rating {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.fd-testimonial-card .testimonial-rating svg{
    width: 16px;
}
.fd-testimonial-card .testimonial-rating svg.active{
    color: #e89d26;
}
.fd-testimonial-card .testimonial-rating svg.disable{
    color: #E89D2640;
}
.fd-testimonial-card .testimonial-text {
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    line-height: 24px;
    color: #555555;
    text-align: justify;
}
.fd-testimonial-card .fd-horizontal-divider{
    background-color: #1C2F571A;
    margin: 16px 0;
}
.fd-testimonial-card .testimonial-bottom{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.fd-testimonial-card .testimonial-bottom .testimonial-author{
    color: #55555580;
    font-size: var(--theme-text-size-12);
    font-weight: 500;
}
.fd-testimonial-card .testimonial-bottom .testimonial-website{
    color: #55555580;
    font-size: var(--theme-text-size-12);
    letter-spacing: 2px;
}
.testimonial-slider .nav-mobile {
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    gap: 12px;
}
.testimonial-slider .testimonial-navigation button{
    width: 32px;
    height: 32px;
    background-color: #F4F5F7;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.testimonial-slider .testimonial-navigation button:hover{
    background-color: #f1f1f1;
}
.testimonial-slider .testimonial-navigation button i{
    color: #22222240;
    font-size: 16px;
}
.testimonial-slider .testimonial-navigation button:hover i{
    color: #22222280;
}
@media (min-width: 992px) {
    .fd-testimonial .testimonial-right-wrap .fd-section-title{
        font-size: 48px;
        margin-bottom: 32px;
    }

    .testimonial-slider-wrapper.is-fullwidth .testimonial-slider {
        width: calc(100% + (100vw - 100%) / 2);
        margin-left: calc(-1 * (100vw - 100%) / 2);
    }

    /*.testimonial-slider {*/
    /*    width: 100%;*/
    /*    margin-left: 0;*/
    /*}*/
    /*.is-fullwidth .testimonial-slider {*/
    /*    width: 500px;*/
    /*    max-width: 100%;*/
    /*    margin-left: 0;*/
    /*}*/

    /*.testimonial-slider {*/
    /*    width: calc(100% + (100vw - 100%) / 2);*/
    /*    margin-left: calc(-1 * (100vw - 100%) / 2);*/
    /*}*/
    .testimonial-slider .swiper-slide {
        padding:32px;
    }
    .testimonial-slider .swiper-slide.fd-disable-slide{
        opacity: 0.4;
    }
    .testimonial-slider .nav-desktop {
        align-items: center;
        gap: 16px;
    }
    .fd-testimonial-card{
        border-radius: 24px;
        padding: 24px;
    }
    .fd-testimonial-card .testimonial-header{
        margin-bottom: 22px;
    }
    .fd-testimonial-card .testimonial-header .right-header .testimonial-avatar {
        width: 32px;
        height: 32px;
    }
    .fd-testimonial-card .testimonial-header .right-header p {
        font-size: var(--theme-text-size-16);
    }
    .fd-testimonial-card .testimonial-rating svg{
        width: 20px;
    }
    .fd-testimonial-card .testimonial-text {
        font-size: var(--theme-text-size-14);
        line-height: 28px;
    }
    .fd-testimonial-card .testimonial-bottom .testimonial-author {
        font-size: var(--theme-text-size-14);
    }
    .fd-testimonial-card .testimonial-bottom .testimonial-website {
        font-size: var(--theme-text-size-16);
    }
}
/* Story Widget */
.fd-story-card-wrap{
    position: relative;
    filter: drop-shadow(0 8px 32px rgba(28, 47, 87, 0.1));
}
.fd-story-card {
    position: relative;
    padding: 16px;
    background-color: var(--theme-white-color);
    border: 1px solid #F4F5F7;
    margin-bottom: 24px;
    clip-path: url(#story-clip-small);
    -webkit-clip-path: url(#story-clip-small);

}
.fd-story-card .story-card-image img {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 12px;
}
.fd-story-card .story-card-title {
    display: inline-block;
    color: var(--theme-black-color);
    font-weight: 700;
    margin-bottom: 8px;
}
.fd-story-card .story-excerpt{
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    color: #555555;
    line-height: 24px;
    margin-bottom: 12px;
}
.fd-story-card .story-items{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.fd-story-card .story-items .story-item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color:#22222266;
    background-color: #F4F5F7;
}
.fd-story-card .story-items .story-item:hover{
    color: var(--theme-primary-color);
    background-color: #C52F321A;
}
.fd-story-card .story-card-bottom{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    background: #F4F5F7;
    border-radius: 8px 8px 16px 32px;
    padding: 8px;
}
.fd-story-card .story-card-bottom img{
    width: 65%;
}
.fd-story-card-wrap .fd-story-card-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 20px 0 0;
}
@media (min-width: 480px){
    .fd-story-card {
        clip-path: url(#story-clip-480);
        -webkit-clip-path: url(#story-clip-480);
    }
}
@media (min-width: 768px){
    .fd-story-card {
        clip-path: url(#story-clip-768);
        -webkit-clip-path: url(#story-clip-768);
    }
}
@media (min-width: 992px){
    .fd-story-card {
        clip-path: url(#story-clip-992);
        -webkit-clip-path: url(#story-clip-992);
    }
    .fd-story-card .story-card-image img {
        margin-bottom: 16px;
    }
    .fd-story-card .story-card-title {
        margin-bottom: 16px;
    }
    .fd-story-card .story-excerpt{
        font-size: var(--theme-text-size-14);
        line-height: 28px;
        margin-bottom: 16px;
    }
    .fd-story-card .story-card-bottom img{
        width: 65%;
    }
}
@media (min-width: 1200px) {
    .fd-story-card {
        clip-path: url(#story-clip-lg);
        -webkit-clip-path: url(#story-clip-lg);
    }
}

/* Pricing Widget */
.fd-pricing {
    position: relative;
    /*padding-top: 110px;*/
    min-height: 300px;
}
/*switch */
.fd-pricing-switch{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}
.fd-pricing-switch .pricing-toggle{
    display: flex;
    padding: 4px;
    border-radius: 12px;
    background-color: var(--theme-white-color);
    gap: 8px;
}
.fd-pricing-switch .pricing-toggle button{
    padding: 6px 30px;
    color: #22222280;
    font-weight: 500;
    border-radius: 8px;
}
.fd-pricing-switch .pricing-toggle button.active{
    color: var(--theme-primary-color);
    background-color: #C52F321A;
}
.fd-pricing-switch .pricing-switch-arrow{
    position: absolute;
    bottom: -100%;
    display: flex;
    gap: 10px;
}
.fd-pricing-switch .pricing-switch-arrow span{
    font-weight: 500;
    line-height: 36px;
    color: #55555566;
}
.pricing-switch-arrow svg{
    color: #55555566;
}
/*card style*/
.pricing-card-wrap{
    position: relative;
    margin-bottom: 36px;
    filter: drop-shadow(0 8px 32px rgba(28, 47, 87, 0.1));
}
.fd-pricing-card-inner {
    position: relative;
    background-color: var(--theme-white-color);
    clip-path: url(#pricing-clip-small);
    -webkit-clip-path: url(#pricing-clip-small);
}
.fd-pricing-card{
    padding: 16px;
}
.fd-pricing-card .pricing-card-header{
    display:flex;
    align-items:center;
    gap: 12px;
    margin-bottom: 15px;
}
.fd-pricing-card .pricing-card-header .card-main-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--theme-primary-color);
    background-color: #C52F321A;
    border-radius: 8px;

}
.fd-pricing-card .pricing-card-header .card-main-icon i {
    font-size: 24px;
    display: contents;
}
.fd-pricing-card .pricing-card-header .card-header-title{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.fd-pricing-card .pricing-card-header .card-header-title .card-main-title{
    font-size: var(--theme-text-size-20);
    font-weight: 900;
}
.fd-pricing-card .pricing-card-header .card-header-title .card-header-text{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
}
.fd-pricing-card .pricing-card-items{
    display: flex;
    flex-direction: column;
}
.fd-pricing-card .pricing-card-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
}
.fd-pricing-card .pricing-card-item:not(:last-child){
    border-bottom: 1px solid #1C2F571A;
}
.fd-pricing-card .pricing-card-item .pricing-item-icon {
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}
.fd-pricing-card .pricing-card-item .pricing-item-icon.check{
    background-color: #1BB78033;
    color: var(--theme-green-color);
}
.fd-pricing-card .pricing-card-item .pricing-item-icon.uncheck{
    background-color: #1C2F571A;
    color: #8F949E;
}
.fd-pricing-card .pricing-card-item .pricing-item-icon i {
    width: 14px;
    height: 12px;
    display: contents;
}
.fd-pricing-card .pricing-card-item .pricing-item-text{
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    color: var(--theme-grey-color);
}
.fd-pricing-card .pricing-card-item .pricing-item-text span{
    color:#8B8D93;
}
.fd-pricing-card-inner .fd-pricing-card-bottom{
    padding: 4px;
    width: 80%;
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 60px;
    background: #1C2F57;
    background: linear-gradient(90deg, rgba(28, 47, 87, 0) 0%, rgba(28, 47, 87, 0.1) 100%);
    border-radius: 0 4px 12px 0;
    padding: 8px 48px 8px 8px;
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-duration {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    background-color: var(--theme-white-color);
    padding: 3px 8px;
    border-radius: 4px 4px 8px 4px;
    transform: translateY(-50%) rotate(-90deg);
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    color: #1C2F5780;
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price{
    font-size: var(--theme-text-size-32);
    font-weight: 900;
    line-height: 32px;
    color: var(--theme-primary-color);
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-currency {
    font-size: var(--theme-text-size-12);
    font-weight: 700;
    margin-right: 8px;
    white-space: normal;
    width: 40px;
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price-off{
    display: flex;
    flex-direction: column;
    margin-right: 8px;
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price-off .regular-price {
    font-size: var(--theme-text-size-12);
    font-weight: 500;
    text-decoration: line-through;
    color: #55555580;
    text-decoration-color: currentColor;
}
.fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price-off .off-text{
    font-size: 11px;
    font-weight: 500;
    color: var(--theme-primary-color);
}
.pricing-card-wrap .fd-pricing-btn{
    position: absolute;
    bottom: 4px;
    left: 4px;
}
.fd-story-card-wrap .fd-story-card-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 20px 0 0;
}
@media (min-width: 480px) {
    .fd-pricing-card-inner {
        clip-path: url(#pricing-clip-480);
        -webkit-clip-path: url(#pricing-clip-480);
    }
}
@media (min-width: 768px) {
    .fd-pricing-card-inner {
        clip-path: url(#pricing-clip-768);
        -webkit-clip-path: url(#pricing-clip-768);
    }
}
@media (min-width: 992px) {
    .fd-pricing-card-inner {
        clip-path: url(#pricing-clip-992);
        -webkit-clip-path: url(#pricing-clip-992);
    }
    .fd-pricing-card{
        padding: 32px 32px 12px 32px;
    }
    .fd-pricing-card .pricing-card-header{
        gap: 16px;
    }
    .fd-pricing-card .pricing-card-header .card-main-icon {
        width: 64px;
        height: 64px;
    }
    .fd-pricing-card .pricing-card-header .card-main-icon i {
        font-size: var(--theme-text-size-32);
    }
    .fd-pricing-card .pricing-card-header .card-header-title{
        gap: 8px;
    }
    .fd-pricing-card .pricing-card-header .card-header-title .card-main-title {
        font-size: var(--theme-text-size-24);
    }
    .fd-pricing-card .pricing-card-header .card-header-title .card-header-text {
        font-size: var(--theme-text-size-16);
    }
    .fd-pricing-card .pricing-card-item .pricing-item-text {
        font-size: var(--theme-text-size-14);
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner{
        min-height: 80px;
        border-radius: 0 4px 12px 0;
        padding: 12px 64px 12px 12px;
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-duration {
        right: 11px;
        padding: 3px 11px;
        font-size: var(--theme-text-size-14);
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price {
        font-size: var(--theme-text-size-48);
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-currency {
        font-size: var(--theme-text-size-16);
        margin-right: 12px;
        width: 50px;
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price-off {
        gap: 2px;
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price-off .regular-price, .fd-pricing-card-inner .fd-pricing-card-bottom-inner .plan-price-off .off-text{
        font-size: var(--theme-text-size-14);
    }
}
@media (min-width: 1200px) {
    .fd-pricing-card-inner {
        clip-path: url(#pricing-clip-small);
        -webkit-clip-path: url(#pricing-clip-small);
    }
    .fd-pricing-card-inner .fd-pricing-card-bottom-inner{
        min-height: 80px;
        border-radius: 0 4px 32px 0;
        padding: 12px 64px 12px 12px;
    }
}

/*Widget Filter Plans*/
.fd-accordion-item {
    border: 1px solid #F4F5F7;
    border-radius: 24px;
    margin-bottom: 16px;
    transition: .35s ease;
}
.fd-accordion-item.active {
    border-radius: 16px;
}
.fd-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 16px;
}
.fd-accordion-header .fd-header-right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fd-accordion-header .fd-pb-circle{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1C2F5740;
    flex-shrink: 0;
    box-shadow: 0 0 0 8px rgba(28, 47, 87, 0.1);
    margin-right: 8px;
}
.fd-accordion-item.active .fd-pb-circle{
    background-color: var(--theme-primary-color);
    box-shadow: 0 0 0 8px rgba(197, 47, 50, 0.2);
}
.fd-accordion-header .fd-accordion-title{
    font-size: var(--theme-text-size-20);
    font-weight: 900;
}
.fd-accordion-content .top-text{
    font-size: var(--theme-text-size-14);
    line-height: 24px;
    font-weight: 500;
    color:#22222280;
    padding-bottom: 12px;
    border-bottom: 2px dashed #1C2F571A;
}
.fd-accordion-content {
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}
.fd-accordion-content.open {
    overflow: visible;
    transition: overflow .35s ease;
}
.fd-accordion-inner {
    padding: 16px;
}
/* Switch */
.fd-switch {
    width: 42px;
    height: 24px;
    background: #1C2F571A;
    border-radius: 50px;
    border: none;
    position: relative;
    cursor: pointer;
    transition: .3s;
}
.fd-switch::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 3px;
    right: 3px;
    background: white;
    border-radius: 50%;
    transition: .3s;
    box-shadow: 0 2px 4px 0 rgba(28, 47, 87, 0.1);
}
.fd-switch.active {
    background: var(--theme-primary-color);
}
.fd-switch.active::before {
    transform: translateX(-18px);
}
.fd-accordion-fields {
    margin-top: 24px;
}
.fd-accordion-fields .fd-pb-field{
    margin-bottom: 24px;
}
.fd-pb-field .fd-rec-line{
    background-color: #1C2F571A;
    border-radius: 2px;
    width: 12px;
    height: 6px;
}
.fd-pb-field__label {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    margin-bottom: 8px;
}

/*Radio Button Style*/
.fd-pb-radio-card input[type="radio"], .fd-pb-checkbox-card input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.fd-pb-radio-group {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fd-pb-radio-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    background-color:#1C2F570D;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}
.fd-pb-radio-card span {
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #555555;
    pointer-events: none;
}
.fd-pb-radio-card.is-checked {
    background-color: #C52F321A;
}
.fd-pb-radio-card.is-checked span{
    color: var(--theme-primary-color);
}

/*Checkbox Style*/
.fd-pb-field .fd-pb-checkbox-group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.fd-pb-checkbox-card {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 7px 12px;
    background-color: var(--theme-white-color);
    border: 1px solid #1C2F5740;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    gap: 4px;
}
.fd-pb-checkbox-card.is-checked{
    background-color: #C52F3240;
    border: 1px solid var(--theme-primary-color);
}
.fd-pb-checkbox-card i {
    display: none;
    color: var(--theme-primary-color);
    font-size: 14px;
}
.fd-pb-checkbox-card span {
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    pointer-events: none;
}
.fd-pb-checkbox-card input[type="checkbox"]:checked + i {
    display: inline-block;
}
.fd-pb-checkbox-card input[type="checkbox"]:checked + i + span {
    font-weight: 500;
    color: var(--theme-primary-color);
}

/* dropdown field style */
.fd-pb-dropdown {
    position: relative;
    width: 100%;
    font-size: 14px;
}
.fd-pb-dropdown__toggle {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #1C2F5726;
    border-radius: 8px;
    background: var(--theme-white-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
}
.fd-pb-dropdown__toggle:focus,.fd-pb-dropdown__toggle:hover {
    outline: none;
    border-color: var(--theme-primary-color);
}
.fd-pb-dropdown__arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}
.fd-pb-dropdown__toggle[aria-expanded="true"] .fd-pb-dropdown__arrow {
    transform: rotate(-135deg);
}
.fd-pb-dropdown__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding: 6px 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: all 0.2s ease;
    z-index: 50;
    max-height: 220px;
    overflow-y: auto;
}
.fd-pb-dropdown__menu::-webkit-scrollbar {
    width: 6px;
}
.fd-pb-dropdown__menu::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}
.fd-pb-dropdown__menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.fd-pb-dropdown__item {
    padding: 10px 16px;
    cursor: pointer;
    transition: background 0.15s ease;
}
.fd-pb-dropdown__item:hover {
    background: #f3f4f6;
}
.fd-pb-dropdown__item.is-selected {
    background: #eef2ff;
    color: #4338ca;
    font-weight: 500;
}
.fd-pb-dropdown.has-value .fd-pb-dropdown__toggle {
    border-color: #6366f1;
}

/* range files */
.fd-pb-switch-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fd-pb-range-switch {
    display: inline-block;
    width: 28px;
    height: 17px;
    background: #1C2F571A;
    margin-right: 4px;
    border-radius: 50px;
    border: none;
    position: relative;
    cursor: pointer;
    transition: .3s;
}
.fd-pb-range-switch::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    right: 3px;
    background: white;
    border-radius: 50%;
    transition: .3s;
    box-shadow: 0 2px 4px 0 rgba(28, 47, 87, 0.1);
}
.fd-pb-range-switch.active {
    background: var(--theme-primary-color);
}
.fd-pb-range-switch.active::before {
    transform: translateX(-10px);
}
.fd-pb-range-value {
    direction: ltr;
    display: flex;
    font-size: var(--theme-text-size-12);
    font-weight: 700;
    color: #22222240;
    gap: 2px;
    align-items: flex-end;
}
.fd-pb-range-value .fd-pb-current-value{
    font-size: var(--theme-text-size-16);
    color:#222222;
}
.fd-pb-range-wrapper {
    position: relative;
    margin-top: 10px;
}
.fd-pb-range-track {
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #1C2F571A;
}
.fd-pb-range-fill {
    position: absolute;
    height: 100%;
    background-color: var(--theme-primary-color);;
    width: 0;
    border-radius: 0 4px 4px 0;
}
.fd-pb-range-ticks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fd-pb-range-ticks span {
    width: 2px;
    height: 4px;
    background: var(--theme-white-color);
}
.fd-pb-range-ticks span.active {
    background: var(--theme-primary-color);
}
.fd-pb-range-wrapper input[type="range"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: transparent;
    -webkit-appearance: none;
    cursor: pointer;
}
.fd-pb-range-thumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 24px;
    border-radius: 64px;
    background-color: #B6BCC9;
    border: 2px solid #fff;
    pointer-events: none;
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 4px 0;
    box-sizing: border-box;
}
.fd-pb-range-thumb.active {
    background-color: var(--theme-primary-color);
    box-shadow: 0px 4px 16px 0px rgba(197, 47, 50, 0.5);
}
.fd-pb-range-thumb span {
    width: 1px;
    height: 100%;
    background: #fff;
    display: block;
}
.fd-pb-range-wrapper input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
}
/* Chrome, Safari, Edge */
.fd-pb-range-wrapper input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
}
/* Firefox */
.fd-pb-range-wrapper input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
}
/* IE / Edge Legacy */
.fd-pb-range-wrapper input[type="range"]::-ms-thumb {
    width: 0;
    height: 0;
    opacity: 0;
}

/*Left section*/
.fd-pb-result-title {
    font-size: var(--theme-text-size-20);
    font-weight: 900;
    padding-bottom: 12px;
    border-bottom: 1px solid #1C2F5740;
}
.fd-pb-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-weight: 700;
    padding: 12px 0;
    border-bottom: 1px solid #1C2F571A;
    cursor: pointer;
}
.fd-pb-result-header .fd-pb-result-header-right{
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
}
.fd-pb-result-header-price{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: var(--theme-primary-color);
}
.fd-pb-result-header .fd-pb-circle{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #1C2F5740;
    flex-shrink: 0;
    box-shadow: 0 0 0 6px rgba(28, 47, 87, 0.1);
    margin-right: 6px;
}
.fd-pb-result-item.active .fd-pb-circle{
    background-color: var(--theme-primary-color);
    box-shadow: 0 0 0 6px rgba(197, 47, 50, 0.2);
}
.fd-pb-result-body {
    overflow: hidden;
    height: 0;
    transition: height 0.35s ease;
}
.fd-empty {
    color: #999;
    font-size: 0.875rem;
    padding: 8px 0;
}
.fd-result-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px dashed #1C2F571A;
}
.fd-result-row:last-child{
    margin-bottom: 12px;
}
.fd-pb-result-body .fd-result-key, .fd-pb-result-body .fd-result-value{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
}
.fd-pb-result-body .fd-result-key{
    color: #55555580;
}
.fd-pb-result-body .fd-result-value{
    color:#555555;
}
.fd-pb-final-summary {
    border-radius: 12px;
    background-color: #F4F5F7;
    padding: 16px;
    margin-top: 24px;
}
.fd-pb-summary-title{
    font-weight: 700;
    padding-bottom: 12px;
    border-bottom: 1px solid #1C2F5740;
}
.fd-pb-payment-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px dashed #1C2F571A;
}
.fd-pb-payment-detail:last-child{
    border: none;
}
.fd-pb-payment-detail p{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #55555580;
}
.fd-pb-payment-detail span{
    font-size: var(--theme-text-size-14);
    font-weight: 500;
    color: #555555;
}
.fd-pb-payment-detail p.fd-pb-total{
    font-size: var(--theme-text-size-16);
    color: #555555;
}
.fd-pb-payment-detail span.fd-pb-total{
    font-size: var(--theme-text-size-16);
    font-weight: 700;
    color: #C52F32;
}
#fd-pb-cart-btn {
    margin-top: 16px;
    width: 100%;
}
@media (min-width: 992px){
    .fd-accordion-header{
        padding: 32px;
    }
    .fd-accordion-inner {
        padding: 0 32px 32px;
    }
    .fd-accordion-content .top-text {
        padding-bottom: 20px;
    }
}

/* Archive Styles */
.fd-archive-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 42px;
}
.fd-archive-filter-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: end;
    background-color: #F4F5F7;
    border-radius: 12px;
    padding: 12px;
    gap: 20px;
}
.fd-archive-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 12px;
}
.fd-archive-filter-item {
    width: 100%;
}
.fd-archive-filter-item .fd-dropdown {
    background-color: var(--theme-white-color);
    border-radius: 6px;
    border: none;
    min-width: 140px;
}
.fd-archive-filter-item .fd-dropdown.active {
    box-shadow: 0 0 8px 0 rgba(28, 47, 87, 0.16);
}
.fd-archive-filter-item .fd-dropdown-list{
    padding: 8px;
    box-shadow: 0 0 8px 0 rgba(28, 47, 87, 0.16);
    margin-top:24px;
}
.archive-filter-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}
.archive-filter-dropdown:hover,.archive-filter-dropdown.selected{
     border-radius: 6px;
    background-color: #f5f5f5;
 }
.fd-select-check {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.fd-select-check::before,.fd-select-check::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fd-select-check::before {
    width: 12px;
    height: 12px;
    border: 1px solid #CCCCCC;
}
.archive-filter-dropdown:hover .fd-select-check::before{
    border: 1px solid #EEC1C1;
}
.archive-filter-dropdown:hover .fd-select-check::after,.archive-filter-dropdown.selected .fd-select-check::after {
    width: 8px;
    height: 8px;
    background-color:var(--theme-primary-color);
    transform: translate(-50%, -50%);
}
.fd-archive-filter-wrap .fd-archive-filter-results {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fd-archive-filter-results .archive-result-count, .fd-archive-filter-results .archive-result-reset {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    border-radius: 6px;
    padding: 0 16px;
    background-color: var(--theme-white-color);
}
.fd-archive-filter-results .archive-result-count {
    padding: 0 10px;
    cursor: pointer;
}
.archive-result-count > span {
    background-color: var(--theme-primary-color);
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    color: var(--theme-white-color);
}
.active-filters-details {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(-50%);
    width: max-content;
    background: var(--theme-white-color);
    border: 1px solid #eee;
    border-radius: 8px;
    margin-top: 24px;
    box-shadow: 0 0 8px 0 rgba(28, 47, 87, 0.16);
    padding: 8px;
    flex-direction: column;
    display: none;
    z-index: 20;
}
.active-filters-details .filter-detail-item {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    padding: 14px;
}
.active-filters-details .filter-detail-item:hover{
    background-color:#F4F5F7;
    cursor: pointer;
}
.filter-detail-item-label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.filter-detail-item-label .fd-select-check::before{
    border: 1px solid #EEC1C1;
}
.filter-detail-item-label .fd-select-check::after {
    width: 8px;
    height: 8px;
    background-color: var(--theme-primary-color);
}
.filter-detail-item-label .filter-label{
    color: #BDBDBD;
    font-weight: 500;
    line-height: 16px;
}
.fd-archive-filter-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    gap: 12px;
}
.fd-archive-filter-bottom .archive-post-filter-count {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fd-archive-filter-bottom .archive-post-count, .fd-archive-filter-bottom .archive-current-sorting,.archive-post-summary {
    display: flex;
    align-items: center;
}
.fd-archive-filter-bottom .archive-post-count, .archive-post-summary{
    font-weight: 500;
    color: #555555;
    gap: 4px;
}
.fd-archive-filter-bottom .archive-post-count.disable{
    color: #999999;
}
.archive-post-filter-count .archive-post-summary {
    padding-right: 16px;
    border-right: 1px solid #dfdfdf;
}
.fd-archive-filter-bottom .archive-current-sorting {
    gap: 8px;
}
.archive-post-count span, .archive-post-summary span {
    border: 1px solid #555555;
    border-radius: 4px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fd-archive-filter-bottom .archive-current-sorting p {
    color: #A7A7A7;
}
.fd-archive-filter-bottom .archive-current-sorting span {
    color: #7A7A7A;
}
@media (min-width: 360px) {
    .fd-archive-filter-item {
        flex: 0 0 calc(50% - 6px);
    }
}
@media (min-width: 768px) {
    .fd-archive-filter-wrap {
        justify-content: space-between;
    }
    .fd-archive-filters {
        width: initial;
    }
    .fd-archive-filter-item {
        flex: unset;
        flex-basis: max-content;
    }
    .active-filters-details {
        right: 0;
        left: unset;
        transform: unset;
    }
}
@media (min-width: 992px) {
    .fd-archive-filter-item .fd-dropdown-list{
        width: 300px;
    }
}
@media (min-width: 1200px) {
    .active-filters-details {
        right: unset;
        left: 0;
    }
}

/* Pagination Style */
.fd-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
}
.fd-pagination-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #F4F5F7;
    border-radius: 25px;
    color: #555555;
}
.fd-pagination-btn.disable i{
    color: #D3D3D3;
}
.fd-pagination-list {
    display: flex;
    gap: 12px;
    padding: 0 2px;
    margin: 0 12px;
    max-width: 60vw;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.fd-pagination-list::-webkit-scrollbar {
    display: none;
}
.fd-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-white-color);
    width: 48px;
    height: 48px;
    border: 1px solid #1C2F5740;
    border-radius: 8px;
    flex: 0 0 auto;
}
.fd-pagination-item.current, .fd-pagination-item:hover{
    cursor: pointer;
    border: 1px solid #EEC1C1;
    background-color: #F9EAEA;
}
.fd-pagination-item a{
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.fd-pagination-item.current a, .fd-pagination-item:hover a{
    color: var(--theme-primary-color);
}
@media (min-width: 992px) {
    .fd-pagination-item a{
        font-size: 20px;
        font-weight: 500;
    }
}

/* Authentication Styles */
.auth-wrap {
    border-radius: 24px;
    padding: 24px;
}
.auth-image-wrap {
    background-color: #F4F5F7;
    border-radius: 16px;
    padding: 16px;
}
.fd-auth-text {
    margin-top: 8px;
}
#fd-multi-step-form-wrap {
    margin-top: 32px;
}
.auth-form-fields {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 40px 0 48px;
}
.fd-auth-otp-wrap {
    margin: 40px 0 48px;
}
.contact-form-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.fd-auth-reference {
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 24px 0;
}
.fd-auth-reference p {
    font-size: var(--theme-text-size-16);
    color: #AAAAAA;
}
.fd-auth-link, .fd-auth-reference .fd-auth-link {
    font-size: var(--theme-text-size-16);
    color: var(--theme-primary-color);
}
.fd-auth-link.fd-auth-underline, .fd-auth-reference .fd-auth-link.fd-auth-underline {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.fd-auth-forgot-pass {
    position: absolute;
    font-size: var(--theme-text-size-14);
    bottom: -20px;
    left: 0;
    text-decoration: underline !important;
    text-underline-offset: 5px;
}
p.auth-otp-header {
    font-weight: 800;
    color: var(--theme-primary-color);
}
.fd-auth-otp {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: row-reverse;
}
.fd-auth-otp input {
    font-size: var(--theme-text-size-20);
    text-align: center;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(28, 47, 87, 0.15);
    border-radius: 8px;
}
.fd-auth-otp .otp-input:focus-visible {
    outline: 1px solid var(--theme-primary-color);
    border: unset;
}
.fd-auth-otp .otp-input:focus {
    caret-color: var(--theme-primary-color);
}
.auth-image-wrap img {
    width: 100%;
}
img.auth-bottom-logo {
    width: 64px;
    height: 64px;
    opacity: 0.05;
    display: block;
    margin-right: auto;
    margin-left: 0;
}
@media (min-width: 1200px) {
    .auth-right-wrap {
        padding: 56px 54px 0 30px;
    }
    .auth-container {
        width: 1140px;
    }
    #fd-multi-step-form-wrap {
        margin-top: 64px;
    }
    img.auth-bottom-logo {
        width: 128px;
        height: 128px;
    }
}
/* Error Page styles */
.fd-error-image-wrap{
    text-align: center;
}
.fd-error-image-wrap .fd-error-image {
    width: 100%;
}
.fd-error-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.fd-error-bottom .fd-error-buttons{
    display: flex;
    gap: 16px;
}
.fd-error-bottom .fd-error-buttons .fd-btn {
    padding: 0 30px;
    height: 36px;
}
@media (min-width: 992px){
    .fd-error-image-wrap .fd-error-image {
        width: 800px;
        height: 800px;
    }
    .fd-error-text{
        font-size: var(--theme-text-size-20);
    }
    .fd-error-bottom .fd-error-buttons .fd-btn {
        padding: 0 30px;
        height: 50px;
    }
}