@font-face {
    font-family: 'belleza-regular';
    src: url('fonts/belleza/belleza-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'dmsans-bold';
    src: url('fonts/dm sans/dmsans-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'dmsans-bolditalic';
    src: url('fonts/dm sans/dmsans-bolditalic.ttf') format('truetype');
}
@font-face {
    font-family: 'dmsans-italic';
    src: url('fonts/dm sans/dmsans-italic.ttf') format('truetype');
}
@font-face {
    font-family: 'dmsans-medium';
    src: url('fonts/dm sans/dmsans-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'dmsans-regular';
    src: url('fonts/dm sans/dmsans-regular.ttf') format('truetype');
}

html {
    font-size: 14px;
    font-family: 'dmsans-regular';
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'dmsans-regular';
    background: #F7F7F7;
}

p {
    font-size:1.5rem;
}

h1 {
    font-weight:900;
    font-size:3.5rem;
}

.margin-bottom-20 {
    margin-bottom:20px;
}

.hiprospect-btn {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #49082B;
    color: white !important;
    cursor: pointer;
    width: auto;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}

.hiprospect-btn-yellow {
    padding: 10px;
    background-color: #eff937;
    color: black !important;
    cursor: pointer;
    width: auto;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius:5px;
    margin-left:20px;
    width:auto;
}


@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    .toflexornottoflex {
        display: unset;
    }
}

@media (min-width: 961px) {
    .toflexornottoflex {
        display: flex;
    }
}

.headerBackground {
    background: #052644;
    box-shadow: 0px 4px 40px 0px rgba(9, 48, 82, 0.30);
}

.nav-link {
    color: #E6F7F0 !important;
    font-size: 18px;
    margin-right: 28px;
}

.navbar {
    padding-top:24px;
    padding-bottom:24px;
}

.navbar-brand {
    margin-right:48px;
}

.navbarbutton {
    border: 1px solid #145893;
    color: white !important;
    border-radius: 5px;
    background: linear-gradient(128deg, #0D3F69 0%, #145893 100%);
}

.h1blue {
    font-size: 75px;
    color: #E6F7F0;
}

.h1blue60px {
    font-size: 60px;
    color: #E6F7F0;
}

.ptagblue {
    color: rgba(230, 247, 240, 0.60);
    font-size:20px;
}

h2 {
    background: -webkit-linear-gradient(#17B5BF, #4E63D1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 51px;
    max-width:890px;
    font-weight: 700;
}

h5 {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0.25px;
}

.h5Alternative {
    font-size: 51px;
    font-style: normal;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: 0.25px;
}

.customPurpleHeaderGradient {
    color: #8C4FDB;
}

.txtBoxEmailSearch {
    background: #145893;
    border-radius: 5px;
    border: 1px solid #E6F7F0;
    min-width: 365px;
    margin-right: 20px;
    max-height: 47px;
    padding: 15px;
    font-size: 24px;
    color:#E6F7F0; 
}

.txtBoxEmailSearch::placeholder {
    color:white;
    font-size: 24px;
}

.customBlueButton {
    border: 1px solid #145893;
    color: white !important;
    border-radius: 5px;
    background: linear-gradient(128deg, #0D3F69 0%, #145893 100%);
}

#ex1 .nav-link.active {
    border-color: unset;
    background: linear-gradient(128deg, #17B5BF 0%, #4E63D1 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #4E63D1;
    width: 170px;
    display: flex;
    justify-content: center;
}

#ex1 .nav-link {
    border-color: unset;
    background: #999;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 170px;
    display: flex;
    justify-content: center;
}

#ex1 {
    border-bottom: none;
}

#ex1 .nav-link {
    margin-right: 0px;
}