@charset "UTF-8";
/* CSS Document */

body {
	background-color: #F5F6F8;
    color: #364153 !important;
    font-family: 'Outfit', Arial, sans-serif;
}

h1, h5 {
    color: #101828 !important;
}

h6 {
   color: #4A5565 !important;
}

p, small {
    color: #4A5565;
}


.outfit-regular {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.outfit-medium {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.outfit-semibold {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.outfit-bold {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.text-project-purple {
	color: #59168B;
}

.card-img-top {
    border-radius: 0.3rem;
    border: none;
    width: 50px;
}

.ad-logo {
    width: 50px;
}

.list-number {
    background-color: #59168B;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem;
}

.rating-number {
    background-color: #C6005C;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem;
}
.rating-number span {
    font-size: 18px;
}

.badge.bg-project-light {
    background-color: #eef3ff;
    color: #364153;
    font-weight: 400;
    font-size: 12.8px;
}

.btn-project-primary {
    color: #C6005C;
    border: 1px solid #C6005C;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: 0.01px;
}
.btn-project-primary:hover, .btn-project-primary:active { 
    color: #C6005C !important;
    background-color: rgba(199, 0, 92, 0.08) !important;
    border: 1px solid #C6005C !important;
}

.btn-project-secondary {
    color: white;
    background-color: #C6005C;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: 0.01px;
}
.btn-project-secondary:hover, .btn-project-secondary:active { 
    color: white !important;
    background-color: #a90350 !important;
    border: 1px solid #a90350 !important;
}

.btn-project-tertiary {
    color: #59168b;
    background-color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: 0.01px;
    font-weight: 500;
}
.btn-project-tertiary:hover, .btn-project-tertiary:active { 
    color: #59168b !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid #ffffff !important;
}

.sponsored {
    color: rgba(74, 85, 101, 0.5) !important;
}

.page-item a {
    color: #101828;
}

.page-link:hover {
    color: #59168B;
}

.page-item.active span {
    background-color: #59168B;
    border-color: #59168B;
}

.page-item.active .page-link:hover {
    color: white;
}

.bg-dark {
    background-color: #59168B !important;
}

.brand-logo {
    max-width: 100px;
}

.fa-star {
    color: #C6005C;
}
.fa-star-spacing {
    margin-left: -5px;
}

.star-half {
    width: 15.75px;
    height: 14.5px;
    margin-top: -4px;
}

.review-number {
    opacity: 0.75;
}

.text-body {
    color: #4A5565 !important;
}

@media (max-width: 767.98px) {
    .ad-logo {
        max-width: 100% !important;
    }
    .brand-logo {
        max-width: 85px;
    }
    .sponsored {
        font-size: 0.8rem !important;
    }
}