.hero-slider {
    padding: 42px 15px 0;
}

.hero-slider .news-slider-wrapper,
.hero-slider a:has(.picture-caption) {
    border-radius: 10px;
    overflow: hidden;
}

.hero-slider .dots-group {
    display: none;
}

.hero-slider .grid-block .picture-caption {
    background-color: rgba(0, 58, 102, 0.85);
    padding: 22px 125px;
}

.see-rep.grid-block .picture-caption {
    padding: 22px 30px !important;
    text-align: center;
}

.hero-slider .news-slider-wrapper .prev,
.hero-slider .news-slider-wrapper .next {
    left: 30px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    padding: 0;
}

.hero-slider .news-slider-wrapper .next {
    left: auto;
    right: 30px;
}

.card-box {
    padding-left: 15px;
    padding-right: 15px;
}

.card-box .small-block a {
    border: 4px solid #003A66;
    border-radius: 10px;
    box-shadow: 6px 6px 0px 0px rgba(0, 58, 102, 0.25), inset 3px 3px 0px 3px rgba(0, 58, 102, 0.25);
}

.card-box .small-block .figure-heading {
    color: #003A66;
    word-wrap: break-word;
}

.card-box .small-block {
    margin-bottom: 0;
    height: 100%;
}

.card-box .small-block a:hover,
.card-box .small-block a:focus {
    background-color: #003A66;
}

.card-box [class*="col-"]:has(.small-block) {
    margin-bottom: 30px;
}

/* .desktop-view .navigation .logo {
    display: none !important;
} */

.hero-slider .news-slider-wrapper .news-slider.grid-block {
    max-height: unset !important;
    height: auto !important;
}

.card-box .small-block .figure-heading {
    line-height: 1.28;
}
.hero-slider .see-rep {
    background: #03263D;
    border-radius: 10px;
}
.hero-slider .see-rep picture {
    text-align: center;
    height: calc(740px - 105px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-slider .see-rep picture img {
    width: 415px;
    height: auto;
}

@media (min-width: 1601px) and (max-width: 1920px) {

    .hero-slider .news-slider-wrapper,
    .hero-slider a:has(.picture-caption) {
        height: 740px;
        max-height: unset !important;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .card-box [class*="col-"]:has(.small-block) {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {

    .hero-slider .news-slider-wrapper,
    .hero-slider a:has(.picture-caption) {
        height: 590px;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {

    .hero-slider .news-slider-wrapper,
    .hero-slider a:has(.picture-caption) {
        height: 419px;
    }
}

@media(max-width:1799px) {
    .grid-block .picture-caption .caption-title {
        font-size: 45px;
    }
    .hero-slider .see-rep picture img {
        width: 385px;
    }
}

@media (max-width: 1600px) {

    .hero-slider .grid-block .picture-caption {
        padding-left: 90px;
        padding-right: 90px;
    }
    .grid-block .picture-caption .caption-title {
    font-size: 39px;
  }
  .hero-slider .see-rep picture {
    height: calc(590px - 90px);
  }
.hero-slider .see-rep picture img {
  width: 315px;
}
}
@media (max-width: 1440px) {
  .hero-slider .see-rep picture {
    height: calc(426px - 90px);
  }
  .hero-slider .see-rep picture img {
    width: 215px;
  }
  .grid-block .picture-caption .caption-title {
    font-size: 35px;
  }
}
@media (max-width: 1364px) {

    .hero-slider .news-slider-wrapper,
    .hero-slider a:has(.picture-caption) {
        height: 430px;
    }
     .hero-slider .see-rep picture {
    height: calc(446px - 90px);
  }
   .hero-slider .see-rep picture {
    height: calc(450px - 90px);
  }
}


@media (max-width: 1024px){
    .grid-blocks.hero-slider .picture-caption .caption-title {
        font-size: 20px;
    }
}

@media (max-width: 1199px) {
    .hero-slider .grid-block .picture-caption {
        padding-left: 50px;
        padding-right: 50px;
    }
    .hero-slider .see-rep picture img {
    width: 235px;
  }

}

@media (max-width: 991px) {

    .hero-slider .news-slider-wrapper,
    .hero-slider a:has(.picture-caption) {
        height: 300px;
    }

    .card-box .small-block {
        margin-bottom: 0 !important;
    }

    .desktop-view .navigation .logo {
        display: block;
    }
    .hero-slider .see-rep picture {
    height: calc(400px - 90px);
  }
  .hero-slider .see-rep picture img {
    width: 150px;
  }
    .hero-slider .see-rep picture {
    height: 235px;
  }
  .see-rep.grid-block .picture-caption {
    padding: 22px 10px !important;
    }
}

@media (max-width: 767px) {

    .grid-first .grid-block,
    .news-slider-wrapper {
        margin-bottom: 0;
    }

    .hero-slider .dots-group {
        display: block;
        right: 50%;
        transform: translateX(50%);
        bottom: 25px !important;
    }

    .hero-slider .dots-group .dot {
        width: 12px;
        height: 12px;
        background-color: #003A6633;
    }

    .dots-group .dot_slider.active {
        background-color: #f98806;
    }

    .hero-slider .news-slider-wrapper .prev,
    .hero-slider .news-slider-wrapper .next {
        display: none;
    }

    .hero-slider {
        padding: 42px 5px 0;
    }

    .hero-slider .news-slider-wrapper {
        height: auto;
        max-height: none;
        background-color: transparent;
        padding-bottom: 72px;
    }

    .hero-slider a:has(.picture-caption) {
        background-color: #eee;
        height: 335px;
    }

    .see-rep a:has(.picture-caption) {
        height: 100% !important;
    }

    .see-rep {
        height: 440px !important;
        margin-bottom: 20px !important;
    }

    .card-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .card-box .small-block a {
        min-height: 170px;
        box-shadow: none;
        border-width: 2px;
    }

    .card-box .small-block img {
        width: 55px;
        height: 55px;
    }

    .card-box .small-block .figure-heading {
        padding-top: 20px;
        color: #FA8807;
    }

    .card-box [class*="col-"]:has(.small-block) {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .hero-slider .grid-block .picture-caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .see-rep.grid-block .picture-caption {
        padding: 22px 15px !important;
    }
     .hero-slider .see-rep picture {
    height: 100%;
    align-items: flex-start;
    margin-top: 35px;
  }
   .hero-slider .see-rep picture img {
    width: 220px;
  }
  .hero-slider .see-rep a {
    background: #03263D;
  }
}

@media (max-width: 479px) {
    .hero-slider .see-rep picture img {
    /*width: 180px;*/
  }
}