/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
:root{
  --primary-color: #00AEEF;
  --secondary-color: #1F8EFA;
  --accent-color: #5E91A8;
  --background-color: #f6f6f6;
  --text-color: #333333;
  --font-family: 'Poppins', sans-serif;
}

.tab-wrapper {
    font-family: 'Poppins', sans-serif;
  }
  
  .tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }
  
  .tab {
    padding: 8px 16px;
    border: none;
    background-color: #f2f2f2;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .tab.active {
    background-color: #00AEEF;
    color: white;
  }
  
  .bubble-content-wrapper {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 30px;
    position: relative;
  }
  
  .bubble-content-wrapper::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 40px;
    width: 40px;
    height: 20px;
    background: #f6f6f6;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }
  
  .bubble-content {
    display: block;
  }
  
  .hidden {
    display: none;
  }
  
/*
Header Styling
 */
.header-contact-us .elementor-icon-box-content h3,.header-contact-us .elementor-icon-box-content p{
  margin-top: 0 !important;
}
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before{
  border-color: var(--primary-color) !important;
}
/*
End of Header Styling
 */

/*
Footer Styling
 */
#footer-nav{
  border: none !important;
}
/*
End of Footer Styling
 */
.gem-testimonial-wrapper{
  padding-bottom:60px !important;    /* space for 40px pad-top + 63px icon */
}
/* 1️⃣ Make the slide a flex container */
.gem-testimonials .gem-testimonial-item{
  display:flex;          /* enables flexbox */
  align-items:center;    /* vertical centring */
  height:100%;           /* take the 177 px (or whatever) height
                            that the carousel writes inline */
}

/* 2️⃣ Let the wrapper auto-centre inside the flexbox */
.gem-testimonial-wrapper{
  margin:auto;           /* optional – keeps it perfectly centred
                            even if we later tweak justify-content */
}