:root {
    --myprimary: #FF9B14;
    --mysecondary: #7A7A7A;
    --mytext: #666;
}

a {
    text-decoration: none;
}


.fw-medium {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.text-myprimary {
    color: var(--myprimary);
}

.text-mysecondary {
    color: var(--mysecondary);
}

.text {
    color: var(--mytext);
}

/*** Navbar ***/
.navbar .navbar-toggler {
    border: none;
    font-size: 30px;
}

.navbar .navbar-toggler:focus {
    box-shadow: none !important;
}

.dropdown-toggle.hidden-arrow::after {
    display: none !important;
}

.offcanvas.offcanvas-start {
    width: 40vw !important;
}

@media (max-width: 768px) {
    .offcanvas.offcanvas-start {
        width: 60vw !important;
    }
}

/*** Footer ***/
.copyright {
    border-top: 1px solid rgba(256, 256, 256, .1);
}


/*** FaQ ***/

#faq .accordion-button{
    background-color: var(--myprimary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

#faq .accordion-button::after{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;

}

/*** My Account CSS ***/

.nav.nav-pills .nav-link {
    padding: 15px 22px;
    color: #3F69AA;
    font-weight: 400;
    background: rgba(63, 105, 170, .1);
    border-radius: 0;
    border-bottom: 1px solid #ffffff;
}

.nav.nav-pills .nav-link:hover,
.nav.nav-pills .nav-link.active {
    color: #ffffff;
    background: #3F69AA;
}

.tab-content {
    padding: 30px;
    background: rgba(63, 105, 170, .1);
}

.tab-content .table {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.tab-content .table .thead-dark th {
    text-align: center;
    background: #3F69AA;
    border-color: #3F69AA;
    vertical-align: middle;
}

.tab-content .table td {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
}