.page-governanca {

  section,
  .tab-content {
    display: none;
  }

  .section-compliance {
    padding: 90px 0 70px 0;

    .container-fluid {
      padding: 0 30px;

      aside {
        width: 23%;
      }

      aside+div {
        width: 77%;
      }

      // Telas até LG
      @include media($md-max) {

        aside,
        aside+div {
          width: 100%;
        }
      }

      .tab-content[data-secondary-tab="compliance"] {
        .img-wrapper {
          position: relative;

          &::before {
            display: block;
            content: url("data:image/svg+xml,%3csvg width='114' height='213' viewBox='0 0 114 213' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.72467 141.075C6.10419 147.408 10.6771 155.289 17.9721 155.289H96.7717C104.065 155.289 108.638 147.411 105.021 141.078L65.6373 72.128C61.9914 65.7451 52.7888 65.7435 49.1407 72.1251L9.72467 141.075Z' stroke='%231D9E9A'/%3e%3cpath d='M9.72467 84.4431C6.10419 90.7763 10.6771 98.6579 17.9721 98.6579L96.7717 98.6579C104.065 98.6579 108.638 90.7792 105.021 84.446L65.6373 15.4964C61.9914 9.11351 52.7888 9.11187 49.1407 15.4935L9.72467 84.4431Z' stroke='%231D9E9A'/%3e%3cpath d='M9.72467 197.706C6.10419 204.039 10.6771 211.921 17.9721 211.921H96.7717C104.065 211.921 108.638 204.042 105.021 197.709L65.6373 128.76C61.9914 122.377 52.7888 122.375 49.1407 128.757L9.72467 197.706Z' fill='%231D9E9A' stroke='%231D9E9A'/%3e%3c/svg%3e");
            right: 0;
            top: 0;
            position: absolute;
            right: 10%;

            // Telas até SM
            @include media($xs-max) {
              right: -10%;
            }
          }
        }

        // Telas até LG
        @include media($md-max) {
          margin-top: 45px;
        }
      }

      .tab-content[data-secondary-tab="canal-de-denuncia"],
      .tab-content[data-secondary-tab="organograma-karina"],
      .tab-content[data-secondary-tab="missao-compliance"] {

        // Telas até LG
        @include media($md-max) {
          margin-top: 45px;
        }
      }

      .tab-content[data-secondary-tab="missao-compliance"] {
        margin-bottom: -70px;

        .icon-wrapper {
          position: relative;
          height: 607px;

          div {
            position: relative;
            z-index: 10;
            margin-left: 60px;

            p {
              width: 354px;
              max-width: 100%;
              font-weight: 500;
              color: #fff;
              margin-bottom: 0;
              margin-top: 35px;
              font-family: 'Montserrat Alternates', sans-serif;
              line-height: 30px;
            }
          }

          &::before {
            position: absolute;
            display: block;
            content: '';
            background-image: url("data:image/svg+xml,%3csvg width='681' height='786' viewBox='0 0 681 786' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.68249e-05 775.641C2.6488e-05 783.347 8.35018 788.157 15.0169 784.291L675.078 401.49C681.723 397.635 681.722 388.038 675.075 384.187L15.0138 1.70009C8.34717 -2.16305 6.06135e-05 2.6473 6.02767e-05 10.3524L2.68249e-05 775.641Z' fill='%2313455E'/%3e%3c/svg%3e");
            background-position: top left;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;

            // Telas até LG
            @include media($md-max) {
              display: none;
            }
          }

          img {
            position: absolute;
            bottom: 0;
            right: 10%;

            // Telas até LG
            @include media($md-max) {
              display: none;
            }
          }

          &::after {
            display: block;
            content: '';
            background-image: url("data:image/svg+xml,%3csvg width='919' height='666' viewBox='0 0 919 666' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2003_42)'%3e%3cpath d='M637 412.61C637 420.324 628.637 425.133 621.97 421.253L443.857 317.597C437.229 313.739 437.231 304.164 443.861 300.309L621.973 196.738C628.64 192.861 637 197.671 637 205.383L637 412.61Z' fill='%231D9E9A'/%3e%3cpath d='M622.473 236.389C628.473 239.881 636 235.552 636 228.61L636 21.3827C636 14.4421 628.476 10.1135 622.476 13.6024L444.363 117.174C438.397 120.643 438.395 129.261 444.36 132.732L622.473 236.389Z' stroke='%231D9E9A' stroke-width='2'/%3e%3cpath d='M0.000198303 1099.64C0.000197966 1107.34 8.35213 1112.15 15.0188 1108.29L904.087 592.434C910.73 588.579 910.728 578.985 904.084 575.133L15.0157 59.7051C8.349 55.8401 0.000243719 60.6504 0.000243382 68.3564L0.000198303 1099.64Z' fill='%231D9E9A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2003_42'%3e%3crect width='919' height='666' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
            position: absolute;
            right: -20%;
            top: -58px;
            z-index: -1;
            height: calc(100% + 58px);
            width: 100%;
            background-repeat: no-repeat;
            background-position: top;

            // Telas até LG
            @include media($md-max) {
              display: none;
            }
          }
        }

      }

      // Telas até LG
      @include media($md-max) {
        padding: 0 13.5px;

        .icon-wrapper {
          position: relative;
          height: fit-content !important;
          background-color: #13455E;
          width: calc(100% + 27px);
          left: -13.5px;

          div {
            margin-left: 0 !important;
            padding: 60px 30px;
            max-width: 100%;
          }
        }
      }
    }
  }

  .section-politicas {
    padding: 90px 0 70px 0;

    .tab-content {

      // Telas até LG
      @include media($md-max) {
        margin-top: 45px;
      }
    }

    .container-fluid {
      padding: 0 30px;

      aside {
        width: 23%;
      }

      aside+div {
        width: 77%;
      }

      // Telas até LG
      @include media($md-max) {

        aside,
        aside+div {
          width: 100%;
        }
      }

      // Telas até SM
      @include media($xs-max) {
        padding: 0 13.5px;
      }

      .swiper-politicas {
        margin-top: 30px;
        padding-bottom: 30px;

        .swiper-slide {
          border-radius: 20px;
          width: 33% !important;
          max-width: 292px;
          box-shadow: 0px 4px 20px 0px #00000040;
          height: auto; 

          .title-wrapper {
            height: 112px;
            background-color: #7DC193;
            border-radius: 20px 20px 0 0;
            display: flex;
            align-items: center;
            padding: 0 32px;
            font-size: 20px;
            font-weight: 700;
            font-family: 'Montserrat Alternates';
            color: #fff;
            line-height: 22px;
          }

          .content-wrapper {
            height: calc(100% - 112px);
            padding: 32px;
            font-size: 15px;
            font-weight: 500;
            color: #5A5A5A;
            font-family: 'Montserrat Alternates';
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .leia-mais {
              color: #65D98B; 
            }
          }

          &:nth-child(3n+2) {
            .title-wrapper {
              background-color: #1E9E9B;
            }

            .download-btn {
              background-color: #1E9E9B;
            }
          }

          &:nth-child(3n+3) {
            .title-wrapper {
              background-color: #13455E;
            }

            .download-btn {
              background-color: #13455E;
            }
          }

          // Telas até LG
          @include media($md-max) {
            width: 50% !important;
          }

          // Telas até SM
          @include media($xs-max) {
            width: 100% !important;
            max-width: 100% !important;
          }
        }

        // Telas até LG
        @include media($md-max) {
          overflow: visible;
        }
      }

      .navigation-politicas {

        .swiper-button-prev,
        .swiper-button-next {
          width: 35px;
          min-width: 35px;
          height: 35px;
          border-radius: 50%;
          background-color: #00559C;
          transform: none !important;
          background-position: center;
        }

        .swiper-button-prev {
          background-image: url("data:image/svg+xml,%3csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.36879 1L2 5.36879L6.36879 9.73759' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
        }

        .swiper-button-next {
          background-image: url("data:image/svg+xml,%3csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.63121 1L6 5.36879L1.63121 9.73759' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
        }

        .swiper-pagination {
          justify-content: flex-start;
          gap: 25px;

          .swiper-pagination-bullet {
            width: 8px;
            min-width: 8px;
            height: 8px;
            background-color: #00559C;

            &::before {
              width: 18px;
              min-width: 18px;
              height: 18px;
            }

            &.swiper-pagination-bullet-active,
            &:hover {
              &::before {
                border-color: #00559C;
              }
            }
          }
        }
      }

      div[data-secondary-tab="conduta-etica"] {
        .img-wrapper {
          position: relative;

          &::before {
            display: block;
            content: url("data:image/svg+xml,%3csvg width='114' height='213' viewBox='0 0 114 213' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.72467 141.075C6.10419 147.408 10.6771 155.289 17.9721 155.289H96.7717C104.065 155.289 108.638 147.411 105.021 141.078L65.6373 72.128C61.9914 65.7451 52.7888 65.7435 49.1407 72.1251L9.72467 141.075Z' stroke='%231D9E9A'/%3e%3cpath d='M9.72467 84.4431C6.10419 90.7763 10.6771 98.6579 17.9721 98.6579L96.7717 98.6579C104.065 98.6579 108.638 90.7792 105.021 84.446L65.6373 15.4964C61.9914 9.11351 52.7888 9.11187 49.1407 15.4935L9.72467 84.4431Z' stroke='%231D9E9A'/%3e%3cpath d='M9.72467 197.706C6.10419 204.039 10.6771 211.921 17.9721 211.921H96.7717C104.065 211.921 108.638 204.042 105.021 197.709L65.6373 128.76C61.9914 122.377 52.7888 122.375 49.1407 128.757L9.72467 197.706Z' fill='%231D9E9A' stroke='%231D9E9A'/%3e%3c/svg%3e");
            right: 0;
            top: 0;
            position: absolute;
            right: 10%;

            // Telas até SM
            @include media($xs-max) {
              right: -10%;
            }
          }
        }
      }

      .swiper-comites {
        margin-top: 30px;
        padding-bottom: 30px;

        .swiper-slide {
          box-shadow: 0px 4px 20px 0px #00000040;
          height: auto;
          padding: 40px 55px;
          width: 50% !important;
          max-width: 447px !important;
          border-radius: 20px;

          .icon-wrapper svg {
            width: 45px;
            min-width: 45px;
            height: 45px; 
          }

          .title-wrapper {
            font-size: 18px;
            font-weight: 800;
            font-family: 'Montserrat Alternates', sans-serif;
            line-height: 23px;
            color: #1D9E9A;
          }

          .content-wrapper {
            font-size: 16px;
            font-weight: 400;
            color: #5A5A5A;
          }

          // Telas até MD
          @include media($sm-max) {
            width: 100% !important;
            max-width: 100% !important;
            padding: 30px;
          }
        }
      }
    }
  }
}