/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */
















/* 1g. Site header */


/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */
















.content-wrapper,
.page-center,
.dnd-section > .row-fluid {
  max-width: 1100px;
}


.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 48px;
}


@media(max-width:767px){
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: 24.0px;
  }
    a.link-ac-dd { height: 48px; display: block; }
    p.tutoring-hi-wi-dd { height: 45px; display: flex; align-items: center; }
}






body {
  font-size: 1.6rem;
  color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  font-weight: 400;
  font-family: Open Sans,sans-serif;
}



/* Anchors */

a {
  color: #27aae1;
}

a:hover,
a:focus {
  color: #27AAE1;
}

/* Headings */

h1 {
  font-family: Open Sans,sans-serif;
  font-size: 3.5em;
  color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  font-weight: 800;
  
  /* Remove o espaço extra no topo e embaixo para alinhar como um parágrafo */
  margin-top: 0 !important;
  padding-top: 0 !important;
  
  /* Ajusta o espaçamento entre linhas para ser mais compacto, 
     evitando que a "caixa" do texto o empurre para baixo */
  line-height: 1.2 !important; 
  
  /* Se quiser que o espaço de baixo também seja igual ao de um parágrafo: */
  margin-bottom: 1rem !important; 
}

h2 {
  font-family: Open Sans,sans-serif;
  font-size: 2.8em;
  color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  font-weight: 800;
  
  /* Remove o espaço extra no topo e embaixo */
  margin-top: 0 !important;
  padding-top: 0 !important;
  
  /* Deixa a caixa do texto justa para não empurrar outros elementos */
  line-height: 1.2 !important;
  
  /* Espaço de baixo igual ao de um parágrafo padrão */
  margin-bottom: 1rem !important;
}

h3 {
  font-family: Open Sans,sans-serif;
  font-size: 1.8em;
  color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  font-weight: 800;
}


h4 {
  font-family: Open Sans,sans-serif;
  font-size: 1.6em;
  color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  font-weight: 800;
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
}

h5 {
  font-family: Open Sans,sans-serif;
  font-size: 1.5em;
  color: 

  
  
    
  


  rgba(4, 172, 236, 1.0)

;
  font-weight: 800;
    
    /* Remove o espaço extra no topo e embaixo */
  margin-top: 0 !important;
  padding-top: 0 !important;
  
  /* Deixa a caixa do texto justa para não empurrar outros elementos */
  line-height: 1.2 !important;
  
  /* Espaço de baixo igual ao de um parágrafo padrão */
  margin-bottom: 1rem !important;
}

h6 {
  font-family: Open Sans,sans-serif;
  font-size: 1em;
  color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  font-weight: 400;
}


/* Impede que palavras sejam cortadas ao meio em todos os títulos */
h1, h2, h3, h4, h5, h6 {
  word-break: normal !important; /* Evita quebra forçada de letras */
  overflow-wrap: normal !important; /* Garante comportamento padrão de palavras inteiras */
  hyphens: none !important;        /* Desliga hifenização automática */
}





.button{
  background-color: 

  
  
    
  


  rgba(255, 141, 71, 1.0)

;
  border: 0px solid #ff8d47;
  border-radius: 3px;
  color: #ffffff;
  padding: 12px 24px;
}

.button:hover,
.button:focus {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(255, 141, 71, 1.0);
  color: #ffffff;
}

.button:active {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(255, 141, 71, 1.0);
  color: #ffffff;
}






/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #33475b;
}

/* Form label */

form .hs-form-field > label,
form .field > label{
  color: #33475b;
  font-family: Open Sans,sans-serif;
}

/* Form help text */

form legend {
  color: #333333;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: rgba(245, 248, 250,1.0);
  border-color: rgba(203, 214, 226,1.0);
  color: rgba(51, 71, 91,1.0);
  font-family: Open Sans,sans-serif;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: rgba(115, 184, 239,1.0);
}

/* Form placeholder text */


/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #293C6A;
}

.fn-date-picker td .pika-button:hover {
  background-color: #293C6A !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #293C6A;
}

/* Submit button */

form input[type=submit],
form .hs-button,
.button, button{
  border: 0px solid;
  background-color: rgba(255, 141, 71, 1.0);
  border-color: rgba(255, 141, 71, 1.0);
  border-radius: 3px;
  color: rgba(255, 255, 255, 1.0);
  padding: 12px 24px;
  font-family: Open Sans,sans-serif;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
.button:hover, button:focus{
  border: 0px solid;
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(255, 141, 71, 1.0);
  color: #ffffff;
}

form input[type=submit]:active,
form .hs-button:active,
.button:active, button:active{
  border: 0px solid;
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(255, 141, 71, 1.0);
  color: #ffffff;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #293C6A;
}

th,
td {
  border-color: #293C6A;
  color: #293C6A;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(41, 60, 106, 1.0)

;
  border-bottom-color: #293C6A;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #293C6A;
}





@media (min-width: 1150px){
  header.header{
    background-color:rgba(255, 255, 255, 0.0);
  }

  .scroll-header header.header {
    background-color:rgba(255, 255, 255, 1.0);
  }


  .des_menu ul.submenu.level-1>li>a>span{
    color:rgba(255, 255, 255, 1.0);
  }


  .des_menu ul.submenu.level-1>li>a>span:hover{
    color:rgba(255, 255, 255, 1.0);
  }

  .scroll-header .des_menu ul.submenu.level-1>li>a>span{
    color:rgba(41, 60, 106, 1.0);
  }

  .scroll-header .des_menu ul.submenu.level-1>li>a>span:hover{
    color:rgba(41, 58, 104, 1.0);
  }

}






.des_menu ul.submenu.level-1>li.active-branch ~ li >a.active-branch{
  background-color:rgba(255, 255, 255, 1.0);
}

.des_menu ul.submenu.level-1>li>a.active-item,
.des_menu ul.submenu.level-1>li>a.active-branch{
  color:rgba(255, 255, 255, 1.0);
  background-color:rgba(255, 255, 255, 1.0);
}


.des_menu ul ul{
  background-color:rgba(255, 255, 255, 1.0);
}



.des_menu ul ul li a {
  color:rgba(41, 60, 106, 1.0);
}

.des_menu ul ul li:hover > a {
  color:rgba(41, 58, 104, 1.0);
  background-color:rgba(255, 255, 255, 1.0);
}

.des_menu  ul ul li a.active-item,
.des_menu  ul ul li a.active-branch{
  color:rgba(41, 58, 104, 1.0);
  background-color:rgba(255, 255, 255, 1.0);
}




.mob_menu ul.submenu.level-1{
  background-color:rgba(41, 60, 106, 1.0);
}


.mob_menu ul.submenu.level-1>li>a{
  color:rgba(255, 255, 255, 1.0);
}

.mob_menu ul.submenu.level-1>li>a:hover{
  color:rgba(2, 176, 243, 1.0);

}

.mob_cntnt .cloned-btn .cta_button{
  color:rgba(255, 255, 255, 1.0);
  border-color:rgba(255, 255, 255, 1.0);

}

.mob_cntnt .cloned-btn .cta_button:hover{
  color:rgba(2, 176, 243, 1.0);
  border-color:rgba(2, 176, 243, 1.0);

}









.otr_ftr{
  background-color:rgba(41, 58, 104, 1.0);

}

.ftr_cl.ftr_cl4 p{
  color:rgba(255, 255, 255, 1.0);
}

.ftr_cl ul.submenu.level-1>li:not(:first-child)>a{
  color:rgba(245, 245, 245, 1.0);
}

.ftr_cl ul.submenu.level-1>li:not(:first-child)>a:hover{
  color:rgba(245, 245, 245, 1.0);
}



.ftr_cl ul.submenu.level-1>li:first-child>a,
.ftr_cl.ftr_cl4 h6{
  color:rgba(4, 172, 236, 1.0);
}


.ftr_cl.ftr_cl4 .ftr_btn a{
  background-color:rgba(2, 176, 243, 1.0);
  color:rgba(255, 255, 255, 1.0);
}

.ftr_cl.ftr_cl4 .ftr_btn a:hover{
  background-color:rgba(122, 202, 255, 1.0);
}





form#email-prefs-form h1 {
  font-family: Lato;
  font-weight: 400;
  color: #293C6A;
}
form#email-prefs-form h2 {
  font-family: Merriweather;
  font-weight: 400;
  color: #293C6A;
}
p.header {
  color: #293C6A;
}











/* --- FINAL FIX for Landing Page Footer Black Box --- */
/* You were right. This rule targets the .footer class directly, but only
   on landing pages, and makes its background transparent. */

.hs-landing-page .footer {
    background: transparent !important;
}

/* --- Final Footer Logo Positioning --- */
.ftr_logo {
  padding-right: 20px; 
  align-self: flex-start; /* Aligns the logo to the top */
}

/* --- Custom Footer Font Size Adjustments --- */

/* This rule targets the main category titles (e.g., "SERVICES") */
.footer .ftr_cl ul.submenu.level-1 > li:first-child > a {
    font-size: 17px !important; /* Adjust this value as needed */
    font-weight: 800 !important;
}

/* This rule targets the sub-item links (e.g., "Tutoring & Test Prep") */
.footer .ftr_cl ul.submenu.level-1 > li:not(:first-child) > a {
    font-size: 15px !important; /* Adjust this value as needed */
    line-height: 1.8 !important; /* Optional: Increases space between lines */
}

/* --- Custom Footer Subscribe Text Styles --- */

/* This targets the "Subscribe To Our Blog" title */
.footer .ftr_cl4 h6 {
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* This targets the paragraph text below the title */
.footer .ftr_cl4 p {
    font-size: 15px !important;
}

/* --- Custom Footer Button Spacing --- */

/* This rule targets the second button inside the .ftr_btn container
   and adds a 10px space to its left. */
.footer .ftr_btn a + a {
    margin-left: 10px !important;
}

#hs_cos_wrapper_widget_1764256991579,
#hs_cos_wrapper_widget_1764256991579 * {
  font-family: "Open Sans", sans-serif !important;
}
/* --- FINAL, CLEANED FOOTER STYLES --- */

/* 1. Main Container: Blue background and padding */
.otr_ftr {
  background-color: #293B69;
  padding: 60px 40px;
}

/* 2. Main Footer Grid */
.footer {
  display: flex;
  flex-wrap: wrap; /* Allows columns to wrap on smaller screens */
  gap: 20px; /* Space between columns */
}
.ftr_cl {
  flex: 1; /* Allows columns to grow and shrink */
  min-width: 200px; /* Prevents columns from getting too squished */
}

/* 3. Logo Column */
.ftr_logo {
  flex-grow: 0; /* Prevents the logo column from growing */
  flex-basis: 100px; /* Sets the initial width */
}
.ftr_logo img {
  max-width: 100%;
  height: auto;
}

/* 4. Fourth Column (Social and Legal) */
.ftr_cl4 {
  flex-basis: 300px; /* Give this column a bit more width */
}

/* 5. Social Media Section */
.ftr_social h6 {
  font-size: 17px !important;
  font-weight: 800 !important;
  margin-bottom: 15px;
}
.ftr_social .hs-social-follow a {
  color: white !important;
  font-size: 24px !important;
  margin-right: 15px !important;
  text-decoration: none !important;
}

/* 6. Legal & Disclaimer Section */
.footer-bottom-area {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
}
.footer-legal-content p {
  color: #a0a0a0 !important;
  font-size: 13px !important;
  line-height: 1.6;
  margin-bottom: 10px;
}
.footer-legal-content .legal-links a {
  color: #ffffff !important;
  text-decoration: none;
}
/* --- FINAL, CLEANED FOOTER STYLES --- */

/* 1. Main Container: Blue background and padding */
.otr_ftr {
  background-color: #293B69;
  padding: 60px 40px;
}

/* 2. Main Footer Grid */
.footer {
  display: flex;
  flex-wrap: wrap; /* Allows columns to wrap on smaller screens */
  gap: 20px; /* Space between columns */
}
.ftr_cl {
  flex: 1; /* Allows columns to grow and shrink */
  min-width: 200px; /* Prevents columns from getting too squished */
}

/* 3. Logo Column */
.ftr_logo {
  flex-grow: 0; /* Prevents the logo column from growing */
  flex-basis: 100px; /* Sets the initial width */
}
.ftr_logo img {
  max-width: 100%;
  height: auto;
}

/* 4. Fourth Column (Social and Legal) */
.ftr_cl4 {
  flex-basis: 300px; /* Give this column a bit more width */
}

/* 5. Social Media Section */
.ftr_social h6 {
  font-size: 17px !important;
  font-weight: 800 !important;
  margin-bottom: 15px;
}
.ftr_social .hs-social-follow a {
  color: white !important;
  font-size: 24px !important;
  margin-right: 15px !important;
  text-decoration: none !important;
}

/* 6. Legal & Disclaimer Section */
.footer-bottom-area {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
}
.footer-legal-content p {
  color: #a0a0a0 !important;
  font-size: 13px !important;
  line-height: 1.6;
  margin-bottom: 10px;
}
.footer-legal-content .legal-links a {
  color: #ffffff !important;
  text-decoration: none;
}

/*
==========================================================================
// --- STRUCTURAL FIX: Pushes Footer to the Bottom of the Page --- //
==========================================================================
*/

/* This targets the main wrapper of your entire website */
.body-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Makes the wrapper at least as tall as the browser window */
}

/* This targets the main content area (everything EXCEPT the header and footer) */
main.body-container-wrapper {
  flex-grow: 1; /* This is the magic: it tells the main content to grow and push the footer down */
}

/*
==========================================================================
// --- ESTILO FINAL E CORRETO DO FOOTER (COM LAYOUT FLEXÍVEL) --- //
==========================================================================
*/

/* 1. Container Principal */
.otr_ftr {
  background-color: #293B69;
  padding: 60px 40px;
  width: 100%;
  box-sizing: border-box; /* Garante que o padding não cause problemas de largura */
}

/* 2. Grid Principal do Footer */
.footer {
  display: flex;
  flex-wrap: nowrap; /* Impede que as colunas quebrem para a linha de baixo */
  gap: 40px; /* Espaço entre as colunas */
}

/* 3. Colunas Individuais do Footer */
.ftr_cl {
  flex-shrink: 1; /* Permite que as colunas encolham se necessário */
  flex-basis: 0;  /* Distribui o espaço de forma mais uniforme */
}

/* 4. Coluna do Logo */
.ftr_logo {
  flex-grow: 0.5; /* Dá um pouco mais de prioridade de espaço */
  min-width: 150px;
}
.ftr_logo img {
  max-width: 100px; /* Controla o tamanho da imagem do logo */
  height: auto;
}

/* 5. Colunas do Menu */
.ftr_nav1, .ftr_nav2, .ftr_nav3 {
  flex-grow: 1; /* Permite que cresçam para preencher o espaço */
}

/* 6. Coluna Final (Social & Legal) */
.ftr_cl4 {
  flex-grow: 1.5; /* Dá um pouco mais de espaço para esta coluna mais larga */
  min-width: 280px;
}

/* 7. Seção "Follow Us" */
.ftr_social h6 {
  font-size: 16px !important;
  font-weight: bold !important;
  margin-bottom: 15px;
}
.ftr_social .hs-social-follow a {
  color: white !important;
  font-size: 22px !important;
  margin-right: 20px !important;
}

/* 8. Seção Legal & Disclaimer */
.footer-bottom-area {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
}
.footer-legal-content p,
.footer-legal-content a {
  font-size: 12px !important;
  color: #cccccc !important;
  margin-bottom: 12px;
  line-height: 1.6;
  text-decoration: none;
}
.footer-legal-content a:hover {
  text-decoration: underline;
}

/* 9. Media Query para telas menores onde a quebra é necessária */
@media (max-width: 1200px) {
  .footer {
    flex-wrap: wrap; /* Permite a quebra APENAS em telas menores */
  }
}

/* --- FIX: Overlapping FAQ Title on Mobile --- */

@media (max-width: 1700px) {
  /* This rule targets the FAQ title you identified, but only on small screens. */
  .kohorta-faqs__question {
    /* This reduces the font size to prevent overlapping.
       You can adjust the '20px' value down if needed (e.g., to 18px). */
    font-size: 30px !important;

    /* These are safety rules to ensure proper spacing and wrapping. */
    letter-spacing: normal !important;
    line-height: 1.1 !important;
  }
}

/* --- Custom Mobile Heading Size for Content Boxes --- */

@media (max-width: 1100px) {
  /* This rule targets the H4 headings ONLY inside your specific
     ".dew_content_boxes" module, and ONLY on mobile screens. */
  .dew_content_boxes h4 {
    font-size: 28px !important; /* Adjust this value up or down as needed */
    line-height: 1.3 !important; /* Improves readability */
  }
}

/*
==========================================================================
// --- FINAL FIX: Override Grid Layout for "Ambition with Heart" Module --- //
==========================================================================
*/

/* This media query targets all screens from tablet size downwards */
@media (max-width: 761px) {

  /* We target the specific module by its unique ID.
     Instead of changing the display, we are now directly overriding
     the grid template itself. */
  #module_17588437189793.atlas-cards-grid {
    
    /* This is the magic: it destroys the multi-column grid and
       forces a single-column layout. */
    grid-template-columns: 1fr !important;
  }
  
}
/*
==========================================================================
// --- FINAL FIX: Neutralize Global Opacity Hover on Resource Cards --- //
==========================================================================
*/

/* This rule targets the links that act as cards, but ONLY inside the unique ID
   of your specific resource center module. It forces the opacity to remain
   at 1 (fully opaque) when hovered, canceling out the global a:hover rule. */

#resource-centerDirectory_widget_1769188777096 .all_post_rc:hover {
    opacity: 1 !important;
}
/*
==========================================================================
// --- FINAL FIX: Force "Open Sans" on All Text Within the Animated Tabs Module --- //
==========================================================================
*/

/* This rule targets the specific module container and EVERYTHING inside it (*).
   It forcefully applies the "Open Sans" font family to all text elements within that module. */
.animated_tabs_with_content_container,
.animated_tabs_with_content_container * {
    font-family: "Open Sans", sans-serif !important;
}
/*
==========================================================================
// --- FIX: Neutralize Global Opacity Hover on Activity Listing Grid --- //
==========================================================================
*/

/* This rule targets the links that act as cards, but ONLY inside the
   .activity-listing-grid container. It forces the opacity to remain
   at 1 (fully opaque) when hovered, canceling out the global a:hover rule. */

.activity-listing-grid a:hover {
    opacity: 1 !important;
}
/*
==========================================================================
// --- FIX: Change Background Color of Activity Listing Hover Box --- //
==========================================================================
*/

/* This rule uses the exact selector you found to target the description box
   and forcefully overrides its background color. */
.activity-listing .activity-listing-card .activity-listing-card-inner {
    background: #293B69 !important; /* Your brand's dark blue */
}
/* --- FIX: Force Title Container Visibility on Mobile --- */

@media (max-width: 991px) {
  
  /* 1. Force the CONTAINER of the title to be visible */
  .activity-listing .activity-listing-card-title {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    
    /* Reset any movement effects that might be pushing it off screen */
    transform: none !important; 
    
    /* Ensure it sits on top of the image */
    position: relative !important; 
    z-index: 100 !important;
  }

  /* 2. Ensure the text inside is White */
  .activity-listing .activity-listing-card-title h3 {
    color: #FFFFFF !important;
  }
}

/* --- FIX: Force Activity Title to Desktop Size on Mobile --- */

@media (max-width: 991px) {
  .activity-listing .activity-listing-card-title h3 {
    font-size: 30px !important;    /* Force back to Desktop size */
    line-height: 1.1em !important; /* Keep the desktop line spacing */
  }
}
/* --- FIX: Add Spacing to Activity Description Text ONLY --- */

/* 1. Reset the container so the image touches the edges (removes the thick border) */
.activity-listing .activity-listing-card .activity-listing-card-inner {
    padding: 0 !important;
}

/* 2. Add spacing specifically to the text paragraph inside */
.activity-listing .activity-listing-card .activity-listing-card-inner p {
    padding-bottom: 15px !important; /* Space at the bottom */
}

/* ==========================================================================
   DEFINITIVE FIX: Sliding Panels (Guiding Principles)
   Matches working desktop logic + Safari Spacing Fix
   ========================================================================== */

@media (max-width: 1024px) {
  
  /* 1. Use your working stack logic */
  .sliding_panels {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }

  /* 2. Use your working card sizing logic */
  .sliding_panels > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important; /* Changed to '0 0 auto' to stop Safari stretching */
    margin-bottom: 15px !important;
    height: auto !important; 
    min-height: 400px !important;
    display: block !important;
    position: relative !important;
  }

  /* 3. Ensure text containers are visible and forced to top */
  .sliding_panels .panel_content, 
  .sliding_panels .panel_text {
    width: 100% !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    display: block !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 4. REMOVE THE EXTRA MARGIN (The Safari Spacing Fix) */
  .sliding_panels h3 {
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* Tightens the gap below title */
    line-height: 1.2 !important;
    display: block !important;
  }

  .sliding_panels p {
    margin-top: 0 !important;    /* Kills the extra space above the description */
    padding-top: 0 !important;
    line-height: 1.5 !important;
    display: block !important;
  }
}

/* --- Esconder o botão de Autoplay (Splide) mantendo a função ativa --- */

/* Esconde o botão físico de play/pause */
.splide__toggle {
    display: none !important;
}

/* Esconde o container de controles caso ele adicione algum espaço extra */
.splide__controls {
    display: none !important;
}

/* --- GLOBAL: Desativar links em TODOS os módulos Advanced Text Pro --- */

/* 1. Alvo: qualquer div cujo nome da classe CONTENHA "advanced-text-pro-wood" */
div[class*="advanced-text-pro-wood"] a {
    pointer-events: none !important; /* Mata o clique */
    cursor: default !important;      /* Remove a mãozinha */
    text-decoration: none !important; /* Remove sublinhados */
    color: inherit !important;        /* Mantém a cor original do texto */
}

/* 2. Caso o hover seja aplicado ao container e não ao link diretamente */
div[class*="advanced-text-pro-wood"] {
    cursor: default !important;
}

/* 3. Garantia para o elemento específico que você mandou (shape-container) */
div[class*="shape-container"] {
    pointer-events: none !important;
}

.price-comparison__pricing-table-item.active {
    border: 1px solid #ffffff !important;
    border-color: #ffffff !important;
}

==========================================================================
// --- FINAL FIX: Neutralize Global Opacity Hover on Resource Cards --- //
==========================================================================
*/

/* This rule targets the links that act as cards, but ONLY inside the unique ID
   of your specific resource center module. It forces the opacity to remain
   at 1 (fully opaque) when hovered, canceling out the global a:hover rule. */

#resource-centerDirectory_widget_1769188777096 .all_post_rc:hover {
    opacity: 1 !important;
}

/* ==========================================================================
   FIX DEFINITIVO: Corrigir largura e transparência do Submenu
   ========================================================================== */

/* 1. Força o container do submenu a se ajustar ao tamanho do texto (sem cortar) */
.des_menu ul.submenu.level-1 li ul.submenu.level-2 {
    width: auto !important;
    min-width: 280px !important; /* Aumentamos o mínimo para caber nomes longos */
    max-width: 450px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; /* Sombra para destacar do banner */
}

/* 2. Garante que os links ocupem toda a largura do box e fiquem BRANCOS no hover */
.des_menu ul.submenu.level-2 li a {
    width: 100% !important;
    display: block !important;
    white-space: nowrap !important; /* Impede que o texto quebre em duas linhas */
}

/* 3. NEUTRALIZA a transparência global apenas aqui dentro */
.des_menu ul.submenu.level-2 li a:hover,
.des_menu ul.submenu.level-2 li a:focus {
    background-color: #ffffff !important; /* Mantém branco sólido no hover */
    opacity: 1 !important;
    filter: none !important;
}

/* 4. Opcional: Adiciona um efeito de destaque cinza bem leve ao passar o mouse */
.des_menu ul.submenu.level-2 li a:hover {
    background-color: #f8f9fa !important;
}