:root {

    

    

    /* 
        
        - color lists based on lightness (1-5)
        - color lists based on darkness (5-1)
    */

    --theme-color-1:#2D3142;
    --theme-color-1-rgb:45, 49, 66;
    --theme-color-1-text: #FFFFFF;
    --theme-color-1-text-rgb: 255, 255, 255;

    --theme-color-2:#4F5D75;
    --theme-color-2-rgb: 79, 93, 117;
    --theme-color-2-text: #000000;
    --theme-color-2-text-rgb: 0, 0, 0;

    --theme-color-3:#BFC0C0;
    --theme-color-3-rgb:191, 192, 192;
    --theme-color-3-text: #000000;
    --theme-color-3-text-rgb: 0, 0, 0;

    --theme-color-4:#FFFFFF;
    --theme-color-4-rgb:255, 255, 255;
    --theme-color-4-text: #000000;
    --theme-color-4-text-rgb: 0, 0, 0;

    --theme-color-5:#EF8354;
    --theme-color-5-rgb:239, 131, 84;
    --theme-color-5-text:#000000;
    --theme-color-5-text-rgb:0, 0, 0;

    --nav-bar-z-index: 999;
    --nav-bar-bg-color: var(--theme-color-5);
    --nav-bar-brand-color: var(--theme-color-5-text);
    --nav-bar-link-color: var(--theme-color-5-text);
    --nav-bar-link-hover-color: var(--theme-color-1-text);
    --nav-bar-color-white: var(--theme-color-1-text);
    
    /*
    --nav-bar-bg-custom-inside: var(--theme-color-1);
    --nav-bar-bg-custom-inside-text-color: var(--theme-color-1-text);
    --nav-bar-bg-custom-active-inside: var(--theme-color-3);
    --nav-bar-bg-custom-active-inside-text-color: var(--theme-color-3-text);
    */

    --nav-color-bg: #fff;
    --nav-color: #333;
    --nav-font: var(--bs-body-font-family);
    --nav-hover-color: #007bff;
    --nav-dropdown-background-color: #fff;
    --nav-dropdown-color: #333;
    --nav-dropdown-hover-color: #007bff;
    --nav-submenu-icon-size: 1.2rem;

    

    }

    body {
        font-family: var(--bs-body-font-family) !important;
        
    }

        .header-bg {
        background: var(--nav-color-bg);
    }
    /* 
        Top info navbar   
        This file contains the styles for the top info navbar section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .generic_header_top_info_navbar {
        background: var(--theme-color-1);
        color: var(--theme-color-1-text);
    }

    .header-top .header-info-left ul {
        margin: 0;
        padding: 0;
    }
    .header-top .header-info-left ul li {
        display: inline-block;
        margin-right: 15px;
        font-size: 14px;
        border-right: 1px solid var(--theme-color-1-text);
        padding: 13px 15px 12px 0;
        font-size: 16px;
        font-weight: 500;
    }

    .header-top .header-info-right ul {
        margin: 0;
        padding: 0;
    }
        
    .header-top .header-info-right ul li {
        display: inline-block;
        margin-right: 15px;
        font-size: 14px;
        border-right: 1px solid var(--theme-color-1-text);
        padding: 13px 15px 12px 0;
        font-size: 16px;
        font-weight: 500;
    }
    /*  **********
        End of top info header navebar styles
    ********** */

    /* 
        Top navbar  menu
        This file contains the styles for the top  navbar section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */

    .top_navigation {
        background: var(--nav-color-bg);
        padding: 1rem 0;
    }

    .top_navigation a {
        
    }
    
    .top_navigation .navbar-toggler {
        color: var(--theme-color-5-text) !important;
        background-color: transparent;
        border: var(--bs-border-width) solid var(--theme-color-5-text);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }
        
    .top_navigation .navbar-brand  {
        color: var(--theme-color-5-text);
    }

    .top_navigation .bg-custom {
        background: var(--nav-bar-bg-custom-inside);
    }

    .top_navigation .bg-custom a {
        color: var(--nav-bar-bg-custom-inside-text-color) !important;
    }

    .top_navigation .bg-custom-active {
        background: var(--nav-bar-bg-custom-active-inside);
    }

    .top_navigation .bg-custom-active a {
        color: var(--nav-bar-bg-custom-active-inside-text-color) !important;
    }

    /*  **********
        End of top navebar menu styles
    ********** */

    .generic_headers {
       
    }

    .generic_headers .bg-custom {
       
    }

    .generic_page_title_style {
       
    }

    .generic_page_title_style .bg-custom {
        
    }

    .sectionTitle {
        
    }
    
    .sectionDesc {
        
    }


    .sectionSubTitle {
       
    }
    
    /* 
        headers   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .headers {
    }

    .headers .sectionTitle {

    }

    .headers .sectionSubTitle {
            
    }

    .headers .sectionDesc{

    }
    .headers .sectionFeatureImage {

    }


    .headers .sectionSubItemTitle  {

    }

    .headers .sectionSubItemSubTitle {
            
    }

    .headers .sectionSubItemDesc{

    }

    .headers .sectionSubItemFeatureImage {

    }
    /*  **********
        End of headers styles
    ********** */
    /* 
        features_or_services   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .features_or_services {
    }

    .features_or_services .sectionTitle {

    }

    .features_or_services .sectionSubTitle {
            
    }

    .features_or_services .sectionDesc{

    }
    .features_or_services .sectionFeatureImage {

    }


    .features_or_services .sectionSubItemTitle  {

    }

    .features_or_services .sectionSubItemSubTitle {
            
    }

    .features_or_services .sectionSubItemDesc{

    }

    .features_or_services .sectionSubItemFeatureImage {

    }
    /*  **********
        End of features_or_services styles
    ********** */
    /* 
        how_does_works   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .how_does_works {
    }

    .how_does_works .sectionTitle {

    }

    .how_does_works .sectionSubTitle {
            
    }

    .how_does_works .sectionDesc{

    }
    .how_does_works .sectionFeatureImage {

    }


    .how_does_works .sectionSubItemTitle  {

    }

    .how_does_works .sectionSubItemSubTitle {
            
    }

    .how_does_works .sectionSubItemDesc{

    }

    .how_does_works .sectionSubItemFeatureImage {

    }
    /*  **********
        End of how_does_works styles
    ********** */
    /* 
        portfolio_or_projects   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .portfolio_or_projects {
    }

    .portfolio_or_projects .sectionTitle {

    }

    .portfolio_or_projects .sectionSubTitle {
            
    }

    .portfolio_or_projects .sectionDesc{

    }
    .portfolio_or_projects .sectionFeatureImage {

    }


    .portfolio_or_projects .sectionSubItemTitle  {

    }

    .portfolio_or_projects .sectionSubItemSubTitle {
            
    }

    .portfolio_or_projects .sectionSubItemDesc{

    }

    .portfolio_or_projects .sectionSubItemFeatureImage {

    }
    /*  **********
        End of portfolio_or_projects styles
    ********** */

    /* 
        cta   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .cta {
    }

    .cta .sectionTitle {

    }

    .cta .sectionSubTitle {
            
    }

    .cta .sectionDesc{

    }
    .cta .sectionFeatureImage {

    }


    .cta .sectionSubItemTitle  {

    }

    .cta .sectionSubItemSubTitle {
            
    }

    .cta .sectionSubItemDesc{

    }

    .cta .sectionSubItemFeatureImage {

    }
    /*  **********
        End of cta styles
    ********** */

    /* 
        testimonials_or_reviews   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .testimonials_or_reviews {
    }

    .testimonials_or_reviews .sectionTitle {

    }

    .testimonials_or_reviews .sectionSubTitle {
            
    }

    .testimonials_or_reviews .sectionDesc{

    }
    .testimonials_or_reviews .sectionFeatureImage {

    }


    .testimonials_or_reviews .sectionSubItemTitle  {

    }

    .testimonials_or_reviews .sectionSubItemSubTitle {
            
    }

    .testimonials_or_reviews .sectionSubItemDesc{

    }

    .testimonials_or_reviews .sectionSubItemFeatureImage {

    }
    /*  **********
        End of testimonials_or_reviews styles
    ********** */

    /* 
        tabs   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .tabs {
    }

    .tabs .sectionTitle {

    }

    .tabs .sectionSubTitle {
            
    }

    .tabs .sectionDesc{

    }
    .tabs .sectionFeatureImage {

    }


    .tabs .sectionSubItemTitle  {

    }

    .tabs .sectionSubItemSubTitle {
            
    }

    .tabs .sectionSubItemDesc{

    }

    .tabs .sectionSubItemFeatureImage {

    }
    /*  **********
        End of tabs styles
    ********** */

    /* 
        faq   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .faq {
    }

    .faq .sectionTitle {

    }

    .faq .sectionSubTitle {
            
    }

    .faq .sectionDesc{

    }
    .faq .sectionFeatureImage {

    }


    .faq .sectionSubItemTitle  {

    }

    .faq .sectionSubItemSubTitle {
            
    }

    .faq .sectionSubItemDesc{

    }

    .faq .sectionSubItemFeatureImage {

    }
    /*  **********
        End of faq styles
    ********** */

    /* 
        logo_clouds_stats   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .logo_clouds_stats {
    }

    .logo_clouds_stats .sectionTitle {

    }

    .logo_clouds_stats .sectionSubTitle {
            
    }

    .logo_clouds_stats .sectionDesc{

    }
    .logo_clouds_stats .sectionFeatureImage {

    }


    .logo_clouds_stats .sectionSubItemTitle  {

    }

    .logo_clouds_stats .sectionSubItemSubTitle {
            
    }

    .logo_clouds_stats .sectionSubItemDesc{

    }

    .logo_clouds_stats .sectionSubItemFeatureImage {

    }
    /*  **********
        End of logo_clouds_stats styles
    ********** */

    /* 
        about_or_contacts   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .about_or_contacts {
    }

    .about_or_contacts .sectionTitle {

    }

    .about_or_contacts .sectionSubTitle {
            
    }

    .about_or_contacts .sectionDesc{

    }
    .about_or_contacts .sectionFeatureImage {

    }


    .about_or_contacts .sectionSubItemTitle  {

    }

    .about_or_contacts .sectionSubItemSubTitle {
            
    }

    .about_or_contacts .sectionSubItemDesc{

    }

    .about_or_contacts .sectionSubItemFeatureImage {

    }
    /*  **********
        End of about_or_contacts styles
    ********** */
    

    /* 
        generic_website_footer   
        This file contains the styles for the footer section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .generic_website_footer {
       
    }

    .generic_website_footer .bg-secondary-custom {
        
    }

    .generic_website_footer .bg-secondary-custom a  {
        
    }

    .generic_website_footer .sectionTitle {

    }

    .generic_website_footer .sectionSubTitle {
            
    }

    .generic_website_footer .sectionDesc{
        font-size: 1rem;
    }
    .generic_website_footer .sectionFeatureImage {

    }


    .generic_website_footer .sectionSubItemTitle  {

    }

    .generic_website_footer .sectionSubItemSubTitle {
            
    }

    .generic_website_footer .sectionSubItemDesc{

    }

    .generic_website_footer .sectionSubItemFeatureImage {

    }
    /*  **********
        End of generic_website_footer styles
    ********** */