/* Logo Slider Container */
/* Mobile landscape media query */
.logo-carousel {
  position: relative;
  /* Slick Slider Items */
  /* Slick Previous and Next Arrows */
  /* Arrow Icon Style */
  /* Hover Effect for Arrows */ }
  .logo-carousel::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% + 260px);
    top: -260px;
    left: 0;
    background-color: #ebf5fe;
    z-index: -1; }
    @media (max-width: 767px) {
      .logo-carousel::before {
        height: calc(100% + 300px);
        top: -300px; } }
  .logo-carousel .intro h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #001480; }
  .logo-carousel .slider {
    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;
    opacity: 0;
    height: 90px;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out; }
    @media (max-width: 1849px) {
      .logo-carousel .slider {
        padding: 0 32px; } }
    @media (max-width: 991px) {
      .logo-carousel .slider {
        padding: 0 0px 40px; } }
    @media (max-width: 595px) {
      .logo-carousel .slider {
        margin-top: 0;
        padding: 0 20px 0; } }
    @media (max-width: 480px) {
      .logo-carousel .slider {
        margin-top: 0; } }
    .logo-carousel .slider.slick-initialized {
      opacity: 1;
      height: auto; }
  @media (min-width: 1602px) and (max-width: 2499px) {
    .logo-carousel .slick-list {
      padding: 10px 5px !important; } }
  .logo-carousel .logo-item {
    margin: 0 5px;
    border: 2px solid #97a0a8;
    border-radius: 10px;
    padding: 10px;
    background-color: #ffffff;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .logo-carousel .cta:hover {
    border: 2px solid #545859;
    -webkit-box-shadow: 0 0 6px 0 #545859;
            box-shadow: 0 0 6px 0 #545859; }
  @media (max-width: 1849px) {
    .logo-carousel .five-cards-slide {
      padding: 0 30px; } }
  .logo-carousel .five-cards-slide .logo-item img {
    padding: 35px; }
    @media (min-width: 1195px) and (max-width: 1300px) {
      .logo-carousel .five-cards-slide .logo-item img {
        padding: 25px; } }
    @media (max-width: 1264px) {
      .logo-carousel .five-cards-slide .logo-item img {
        padding: 20px; } }
    @media (max-width: 991px) {
      .logo-carousel .five-cards-slide .logo-item img {
        padding: 20px; } }
  .logo-carousel .five .logo-item {
    padding: 15px 30px;
    margin: 0 15px; }
    @media (max-width: 991px) {
      .logo-carousel .five .logo-item {
        padding: 10px 20px; } }
    @media (max-width: 380px) {
      .logo-carousel .five .logo-item {
        margin: 0 10px; } }
  .logo-carousel .five .logo-item img {
    height: 54px; }
  .logo-carousel .logo-item img {
    max-width: 100%;
    display: block;
    height: 30px;
    -o-object-fit: contain;
       object-fit: contain; }
  .logo-carousel .logo-item .imgWrap {
    position: relative; }
  .logo-carousel .slick-list {
    padding: 10px 0; }
    @media (min-width: 1775px) {
      .logo-carousel .slick-list {
        padding-right: 2px; } }
    @media (max-width: 767px) {
      .logo-carousel .slick-list {
        padding: 0 0 30px; } }
  .logo-carousel .slick-prev,
  .logo-carousel .slick-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: transparent;
    width: 40px;
    height: 40px;
    z-index: 1;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0; }
    .logo-carousel .slick-prev::before,
    .logo-carousel .slick-next::before {
      display: none; }
    .logo-carousel .slick-prev svg:hover path,
    .logo-carousel .slick-next svg:hover path {
      fill: #001480; }
    .logo-carousel .slick-prev svg path,
    .logo-carousel .slick-next svg path {
      fill: #545859;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .logo-carousel .slick-prev {
    left: -53px; }
    @media (max-width: 1849px) {
      .logo-carousel .slick-prev {
        left: -7px; } }
    @media (max-width: 991px) {
      .logo-carousel .slick-prev {
        right: 50% !important;
        left: unset !important;
        margin-right: 2px;
        bottom: -26px;
        top: unset; } }
    @media (max-width: 767px) {
      .logo-carousel .slick-prev {
        bottom: -65px; } }
    @media (max-width: 480px) {
      .logo-carousel .slick-prev {
        right: 50% !important; } }
    @media (max-width: 767px) {
      .logo-carousel .slick-prev {
        bottom: -26px; } }
  .logo-carousel .slick-next {
    right: -50px; }
    @media (max-width: 1849px) {
      .logo-carousel .slick-next {
        right: -7px; } }
    @media (max-width: 991px) {
      .logo-carousel .slick-next {
        left: 50% !important;
        right: unset !important;
        margin-left: 2px;
        bottom: -26px;
        top: unset; } }
    @media (max-width: 767px) {
      .logo-carousel .slick-next {
        bottom: -65px; } }
    @media (max-width: 767px) {
      .logo-carousel .slick-next {
        bottom: -26px; } }
  .logo-carousel .slick-prev::before,
  .logo-carousel .slick-next::before {
    color: #97a0a8;
    font-weight: bold;
    font-size: 20px; }
  .logo-carousel .slick-prev:hover,
  .logo-carousel .slick-next:hover {
    border-color: dark #97a0a8;
    background-color: transparent; }
  .logo-carousel .slick-prev:hover::before,
  .logo-carousel .slick-next:hover::before {
    color: dark #97a0a8; }
  @media (max-width: 767px) {
    .logo-carousel .slick-track {
      padding-bottom: 10px; } }