.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html {
 font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1,h2, h3, h4, h5,h6, .btn, .display-1, .display-2, .display-3, .display-4, p, .lead, .nav-item, .dropdown-item, .form-control, .form-label, .card-title, .card-text, .badge, .alert {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
h2 {
    font-weight: 600;
}

.container {
    max-width: 1240px;
}

#homeBg{
     height: auto;
}
#homeBg2{
     height: auto;
}
.logo{
    height: 60px;
}
.logoF{
    height: 80px;
}

.logoM{
    height: 40px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00aeef;
    --bs-btn-border-color: #00aeef;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2b50c7;
    --bs-btn-hover-border-color: #2b3990;
    --bs-btn-focus-shadow-rgb: 82, 118, 237;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2b3990;
    --bs-btn-active-border-color: #2b3990;
    --bs-btn-active-shadow: 0 0;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00aeef;
    --bs-btn-disabled-border-color: #00aeef;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(0 174 239) !important;
}

.counter {
   color: rgb(43 57 144) !important;
}

.border-primary {
    border-color: rgb(0 174 239) !important;
}
.text-primary {
    color: #2b3990 !important;
}

.text-body {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    max-height: calc(1.2em * 3);
    word-break: break-word;
    overflow-wrap: anywhere;
}
.top-50 {
    top: 10% !important;
}
.bg-card {
    background-color: #00aeef40 !important;
}
.bg-primary-teget {
    background-color: #2b3990 !important;
}
@media (min-width: 992px) { 

#homeBg{
     height: 60vh;
}
#homeBg2{
     height: 45vh;
}
.logo{
    height: 70px;

 }
 .logoF{
    height: 100px;
 }
.top-50 {
    top: 50% !important;
}

}

@media (min-width: 1200px) { 

 }


@media (min-width: 1400px) { 

 }