/* General styling for the section */
/* Mobile landscape media query */
.team-carousel {
  position: relative; }
  .team-carousel .slider {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 361px; }
    .team-carousel .slider.loaded {
      opacity: 1;
      visibility: visible;
      height: auto; }
      .team-carousel .slider.loaded .card {
        padding: 15px;
        border: 2px solid #cacfd6;
        border-radius: 8px;
        margin-bottom: 20px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .team-carousel .slider.loaded .card {
            width: calc(33.33% - 20px) !important; } }
        @media (min-width: 596px) and (max-width: 767px) {
          .team-carousel .slider.loaded .card {
            width: calc(50% - 20px) !important; } }
        @media (max-width: 595px) {
          .team-carousel .slider.loaded .card {
            width: calc(50% - 20px) !important; } }
    .team-carousel .slider.slick-initialized {
      opacity: 1;
      visibility: visible;
      height: auto; }
  .team-carousel.bg-blue .intro h2 {
    color: #ffffff; }
  .team-carousel.bg-blue .small-wrapper .slider .card h6 {
    color: #ffffff; }
  .team-carousel.bg-blue .slick-prev svg:hover path,
  .team-carousel.bg-blue .slick-next svg:hover path {
    fill: #ffffff; }
  .team-carousel.bg-blue .slick-prev svg path,
  .team-carousel.bg-blue .slick-next svg path {
    fill: #0084f2; }
  .team-carousel .intro {
    position: relative;
    text-align: center;
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      .team-carousel .intro {
        margin-bottom: 30px; } }
    .team-carousel .intro h2 {
      color: #001480;
      margin-bottom: 20px; }
  .team-carousel .small-wrapper .slider {
    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;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 1774px) {
      .team-carousel .small-wrapper .slider {
        padding: 0 30px; } }
    @media (max-width: 1264px) {
      .team-carousel .small-wrapper .slider {
        max-width: 1060px; } }
    @media (max-width: 991px) {
      .team-carousel .small-wrapper .slider {
        padding: 0 0 50px;
        max-width: 720px; } }
    @media (max-width: 767px) {
      .team-carousel .small-wrapper .slider {
        max-width: 480px; } }
    .team-carousel .small-wrapper .slider .card {
      width: calc(20% - 20px);
      margin: 0 10px; }
      @media (max-width: 595px) {
        .team-carousel .small-wrapper .slider .card {
          width: 100%;
          margin: 0 auto; } }
      .team-carousel .small-wrapper .slider .card .card-wrap {
        width: 100%; }
        @media (max-width: 1264px) {
          .team-carousel .small-wrapper .slider .card .card-wrap {
            max-width: 220px;
            margin: 0 auto; } }
        @media (max-width: 595px) {
          .team-carousel .small-wrapper .slider .card .card-wrap {
            max-width: 221px;
            margin: 0 auto; } }
      .team-carousel .small-wrapper .slider .card .img-wrap {
        border: 1px solid #cacfd6;
        border-radius: 8px;
        overflow: hidden;
        max-width: 221px;
        height: 265px;
        margin-bottom: 15px; }
      .team-carousel .small-wrapper .slider .card img {
        -o-object-position: bottom;
           object-position: bottom;
        height: 100%; }
      .team-carousel .small-wrapper .slider .card h6 {
        color: #001480;
        margin-bottom: 10px;
        font-weight: 600; }
        @media (max-width: 595px) {
          .team-carousel .small-wrapper .slider .card h6 {
            text-align: center; } }
      .team-carousel .small-wrapper .slider .card p {
        color: #0084f2;
        font-weight: 600; }
        @media (max-width: 595px) {
          .team-carousel .small-wrapper .slider .card p {
            text-align: center; } }
  .team-carousel .small-wrapper .btn {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 50px; }
    @media (max-width: 991px) {
      .team-carousel .small-wrapper .btn {
        margin-top: 30px; } }
  .team-carousel .slick-prev,
  .team-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; }
    .team-carousel .slick-prev::before,
    .team-carousel .slick-next::before {
      width: 0;
      height: 0;
      display: none; }
    .team-carousel .slick-prev svg:hover path,
    .team-carousel .slick-next svg:hover path {
      fill: #001480; }
    .team-carousel .slick-prev svg path,
    .team-carousel .slick-next svg path {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      fill: #545859; }
  .team-carousel .slick-prev {
    left: -50px; }
    @media (min-width: 1195px) and (max-width: 1300px) {
      .team-carousel .slick-prev {
        left: -20px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .team-carousel .slick-prev {
        left: -20px; } }
    @media (max-width: 991px) {
      .team-carousel .slick-prev {
        right: 50% !important;
        left: unset !important;
        margin-right: 2px;
        bottom: -26px;
        top: unset; } }
    @media (max-width: 767px) {
      .team-carousel .slick-prev {
        bottom: -65px; } }
    @media (max-width: 480px) {
      .team-carousel .slick-prev {
        right: 50% !important; } }
    @media (max-width: 767px) {
      .team-carousel .slick-prev {
        bottom: -26px; } }
  .team-carousel .slick-next {
    right: -50px; }
    @media (min-width: 1195px) and (max-width: 1300px) {
      .team-carousel .slick-next {
        right: -20px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .team-carousel .slick-next {
        right: -20px; } }
    @media (max-width: 991px) {
      .team-carousel .slick-next {
        left: 50% !important;
        right: unset !important;
        margin-left: 2px;
        bottom: -26px;
        top: unset; } }
    @media (max-width: 767px) {
      .team-carousel .slick-next {
        bottom: -65px; } }
    @media (max-width: 767px) {
      .team-carousel .slick-next {
        bottom: -26px; } }
  .team-carousel .slick-prev::before,
  .team-carousel .slick-next::before {
    color: #0084f2;
    font-weight: bold;
    font-size: 20px; }
  .team-carousel .slick-prev:hover::before,
  .team-carousel .slick-next:hover::before {
    color: #0084f2; }
  .team-carousel .slick-dots li button:before {
    font-size: 12px !important; }