@media (min-width:768px) {
  .d-md-block {
    display: none;
  }
}
.banner {
  font-family: "Lato", serif;
  font-weight: 600;
  color: rgb(48, 60, 80);
}
/* 


.rubik-normal {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h6{
    font-family: "Rubik", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
}

.alegreya-normal {
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
h6 {
    font-family: "Alegreya", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
} */


.open-sans-normal {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

h6 {
    font-weight: 700 !important;
    font-size: 20px;
}
.card-text {
  font-size: 14px !important;
}
label{
  font-size: 14px !important;
}
select{
  font-size: 14px !important;
}
p{
  font-size: 12px !important;
}
.cprimary{
  background-color: #00c3ff;
  color: white !important;
}
.tabtitle {
  background-color: #d1d1d1 !important;
  color: black !important;
}
.tabtitle.active{
  background-color: #009dff !important;
  color: white !important;
}
strong {
  color: white;
}
.select2-selection__rendered{
  font-size: 14px !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link , .nav-link {
  border-top-left-radius : 6px !important;
  border-top-right-radius : 6px !important;
  /* color: #004b7a !important;
  background-color: #c2cdd5 !important;
  border-color: unset !important; */
}
.nav-link , .nav-item {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  /* color: #004b7a !important;
  background-color: #c2cdd5 !important;
  border-color: unset !important; */
}
.main_body {
  background-color: rgb(223, 255, 255);
  background: rgb(223, 255, 255);
  background: linear-gradient(90deg, rgba(223, 255, 255, 1) 20%, rgb(165, 240, 255) 80%);
}
.select2-container{
  width: 100% !important;
}
.card, .card-body, .card-title{
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.card-body{
  background-color: rgb(236, 236, 236);
}