:root {
    --tp-ff-body: "DM Sans", sans-serif;
    --tp-ff-heading: "Plus Jakarta Sans", sans-serif;
    --tp-ff-p: "DM Sans", sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    --tp-common-white: #ffffff;
    --tp-common-black: #0d1a60;
    /* transformado de #12062c */
    --tp-common-gray: #6d6c71;
    --tp-common-gray1: #eaedfe;
    --tp-common-gray2: #f4f4f4;
    --tp-common-gray3: #ebebeb;
    --tp-common-gray4: #f5f8ff;
    --tp-heading-primary: #0d1a60;
    /* transformado de #12062c */
    --tp-heading-1: #03bfad;
    --tp-heading-2: #212e44;
    --tp-heading-3: #ff3f79;
    --tp-heading-4: #76e885;
    --tp-heading-5: #0f0f0f;
    --tp-grey-1: #F6F7F9;
    --tp-grey-2: #f5f5ff;
    --tp-grey-3: #dadada;
    --tp-grey-4: #e8e8e8;
    --tp-grey-5: #f2f2ff;
    --tp-grey-6: #e5e5e5;
    --tp-grey-7: #e7e7f1;
    --tp-grey-8: #e8e7ea;
    --tp-grey-9: #ffe9ef;
    --tp-grey-10: #e7e7e7;
    --tp-grey-11: #ccccce;
    --tp-grey-12: #e2dfe7;
    --tp-grey-13: #f7f7f7;
    --tp-grey-14: #e6ebff;
    --tp-grey-15: #dee9f6;
    --tp-grey-16: #f0f0f0;
    --tp-grey-17: #d3d6db;
    --tp-grey-18: #9a9797;
    --tp-grey-19: #bbc7e6;
    /* transformado */
    --tp-grey-20: #f2edeb;
    --tp-grey-21: #a8b0df;
    /* transformado */
    --tp-grey-22: #fbf8ff;
    --tp-grey-23: #f4f5f7;
    --tp-grey-24: #c2ccf2;
    /* transformado */
    --tp-grey-25: #918ea4;
    --tp-grey-26: #fff7f3;
    --tp-text-body: #67677a;
    --tp-text-p: #767A7D;
    --tp-text-li: #c2c4c2;
    --tp-text-skill: #000000;
    --tp-text-1: #dde4f7;
    --tp-text-2: #6a6a6a;
    --tp-text-3: #a09baa;
    --tp-text-4: #55585B;
    --tp-text-5: #A3A5A7;
    --tp-text-6: #8d91a2;
    --tp-text-7: #7b84c8;
    /* transformado */
    --tp-text-8: #0d1a60;
    /* transformado de #12062c */
    --tp-text-9: #271b40;
    --tp-text-10: #767676;
    --tp-text-11: #0f0d1d;
    --tp-text-12: #a1a1a1;
    --tp-text-13: #00a393;
    --tp-text-14: #667ef2;
    /* transformado */
    --tp-text-15: #6c7bed;
    /* transformado */
    --tp-text-16: #2e3d4f;
    --tp-text-17: #51c107;
    --tp-text-18: #0e0927;
    --tp-text-19: #4a60e0;
    /* transformado */
    --tp-text-20: #ddd;
    --tp-text-21: #12e8d4;
    --tp-text-22: #5b6ddf;
    /* transformado */
    --tp-text-23: #676776;
    --tp-text-24: #768ef5;
    /* transformado */
    --tp-text-25: #13072d;
    --tp-text-26: #3e3e59;
    --tp-text-27: #f4d5de;
    --tp-theme-primary: #667ef2;
    /* transformado */
    --tp-border-primary: #fff;
    --tp-border-secondary: #667ef2;
    /* transformado */
    --tp-border-1: #ebebeb;
    --tp-border-2: #d4dbe3;
    --tp-border-3: #e0e0e0;
    --tp-border-4: #d8d5d5;

    --tp-green-light: #76e885;
    --tp-green: #16eb45;
    --tp-green-dark: #2b8337;
    --tp-green-dark-2: #063b0d;
}

#header-sticky {
    background-color: #212121;
}

.tp-header-top {
    background-color: #454545;
}

.logo>a>img {
    height: 88px;
}

.tp-header-btn.green {
    background-color: var(--tp-green-dark);
    color: var(--tp-common-white);
}

.tp-header-btn.green:hover {
    color: var(--tp-common-white);
}

.tp-header-btn.green::before {
    background-color: var(--tp-green-dark);
}

.tp-header-btn.green::after {
    background-color: var(--tp-green-dark-2);
}

.tp-header-btn {
    background-color: var(--tp-theme-primary);
}

.tp-header-btn::before {
    background-color: var(--tp-theme-primary);
}

.tp-header-btn::after {
    background-color: var(--tp-heading-primary);
}

.main-menu>nav>ul>li a {
    color: var(--tp-common-gray2);

}

.main-menu>nav>ul>li:not(:last-child) {
    margin: 0px;
}

.main-menu>nav>ul>li>a {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 18pt;
}

.tp-header-button span {
    font-size: 14pt;
}

.main-menu>nav>ul>li:hover>a {
    color: var(--tp-common-white);
    background-color: var(--tp-theme-primary);
}

.main-menu>nav>ul:not(:hover)>li.active>a {
    color: var(--tp-common-white);
    background-color: #454545;
}

.tp-header-top-menu ul li.active a {
    color: var(--tp-common-white);
}

.main-menu>nav>ul li.active .submenu:not(:hover)>li.active>a {
    color: var(--tp-theme-primary);
    margin-left: 10px;
}

.main-menu>nav>ul li.active .submenu:not(:hover)>li.active>a::before {
    width: 10px;
}

.tp-main-menu-mobile>.tp-main-menu-content {
    margin-top: 72px !important;
}

.tp-price-list ul li small {
    color: #888;
    font-size: .6em;
    display: block;
    margin: 0;
    line-height: 0;
}