@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-Regular.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: 'Poppins Light'; src: url(../fonts/poppins/Poppins-Light.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: 'Poppins Medium'; src: url(../fonts/poppins/Poppins-Medium.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: 'Poppins Bold'; src: url(../fonts/poppins/Poppins-Bold.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: 'Poppins Black'; src: url(../fonts/poppins/Poppins-Black.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: 'Outfit'; src: url(../fonts/outfit/static/Outfit-Regular.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: 'Outfit Bold'; src: url(../fonts/outfit/static/Outfit-Bold.ttf) format("truetype"); font-display: swap; }

body { font-family: 'Outfit', 'Poppins', Arial, sans-serif; }

.z-index-priority { z-index: 999999999 !important;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit Bold', 'Poppins Bold', Arial, sans-serif;
}
.text-right { text-align: right !important;}

.borderless {
  border-color: transparent !important;
  box-shadow: none !important;
}

.text-bold { font-weight: bold !important;}

mark { padding-left: 0.3rem !important; padding-right: 0.3rem !important; border-radius: 3px;}

.bg-white { background-color: #fff;}

.btn-dark { background-color: black !important; border-color: black !important;}
.btn-dark:hover, .btn-default, .tab-content { background-color: white !important; border-color: black !important; color: black !important;}
/* .form-control { border-color: black !important; color: black !important;} */
.nav-link.active { background-color: white !important; border-color: black !important; color: black !important; }
.nav-tabs-top .nav-link.active { border-bottom: 1px solid #fff !important; }
.nav-tabs-left .nav-link.active { border-right: 1px solid #fff !important; }

.btn-primary { background-color: rgb(44, 75, 255) !important; border-color: rgb(44, 75, 255) !important;}
.btn-primary:hover { background-color: white !important; color: rgb(44, 75, 255) !important;}

.bg-purple { background-color: #8475b6 !important; color: #fff; color: #3E1019}
.bg-purple-light { background-color: #9984be !important;}
.bg-purple-dark { background-color: #65598c !important;}
.text-purple { color: #8475b6 !important;}
.text-purple-light { color: #9984be !important;}
.text-purple-dark { color: #65598c !important;}

.btn-pink { background-color: #E77395; border-color: #E77395 !important; color: #fff;}
.btn-pink:hover { background-color: #F48BA4; color: #fff;}
.btn-pink-light { background-color: #F48BA4 !important; color: #3E1019 !important;}
.btn-pink-light:hover { background-color: #E77395 !important; }

.border-pink { border-color: #E77395 !important;}
.border-pink-light { border-color: #F8B0B7 !important;}

.bg-pink { background-color: #f7a4aa !important; color: #fff; color: #3E1019}
.bg-pink-light { background-color: #fccdbf !important;}
.bg-pink-dark { background-color: #f4899d !important;}

.text-pink { color: #f7a4aa !important;}
.text-pink-light { color: #fccdbf !important;}
.text-pink-dark { color: #f4899d !important;}

.btn-yellow { background-color: #FAF488; border-color: #FAF488 !important; color: #fff;}
.btn-yellow:hover { background-color: #FCE69B; color: #fff;}

.border-yellow { border-color: #FAF488 !important;}
.border-yellow-light { border-color: #f5f2ac !important;}

.bg-yellow { background-color: #f1db5f !important; color: #fff;}
.bg-yellow-light { background-color: #efdfa1 !important;}
.bg-yellow-dark { background-color: #d8c656 !important;}

.text-yellow { color: #f1db5f !important;}
.text-yellow-light { color: #efdfa1 !important;}
.text-yellow-dark { color: #d8c656 !important;}

.btn-cyan { background-color: #A1E3F9; border-color: #07CDF5 !important; color: #fff;}
.btn-cyan:hover { background-color: #578FCA; color: #fff;}
.border-cyan { border-color: #A1E3F9 !important;}
.border-cyan-light { border-color: #D1F8EF !important;}
.bg-cyan { background-color: #A1E3F9 !important; color: #fff;}
.bg-cyan-light { background-color: #D1F8EF !important;}
.bg-cyan-dark { background-color: #578FCA !important;}
.text-cyan { color: #A1E3F9 !important;}
.text-cyan-light { color: #D1F8EF !important;}
.text-cyan-dark { color: #578FCA !important;}

.bg-green-light { background-color: #78cbbe !important;}
.bg-green { background-color: #41998b !important;}
.bg-green-dark { background-color: #218272 !important;}
.text-green-light { color: #78cbbe !important;}
.text-green { color: #41998b !important;}
.text-green-dark { color: #218272 !important;}

.bg-brown { background-color: #3E1019 !important; }
.text-brown { color: #3E1019 !important; }

.display-4 { font-weight: 600;}

#faqs img, #privacy img, #terms img { border: 1px solid #ccc; }

mark {
    padding: 0;
}

.modal-dialog { width: 875px !important;}

@media (max-width: 992px) {
    .navbar-collapse .nav-item { display: grid; }
    .navbar-collapse .nav-item a.text-dark { margin-left: 6px }
    h1 { font-size: 45px; line-height: 1.1;}
    h2 { line-height: 2rem;}
    h3 { line-height: 0.9;}
    #experts h5 { font-size: 15px;}

    .modal-dialog { width: 100% !important;}
}