/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/




.nttip {
    min-width: 500px !important;
    justify-content: center;
    text-align: center;
    display: flex !important;
}

.clients_map {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

p.map_text {
    text-align: center !important;
}


img.map_logo {
    max-width: 80px !important;
    margin: 5px;
    max-height: 60px;
}

#footer-outer a:hover {
    color: unset !important;
}

.clients img {
    max-height: 60px;
    max-width: 100px;
}

.cgltabs .tab-item a span {
    line-height: 1.4;
    font-size: 2em !important;
    font-family: Urbanist;
}

p {
    text-align: justify !important;
}

/* 
.cgltabs .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
    border: 1px solid var(--wp--preset--color--cyan-bluish-gray);
    border-radius: 6px;
    padding: 20px;

}


.cgltabs .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li .active-tab {
    box-shadow: none;
    border: none;
}

.cgltabs .tabbed>ul li:hover,
.cgltabs body .wpb_content_element .wpb_tabs_nav li:hover {
    background-color: #00adef !important;
    border-radius: 6px;
    border: none;
}

.cgltabs .tabbed>ul li:hover span {
    color: white;
} */
/* Base styles for the tabs */
.wpb_tabs_nav.ui-tabs-nav li.tab-item {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #2b3588 0%, #00adef 100%);
    opacity: 0.9;
    border-bottom: 0px;
    /* border-radius: 6px; */
}

/* Base styles for links */
.wpb_tabs_nav.ui-tabs-nav li.tab-item a {
    display: block;
    text-align: center;
    padding: 50px;
    color: white;
    text-decoration: none;
    position: relative;
    z-index: 2;
    /* Place text above the overlay */
}

/* Styling for the <span> text */
.wpb_tabs_nav.ui-tabs-nav li.tab-item a span {
    position: relative;
    /* Keeps span above the pseudo-element */
    z-index: 3;
    /* Higher than the pseudo-element and the <a> */
}

/* Background image with overlay for the first tab */
.wpb_tabs_nav.ui-tabs-nav li.tab-item:nth-child(1) a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cgl-consultores.brandit.ws/wp-content/uploads/2024/08/pexels-fauxels-3182834-scaled.jpg');
    background-size: cover;
    background-position: center;
    filter: brightness(20%);
    opacity: 0.8;
    transition: all 0.3s ease;
    z-index: 1;
    /* Place behind the text */
}

/* Background image with overlay for the second tab */
.wpb_tabs_nav.ui-tabs-nav li.tab-item:nth-child(2) a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cgl-consultores.brandit.ws/wp-content/uploads/2024/08/Artboard-2-copy-10@72x-100.jpg');
    background-size: cover;
    background-position: center;
    filter: brightness(20%);
    opacity: 0.8;
    transition: all 0.3s ease;
    z-index: 1;
}

/* Background image with overlay for the third tab */
.wpb_tabs_nav.ui-tabs-nav li.tab-item:nth-child(3) a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cgl-consultores.brandit.ws/wp-content/uploads/2024/08/Artboard-2-copy-11@72x-100.jpg');
    background-size: cover;
    background-position: center;
    filter: brightness(20%);
    opacity: 0.8;
    transition: all 0.3s ease;
    z-index: 1;
}

/* Hover effect: Lighten the image and increase opacity */
.wpb_tabs_nav.ui-tabs-nav li.tab-item a:hover::before {
    opacity: 0.4;
    transform: scale(1.05);
    /* Slight zoom effect */
}

/* Active tab styling */
.wpb_tabs_nav.ui-tabs-nav li.tab-item a.active-tab::before {
    opacity: 0.4;
}

.tabbed[data-style="minimal_flexible"] .wpb_tabs_nav {
    margin-bottom: 0px;
}

.tabbed[data-style="minimal_flexible"] .wpb_tabs_nav>li a.active-tab:after {
    content: '\f0d8';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 100px;
    color: white;
    z-index: 14;
    height: 0;
    transition: all 0.3s ease;
}

.row-com-border {
    background-color: #ffffff !important;
    border-radius: 0px 0px 20px 20px !important;
}