/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Import Open Sans font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

/* Apply Open Sans globally to entire theme */
* {
  font-family: 'Open Sans', sans-serif !important;
}

body,
p,
span,
div,
a,
li,
ul,
ol,
td,
th,
input,
textarea,
select,
button,
label {
  font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif !important;
}

/* Ensure header and mega menu use Open Sans */
.header__global,
.header__global *,
.header__mega-menu,
.header__mega-menu * {
  font-family: 'Open Sans', sans-serif !important;
}

/* Remove hover effects from service cards without links */
.service-cards-item:not(.service-cards-link) {
  cursor: default !important;
  pointer-events: none;
}

.service-cards-item:not(.service-cards-link) * {
  pointer-events: none;
}

/* Only cards with links should have hover effects */
.service-cards-item {
  transition: none !important;
}

.service-cards-item.service-cards-link {
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

footer a:hover {text-decoration: none; !important;}


/* //////////////////Case-study-post///////////////////// */

.case_study_post h3{
  font-size: 40px;
  font-weight:600;
  line-height: 1.2;
  margin-top:10px;
}

.case_study_post h4{
  font-weight:600;
}

.case_study_post h5{
  font-weight:600;
  line-height:1.4;
}

@media(max-width:1200px){
  .case_study_post h3{
    font-size: 30px;
  }
}

@media(max-width:500px){
  h1{
    font-size: 35px;
  }

  h2 {
    font-size: 32px;
  }
}