.ufo--page-hero,
    .ufo-sec--projectgrid {
        --h1Font: "Montserrat";
        --h1Color: #020C30;
        --h1Weight: 900;
        --h1Style: normal;
        

            --h1Size: 34px;
            --h1Height: 42px;
        --h2Font: "Montserrat";
        --h2Color: #020C30;
        --h2Weight: 600;
        --h2Style: normal;
        

            --h2Size: 25px;
            --h2Height: 34px;
        --p1Font: "Montserrat";
        --p1Color: #666666;
        --p1Weight: 300;
        --p1Style: normal;
        

            --p1Size: 16px;
            --p1Height: 21px;
        --projectTitleFont: "Montserrat";
        --projectTitleColor: #292B3D !important;
        --projectTitleWeight: bold;
        --projectTitleStyle: normal;
        

        --projectSubTitleFont: "Montserrat";
        --projectSubTitleColor: #282a2b !important;
        --projectSubTitleWeight: 300;
        --projectSubTitleStyle: normal;
        

        --buttonFont: "Montserrat";
        --buttonColor: #020C30;
        --buttonWeight: 300;
        --buttonStyle: normal;
        --borderColor: #020C30;

            --buttonSize: 16px;
            --buttonHeight: 21px;
        --pageTitleFont: "Montserrat";
        --pageTitleColor: #000000;
        --pageTitleWeight: 900;
        --pageTitleStyle: italic;
        

            --pageTitleSize: 45px;
            --pageTitleHeight: 50px;

            --projectTitleSize: 20px;
            --projectTitleHeight: 23px;
            --projectSubTitleSize: 16px;
            --projectSubTitleHeight: 19px;
        }




            .ufo-sec--projectgrid .project-title {
                --projectTitleColor: #292B3D !important;
            }

            .ufo-sec--projectgrid .project-subtitle {
                --projectSubTitleColor: #282a2b !important;
            }


            .profile-footer {
                --buttonFont: Montserrat;
                --buttonColor: #020C30;
                --buttonSize: 14px;
            }



                .ufo-sec--projectgrid .project-title {
                    --h2Color: #020C30;
                }



                .ufo-sec--projectgrid .project-subtitle {
                    --p1Color: #000000;
                }



    @media (min-width: 768px) {
        .ufo--page-hero,
        .ufo-sec--projectgrid {
            --h1Size: 48px;
            --h1Height: 60px;
            --h2Size: 36px;
            --h2Height: 48px;
            --p1Size: 18px;
            --p1Height: 24px;
            --projectTitleSize: 36px;
            --projectTitleHeight: 48px;
            --projectSubTitleSize: 18px;
            --projectSubTitleHeight: 24px;
            --buttonSize: 14px;
            --buttonHeight: 24px;
            --pageTitleSize: 64px;
            --pageTitleHeight: 71px;
        }
    }

            @media (min-width: 1025px) {
                .ufo-sec--projectgrid .project-title {
                    color: var(--projectTitleColor);
                }
            }
            @media (min-width: 1025px) {
                .ufo-sec--projectgrid .project-subtitle {
                    color: var(--projectSubTitleColor);
                }
            }

            .ufo--about-page .ufo--about-header .back {
                --p1Color: #666666;
            }
            .ufo--about-page .about-title .about-title-container,
            .ufo--about-page .about-title .about-title-container .title,
            .ufo--about-page .ufo--about-header .back {
            --h1Font: "Montserrat";
            --h1Color: #000000;
            --h1Weight: 900;
            --h1Style: italic;
            --h1Size: 45px;
            --h1Height: 50px;
            }
            @media (min-width: 768px) {
                .ufo--about-page .about-title .about-title-container,
                .ufo--about-page .about-title .about-title-container .title {
                    --h1Size: 64px;
                    --h1Height: 71px;
                }
            }

        .ufo--page-hero,
        .ufo--user-projects-list,
        .ufo--page-hero .ufo--page-hero-text,
        .ufo--about-page,
        .profile-footer-content,
        .theme_seven .profile-view-nav {
            --hoverColor: #58A5C6;
        }
            .theme_seven .ufo--page-links a:hover {
                --borderColor: #58A5C6;
                color: #58A5C6;
            }

        body,
        .ufo--portfolio-page {
            --bgColor: #FFFFFF;
        }

    .ufo--case-study-container,
    .ufo--about-header .about-title .title {
        --h1Font: "Montserrat";
        --h1Color: #020C30;
        --h1Weight: 900;
        --h1Style: normal;

            --h1Size: 24px;
                --h1Height: 29px;
        --h2Font: "Montserrat";
        --h2Color: #020C30;
        --h2Weight: 900;
        --h2Style: normal;

            --h2Size: 25px;
                --h2Height: 34px;
        --h3Font: "Montserrat";
        --h3Color: #020C30;
        --h3Weight: normal;
        --h3Style: normal;

            --h3Size: 17px;
                --h3Height: 25px;
        --h4Font: "Montserrat";
        --h4Color: #020C30;
        --h4Weight: normal;
        --h4Style: normal;

            --h4Size: 16px;
                --h4Height: 21px;
        --p1Font: "Montserrat";
        --p1Color: #000000;
        --p1Weight: normal;
        --p1Style: normal;

            --p1Size: 16px;
                --p1Height: 1.5; 
        --p2Font: "Montserrat";
        --p2Color: #586165;
        --p2Weight: normal;
        --p2Style: italic;

            --p2Size: 16px;
                --p2Height: 1.5; 
            --accentColor: #58A5C6;
            --hoverColor: #58A5C6;
    }

    @media (min-width: 576px) {
        .ufo--about-header .about-title .title {
            --h3Size: 25px;
            --h3Height: 28px;
            --p1Size: 18px;
            --p1Height: 21px;
        }
    }

    @media (min-width: 768px) {
        .ufo--case-study-container,
        .ufo--about-header .about-title .title {
            --h1Size: 60px;
            --h1Height: 72px;
            --h2Size: 36px;
            --h2Height: 48px;
            --h3Size: 24px;
            --h3Height: 36px;
            --h4Size: 18px;
            --h4Height: 30px;
            --p1Size: 16px;
            --p1Height: 24px;
            --p2Size: 14px;
            --p2Height: 18px;
        }
    }



    .ufo-sec,
    .ufo--about-header .about-title .title,
    .profile-page .project .project-name .project-title,
    .profile-page .project .project-name .project-subtitle
 {
        --h1Font: "Montserrat";
        --h1Color: #020C30;
        --h1Weight: 900;
        --h1Style: normal;

            --h1Size: 24px;
                --h1Height: 29px;
        --h2Font: "Montserrat";
        --h2Color: #020C30;
        --h2Weight: 900;
        --h2Style: normal;

            --h2Size: 25px;
                --h2Height: 34px;
        --h3Font: "Montserrat";
        --h3Color: #020C30;
        --h3Weight: normal;
        --h3Style: normal;

            --h3Size: 17px;
                --h3Height: 25px;
        --h4Font: "Montserrat";
        --h4Color: #020C30;
        --h4Weight: normal;
        --h4Style: normal;

            --h4Size: 16px;
                --h4Height: 21px;
        --p1Font: "Montserrat";
        --p1Color: #000000;
        --p1Weight: normal;
        --p1Style: normal;

            --p1Size: 16px;
                --p1Height: 1.5; 
        --p2Font: "Montserrat";
        --p2Color: #586165;
        --p2Weight: normal;
        --p2Style: italic;

            --p2Size: 16px;
                --p2Height: 1.5; 
        --accentColor: #58A5C6;
        --hoverColor: #58A5C6;
    }

    @media (min-width: 576px) {
        .ufo--about-header .about-title .title,
        .profile-page .project .project-name .project-title,
        .profile-page .project .project-name .project-subtitle
 {
            --h3Size: 25px;
            --h3Height: 28px;
            --p1Size: 18px;
            --p1Height: 21px;
        }
    }

    @media (min-width: 768px) {
        .ufo-sec,
        .ufo--about-header .about-title .title,
        .profile-page .project .project-name .project-title,
        .profile-page .project .project-name .project-subtitle
 {
            --h1Size: 60px;
            --h1Height: 72px;
            --h2Size: 36px;
            --h2Height: 48px;
            --h3Size: 24px;
            --h3Height: 36px;
            --h4Size: 18px;
            --h4Height: 30px;
            --p1Size: 16px;
            --p1Height: 24px;
            --p2Size: 14px;
            --p2Height: 18px;
        }
    }



        .ufo--cta-btn-wr .btn--cta {
            --ctaBgColor: #67ADCB;
            --ctaButtonSize: 18px;
            --ctaButtonFont: Montserrat;
            --ctaButtonColor: #FFFFFF;
            --ctaButtonHeight: 24px;
            --ctaButtonWeight: bold;
            --ctaButtonStyle: normal;

        }