{% require_css %}
<style>
  .cthings-module * { color:;  } 
  .cthings-module {  }
  .cthings-module .cthingsservice { max-width:1480px;box-shadow: 0px 10px 30px 0px #393DAF24; background:;  padding:81px 70px 104px; border-radius:12px; }  
  .cthings-module .cthings-module h2 { font-size:46px; line-height:1.2; margin-bottom:112px; }
  .cthings-module .cthingsservice .dis-flex { margin-left:-38px; margin-right:-38px; margin-bottom:-38px; }
  .cthings-module .cthings-items { width:33.33%; padding-left:38px; padding-right:38px; padding-bottom:38px; }
  .cthings-module { overflow:hidden; }
  .cthings-module .cthingsservice{ position:relative; z-index:3; }
  .cthings-module:before { content: ''; position: absolute; top:1px; left: 0; background: ; height: 59%; width: 100%;z-index:1; }
  .cthings-module:after { content: ''; position: absolute; bottom: 0; left: 0; background: #262951; height: 41%; width: 100% ;z-index:1; }
  .cthings-module h4 { margin-bottom:8px; margin-top:8px; }
  .cthings-module h4 a { color:#fff; font-weight:700; }
  .cthings-module h4 a:hover { text-decoration:none; }
  .cthings-module .detail-content p{ font-size:16px; line-height:1.5; }
  
  /* Force override with maximum specificity and !important */
  .cthings-module .cthingsservice .dis-flex.cthings-row--two { 
    display: flex !important;
    flex-wrap: nowrap !important; 
    justify-content: center;
    margin-left: -38px !important;
    margin-right: -38px !important;
    margin: 38px 0 0 !important;
    @media(max-width:991px){  
      flex-wrap: wrap !important; 
      flex-direction: column;
    }}
  
  .cthings-module .cthingsservice .dis-flex.cthings-row--one { 
    display: flex !important;
    flex-wrap: nowrap !important; 
    margin-left: -38px !important;
    margin-right: -38px !important;
    margin-bottom: 0 !important;
  }
  
  /* Alternative approach - target the specific classes */
  .cthings-module .cthings-row--two {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-left: -38px !important;
    margin-right: -38px !important;
    margin-bottom: 38px !important;
  }
  
  .cthings-module .cthings-row--one {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-left: -38px !important;
    margin-right: -38px !important;
    margin-bottom: 0 !important;
  }
  
  /* Force element widths for second row */
  .cthings-module .cthings-row--two .cthings-items { 
/*     width: 50% !important;  */
/*     flex: 0 0 50% !important; */
/*     max-width: 50% !important; */
    padding-left: 38px !important;
    padding-right: 38px !important;
    padding-bottom: 38px !important;
  }
  
  /* Force element widths for third row */
  .cthings-module .cthings-row--one .cthings-items { 
/*     width: 50% !important; 
    flex: 0 0 50% !important;
    max-width: 50% !important; */
    margin: 0 auto !important;
/*     padding-left: 38px !important; */
/*     padding-right: 38px !important; */
/*     padding-bottom: 38px !important; */
  }
  
  /* Additional specificity for second row */
  .cthings-module .cthingsservice .dis-flex.cthings-row--two .cthings-items {
/*     width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important; */
/*     padding-left: 38px !important; */
/*     padding-right: 38px !important; */
/*     padding-bottom: 38px !important; */
  }
  
  /* Additional specificity for third row */
  .cthings-module .cthingsservice .dis-flex.cthings-row--one .cthings-items {
/*     width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important; */
    margin: 0 auto !important;
/*     padding-left: 38px !important; */
/*     padding-right: 38px !important; */
/*     padding-bottom: 38px !important; */
  }
  
  /* Conductor as background image */
  .cthings-module .cthings-conductor-bg {
    display: flex;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    z-index: -1 !important;
    padding: 0 38px !important;
  }
  
  .cthings-module .cthings-conductor-bg img {
    max-width: 100% !important;
    height: auto !important;
    opacity: 1.0 !important;
  }
  

  .cthings-module. .cthingsservice {
    background:  !important;
  }
  
  @media(max-width:991px){  
    .cthings-module .cthingsservice{ padding:81px 70px 104px; border-radius:0; }
    .cthings-module .cthingsservice .dis-flex { margin-left:0px; margin-right:0px;  }
    .cthings-module .cthingsservice{ text-align:center; margin: 0px -20px; }
    .cthings-module .cthings-items{ padding-left:0px; padding-right:0px; width:100%; max-width:468px; margin:0 auto; text-align:center;  }
    .cthings-module .cthings-items + .cthings-items{ margin-top:100px; }
    .cthings-module .cthingsservice h2 { padding-bottom:39px; }
    .cthings-module .cthingsservice { margin: 0 -32px;  }  
    

    .cthings-module .cthings-row--three .cthings-items,
    .cthings-module .cthings-row--two .cthings-items,
    .cthings-module .cthings-row--one .cthings-items {
      width: 100% !important;
      max-width: 468px !important;
      margin: 0 auto !important;
      text-align: center !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 60px !important;
    }
    
    .cthings-module .cthings-conductor-bg {
      padding: 0 !important;
    }
  }

  @media(max-width:767px){  
    .cthings-module .cthingsservice { padding:81px 70px 104px; margin: 0 -16px; }
    .cthings-module .cthingsservice h2{ margin-bottom:20px; font-size:30px; }
    .cthings-module .cthings-items + .cthings-items{ 
/*       margin: 0 !important;  */
/*       padding-bottom: 0 */
    }
    .cthings-module h4 { font-size:24px; }
  }
</style>
{% end_require_css %}