/* Color Group 1: Dark Teal/Secondary Color - Used for Text and Borders (Replaces #20304f) */
.color-gray a,
.case-studies-portfolio .options .filters li a,
.secondary-color-dark,
body h4,
body h6,
.content-block .button:hover i,
.block-content .button:hover i,
.btn-green-outline,
header .navbar-nav .dropdown-menu li a,
.experienced-team .block-content h2,
.experienced-team .block-content .btn-primary-outline,
.news .content-block h2,
.news .content-block .btn-primary-outline,
#sidebar .icon.icon-Search,
#sidebar ul.menu-sidebar li a,
.company-overview h2.underline-primary,
.our-partners .block-content .btn-primary-outline,
.tab-content .name,
.insides .normal,
.increase-rofitability-text h4,
.map-tab-area ul li a,
.our-clients h2,
.nav-tabs>li>a {
    /* GRADIENT CHANGE for Text: Dark Teal */
    background-image: linear-gradient(to right, #00505a, #00656e);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Color Group 1: Dark Teal/Secondary Color - Used for Backgrounds and Borders (Replaces #20304f) */
.secondary-bg-dark,
.options .filters li a.active,
.case-studies-portfolio .options .filters li a.active,
.secondary-bg-dark,
.btn-secondary-outline:hover,
.download,
.footer {
    /* GRADIENT CHANGE for Backgrounds: Dark Teal */
    background-image: linear-gradient(to right, #00505a, #00656e);
    background-color: transparent;
}
.btn-secondary-outline {
    /* Border kept solid Dark Teal */
    border-color: #00505a;
}

/* Color Group 2: Medium Teal - Used for Backgrounds (Replaces #2a4068) */
.btn-secondary,
.btn-green:hover,
.options,
#main .conclusion .normal span,
.btn-primary:hover {
    /* GRADIENT CHANGE for Backgrounds: Medium Teal */
    background-image: linear-gradient(to right, #007a82, #009099);
    background-color: transparent;
}

/* Color Group 3: Very Dark Teal Background - Used for Backgrounds (Replaces #162440) */
.grid,
.portfolio,
.news-letter2 .form-control,
.news-letter2 .input-group-btn,
.news-letter2 .input-group-btn .btn-default,
.copyright {
    /* GRADIENT CHANGE for Backgrounds: Very Dark Teal */
    background-image: linear-gradient(to bottom, #004047, #00505a);
    background-color: transparent;
}
.options .filters li a:after {
    /* Keeps the border triangle solid Very Dark Teal */
    border-color: transparent transparent #004047 transparent;
}
.squre_wrap .square-menu ul li {
    /* GRADIENT CHANGE for Backgrounds: Dark Teal to Darker */
    background-image: linear-gradient(to top, #00505a, #004047);
    background-color: transparent;
}

/* Color Group 4: Primary/Red Color (#f3525a) - Used for Text (UNCHANGED) */
.primary-color,
header .navbar-nav li:hover>a,
header .navbar-nav li.active>a,
header .navbar-nav .dropdown-menu li:hover>a,
.nav-tabs>li.active>a,
#main .post-meta span.icon,
#main .post-text .block-quote,
.about_author .content i,
.block-comments .comment .comment-meta .reply,
#sidebar .post .date span,
#sidebar .testimonial span.h_small,
#sidebar .brochures .caps_normal .fa,
.submission_requirments p a,
.year_list label,
.year_list span,
.testimonial .content span,
.single-team-member .caps_small,
.social-link li i,
.team-member-contact-info .contact-info li i,
.protfolio-single #main span.normal,
#sidebar ul.menu-sidebar li a:hover,
.news-letter2 .input-group-btn .btn-default i,
.home-banner.home-banner-col3 .square-menu ul li span i {
    background-image: linear-gradient(to right, #f3525a, #ff636c);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Color Group 4: Primary/Red Color (#f3525a) - Used for Backgrounds and Borders (UNCHANGED) */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.team-member-slider .owl-nav div,
.post-list-slider .owl-nav div,
.slider-item-list .owl-nav div {
    background-image: linear-gradient(to right, #f3525a, #ff636c) !important;
    background-color: transparent !important;
}
.btn-primary,
.btn-secondary:hover,
header .navbar-nav li:after,
.post-pagination ul li a.active,
.post-pagination ul li a:hover,
.primary-bg,
.underline-primary:after,
.underline_bold:after,
.underline_small:after,
.border-title::after,
.square-menu ul li:hover,
#sidebar .help,
.squre_wrap .square-menu ul li:hover,
.year_list span,
.service-single .accordion_wrap h4:after,
.area-of-expertise h4:after,
.service-single .squre_wrap h4:after,
.insides h4:after,
.education-training h4::after,
.education-training ul li span::after,
.area-of-expertise ul li span::after,
.protfolio-single #main span.normal::after,
.dark-primary-bg,
.btn-primary-outline:hover,
.career .figures-block .invested,
.home-banner.home-banner-col3 .square-menu .know-more,
.home-banner-col3 .square-menu ul li:hover .btn-hover,
.page-wrapper-green .about-section .ewt {
    background-image: linear-gradient(to right, #f3525a, #ff636c);
    background-color: transparent;
}
.post-pagination ul li a,
.nav-tabs>li.active,
#sidebar .testimonial img,
.testimonial img,
.quote-text blockquote,
.service-single .post-text .block-quote,
.expertise-icon,
.btn-primary-outline,
.dropdown-menu,
#sidebar ul.menu-sidebar li.active,
#sidebar ul.menu-sidebar li:hover,
.panel-heading,
#main .post-text .block-quote,
.primary-header .dropdown-menu {
    border-color: #f3525a !important;
}


/* Grays and Other Colors */
.lead,.normal,.our-clients,.testimonials .smaller,.post p.caps_normal,.tab-content p,.year_list .data p{
    color: #004047; /* Set body text to Very Dark Teal for consistency */
}
.bg_gray,#sidebar ul.menu-sidebar li,.squre_wrap,.nav-tabs>li,.tab-content,.tab-content>.tab-pane,.faqs .panel-body,.overview .panel-default>.panel-heading+.panel-collapse>.panel-body,.quote-text blockquote,header .navbar-nav .dropdown-menu li:hover>a,#main .post-text .pool-quote,.pagination,.about_author,.comments-and-replay,.block-comments,.faqs .panel-body{
    background-color:#f5f5f5
}
.faqs .panel-heading{
    background-color:#e5e3e3
}
.testimonial-content:after{
    border-color:transparent transparent transparent #f5f5f5
}
.color_blue,.color_blue a{
    /* GRADIENT CHANGE for Text: Dark Teal */
    background-image: linear-gradient(to right, #00505a, #00656e);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.is-sticky .navbar,.primary-header .is-sticky .navbar,.bg_dark_blue .is-sticky .navbar,.help a,#sidebar .brochures,.navbar-header .secondary-color-dark,.bg_dark_blue{
    /* GRADIENT CHANGE for Backgrounds: Dark Teal */
    background-image: linear-gradient(to right, #00505a, #004047);
    background-color: transparent;
}
.normal_gray,.pagination .caps_small,.about_author .content .caps_small,.quantity li span{
    color:#aaa
}
.light_gray{
    color:#d5d5d5
}
.lighter_gray{
    color:#e6e6e6
}
.leave-a-reply form,.service-single .post-text .block-quote,#main h1,#main .post-text,.pagination,.about_author .content .normal,#main .block-comments h4,.block-comments .comment .content{
    border-color:#d5d5d5
}
.tags a,#sidebar .icon.icon-Search,#sidebar input.form-control,.contact-form .archive select{
    background-color:#e6e6e6
}
.input-group-addon,#sidebar input.form-control:focus,.leave-a-reply form input:focus,.leave-a-reply form textarea:focus{
    border-color:#e6e6e6
}

/* Tertiary Colors (UNCHANGED) */
header.primary-header .navbar-nav li:hover>a,header.primary-header .navbar-nav li.active>a,header.primary-header .navbar-nav .dropdown-menu li:hover>a{
    background-image: linear-gradient(to right, #80ba26, #90cb36);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.feature h4 a:hover,.orange{
    background-image: linear-gradient(to right, #f97f3c, #ff904d);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.home-banner-col3 .square-menu ul li:hover .btn-hover{
    background-image: linear-gradient(to right, #f97f3c, #ff904d);
    background-color: transparent;
}
.page-wrapper-green .about-section .invested{
    background-image: linear-gradient(to right, #649d0c, #74ad1c);
    background-color: transparent;
}