body {
    font-family: Roboto, sans-serif
}

.bg-dark-blue {
    background-color: #0A0A28;
}

.bg-blue-00 {
    background-color: #002043;
}

.bg-light-blue {
    background-color: #DCE6F5;
}

.bg-blue-e1 {
    background-color: #E1E6F0 !important;
}

.bg-blue-39 {
    background-color: #394158;
}

.bg-blue-89 {
    background-color: #81ACCF;
}

.bg-blue-89-a {
    background-color: rgba(129, 172, 207, .9)
}

.bg-blue-f0 {
    background-color: #F0F5FF;
}

.btn-dark {
    background-color: #141432 !important;
}

.text-blue-39 {
    color: #394158;
}

.colon::after {
    content: ":";
    padding: 0 3px;
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.box {
    width: 100%;
    max-width: 1440px
}


.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #96C8FF !important;
}

.navbar-toggler-icon {
    background-image: none;
}

.navbar-toggler-icon::after {
    content: "\e911";
    font-family: 'icomoon';
    color: #fff;
    font-size: 1.8rem;
}

button[aria-expanded="true"] .navbar-toggler-icon::after {
    content: "\e912";
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
}

#Professional-Field .card-img-overlay {
    top: auto;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(255, 255, 255, 1.00) 100%);
}

.social-icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.dropdown-menu {
    --bs-dropdown-bg: #81ACCF;
    --bs-dropdown-link-hover-bg: #F3C42E;
    --bs-dropdown-link-active-color: #202020;
    --bs-dropdown-link-active-bg: #F3C42E;
}

/* ---------- */
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
    display: none;
}

.accordion-button.triangle-arrow:not(.collapsed)::before {
    background-image: none;
    transform: none;
}

.accordion-button.triangle-arrow::before {
    margin-right: 1rem;
    content: "\e91b";
    font-family: 'icomoon';
}

.accordion-button.stroke-arrow::before {
    margin-right: 1rem;
    content: "\e91a";
    font-family: 'icomoon';
    font-size: 1.5rem;
}

.accordion-button.triangle-arrow[aria-expanded="true"]::before {
    content: "\e918";
}

.accordion-button.stroke-arrow[aria-expanded="true"]::before {
    content: "\e919";
}

.accordion-button.triangle-arrow {
    color: #fff;
    background-color: #002043;
}

#products-sort .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #81ACCF;
}

#main-title.accordion,
#products-sort.accordion {
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 0 !important;
    --bs-accordion-border-radius: 0 !important;
    --bs-accordion-inner-border-radius: 0 !important;
}

#main-title>div:first-of-type {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

#main-title>div:last-of-type {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

#main-heading-1 .accordion-item li {
    transition: all 0.5s;
    cursor: pointer;
}

#products-sort li.active {
    background-color: #F3C42E;
    font-weight: 900;
}


#ppsu-fittings .table-secondary {
    --bs-table-bg: #F0F5FF;
    --bs-table-striped-bg: #fff;
    border-color: transparent;
    --bs-table-hover-bg: #eaf1ff;
}

#ppsu-fittings .table thead th {
    padding: 1rem;
    cursor: default;
}

#ppsu-fittings .table td {
    cursor: default;
}

#ppsu-fittings .table> :not(caption)>*>* {
    padding: 0.8rem 1rem
}

#ppsu-fittings thead th:nth-of-type(1) {
    border-top-left-radius: 10px;
}

#ppsu-fittings thead th:nth-of-type(3) {
    border-top-right-radius: 10px;
}

#ppsu-fittings .item-list .card.mb-5:last-of-type,
.section-heading p:last-of-type {
    margin-bottom: 0 !important;
}

#ppsu-fittings .item-list.mt-5:first-of-type {
    margin-top: 0 !important;
}

#oem .row.g-lg-3.g-3.mb-5 .col img.object-fit-cover {
    object-position: left top;
}

#oem .row.g-lg-3.g-3.mb-5:last-of-type {
    margin-bottom: 0 !important;
}

.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.feedback-btn {
    width: 64px;
}

.feedback-area {
    max-width: 400px;
}

.feedback-area .card {
    display: none;
}

.nav-link.active {
    color: #96C8FF;
}

.btn-check:checked+.btn,
.btn:hover,
.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border: none !important
}