:root {
    --color-blue-100: #EFF9FF;
    --color-yellow-200: #FFC610;
    --color-white: #ffffff;
    --color-black: #000000;
    --text-color: #0c1215;
    --font-family-sans: "Zoho Puvi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --swiper-theme-color: var(--color-yellow-200);
}
.fw600 {
    font-size: 15px;
    font-weight: 600;
  }
  a.btn-style {
    margin: 10px 0px 10px;
  }
  
  .sub-head {
    background: #fbfbfb;
    display: block;
    padding: 10px 0px;
    margin-bottom: 0px;
    color: #424f55;
    border-bottom: 2px solid #f3f3f3;
  }
  
  em {
    font-style: italic;
  }
  table.windowsmonoTable td {
    vertical-align: middle;
    padding: 0.5em 1em;
  }
  .trn-strip {
    background: #466eb3;
    text-align: center;
  }
  
  #adRhsLnk {
    display: none;
  }
  .faqh {
    font-size: 18px;
    margin: 0;
  }
  html {
    scroll-behavior: smooth;
  }
  
  body {
    color: var(--text-color);
  }
  
  .sqlMonitoring-main-wrapper h1,
  .sqlMonitoring-main-wrapper h2,
  .sqlMonitoring-main-wrapper h3,
  .sqlMonitoring-main-wrapper h4,
  .sqlMonitoring-main-wrapper h5,
  .sqlMonitoring-main-wrapper h6 {
    margin: 0 0 8px;
    line-height: 1.5;
  }
  .sqlMonitoring-main-wrapper h1 {
    font-size: 40px;
    font-weight: 650;
  }
  .sqlMonitoring-main-wrapper h2 {
    font-size: 32px;
    font-weight: 600;
  }
  .sqlMonitoring-main-wrapper h3 {
    font-size: 26px;
    font-weight: 500;
  }
  .sqlMonitoring-main-wrapper h4 {
    font-size: 22px;
    font-weight: 500;
  }
  .sqlMonitoring-main-wrapper h5 {
    font-size: 20px;
    font-weight: 500;
  }
  .sqlMonitoring-main-wrapper h6 {
    font-size: 16px;
    font-weight: 500;
  }
  .sqlMonitoring-main-wrapper p {
    font-size: 1rem;
    line-height: 30px;
    margin-bottom: 24px;
  }
  .sqlMonitoring-main-wrapper .m-0 {
    margin: 0 !important;
  }
  .sqlMonitoring-main-wrapper .mb-0 {
    margin-bottom: 0 !important;
  }
  .sqlMonitoring-main-wrapper .mb-4 {
    margin-bottom: 24px !important;
  }
  .sqlMonitoring-main-wrapper .mt-3 {
    margin-top: 12px !important;
  }
  .sqlMonitoring-main-wrapper .text-center {
    text-align: center !important;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-content-section {
    padding: 0 0 25px;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-content-section p:last-child {
    margin-bottom: 0;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-content-section .sql-product-screens {
    margin: 24px 0 32px;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-content-section .sql-product-screens img {
    border-radius: 8px;
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 12px 0 rgba(20, 17, 6, 0.08);
    box-shadow: 0 4px 12px 0 rgba(20, 17, 6, 0.08);
  }
  .sqlMonitoring-main-wrapper .metrics-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color-blue-100);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 32px;
  }
  @media only screen and (max-width: 575.98px) {
    .sqlMonitoring-main-wrapper .metrics-card {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  }
  .sqlMonitoring-main-wrapper .metrics-card h4 {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .sqlMonitoring-main-wrapper .metrics-card .metrics-card-grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 100px;
  }
  @media only screen and (max-width: 575.98px) {
    .sqlMonitoring-main-wrapper .metrics-card .metrics-card-grid {
      grid-template-columns: 1fr;
      grid-gap: 10px;
    }
  }
  .sqlMonitoring-main-wrapper .metrics-card ul.metrics-list {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
  }
  .sqlMonitoring-main-wrapper .metrics-card ul.metrics-list li {
    position: relative;
    padding-left: 30px !important;
    margin-bottom: 12px;
  }
  .sqlMonitoring-main-wrapper .metrics-card ul.metrics-list li:last-child {
    margin-bottom: 0;
  }
  
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid {
    display: grid;
    grid-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    max-width: 750px;
    margin: auto;
  }
  @media only screen and (max-width: 575.98px) {
    .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid {
      grid-template-columns: repeat(1, 1fr) !important;
      grid-gap: 0;
    }
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .install-icon {
    max-height: 120px;
    min-height: 120px;
    max-width: 120px;
    width: 100%;
    margin: 0 auto;
    background: url("/sites/meweb/images/fr/applications_manager/images/sql-monitoring-install-icons.svg") no-repeat;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background-size: 500%;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item {
    padding: 20px 0 0;
    text-align: center;
    color: inherit;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item:hover {
    text-decoration: underline !important;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item .icon-download {
    background-position: 0 0;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item .icon-configure {
    background-position: 25% 0;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item .icon-monitoring {
    background-position: 50% 0;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item .right-chevron {
    width: 46px;
    height: 46px;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    margin: auto;
  }
  .sqlMonitoring-main-wrapper .sqlMonitoring-install-grid .sqlMonitoring-install-item .right-chevron svg {
    width: 32px;
    height: 32px;
  }
  .sqlMonitoring-main-wrapper .benefits-list {
    padding-left: 16px;
  }
  
  .sqlMonitoring-main-wrapper .metrics-card ul.metrics-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 1.5px;
    background: var(--text-color);
  }
  
  .sqlMonitoring-main-wrapper .metrics-card ul.metrics-list li::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 1.5px solid var(--text-color);
    border-bottom: 1.5px solid var(--text-color);
    -webkit-transform: rotate(-45deg) translateY(-60%);
    transform: rotate(-45deg) translateY(-60%);
  }
  
  .sqlMonitoring-main-wrapper .benefits-list li {
    margin-bottom: 8px;
  }
  
  .square-box-content {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  
  .square-box > a:hover.square-box-content {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  .sqlMonitoring-hexagon {
    max-width: 460px;
    margin: auto;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
  }
  .sqlMonitoring-hexagon svg a polygon {
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
  }
  .sqlMonitoring-hexagon svg a:first-child polygon {
    fill: #fff0d9;
  }
  .sqlMonitoring-hexagon svg a:first-child:hover polygon,
  .sqlMonitoring-hexagon svg a:first-child:focus-within polygon,
  .sqlMonitoring-hexagon svg a:first-child:focus-visible polygon,
  .sqlMonitoring-hexagon svg a:first-child:focus polygon {
    fill: #ffd194;
  }
  .sqlMonitoring-hexagon svg a:nth-child(2) polygon {
    fill: #efe8bb;
  }
  .sqlMonitoring-hexagon svg a:nth-child(2):hover polygon {
    fill: #eddc8a;
  }
  .sqlMonitoring-hexagon svg a:nth-child(3) polygon {
    fill: #f2cef2;
  }
  .sqlMonitoring-hexagon svg a:nth-child(3):hover polygon {
    fill: #fdb3ff;
  }
  .sqlMonitoring-hexagon svg a:nth-child(4) polygon {
    fill: #b9eaef;
  }
  .sqlMonitoring-hexagon svg a:nth-child(4):hover polygon {
    fill: #a4fbff;
  }
  .sqlMonitoring-hexagon svg a:nth-child(5) polygon {
    fill: #ffc2c2;
  }
  .sqlMonitoring-hexagon svg a:nth-child(5):hover polygon {
    fill: #fc9595;
  }
  .sqlMonitoring-hexagon svg a:nth-child(6) polygon {
    fill: #caefe8;
  }
  .sqlMonitoring-hexagon svg a:nth-child(6):hover polygon {
    fill: #aaf9e9;
  }
  .sqlMonitoring-hexagon .square-box a:first-child:hover ~ .hexagon-svg a:first-child polygon {
    fill: #ffd194;
  }
  .sqlMonitoring-hexagon .square-box a:nth-child(2):hover ~ .hexagon-svg a:nth-child(2) polygon {
    fill: #eddc8a;
  }
  .sqlMonitoring-hexagon .square-box a:nth-child(5):hover ~ .hexagon-svg a:nth-child(3) polygon {
    fill: #fdb3ff;
  }
  .sqlMonitoring-hexagon .square-box a:nth-child(4):hover ~ .hexagon-svg a:nth-child(4) polygon {
    fill: #a4fbff;
  }
  .sqlMonitoring-hexagon .square-box a:nth-child(6):hover ~ .hexagon-svg a:nth-child(5) polygon {
    fill: #fc9595;
  }
  .sqlMonitoring-hexagon .square-box a:nth-child(3):hover ~ .hexagon-svg a:nth-child(6) polygon {
    fill: #aaf9e9;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content {
    position: absolute;
    text-align: center;
    color: inherit;
    text-decoration: unset;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  .sqlMonitoring-hexagon .square-box .square-box-content h6 {
    font-size: 11px;
    line-height: 1.2;
    margin: 1px 1px 8px;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:first-child {
    top: 8%;
    left: 41%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:first-child .square-box-img {
    background-position: 0% 100%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(2) {
    top: 20%;
    right: 20%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(2) .square-box-img {
    background-position: 75% 0%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(3) {
    bottom: 20%;
    right: 17%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(3) .square-box-img {
    background-position: 77% 100%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(4) {
    bottom: 6%;
    left: 41%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(4) .square-box-img {
    background-position: 100% 100%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(5) {
    bottom: 21%;
    left: 19%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(5) .square-box-img {
    background-position: 50% 100%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(6) {
    top: 21%;
    left: 19%;
  }
  .sqlMonitoring-hexagon .square-box .square-box-content:nth-child(6) .square-box-img {
    background-position: 25% 100%;
  }
  .sqlMonitoring-hexagon .square-box-img {
    background: url("/sites/meweb/images/fr/applications_manager/images/sql-monitoring-install-icons.svg") no-repeat scroll;
    background-size: 500%;
    display: inline-block;
    width: 53px;
    height: 53px;
  }
  .sqlMonitoring-hexagon .square-box-img.hexagon-sql-icon {
    width: 64px;
    height: 64px;
    background-size: 500%;
    background-position: 100% 0;
    -webkit-transform: translate(-45%, 50%);
    transform: translate(-45%, 50%);
    position: absolute;
    bottom: 50%;
    left: 50%;
  }
  
  @media only screen and (max-width: 575.98px) {
    .right-chevron {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
  }
  @media only screen and (max-width: 425.98px) {
    .square-box .square-box-content h6 {
      font-size: 12px !important;
    }
    .square-box .square-box-content .square-box-img {
      width: 32px;
      height: 32px;
    }
    .hexagon-sql-icon {
      width: 42px !important;
      height: 42px !important;
    }
  }
  @media only screen and (max-width: 375.98px) {
    .square-box .square-box-content:first-child,
    .square-box .square-box-content:nth-child(4) {
      left: 40% !important;
    }
    .square-box .square-box-content:nth-child(5) {
      bottom: 20% !important;
      left: 20% !important;
    }
    .square-box .square-box-content:nth-child(6) {
      left: 17% !important;
    }
  }
  @media only screen and (max-width: 350.98px) {
    .square-box-content {
      -webkit-transform: scale(0.9) !important;
      transform: scale(0.9) !important;
    }
  }