/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 July 2026 05:41:18
*/


@import url(https://dpird-web.matrix.squiz.cloud/__data/assets/css_file/0016/1425112/bootstrap-grid.css);
@import url(https://dpird-web.matrix.squiz.cloud/fishing/recreational/recreational-fishing-fee/rft-annual-report/admin-2022/css/fonts.css); 
@import url(https://dpird-web.matrix.squiz.cloud/fishing/recreational/recreational-fishing-fee/rft-annual-report/admin-2022/css/icons.css);


@media (max-width: 767.98px) {
  .wrapper-top .top-menu a.active + .sub-menu {
    opacity: 1;
    visibility: visible;
    display: block;
    background: white;
  }
  .wrapper-top .top-menu a.active .icon-bottom {
    transform: rotate(180deg);
  }
}

.visually--hidden {
    visibility: hidden;
    opacity: 0;
}

ul>li{
 font-weight: 400;   
}

.main {
    padding-top: 0 !important;
}

.container--report .table--view {
    background: white;
    padding: 30px;
    display: none;
}

.container--report .table--view table {
    margin: 0;
    border: 1px solid #063f5c;
}

.container--report .table--view.content-table {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
}

.bg-image {
    position: relative;
}

.image--caption {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #111;
    color: white;
    padding: 0.5em;
    font-size: 11px;
}

.wrapper-top .image--caption{
    bottom: -80px;
    left: 40px;
    padding: 0.5em;
}

@media (max-width: 991.98px){
    .wrapper-top .image--caption{
     bottom: -60px;
    }
}

@media (max-width: 600px){
    .wrapper-top .image--caption{
    left: 26px;
    bottom: -40px;
    }
}

.licenses + .licenses {
    padding-top: 0;
    margin-top: -80px;
}


.priority-areas .priority-areas-list .list h3 {
    max-width: 200px;
}

.three-columns .num.strong {
    font-weight: normal;
    font-style: normal;
    font-size: 47px;
    line-height: 1.204;
    color: #90cef1;
    letter-spacing: 0px;
}

@media (max-width: 575.98px) {
    .three-columns .num.strong {
    font-size: 30px;
} }

.report-wrapper h1, .report-wrapper h2, .report-wrapper h3, .report-wrapper h4, .report-wrapper h5 {
    margin: 0;
    padding: 0;
}

.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

html .report-wrapper, body .report-wrapper {
  font-family: 'Public Sans', Arial, sans-serif;
  font-size:  16px;
  font-weight:  400;
  line-height:  1.5;
  color: #22272b;
  text-decoration: none;
  position: relative; }

body .report-wrapper {
  -webkit-font-smoothing: antialiased; }
  
.footer-nav__link {
  font-size:  0.9rem;
 }
 
 @media (max-width: 600px){
  .footer-nav__link {
    font-size:  0.7rem;
  }
}

.report-wrapper a {
  color: #15397f;
  cursor: pointer;
  text-decoration: underline;
  transition: none;
 }
  .report-wrapper a:hover {
    color: ##15397f;
    font-weight: 600; }

.report-wrapper a.a-btn {
  text-decoration: none;
 }

.report-wrapper a:not([href]):not([tabindex]) {
  cursor: initial; }

.report-wrapper h1, .report-wrapper h2, .report-wrapper h3, .report-wrapper h4, .report-wrapper h5, .report-wrapper h6, .licence-types h2 {
  font-weight: normal;
  font-style: normal;
  color: #22272b;
  margin: 20px 0 20px 0; }

.report-wrapper h1 {
  font-size: 74px;
  line-height: 1.041;
  letter-spacing: 0px; }
  @media (max-width: 1199.98px) {
    .report-wrapper h1 {
      font-size: 60px;
      letter-spacing: 0px; } }
  @media (max-width: 991.98px) {
    .report-wrapper h1 {
      font-size: 50px;
      letter-spacing: 0; } }
  @media (max-width: 767.98px) {
    .report-wrapper h1 {
      font-size: 40px;
      letter-spacing: 0px; } }
  @media (max-width: 575.98px) {
    .report-wrapper h1 {
      font-size: 30px;
      line-height: 33px;
      letter-spacing: 0px; } }

.report-wrapper h2, .licence-types h2 {
  font-size: 43px;
  line-height: 1.25;
  letter-spacing: 0px;
  font-family: 'Public Sans Bold', arial, sans-serif;  
  font-weight:  600;
}
  @media (max-width: 1199.98px) {
    .report-wrapper h2, .licence-types h2 {
      font-size: 40px; } }
  @media (max-width: 991.98px) {
    .report-wrapper h2, .licence-types h2 {
      font-size: 37px; } }
  @media (max-width: 767.98px) {
    .report-wrapper h2, .licence-types h2 {
      font-size: 34px; } }
  @media (max-width: 575.98px) {
    .report-wrapper h2, .licence-types h2 {
      font-size: 31px;
      line-height: 1.25;
      letter-spacing: 0px; } }

.report-wrapper h3 {
  font-size: 30px;
  line-height: 1.1667; }
  @media (max-width: 1199.98px) {
    .report-wrapper h3 {
      font-size: 28px; } }
  @media (max-width: 991.98px) {
     .report-wrapperh3 {
      font-size: 26px; } }
  @media (max-width: 767.98px) {
    .report-wrapper h3 {
      font-size: 24px; } }
  @media (max-width: 575.98px) {
    .report-wrapper h3 {
      font-size: 22px; } }

.report-wrapper h4 {
  font-size: 28px;
  line-height: 1.1667; }
  @media (max-width: 1199.98px) {
    .report-wrapper h4 {
      font-size: 26px; } }
  @media (max-width: 991.98px) {
    .report-wrapper h4 {
      font-size: 24px; } }
  @media (max-width: 767.98px) {
     .report-wrapperh4 {
      font-size: 22px; } }
  @media (max-width: 575.98px) {
    .report-wrapper h4 {
      font-size: 20px; } }

.report-wrapper h5, .report-wrapper h6 {
  font-size: 26px;
  line-height: 1.1667; }
  @media (max-width: 1199.98px) {
    .report-wrapper h5,  .report-wrapperh6 {
      font-size: 24px; } }
  @media (max-width: 991.98px) {
    .report-wrapper h5, .report-wrapper h6 {
      font-size: 22px; } }
  @media (max-width: 767.98px) {
    .report-wrapper h5, .report-wrapper h6 {
      font-size: 20px; } }
  @media (max-width: 575.98px) {
    .report-wrapper h5, .report-wrapper h6 {
      font-size: 18px; } }

.report-wrapper strong, .report-wrapper b {
  font-weight: bold;
  font-style: normal;
  color: #15397f; }

i {
  font-style: italic; }

.report-wrapper p {
  margin-bottom: 24px; }

.report-wrapper ol {
  padding-left: 12px;
  margin: 24px 0 30px 21px; }
  @media (max-width: 1199.98px) {
    .report-wrapper ol {
      margin: 22px 0 28px 21px; } }
  @media (max-width: 991.98px) {
    .report-wrapper ol {
      margin: 20px 0 26px 21px; } }
  @media (max-width: 767.98px) {
     .report-wrapperol {
      margin: 18px 0 24px 21px; } }
  @media (max-width: 575.98px) {
     .report-wrapperol {
      margin: 16px 0 22px 21px; } }
  .report-wrapper ol li {
    position: relative;
    margin-bottom: 0; }
     .report-wrapperol li::marker {
      position: absolute;
      left: 0; }
     .report-wrapperol li ol {
      margin: 0; }

.report-wrapper ul {
  list-style: none;
  margin: 24px 0 30px 21px;
  padding: 0; }
  @media (max-width: 1199.98px) {
    .report-wrapper ul {
      margin: 22px 0 28px 21px; } }
  @media (max-width: 991.98px) {
     .report-wrapperul {
      margin: 20px 0 26px 21px; } }
  @media (max-width: 767.98px) {
     .report-wrapperul {
      margin: 18px 0 24px 21px; } }
  @media (max-width: 575.98px) {
    .report-wrapper ul {
      margin: 16px 0 22px 21px; } }
   .report-wrapperul li {
    padding-left: 12px;
    position: relative;
    margin-bottom: 0; }
     .report-wrapperul li:before {
      content: '';
      width: 6px;
      height: 6px;
      background: #404041;
      border-radius: 50%;
      position: absolute;
      top: 13px;
      left: 1px; }
    .report-wrapper ul li ul {
      margin: 0; }

.report-wrapper sub, .report-wrapper sup {
  font-size: 10px; }

.notfound {
  padding: 10px 0 100px; }

.hide-more {
  display: none; }

 .report-wrapper .container--report {
  max-width: 1258px;
  padding: 0 40px; }
  @media (max-width: 767.98px) {
    .report-wrapper .container--report {
      padding: 0 28px; } }
  @media (max-width: 374px) {
    .report-wrapper .container--report {
      padding: 0 20px; } }

.smaller-container {
  max-width: 954px;
  padding: 0 92px;
  margin: 0 auto; }
  @media (max-width: 767.98px) {
    .smaller-container {
      padding: 0 75px; } }
  @media (max-width: 575.98px) {
    .smaller-container {
      padding: 0 24px; } }

.medium-container {
  max-width: 1155px;
  padding: 0 92px;
  margin: 0 auto; }
  @media (max-width: 767.98px) {
    .medium-container {
      padding: 0 75px; } }
  @media (max-width: 575.98px) {
    .medium-container {
      padding: 0 24px; } }

.overflow-hidden {
  overflow: hidden; }

blockquote p:last-child {
  margin: 0; }

cite {
  font-style: normal; }
  @media (max-width: 1199.98px) {
    cite {
      font-size: 17px; } }
  @media (max-width: 991.98px) {
    cite {
      font-size: 16px; } }
  @media (max-width: 767.98px) {
    cite {
      font-size: 15px; } }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

button,
input:not([type='checkbox']):not([type='radio']),
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

input[type=submit] {
  cursor: pointer; }

button {
  cursor: pointer; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

html.hidden-c .wowo {
  opacity: 0; }
  html.hidden-c .wowo.animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

html.hidden-c .wxwx {
  opacity: 0; }
  html.hidden-c .wxwx.animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInBigUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInBigUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) scale(1.2);
    transform: translate(0, 0) scale(1.2); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); } }

@keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) scale(1.2);
    transform: translate(0, 0) scale(1.2); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); } }

.fadeInLeft.animated {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.fadeInRight.animated {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.fadeIn.animated {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.fadeInUp {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  -webkit-transition: All .7s;
  -o-transition: All .7s;
  transition: All .7s; }
  .fadeInUp.animated {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.fadeInBigUp.animated {
  -webkit-animation-name: fadeInBigUp;
  animation-name: fadeInBigUp; }

.fadeInDown.animated {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.zoomOut.animated {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

.delay-in-1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.delay-in-2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.delay-in-3 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.delay-in-4 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.delay-in-5 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.delay-in-6 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.wrapper-top {
  position: relative;
  padding: 80px 0 140px; }
  @media (max-width: 575.98px) {
    .wrapper-top {
      padding: 31px 0 20px; } }
  .wrapper-top .container--report, .wrapper-top .smaller-container {
    position: relative;
    z-index: 2; }
  .wrapper-top .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .wrapper-top .top-menu {
    margin-bottom: 82px; }
    @media (max-width: 575.98px) {
      .wrapper-top .top-menu {
        width: calc(100% + 30px);
        margin: 0 -15px 185px; } }
    @media (max-width: 374px) {
      .wrapper-top .top-menu {
        width: calc(100% + 20px);
        margin: 0 -10px 185px; } }
    .wrapper-top .top-menu ul {
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .wrapper-top .top-menu ul > li {
        position: relative;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.2;
        color: #15397f;
        background: rgba(255, 255, 255, 0.75);
        border-radius: 5px;
        margin: 0 23px 0 0;
        padding: 0; }
        @media (max-width: 767.98px) {
          .wrapper-top .top-menu ul > li {
              display: block;
              width: 100%;
            font-size: 14px;
            margin-bottom: 10px;
            margin: 0 0 10px 0; } }
        @media (max-width: 575.98px) {
          .wrapper-top .top-menu ul > li {
            /*display: none;*/
            display: block;
            width: 100%;
            margin: 0 0 10px 0; } }
        .wrapper-top .top-menu ul > li:last-child {
          margin-right: 0; }
          @media (max-width: 575.98px) {
            .wrapper-top .top-menu ul > li:last-child {
              display: block;
              width: 100%; } }
        .wrapper-top .top-menu ul > li > a {
         font-weight: 600;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: #15397f;
          text-decoration:none;
          border-radius: 5px;
          padding: 12px 14px 10px; }
          @media (max-width: 767.98px) {
            .wrapper-top .top-menu ul > li > a {
              padding: 12px 10px 10px;
              font-size: inherit;
              line-height: inherit;
              width: 100%;
                
            } }
          @media (max-width: 575.98px) {
            .wrapper-top .top-menu ul > li > a {
              padding: 10px 33px 8px 11px;
              font-size: inherit;
              line-height: inherit;
              width: 100%;
            } }
        .wrapper-top .top-menu ul > li:before {
          content: none; }
        .wrapper-top .top-menu ul > li .icon-bottom {
          font-size: 16px;
          margin-left: 5px;
          margin-right: -7px; }
          @media (max-width: 767.98px) {
            .wrapper-top .top-menu ul > li .icon-bottom {
                position: absolute;
              top: 12px;
              right: 12px;
              font-size: 13px; } }
          @media (max-width: 575.98px) {
            .wrapper-top .top-menu ul > li .icon-bottom {
              position: absolute;
              top: 12px;
              right: 12px;
              font-size: 13px; } }
        .wrapper-top .top-menu ul > li:hover > a {
          background: #fff; }
          @media (min-width: 767.98px) {
        .wrapper-top .top-menu ul > li:hover .sub-menu {
          opacity: 1;
          visibility: visible;
          display: block;
        }
          }
        .wrapper-top .top-menu ul > li .sub-menu {
          position: absolute;
          top: 100%;
          left: 0;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          background: rgba(255, 255, 255, 1);
          width: 100%;
          border-radius: 5px;
          z-index: 10;
          margin: 6px 0;
          padding: 0;
          opacity: 0;
          visibility: hidden;
          overflow: hidden;
          -webkit-transition: All .2s ease-out;
          -o-transition: All .2s ease-out;
          transition: All .2s ease-out; }
          .wrapper-top .top-menu ul > li .sub-menu > li {
            border-radius: 0;
            background: transparent;
            font-size: 16px;
            line-height: 1.375;
            letter-spacing: 0px;
            width: 100%;
            display: block;
            margin: 0;
          }
            @media (max-width: 767.98px) {
              .wrapper-top .top-menu ul > li .sub-menu > li {
                font-size: 14px; } }
            .wrapper-top .top-menu ul > li .sub-menu > li a {
              padding: 12px 24px 12px 14px;
              display: block;
              border-radius: 0; }
              @media (max-width: 767.98px) {
                .wrapper-top .top-menu ul > li .sub-menu > li a {
                  padding: 5px 10px; } }
              .wrapper-top .top-menu ul > li .sub-menu > li a:hover {
                color: #fff;
                background: #15397f; }
  .wrapper-top .text {
    margin-bottom: 42px; }
    @media (max-width: 1199.98px) {
      .wrapper-top .text {
        margin-bottom: 36px; } }
    @media (max-width: 991.98px) {
      .wrapper-top .text {
        margin-bottom: 30px; } }
    @media (max-width: 767.98px) {
      .wrapper-top .text {
        margin-bottom: 24px; } }
    @media (max-width: 575.98px) {
      .wrapper-top .text {
        margin-bottom: 0; } }
    .wrapper-top .text h1 {
      color: #fff;
      margin-bottom: 8px; }
      @media (max-width: 575.98px) {
        .wrapper-top .text h1 {
          margin-bottom: 3px;
          margin-top: 9px; } }
    .wrapper-top .text p {
      font-size: 24px;
      line-height: 1.33;
      color: #fff; }
      @media (max-width: 1199.98px) {
        .wrapper-top .text p {
          font-size: 21px; } }
      @media (max-width: 991.98px) {
        .wrapper-top .text p {
          font-size: 18px; } }
      @media (max-width: 767.98px) {
        .wrapper-top .text p {
          font-size: 15px; } }
      @media (max-width: 575.98px) {
        .wrapper-top .text p {
          font-size: 12px;
            line-height: 18px; } }
  .wrapper-top img {
    width: 300px; }
    @media (max-width: 1199.98px) {
      .wrapper-top img {
        width: 280px; } }
    @media (max-width: 991.98px) {
      .wrapper-top img {
        width: 260px; } }
    @media (max-width: 767.98px) {
      .wrapper-top img {
        width: 220px; } }
    @media (max-width: 575.98px) {
      .wrapper-top img {
        width: 200px; } }
  .wrapper-top .mobile-show {
    display: none; }
    @media (max-width: 575.98px) {
      .wrapper-top .mobile-show {
        display: block; } }
  .wrapper-top .pc-show {
    display: block; }
    @media (max-width: 575.98px) {
      .wrapper-top .pc-show {
        display: none; } }
  .wrapper-top:before {
    content: '';
    height: 100%;
    background-image: url("../images/bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 68.89%;
    top: 0;
    left: 0;
    z-index: 1; }
    @media (max-width: 1199.98px) {
      .wrapper-top:before {
        width: 100%; } }
    @media (max-width: 575.98px) {
      .wrapper-top:before {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 24, 21, 0)), to(rgba(35, 24, 21, 0.58)));
        background-image: -webkit-linear-gradient(top, rgba(35, 24, 21, 0), rgba(35, 24, 21, 0.58));
        background-image: -o-linear-gradient(top, rgba(35, 24, 21, 0), rgba(35, 24, 21, 0.58));
        background-image: linear-gradient(to bottom, rgba(35, 24, 21, 0), rgba(35, 24, 21, 0.58)); } }

.wrapper-detail-top {
  position: relative;
  padding: 29px 0 45px; }
  @media (max-width: 575.98px) {
    .wrapper-detail-top {
      padding: 29px 0 20px; } }
  .wrapper-detail-top .container--report, .wrapper-detail-top .smaller-container {
    position: relative;
    z-index: 2; }
  .wrapper-detail-top .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .wrapper-detail-top .top-menu {
    margin-bottom: 45px; }
    @media (max-width: 575.98px) {
      .wrapper-detail-top .top-menu {
        width: calc(100% + 30px);
        margin: 0 -15px 185px; } }
    @media (max-width: 374px) {
      .wrapper-detail-top .top-menu {
        width: calc(100% + 20px);
        margin: 0 -10px 185px; } }
    .wrapper-detail-top .top-menu ul {
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .wrapper-detail-top .top-menu ul > li {
        position: relative;
        font-size: 17px;
        line-height: 1.2;
        color: #15397f;
        background: rgba(255, 255, 255, 0.75);
        border-radius: 5px;
        margin: 0 23px 0 0;
        padding: 0; }
        @media (max-width: 767.98px) {
          .wrapper-detail-top .top-menu ul > li {
            font-size: 14px;
            margin: 0 15px 0 0; } }
        @media (max-width: 575.98px) {
          .wrapper-detail-top .top-menu ul > li {
            display: none;
            margin: 0; } }
        .wrapper-detail-top .top-menu ul > li:last-child {
          margin-right: 0; }
          @media (max-width: 575.98px) {
            .wrapper-detail-top .top-menu ul > li:last-child {
              display: block;
              width: 100%; } }
        .wrapper-detail-top .top-menu ul > li > a {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: #15397f;
          border-radius: 5px;
          padding: 12px 14px 10px; }
          @media (max-width: 767.98px) {
            .wrapper-detail-top .top-menu ul > li > a {
              padding: 12px 10px 10px; } }
          @media (max-width: 575.98px) {
            .wrapper-detail-top .top-menu ul > li > a {
              padding: 10px 33px 8px 11px; } }
        .wrapper-detail-top .top-menu ul > li:before {
          content: none; }
        .wrapper-detail-top .top-menu ul > li .icon-bottom {
          font-size: 16px;
          margin-left: 5px;
          margin-right: -7px; }
          @media (max-width: 767.98px) {
            .wrapper-detail-top .top-menu ul > li .icon-bottom {
              font-size: 13px; } }
          @media (max-width: 575.98px) {
            .wrapper-detail-top .top-menu ul > li .icon-bottom {
              position: absolute;
              top: 12px;
              right: 12px;
              font-size: 13px; } }
        .wrapper-detail-top .top-menu ul > li:hover > a {
          background: #fff; }
        .wrapper-detail-top .top-menu ul > li:hover .sub-menu {
          opacity: 1;
          visibility: visible; }
        .wrapper-detail-top .top-menu ul > li .sub-menu {
          position: absolute;
          top: 100%;
          left: 0;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          background: rgba(255, 255, 255, 0.75);
          width: 100%;
          border-radius: 5px;
          z-index: 10;
          margin: 6px 0;
          padding: 0;
          opacity: 0;
          visibility: hidden;
          overflow: hidden;
          -webkit-transition: All .2s ease-out;
          -o-transition: All .2s ease-out;
          transition: All .2s ease-out; }
          .wrapper-detail-top .top-menu ul > li .sub-menu > li {
            border-radius: 0;
            background: transparent;
            font-size: 16px;
            line-height: 1.375;
            letter-spacing: 0px;
            width: 100%;
            display: block;
            margin: 0; }
            @media (max-width: 767.98px) {
              .wrapper-detail-top .top-menu ul > li .sub-menu > li {
                font-size: 14px; } }
            .wrapper-detail-top .top-menu ul > li .sub-menu > li a {
              padding: 12px 24px 12px 14px;
              display: block;
              border-radius: 0; }
              @media (max-width: 767.98px) {
                .wrapper-detail-top .top-menu ul > li .sub-menu > li a {
                  padding: 5px 10px; } }
              .wrapper-detail-top .top-menu ul > li .sub-menu > li a:hover {
                color: #fff;
                background: #15397f; }
  .wrapper-detail-top .text h1 {
    color: #fff;
    margin-bottom: 21px; }
    @media (max-width: 575.98px) {
      .wrapper-detail-top .text h1 {
        margin-bottom: 3px;
        margin-top: 9px; } }
  .wrapper-detail-top .text p {
    font-size: 24px;
    line-height: 1.291667;
    color: #fff; }
    @media (max-width: 1199.98px) {
      .wrapper-detail-top .text p {
        font-size: 21px; } }
    @media (max-width: 991.98px) {
      .wrapper-detail-top .text p {
        font-size: 18px; } }
    @media (max-width: 767.98px) {
      .wrapper-detail-top .text p {
        font-size: 15px; } }
    @media (max-width: 575.98px) {
      .wrapper-detail-top .text p {
        font-size: 10px;
        line-height: 11px; } }
  .wrapper-detail-top img {
    width: 85px; }
  .wrapper-detail-top:before {
    content: '';
    height: 100%;
    background-image: url("../images/bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 68.89%;
    top: 0;
    left: 0;
    z-index: 1; }
    @media (max-width: 1199.98px) {
      .wrapper-detail-top:before {
        width: 100%; } }
    @media (max-width: 575.98px) {
      .wrapper-detail-top:before {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 24, 21, 0)), to(rgba(35, 24, 21, 0.58)));
        background-image: -webkit-linear-gradient(top, rgba(35, 24, 21, 0), rgba(35, 24, 21, 0.58));
        background-image: -o-linear-gradient(top, rgba(35, 24, 21, 0), rgba(35, 24, 21, 0.58));
        background-image: linear-gradient(to bottom, rgba(35, 24, 21, 0), rgba(35, 24, 21, 0.58)); } }

.three-columns {
  position: relative;
  background: #15397f;
  overflow: hidden;
  padding: 47px 0 56px; }
  @media (max-width: 575.98px) {
    .three-columns {
      padding: 18px 0 53px; } }
  .three-columns.another {
    padding: 24px 0 42px;
    overflow: inherit; }
    @media (max-width: 575.98px) {
      .three-columns.another {
        padding: 18px 0 32px; } }
    .three-columns.another .dots-bg-box img {
      position: absolute;
      z-index: 2; 
        display: none;
    }
      @media (max-width: 575.98px) {
        .three-columns.another .dots-bg-box img {
          display: none !important; } }
      .three-columns.another .dots-bg-box img:nth-child(1) {
        width: 74px;
        top: -8px;
        left: 0; 
          display:none;
      }
      .three-columns.another .dots-bg-box img:nth-child(2) {
        width: 106px;
        top: -3px;
        right: 0; 
        display:none;
      }
    .three-columns.another h2 {
      margin-bottom: 14px; }
    .three-columns.another .num {
      margin-bottom: 11px; }
      @media (max-width: 575.98px) {
        .three-columns.another .num {
          margin-bottom: 5px; } }
  .three-columns .dots-bg-box img {
    position: absolute;
    top: 0; 
      display:none;
  }
  
  .three-columns.another .num-subhead {
      font-size:26px; }
  
  
    @media (max-width: 575.98px) {
      .three-columns .dots-bg-box img {
        display: none; } }
    .three-columns .dots-bg-box img:nth-child(1) {
      width: 122px;
      left: 5px;
      top: 18px;
      display:none;}
    .three-columns .dots-bg-box img:nth-child(2) {
      width: 157px;
      right: -50px;
      top: 29px; 
        display:none;
    }
  .three-columns .container--report {
    position: relative;
    z-index: 2; }
  .three-columns h2 {
    line-height: 1.25;
    color: #fff;
    text-transform: normal;
    margin-bottom: 16px;
    letter-spacing: 0px; }
    @media (max-width: 575.98px) {
      .three-columns h2 {
        margin-bottom: 29px; } }
  .three-columns .three-columns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px; }
    @media (max-width: 575.98px) {
      .three-columns .three-columns-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    .three-columns .three-columns-list .list {
      padding: 0 15px; }
      .three-columns .three-columns-list .list:nth-child(3n + 1) {
        width: 30%; }
        @media (max-width: 767.98px) {
          .three-columns .three-columns-list .list:nth-child(3n + 1) {
            width: 50%; } }
        @media (max-width: 575.98px) {
          .three-columns .three-columns-list .list:nth-child(3n + 1) {
            width: 100%; } }
      .three-columns .three-columns-list .list:nth-child(3n + 2) {
        width: 35%; }
        @media (max-width: 767.98px) {
          .three-columns .three-columns-list .list:nth-child(3n + 2) {
            width: 50%; } }
        @media (max-width: 575.98px) {
          .three-columns .three-columns-list .list:nth-child(3n + 2) {
            width: 100%; } }
      .three-columns .three-columns-list .list:nth-child(3n + 3) {
        width: 35%; }
        @media (max-width: 767.98px) {
          .three-columns .three-columns-list .list:nth-child(3n + 3) {
            width: 50%; } }
        @media (max-width: 575.98px) {
          .three-columns .three-columns-list .list:nth-child(3n + 3) {
            width: 100%; } }
      @media (max-width: 767.98px) {
        .three-columns .three-columns-list .list {
          width: 50%;
          margin-bottom: 7px;
          text-align: center; } }
      @media (max-width: 575.98px) {
        .three-columns .three-columns-list .list {
          width: 100%;
          max-width: 380px;
          text-align: left; } }
  .three-columns .num {
    margin-bottom: 12px; }
    @media (max-width: 575.98px) {
      .three-columns .num {
        margin-bottom: 5px; } }
    .three-columns .num strong {
      font-family: 'Public Sans ExtraBold';
      font-weight: normal;
      font-style: normal;
      font-size: 59px;
      line-height: 1.204;
      color: #90cef1;
      letter-spacing: 0px; }
      @media (max-width: 1199.98px) {
        .three-columns .num strong {
          font-size: 44px;
          letter-spacing: 0px; } }
      @media (max-width: 991.98px) {
        .three-columns .num strong {
          font-size: 32px;
          letter-spacing: 0; } }
      @media (max-width: 767.98px) {
        .three-columns .num strong {
          font-size: 47px;
          letter-spacing: 0px; } }
  .three-columns p {
    font-size: 19px;
    color: #fff; 
    font-family: 'Public Sans Medium';
  }
    @media (max-width: 1199.98px) {
      .three-columns p {
        font-size: 18px; } }
    @media (max-width: 991.98px) {
      .three-columns p {
        font-size: 17px; } }
    @media (max-width: 767.98px) {
      .three-columns p {
        font-size: 16px;
        line-height: 28px; } }
  @media (max-width: 767.98px) {
    .three-columns .btn-box {
      text-align: center; } }
  @media (max-width: 575.98px) {
    .three-columns .btn-box {
      text-align: left; } }
  .three-columns .a-btn {
    color: #15397f;
    background: #90cef1;
    border: 1px solid #90cef1;
    padding: 13px 24px;
    margin-top: 18px;
    margin-bottom: 40px;
    text-decoration: none !important;}
    @media (max-width: 991.98px) {
      .three-columns .a-btn {
        padding: 11px 14px;
        margin-bottom: 30px; } }
    @media (max-width: 767.98px) {
      .three-columns .a-btn {
        font-size: 18px;
        padding: 17px 27px;
        margin-top: 9px;
        margin-bottom: 20px; } }
    @media (max-width: 575.98px) {
      .three-columns .a-btn {
        margin-bottom: 0; } }
    @media (max-width: 374px) {
      .three-columns .a-btn {
        padding: 17px 5px;
        width: 100%;
        text-align: center; } }
    .three-columns .a-btn:hover {
      background: #fff;
      border: 1px solid #fff; }

.priority-areas {
  position: relative;
  background: #d9ebf9;
  padding: 68px 0 16px;
  overflow: hidden; }
  @media (max-width: 575.98px) {
    .priority-areas {
      padding: 36px 0 36px; } }
  .priority-areas .dots-bg-box .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none;}
  .priority-areas .title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-bottom: 39px;
    margin-bottom: 46px; }
    @media (max-width: 575.98px) {
      .priority-areas .title {
        padding-bottom: 37px;
        margin-bottom: 27px; } }
    .priority-areas .title:before {
      content: '';
      width: calc(100% - 30px);
      height: 2px;
      background: #15397f;
      position: absolute;
      bottom: 0;
      left: 15px; }
      @media (max-width: 575.98px) {
        .priority-areas .title:before {
          width: 100%;
          left: 0; } }
      @media (max-width: 374px) {
        .priority-areas .title:before {
          width: calc(100% - 20px);
          left: 10px; } }
    .priority-areas .title .left {
      width: 33.33%;
      padding: 0 15px; }
      @media (max-width: 991.98px) {
        .priority-areas .title .left {
          width: 100%; } }
    .priority-areas .title .right {
      width: 66.66%;
      padding: 0 15px; }
      @media (max-width: 991.98px) {
        .priority-areas .title .right {
          width: 100%; } }
    .priority-areas .title h2 {
      color: #15397f;
      margin-top: 5px; }
      @media (max-width: 575.98px) {
        .priority-areas .title h2 {
          line-height: 32px;
          margin-bottom: 14px; } }
    .priority-areas .title p {
      font-weight: 500;
      font-style: normal;
      font-size: 19px;
      line-height: 1.5;
      color: #15397f;
      margin-bottom: 0; }
      @media (max-width: 575.98px) {
        .priority-areas .title p {
          font-size: 16px;
          line-height: 28px; } }
      .priority-areas .title p strong {
        font-weight: bold;
        font-style: normal;
        color: #15397f;}
  .priority-areas .priority-areas-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px; }
    @media (max-width: 374px) {
      .priority-areas .priority-areas-list {
        margin: 0 -5px; } }
    .priority-areas .priority-areas-list .list {
      width: 33.33%;
      padding: 0 15px;
      margin-bottom: 74px;
      counter-increment: section;
      position: relative;
      -webkit-transition: All .2s ease-out;
      -o-transition: All .2s ease-out;
      transition: All .2s ease-out; }
      @media (max-width: 991.98px) {
        .priority-areas .priority-areas-list .list {
          width: 50%;
          margin-bottom: 54px; } }
      @media (max-width: 575.98px) {
        .priority-areas .priority-areas-list .list {
          width: 100%;
          padding: 0;
          margin-bottom: 14px; } }
      .priority-areas .priority-areas-list .list:hover {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px); }
        .priority-areas .priority-areas-list .list:hover .list-box {
          -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1); }
        .priority-areas .priority-areas-list .list:hover h3 {
          color: #15397f; }
        .priority-areas .priority-areas-list .list:hover .icon-arrow-right {
          -webkit-transform: translateX(6px);
          -ms-transform: translateX(6px);
          transform: translateX(6px); }
      .priority-areas .priority-areas-list .list:before {
        content: counter(section);
        font-family: 'Public Sans ExtraBold';
        font-weight: normal;
        font-style: normal;
        font-size: 63px;
        line-height: 1;
        color: #90cef1;
        position: absolute;
        top: 245px;
        left: 49px;
        z-index: 1; }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list:before {
            font-size: 58px;
            top: 230px;
            left: 42px; } }
        @media (max-width: 575.98px) {
          .priority-areas .priority-areas-list .list:before {
            left: 29px; } }
      .priority-areas .priority-areas-list .list:nth-child(1):before {
        left: 53px; }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list:nth-child(1):before {
            left: 42px; } }
        @media (max-width: 575.98px) {
          .priority-areas .priority-areas-list .list:nth-child(1):before {
            left: 30px; } }
      .priority-areas .priority-areas-list .list:nth-child(1) h3 {
        margin: 0 0 16px 37px; }
        @media (max-width: 575.98px) {
          .priority-areas .priority-areas-list .list:nth-child(1) h3 {
            margin: 0 0 16px 35px; } }
      .priority-areas .priority-areas-list .list .list-box {
        position: relative;
        display: block;
        background: rgba(255, 255, 255, 0.88);
        border-radius: 5px;
        overflow: hidden;
        height: 100%; }
        .priority-areas .priority-areas-list .list .list-box:hover {
          text-decoration: none; }
      .priority-areas .priority-areas-list .list .img {
        position: relative;
        overflow: hidden; }
        .priority-areas .priority-areas-list .list .img:before {
          content: '';
          width: 100%;
          height: 6px;
          background: #90cef1;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1; }
      .priority-areas .priority-areas-list .list .bg-image {
        height: 208px;
        -webkit-transition: All .2s ease-out;
        -o-transition: All .2s ease-out;
        transition: All .2s ease-out; }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list .bg-image {
            height: 195px; } 
            .priority-areas .priority-areas-list .list .bg-image.bottom {
            background-position: bottom; }
            .priority-areas .priority-areas-list .list .bg-image.top {
            background-position: top; }
            .priority-areas .priority-areas-list .list .bg-image.left {
            background-position: left; }
            .priority-areas .priority-areas-list .list .bg-image.right {
            background-position: right; }
            .priority-areas .priority-areas-list .list .bg-image.center {
            background-position: center; }
        }
            
      .priority-areas .priority-areas-list .list .text {
        padding: 44px 38px 48px; }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list .text {
            padding: 44px 31px 48px; } }
        @media (max-width: 575.98px) {
          .priority-areas .priority-areas-list .list .text {
            padding: 40px 31px 34px; } }
      .priority-areas .priority-areas-list .list h3 {
        font-weight: 600;
        font-style: normal;
        font-size: 23px;
        line-height: 1.25;
        min-height: 53px;
        margin: 0 0 16px 50px;
        -webkit-transition: All .2s ease-out;
        -o-transition: All .2s ease-out;
        transition: All .2s ease-out; }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list h3 {
            font-size: 21px;
            min-height: 48px;
            line-height: 1.25; } }
      .priority-areas .priority-areas-list .list p {
        color: #15397f; }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list p {
            font-size: 15px; } }
      .priority-areas .priority-areas-list .list .icon-arrow-right {
        font-size: 18px;
        display: block;
        position: absolute;
        bottom: 34px;
        left: 38px;
        -webkit-transition: All .2s ease-out;
        -o-transition: All .2s ease-out;
        transition: All .2s ease-out; }
        @media (max-width: 1199.98px) {
          .priority-areas .priority-areas-list .list .icon-arrow-right {
            left: 40px; } }
        @media (max-width: 767.98px) {
          .priority-areas .priority-areas-list .list .icon-arrow-right {
            font-size: 17px;
            left: 32px; } }
        @media (max-width: 575.98px) {
          .priority-areas .priority-areas-list .list .icon-arrow-right {
            position: static;
            margin-top: -7px; } }
        .priority-areas .priority-areas-list .list .icon-arrow-right:before {
          -webkit-transition: All .2s ease-out;
          -o-transition: All .2s ease-out;
          transition: All .2s ease-out; }
  .priority-areas a {
    color: #90cef1; text-decoration: none; }
    .priority-areas a:hover {
      text-decoration: underline; }
      
      

.licenses {
  background: #15397f;
  padding: 58px 0; }
  @media (max-width: 991.98px) {
    .licenses {
      padding: 40px 0; } }
  @media (max-width: 767.98px) {
    .licenses {
      padding: 40px 0 0; } }
  .licenses .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px;
    margin-bottom: 52px; }
    @media (max-width: 991.98px) {
      .licenses .title {
        margin-bottom: 48px; } }
    .licenses .title:before {
      content: '';
      width: 1px;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: calc(33.9% - 35px); }
      @media (max-width: 991.98px) {
        .licenses .title:before {
          content: none; } }
    .licenses .title .left {
      position: relative;
      width: 33.9%;
      padding: 25px 60px 16px 15px; }
      @media (max-width: 991.98px) {
        .licenses .title .left {
          width: 100%;
          padding: 0 15px 6px;
          margin-bottom: 19px; } }
      .licenses .title .left:before {
        content: none; }
        @media (max-width: 991.98px) {
          .licenses .title .left:before {
            content: '';
            width: calc(100% - 30px);
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: 0;
            left: 15px; } }
    .licenses .title .right {
      width: 66.1%;
      padding: 25px 15px 16px; }
      @media (max-width: 991.98px) {
        .licenses .title .right {
          width: 100%;
          padding: 0 15px; } }
    .licenses .title h2 {
      line-height: 1.25;
      color: #fff;
      margin: 0; }
      @media (max-width: 991.98px) {
        .licenses .title h2 {
          margin-bottom: 14px; } }
      @media (max-width: 575.98px) {
        .licenses .title h2 {
          line-height: 37px; } }
    .licenses .title p {
      font-weight: 500;
      color: #fff;
      margin-bottom: 0; }
      .licenses .title p strong {
        font-weight: bold;
        font-style: normal; }
    .licenses .title .a-btn {
      color: #15397f;
      background: #90cef1;
      border: 1px solid #90cef1;
      padding: 13px 24px;
      margin-top: 25px; }
      @media (max-width: 991.98px) {
        .licenses .title .a-btn {
          font-size: 18px;
          padding: 17px 28px;
          margin-top: 20px; } }
      .licenses .title .a-btn:hover {
        background: #fff;
        border: 1px solid #fff; }
  .licenses .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 767.98px) {
      .licenses .content {
        width: calc(100% + 56px);
        margin: 0 -28px; } }
    @media (max-width: 374px) {
      .licenses .content {
        width: calc(100% + 40px);
        margin: 0 -20px; } }
  .licenses .bg-image {
    width: 50%;
    height: auto; }
    @media (max-width: 767.98px) {
      .licenses .bg-image {
        width: 100%;
        height: 315px; } }
  .licenses .text {
    width: 50%;
    background: #90cef1;
    padding: 60px 30px 83px; }
    @media (max-width: 991.98px) {
      .licenses .text {
        padding: 50px 30px 70px; } }
    @media (max-width: 767.98px) {
      .licenses .text {
        width: 100%;
        padding: 15px 28px 25px; } }
    .licenses .text .text-box {
      max-width: 437px;
      margin: 0 auto; }
      @media (max-width: 767.98px) {
        .licenses .text .text-box {
          max-width: 100%; } }
    .licenses .text h2 {
      line-height: 1.25;
      margin-bottom: 22px; }
      @media (max-width: 575.98px) {
        .licenses .text h2 {
          margin-bottom: 14px; } }
    .licenses .text p {
      font-weight: 500;
      font-style: normal;
      font-size: 19px;
      }
      @media (max-width: 575.98px) {
        .licenses .text p {
          font-size: 16px;
           } }
      .licenses .text p strong {
        font-family: 'Public Sans ExtraBold';
        font-weight: bold;
        font-style: normal; }
    .licenses .text .a-btn {
      font-size: 17px;
      color: #fff;
      background: #15397f;
      border: 1px solid #15397f;
      padding: 16px 61px;
      margin-top: 15px; }
      @media (max-width: 575.98px) {
        .licenses .text .a-btn {
          margin-top: -5px;
          padding: 17px 95px 18px; } }
      .licenses .text .a-btn:hover {
        background: #fff;
        border: 1px solid #fff;
        color: #15397f; }

.annual-report {
  background: #90cef1;
  padding: 56px 0 57px; }
  @media (max-width: 991.98px) {
    .annual-report {
      padding: 41px 0; } }
  .annual-report .content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .annual-report .content .left {
      width: 33.6%;
      padding: 0 90px 0 15px;
      position: relative; }
      @media (max-width: 991.98px) {
        .annual-report .content .left {
          width: 100%;
          padding: 0 15px 6px;
          margin-bottom: 19px; } }
      .annual-report .content .left:before {
        content: '';
        width: 1px;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0; }
        .annual-report.bg-white .content .left:before {
          background: #15397f;
        }
        @media (max-width: 991.98px) {
          .annual-report .content .left:before {
            width: calc(100% - 30px);
            height: 1px;
            top: auto;
            bottom: 0;
            left: 15px; } }
    .annual-report .content .right {
      width: 66.3%;
      padding: 0 35px; }
      @media (max-width: 991.98px) {
        .annual-report .content .right {
          width: 100%;
          padding: 0 15px; } }
    .annual-report .content h2 {
      line-height: 1.093;
      color: #15397f;
      margin: 0; }
      @media (max-width: 991.98px) {
        .annual-report .content h2 {
          margin-bottom: 14px; } }
    .annual-report .content p {
      font-weight: 500;
      color: #15397f;
      margin-bottom: 0; }
      .annual-report .content p strong {
        font-weight: bold;
        font-style: normal; }
    .annual-report .content .a-btn {
      color: #fff;
      background: #15397f;
      border: 1px solid #15397f;
      padding: 13px 40px;
      margin-top: 70px; }
      @media (max-width: 991.98px) {
        .annual-report .content .a-btn {
          font-size: 18px;
          padding: 17px 28px;
          margin-top: 20px; } }
      .annual-report .content .a-btn:hover {
        background: #fff;
        border: 1px solid #fff;
        color: #15397f; }
      .annual-report.bg-white .content .a-btn:hover {
        background: #22272b;
        border: 1px solid #22272b;
        color: #fff; }
  .annual-report .bg-image {
    width: 50%;
    height: auto; }
  .annual-report .text {
    width: 50%;
    background: #90cef1;
    padding: 60px 30px 83px; }
    .annual-report .text .text-box {
      max-width: 437px;
      margin: 0 auto; }
    .annual-report .text h2 {
      line-height: 1.209;
      margin-bottom: 22px; }
      @media (max-width: 575.98px) {
        .annual-report .text h2 {
          margin-bottom: 14px; } }
    .annual-report .text p {
      font-weight: 500;
      font-style: normal;
      font-size: 19px;
      line-height: 33px; }
      .annual-report .text p strong {
        font-family: 'Public Sans ExtraBold';
        font-weight: bold;
        font-style: normal; }

.text-image-content {
  position: relative;
  background: #006ab5;
  padding: 40px 0 8px; }
  @media (max-width: 767.98px) {
    .text-image-content {
      padding: 0; } }
  .text-image-content .dots-bg-box img {
    position: absolute; }
    @media (max-width: 575.98px) {
      .text-image-content .dots-bg-box img {
        display: none !important; } }
    .text-image-content .dots-bg-box img:nth-child(1) {
      width: 100%;
      bottom: 0;
      left: 0;
      display: none; }
      @media (max-width: 1679.98px) {
        .text-image-content .dots-bg-box img:nth-child(1) {
          display: block; } }
  .text-image-content .container--report {
    position: relative;
    z-index: 2;
    max-width: 1520px; }
    @media (max-width: 1679.98px) {
      .text-image-content .container--report {
        max-width: 1250px; } }
    @media (max-width: 767.98px) {
      .text-image-content .container--report {
        padding: 0; } }
  .text-image-content .text-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 28px;
    background: #fff; }
    @media (max-width: 767.98px) {
      .text-image-content .text-image-list {
        margin-bottom: 0; } }
    .text-image-content .text-image-list.is-reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .text-image-content .text-image-list.is-reverse .text {
        padding: 45px 92px 56px 62px; }
        @media (max-width: 1679.98px) {
          .text-image-content .text-image-list.is-reverse .text {
            padding: 45px 40px 56px 42px; } }
        @media (max-width: 1199.98px) {
          .text-image-content .text-image-list.is-reverse .text {
            padding: 45px 28px 56px; } }
        @media (max-width: 767.98px) {
          .text-image-content .text-image-list.is-reverse .text {
            padding: 30px 28px 40px; } }
      .text-image-content .text-image-list.is-reverse h3 {
        margin-bottom: 10px; }
      .text-image-content .text-image-list.is-reverse p {
        margin-bottom: 20px; }
    .text-image-content .text-image-list.bg-green {
      background: #d9ebf9; }
      .text-image-content .text-image-list.bg-green a {
        text-decoration: underline; color: #15397f; }
        
    .text-image-content .text-image-list.bg-darkgreen {
      background: #006ab5; }
    .text-image-content .text-image-list.bg-darkgreen h2, .text-image-content .text-image-list.bg-darkgreen h3, .text-image-content .text-image-list.bg-darkgreen p, .text-image-content .text-image-list.bg-darkgreen li {
        color: #fff; }
    .text-image-content .text-image-list.bg-darkgreen a {
        text-decoration: underline; color: #fff; }
        
      .text-image-content .text-image-list.bg-darkgreen .text-out-of-box{
         width: 60%; 
      } 
      
      @media (max-width: 767.98px) {
        .text-image-content .text-image-list.bg-darkgreen .text-out-of-box{
         width: 90%; 
         padding: 20px;
        } 
      }
        
    .text-image-content .text-image-list.bg-yellow {
      background: #90cef1; }
    .text-image-content .text-image-list.bg-blue {
      background: #0f8c9a; }
    .text-image-content .text-image-list.bg-green h2, .text-image-content .text-image-list.bg-green h3, .text-image-content .text-image-list.bg-yellow h2, .text-image-content .text-image-list.bg-yellow h3, .text-image-content .text-image-list.bg-blue h2, .text-image-content .text-image-list.bg-blue h3 {
      color: #15397f; }
    .text-image-content .text-image-list.bg-green ul li:after, .text-image-content .text-image-list.bg-yellow ul li:after, .text-image-content .text-image-list.bg-blue ul li:after {
      color: #15397f; }
    .text-image-content .text-image-list .text {
      position: relative;
      width: 50%;
      padding: 31px 70px 51px 136px; }
      @media (max-width: 1679.98px) {
        .text-image-content .text-image-list .text {
          padding: 31px 40px 51px 35px; } }
      @media (max-width: 1199.98px) {
        .text-image-content .text-image-list .text {
          padding: 31px 28px 51px; } }
      @media (max-width: 767.98px) {
        .text-image-content .text-image-list .text {
          width: 100%;
          padding: 30px 28px 40px; } }
      .text-image-content .text-image-list .text:before {
        content: '';
        background-image: url("../images/dots-bg-9.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
    .text-image-content .text-image-list .text-box {
      position: relative;
      z-index: 2; }
    .text-image-content .text-image-list .bg-image {
      width: 50%; }
      @media (max-width: 767.98px) {
        .text-image-content .text-image-list .bg-image {
          width: 100%;
          height: 365px; } }
    .text-image-content .text-image-list h2 {
      line-height: 1.25;
      margin-bottom: 29px;
      color: #15397f; }
      @media (max-width: 575.98px) {
        .text-image-content .text-image-list h2 {
          margin-bottom: 14px; } }
    .text-image-content .text-image-list h3 {
      color: #15397f;
      letter-spacing: 0px;
      margin-bottom: 12px; }
    .text-image-content .text-image-list p {
      margin-bottom: 27px;
      letter-spacing: 0px; }
    .text-image-content .text-image-list ul {
      margin: 0;
      padding: 0; }
      .text-image-content .text-image-list ul li {
        position: relative;
        margin: 0 0 15px;
        padding: 0 0 0 42px;
        letter-spacing: 0px; }
        @media (max-width: 1199.98px) {
          .text-image-content .text-image-list ul li {
            padding: 0 0 0 38px; } }
        .text-image-content .text-image-list ul li:after {
          font-family: "icomoon";
          content: "\e902";
          position: absolute;
          top: 1px;
          left: 2px;
          font-size: 22px;
          color: #15397f; }
          @media (max-width: 1199.98px) {
            .text-image-content .text-image-list ul li:after {
              top: 0;
              font-size: 18px; } }
        .text-image-content .text-image-list ul li:before {
          content: none; }
          
          .text-image-content .text-image-list.bg-darkgreen ul li:after {
          color: #90cef1; }

.arrow-button {
  padding: 40px 0; }
  .arrow-button .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 26px 0 6px; }
    @media (max-width: 1199.98px) {
      .arrow-button .content {
        padding: 0; } }
  .arrow-button .arrow-prev:hover .icon-arrow-right {
    -webkit-transform: rotate(180deg) translateX(6px);
    -ms-transform: rotate(180deg) translateX(6px);
    transform: rotate(180deg) translateX(6px); }
  .arrow-button .arrow-prev .icon-arrow-right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 28px; }
    @media (max-width: 1199.98px) {
      .arrow-button .arrow-prev .icon-arrow-right {
        margin-right: 15px; } }
  .arrow-button .arrow-next:hover .icon-arrow-right {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px); }
  .arrow-button .arrow-next .icon-arrow-right {
    margin-left: 20px; }
    @media (max-width: 1199.98px) {
      .arrow-button .arrow-next .icon-arrow-right {
        margin-left: 15px; } }
  .arrow-button .arrow-prev, .arrow-button .arrow-next {
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #15397f;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 767.98px) {
      .arrow-button .arrow-prev span, .arrow-button .arrow-next span {
        display: none; } }
    .arrow-button .arrow-prev .mobile-show, .arrow-button .arrow-next .mobile-show {
      display: none; }
      @media (max-width: 767.98px) {
        .arrow-button .arrow-prev .mobile-show, .arrow-button .arrow-next .mobile-show {
          display: inline; } }
    .arrow-button .arrow-prev .icon-arrow-right, .arrow-button .arrow-next .icon-arrow-right {
      font-size: 18px;
      display: inline-block;
      -webkit-transition: All .2s ease-out;
      -o-transition: All .2s ease-out;
      transition: All .2s ease-out; }
      .arrow-button .arrow-prev .icon-arrow-right:before, .arrow-button .arrow-next .icon-arrow-right:before {
        color: #15397f;
        -webkit-transition: All .2s ease-out;
        -o-transition: All .2s ease-out;
        transition: All .2s ease-out; }
    .arrow-button .arrow-prev:hover, .arrow-button .arrow-next:hover {
      color: #15397f; }
      .arrow-button .arrow-prev:hover .icon-arrow-right:before, .arrow-button .arrow-next:hover .icon-arrow-right:before {
        color: #15397f; }

.image-text-content {
  background: #006ab5;
  padding: 40px 0 20px; }
  @media (max-width: 767.98px) {
    .image-text-content {
      padding: 0; } }
  .image-text-content .container--report {
    max-width: 1520px; }
    @media (max-width: 1679.98px) {
      .image-text-content .container--report {
        max-width: 1250px; } }
    @media (max-width: 767.98px) {
      .image-text-content .container--report {
        padding: 0; } }
  .image-text-content .image-text-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 28px;
    background: #fff; }
    @media (max-width: 767.98px) {
      .image-text-content .image-text-list {
        margin-bottom: 0; } }
    .image-text-content .image-text-list.is-reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .image-text-content .image-text-list.is-reverse .text {
        padding: 144px 72px 134px 130px; }
        @media (max-width: 1679.98px) {
          .image-text-content .image-text-list.is-reverse .text {
            padding: 124px 50px 114px 54px; } }
        @media (max-width: 1199.98px) {
          .image-text-content .image-text-list.is-reverse .text {
            padding: 124px 30px 114px; } }
        @media (max-width: 767.98px) {
          .image-text-content .image-text-list.is-reverse .text {
            padding: 64px 28px 54px; } }
    .image-text-content .image-text-list .text {
      width: 50%;
      padding: 130px 130px 136px 72px; }
      @media (max-width: 1679.98px) {
        .image-text-content .image-text-list .text {
          padding: 108px 72px 114px 72px; } }
      @media (max-width: 1199.98px) {
        .image-text-content .image-text-list .text {
          padding: 108px 30px 114px; } }
      @media (max-width: 767.98px) {
        .image-text-content .image-text-list .text {
          width: 100%;
          padding: 58px 28px 64px; } }
    .image-text-content .image-text-list .bg-image {
      width: 50%; }
      @media (max-width: 767.98px) {
        .image-text-content .image-text-list .bg-image {
          width: 100%;
          height: 365px; } }
    .image-text-content .image-text-list h2, .licence-types h2 {
      line-height: 1.023;
      margin-bottom: 31px;
      color: #15397f; }
      @media (max-width: 1199.98px) {
        .image-text-content .image-text-list h2, .licence-types h2 {
          margin-bottom: 25px; } }
      @media (max-width: 991.98px) {
        .image-text-content .image-text-list h2, .licence-types h2 {
          margin-bottom: 20px; } }
      @media (max-width: 575.98px) {
        .image-text-content .image-text-list h2, .licence-types h2 {
          margin-bottom: 15px; } }
    .image-text-content .image-text-list p, .licence-types p {
      font-weight: 500;
      font-style: normal;
      font-size: 18px;
      line-height: 1.55556;
      margin-bottom: 27px;
      letter-spacing: 0px; }
      @media (max-width: 1199.98px) {
        .image-text-content .image-text-list p, .licence-types p {
          font-size: 17px; } }
      @media (max-width: 991.98px) {
        .image-text-content .image-text-list p, .licence-types p {
          font-size: 16px; } }

.licence-fees {
  background: #006ab5;
  padding: 0 0 19px; }
  @media (max-width: 767.98px) {
    .licence-fees {
      padding: 0; } }
  .licence-fees .container--report {
    max-width: 1520px; }
    @media (max-width: 1679.98px) {
      .licence-fees .container--report {
        max-width: 1250px; } }
    @media (max-width: 767.98px) {
      .licence-fees .container--report {
        padding: 0;
        margin-bottom: 30px;} }
  .licence-fees .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 28px;
    background: #fff; }
    @media (max-width: 767.98px) {
      .licence-fees .content {
        margin-bottom: 0; } }
    .licence-fees .content .text {
      width: 50%;
      padding: 130px 72px 136px 130px; }
      @media (max-width: 1679.98px) {
        .licence-fees .content .text {
          padding: 123px 51px 115px; } }
      @media (max-width: 1199.98px) {
        .licence-fees .content .text {
          padding: 108px 30px 114px; } }
      @media (max-width: 767.98px) {
        .licence-fees .content .text {
          width: 100%;
          padding: 58px 28px 64px;
          /*-webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;*/ } }
    .licence-fees .content .image {
      position: relative;
      width: 50%;
      background: #ebebeb;
      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; }
      @media (max-width: 767.98px) {
        .licence-fees .content .image {
          width: 100%;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          padding: 70px 0; } }
      .licence-fees .content .image a {
        position: absolute;
        bottom: 12px;
        right: 22px;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        line-height: 1.2;
        color: #231f20;
        text-decoration: underline; }
        .licence-fees .content .image a:before {
          content: '';
          width: 100%;
          height: 1px;
          /*background: #231f20;*/
          position: absolute;
          bottom: 5px;
          left: 0;
          -webkit-transition: All .2s ease-out;
          -o-transition: All .2s ease-out;
          transition: All .2s ease-out; }
        .licence-fees .content .image a:hover {
          font-weight: bold; }
          .licence-fees .content .image a:hover:before {
            background: none; }
    .licence-fees .content #chart {
      width: 360px;
      margin: 0 auto; }
      @media (max-width: 991.98px) {
        .licence-fees .content #chart {
          width: 300px; } }
      .licence-fees .content #chart svg path {
        -webkit-transition: All .2s ease-out;
        -o-transition: All .2s ease-out;
        transition: All .2s ease-out; }
    .licence-fees .content .img-box {
      position: relative; }
      .licence-fees .content .img-box #sunburstexplanation {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 155px;
        text-align: center;
        margin-top: 5px !important; }
        .licence-fees .content .img-box #sunburstexplanation h3 {
          font-weight: bold;
          font-style: normal;
          font-size: 18px;
          line-height: 1.045;
          margin: 0 0 16px; }
          @media (max-width: 1199.98px) {
            .licence-fees .content .img-box #sunburstexplanation h3 {
              font-size: 17px;
              margin: 0 0 13px; } }
          @media (max-width: 991.98px) {
            .licence-fees .content .img-box #sunburstexplanation h3 {
              font-size: 16px;
              margin: 0 0 10px; } }
        .licence-fees .content .img-box #sunburstexplanation p {
          font-weight: normal;
          font-style: normal;
          font-size: 18px;
          line-height: 1.045;
          padding: 0;
          margin: 0; }
          @media (max-width: 1199.98px) {
            .licence-fees .content .img-box #sunburstexplanation p {
              font-size: 17px; } }
          @media (max-width: 991.98px) {
            .licence-fees .content .img-box #sunburstexplanation p {
              font-size: 16px; } }
    .licence-fees .content h2 {
      line-height: 1.023;
      margin-bottom: 31px;
      color: #15397f;
      letter-spacing: 0px; }
      @media (max-width: 1199.98px) {
        .licence-fees .content h2 {
          margin-bottom: 25px; } }
      @media (max-width: 991.98px) {
        .licence-fees .content h2 {
          margin-bottom: 20px; } }
      @media (max-width: 575.98px) {
        .licence-fees .content h2 {
          margin-bottom: 15px;
          letter-spacing: 0px; } }
    .licence-fees .content p {
      font-weight: 500;
      font-style: normal;
      font-size: 18px;
      line-height: 1.55556;
      margin-bottom: 27px;
      letter-spacing: 0px;
      padding-right: 40px; }
      @media (max-width: 1199.98px) {
        .licence-fees .content p {
          font-size: 17px; } }
      @media (max-width: 991.98px) {
        .licence-fees .content p {
          font-size: 16px; } }

.licence-types {
  padding: 43px 0 52px;
  background: #f0f0f0; }
  .licence-types .content {
    padding: 0 17px; }
    @media (max-width: 1199.98px) {
      .licence-types .content {
        padding: 0; } }

  .licence-types .chart-box {
    max-width: 1106px;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    position: relative; }
    @media (max-width: 1199.98px) {
      .licence-types .chart-box {
        max-width: 100%; } }
    .licence-types .chart-box .box {
      width: 100%;
      min-width: 650px;
      padding: 0 5px; }
  .licence-types .chart-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .licence-types .chart-top .list {
      height: 147px;
      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;
      -webkit-transition: All .2s ease-out;
      -o-transition: All .2s ease-out;
      transition: All .2s ease-out;
      font-weight: bold;
      font-style: normal;
      font-size: 23px;
      line-height: 1.2;
      padding: 10px;
      color: #231f20; }
      @media (max-width: 1199.98px) {
        .licence-types .chart-top .list {
          height: 137px;
          font-size: 20px; } }
      @media (max-width: 991.98px) {
        .licence-types .chart-top .list {
          height: 127px;
          font-size: 17px; } }
      @media (max-width: 767.98px) {
        .licence-types .chart-top .list {
          height: 117px;
          font-size: 14px; } }
      @media (max-width: 575.98px) {
        .licence-types .chart-top .list {
          height: 117px; } }
      .licence-types .chart-top .list.bar-bg-navy {
        background: #22272b;
        color: #fff; }
      .licence-types .chart-top .list.bar-bg-darkcyan {
        background: #15397f;
        color: #fff; }
      .licence-types .chart-top .list.bar-bg-darkturquoise {
        background: #d9ebf9; }
      .licence-types .chart-top .list.bar-bg-yellow {
        background: #90cef1; }
  .licence-types .chart-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 34px;
    padding-bottom: 27px; }
    .licence-types .chart-bottom .list {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .licence-types .chart-bottom .list:before {
        content: '';
        width: 1px;
        height: 31px;
        background: #939598;
        position: absolute;
        top: -34px;
        left: 0; }
      .licence-types .chart-bottom .list:first-child span {
        margin-left: -5px; }
    .licence-types .chart-bottom span {
      font-weight: normal;
      font-style: normal;
      font-size: 18px;
      line-height: 1.2;
      color: #939598;
      display: inline-block;
      margin-left: -50%; }
      @media (max-width: 1199.98px) {
        .licence-types .chart-bottom span {
          font-size: 16px; } }
      @media (max-width: 991.98px) {
        .licence-types .chart-bottom span {
          font-size: 14px; } }
      @media (max-width: 767.98px) {
        .licence-types .chart-bottom span {
          font-size: 12px; } }
  .licence-types .chart-filters ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .licence-types .chart-filters ul li {
      font-weight: normal;
      font-style: normal;
      font-size: 18px;
      line-height: 1.2223;
      color: #231f20;
      padding-left: 26px;
      margin-right: 37px; }
      .licence-types .chart-filters ul li.bar-bg-navy:before {
        background: #22272b; }
      .licence-types .chart-filters ul li.bar-bg-darkcyan:before {
        background: #15397f; }
      .licence-types .chart-filters ul li.bar-bg-darkturquoise:before {
        background: #d9ebf9; }
      .licence-types .chart-filters ul li.bar-bg-yellow:before {
        background: #90cef1; }
      @media (max-width: 1199.98px) {
        .licence-types .chart-filters ul li {
          font-size: 16px;
          padding-left: 24px;
          margin-right: 31px; } }
      @media (max-width: 991.98px) {
        .licence-types .chart-filters ul li {
          font-size: 14px;
          padding-left: 22px;
          margin-right: 25px; } }
      @media (max-width: 767.98px) {
        .licence-types .chart-filters ul li {
          font-size: 12px;
          padding-left: 20px;
          margin-right: 20px; } }
      .licence-types .chart-filters ul li:before {
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 0; }
        @media (max-width: 1199.98px) {
          .licence-types .chart-filters ul li:before {
            width: 18px;
            height: 18px; } }
        @media (max-width: 991.98px) {
          .licence-types .chart-filters ul li:before {
            width: 16px;
            height: 16px; } }
        @media (max-width: 767.98px) {
          .licence-types .chart-filters ul li:before {
            width: 14px;
            height: 14px; } }

.lorem-ipsum {
  padding: 40px 0 69px; }
  .lorem-ipsum .content {
    padding: 0 49px 0 8px; }
    @media (max-width: 1199.98px) {
      .lorem-ipsum .content {
        padding: 0; } }
  .lorem-ipsum h2 {
    line-height: 1.0233;
    margin-bottom: 23px;
    margin-left: -4px; }
    @media (max-width: 1199.98px) {
      .lorem-ipsum h2 {
        margin-left: 0; } }
    @media (max-width: 575.98px) {
      .lorem-ipsum h2 {
        margin-bottom: 14px; } }
  .lorem-ipsum table {
    width: 100%;
    line-height: 1;}
    .lorem-ipsum table th {
      font-weight: bold;
      font-style: normal;
      font-size: 26px;
      line-height: 1.231;
      letter-spacing: 0px;
      color: #fff;
      background: #15397f;
      vertical-align: bottom;
      padding: 7px 14px 8px; }
      @media (max-width: 1199.98px) {
        .lorem-ipsum table th {
          font-size: 22px; } }
      @media (max-width: 991.98px) {
        .lorem-ipsum table th {
          font-size: 20px; } }
    .lorem-ipsum table tr td {
      font-weight: normal;
      font-style: normal;
      font-size: 21px;
      line-height: 1.43;
      padding: 11px 14px 3px;
      border-bottom: 1px solid #0f8c9a; }
      @media (max-width: 1199.98px) {
        .lorem-ipsum table tr td {
          font-size: 19px;
          line-height: 1.3;
          padding: 11px 14px 6px; } }
      @media (max-width: 991.98px) {
        .lorem-ipsum table tr td {
          font-size: 17px;
          line-height: 1.2;
          padding: 11px 14px; } }
      .lorem-ipsum table tr td:nth-of-type(1) {
        font-weight: normal;
        font-style: normal;
        width: 61.4%;
        padding: 8px 14px 3px; }
        @media (max-width: 1199.98px) {
          .lorem-ipsum table tr td:nth-of-type(1) {
            font-size: 19px;
            line-height: 1.2;
            padding: 10px 14px 8px; } }
        @media (max-width: 991.98px) {
          .lorem-ipsum table tr td:nth-of-type(1) {
            font-size: 17px;
            line-height: 1.1;
            padding: 10px 14px; } }
      .lorem-ipsum table tr td:nth-of-type(even) {
        background: #e0f1ee; }
    .lorem-ipsum table tfoot tr td {
      font-weight: bold;
      font-style: normal;
      background: #d6d5da; }
      .lorem-ipsum table tfoot tr td:nth-of-type(1) {
        font-weight: bold;
        font-style: normal; }
      .lorem-ipsum table tfoot tr td:nth-of-type(even) {
        background: #c6c6cd; }
  .lorem-ipsum .content-table {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    position: relative; }
    .lorem-ipsum .content-table table {
      width: 100%;
      min-width: 650px; }

.a-btn {
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 13px 24px;
  border-radius: 5px; }
  
.arrow-button a{
    text-decoration: none;
}

.arrow-button a:hover i{
    text-decoration: none;
}

.dots-bg-box{
    display:none;
}