@import url(./shared.css);
.dark-blue-bg{
  background-color: var(--provider-darkblue-color) !important;
}

.provider-inputs:focus{
  background-color: var(--provider-blue-color) !important;
  color: white
}

.dark-blue-text{
  color: var(--provider-darkblue-color);
}

.provider-btn{
  background-color: var(--primary);
  color: var(--provider-darkblue-color);
}

@media (min-width: 1024px){
  .grided-section>:first-child{
    padding-right: 60px;
  }
  .grided-section> :last-child{
    padding-left: 60px;
  }

}


.clipped-part-cont{
  height: 100px;
  width: 100%;
  background-color: rgb(239, 246, 255);
  padding-top: 1px;

  
}
.clipped-part{
  height: 100px;
  width: 100%;
  margin-top: -2px;
  background-color: var(--provider-darkblue-color);
  color: var(--provider-darkblue-color);
  clip-path: polygon(0% 0%,100% 0%,100% 0px, 0% 100%);
}