@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    background: hsl(210, 17%, 98%);
    font-family: 'Saira Semi Condensed', sans-serif;

}
/* Header */
.custom-shape-divider-top-1618928549 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1618928549 svg {
    position: relative;
    display: block;
    width: calc(150% + 1.3px);
    height: 100px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1618928549 .shape-fill {
    fill: #095691;
}

/* Footer */
.custom-shape-divider-bottom-1618925320 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1618925320 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1618925320 .shape-fill {
    fill: #095691;
}

.bg-nav {
    background-color: transparent;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

header {
    margin-top: -10px;
    margin-bottom: 20px;
}

.navbar-brand img {
    width: 180px;
    height: auto;
}

#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #fff;
}
.nav-justified > li > a
{
    border-radius: 0px;
    color: #095691;
}
.nav-pills>li[data-slide-to="0"].active a { background-color: #095691; border-radius: 0px; color: #fff; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #095691; border-radius: 0px; color: #fff; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #095691; border-radius: 0px; color: #fff; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #095691; border-radius: 0px; color: #fff; }

.bg-primary {
    background-color: #095691 !important;
}

.text-primary {
    color: #095691 !important;
}

.nav-item a {
    color: #095691 !important;
}

.nav-item.active a {
    color: #000 !important;
}

.dropdown-item.active {
    background: #b4d2e9;
    color: #fff !important;
}

.nav-slide > .active a {
    color: #fff !important;
}

.border-third {
    border-color: #9d9d9d;
}

.btn-outline-primary {
    color: #095691;
    border-color: #095691;
}

.btn-outline-primary:hover {
    background-color: #095691;
    border-color: #095691;
}

.btn-outline-danger {
    color: #B81E2D;
    border-color: #B81E2D;
}

.btn-outline-danger:hover {
    background-color: #B81E2D;
    border-color: #B81E2D;
}

.social a {
    color: #095691;
}

.social a:hover {
    color: #000;
}

.accordion{
    margin: 40px 0;
  }

  .accordion .item {
      border: none;
      margin-bottom: 50px;
      background: none;
  }

  .t-p {
    color: rgb(193 206 216);
    padding: 40px 30px 0px 30px;
  }

  .service-check {
      font-size: 4rem;
  }



/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    header {
        text-align: center !important;
    }
    .custom-shape-divider-top-1618928549 svg {
        position: relative;
        display: block;
        width: calc(350% + 1.3px);
        height: 100px;
        transform: rotateY(180deg);
    }

    .nav-slide a {
        font-size: .65rem;
    }

    .custom-shape-divider-bottom-1618925320 svg {
        position: relative;
        display: block;
        width: calc(300% + 1.3px);
        height: 100px;
        transform: rotateY(180deg);
    }
    .copyright p {
        font-size: .7rem;
    }

    .service-check {
        font-size: 2.5rem;
        margin-left: .5rem;
    }
  
}



#pixen a {
    color: #F8F9FA;
    text-decoration: none;
    font-weight: 600;
  }
  
  #pixen a:hover {
    text-decoration: none;
  }
  
  #pixen span {
    color: #F8F9FA;
    background-color: transparent;
  }
  
  #pixen a:hover > #pix { 
    color: #000; 
    background-color: #FFDB05; 
  }