.dotted-slope {
    height: 120px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: -118px;
    left: 0;
    background: #f1f5f9;
    background-image: radial-gradient(#d5d5d5 1px, transparent 1px);
    background-size: 20px 20px;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.dotted-slope-blank{
height: 120px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: -118px;
    left: 0;
    background: #fff;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);

}
.dotted-slope-blanks{
height: 120px;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    background: #003582;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);

}
.dotted-slope-bblank{
height: 120px;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    background: #fff;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);

}
.dotted-bg {
    background-color: #f8f9fa;
    background-image: radial-gradient(#d5d5d5 1px, transparent 1px);
    background-size: 20px 20px;
    margin-top: -1px;
}

.bg-blue {
    padding-bottom: 0;
    border-bottom: none;
    background-color:#003582 ;
}
.text-darkblue{
    color: #003582;

}
section.dotted-bg {
    margin-top: -1px; /* pulls up the section to prevent gap or seam */
}
.associate-img{
    height: 150px;
    width: 100%;
    object-fit: contain;
    display: block;
    margin: 20px auto;
}
.bg-secondary1{
    background-color: #ebf4ff;
}
.bluess{
    color: #298aff;
    font-size: 1.29rem;
}
.navbar .nav-link {
  font-size: 19px;
  color: #fff;
}
.pb-50{
    padding-bottom:50px;
}

@media only screen and (max-width: 768px){
  .navbar-expand-lg {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
  }

  .navbar-expand-lg .justify-content-center{
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
  }
  .dotted-slope {
    height: 80px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: -78px;
    left: 0;
    background: #f1f5f9;
    background-image: radial-gradient(#d5d5d5 1px, transparent 1px);
    background-size: 20px 20px;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    }
    h3{
        font-size: 1.2691rem;
    }
    .mb-4 {
        margin-bottom: 0.5rem !important;
    }
    .dotted-slope-blank{
        height: 80px;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: -78px;
        left: 0;
        background: #fff;
        clip-path: polygon(0 100%, 100% 0, 100% 100%);

    }
    
}



.footer-2-link {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #93bcd9;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.text-footer-link{
      color: #93bcd9;

}
.white-icon {
    filter: brightness(0) invert(1); /* Turns black to white */
}
.social-icon:hover {
  background-color: #F43021;
    border-radius:50%;

}
.social-icon:hover span {
  color: #fff !important;
  border-radius:50%;
}


.footer-2-link:hover {
    color: #ffff;
}
.logo_container{
    width: 40%;
}
@media only screen and (max-width: 768px){

.main-banner .pt-20 {
    padding-top: 20px !important;


}

.main-banner {
    padding-bottom: 25px !important;

}
.main-banner .pb-100 {
    padding-bottom: 50px !important;
}
.logo_container{
    width: 90%;
}


.navbar-nav .py-3 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

    .slope1{
        height: 46px;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: -44px;
        left: 0;
        background: #f1f5f9;
        background-image: radial-gradient(#d5d5d5 1px, transparent 1px);
        background-size: 20px 20px;
        clip-path: polygon(0 100%, 100% 0, 100% 100%);
    }
    .associate-img{
    height: 150px;
    width: 100%;
    object-fit: contain;
    display: block;
    margin: 5px auto;
}
.tech-partner {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}
}