header{
    background: #fff;
    z-index: 1000;
    position: relative;
}
header .header-right i{
    background-color: #ce232d;
    color: #fff;
}
header .header-right i:hover{
    background-color: #1d4a8a;
}
.navbar{
    background: #fff;
    position: relative;
    top: 0;
}

/* Banner Start */
.faq-banner{
    position: relative;
}
.faq-banner img{
    width: 100%;
}
.faq-banner .banner-content{
    width: 100%;
    height: 100%;
    background-color: #00000077;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-banner .banner-content h1{
    font-size: calc(2.5rem + 0.5vw);
    font-weight: 700;
    color: #fff;
}

/* Media Queries */
@media screen and (min-width: 1230px) and (max-width: 1399px) {
    .faq-banner .banner-content h1{
        font-size: calc(2.25rem + 0.5vw);
    }
}

@media screen and (min-width: 992px) and (max-width: 1229px) {
    .faq-banner .banner-content h1{
        font-size: calc(2rem + 0.5vw);
    }
}

@media screen and (max-width: 767px) {
    .faq-banner{
        height: 25vh;
    }
    .faq-banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .faq-banner .banner-content h1{
        font-size: calc(1.3rem + 0.5vw);
    }
}
/* Banner End */

/* Faq Start */
.faq{
    padding: 5rem 7% 6rem 7%;
}
.faq .accordion{
    width: 1100px;
    margin: 0 auto;
}
.faq .accordion-item{
    margin-bottom: 1rem;
    border: none !important;
}
.faq .accordion-item:last-child{
    margin-bottom: 0;
}
.faq .accordion-button {
    background-color: #1d4a8a !important;
    padding: 1.8rem 1.2rem;
    color: #fff;
    border-radius: 15px !important;
    box-shadow: none;
    font-weight: 600;
    font-size: calc(0.6rem + 0.5vw);
}
.faq .accordion-body {
    margin-top: 1rem;
    background-color: #ce232d;
    border-radius: 15px;
    color: #fff;
    padding: 1.5rem 1.2rem;
}
.faq .accordion-body span {
    font-weight: 700;
    font-size: calc(0.6rem + 0.5vw);
    display: block;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.faq .accordion-body span:nth-child(1) {
    margin-top: 0;
}
.faq .accordion-body p{
    font-size: calc(0.6rem + 0.5vw);
    font-weight: 600;
    display: flex;
    gap: 1rem;
}
.faq .accordion-body p i{
    font-size: calc(1.5rem + 0.5vw);
    color: #4bd5f7;
    margin-top: -3px;
}
.faq .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(62%) sepia(22%) saturate(1046%) hue-rotate(7deg) brightness(92%) contrast(86%);
}
.faq .accordion-button::after {
    display: none;
}
.faq .accordion-button {
    position: relative;
}
.faq .accordion-button.collapsed::before,
.faq .accordion-button::before {
    content: "\f067";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    color: #fff;
}
.faq .accordion-button:not(.collapsed)::before {
    content: "\f068";
}

/* Media Queries */
@media screen and (min-width: 1230px) and (max-width: 1399px) {
    .faq{
        padding: 4.5rem 7% 5.5rem 7%;
    }
    .faq .accordion{
        width: 1000px;
    }
    .faq .accordion-item{
        margin-bottom: 1rem;
    }
    .faq .accordion-button {
        padding: 1.6rem 1.1rem;
        font-size: calc(0.55rem + 0.5vw);
    }
    .faq .accordion-body {
        margin-top: 1rem;
        padding: 1.3rem 1.1rem;
    }
    .faq .accordion-body span {
        font-size: calc(0.55rem + 0.5vw);
        margin-bottom: 1.8rem;
        margin-top: 1.8rem;
    }
    .faq .accordion-body p{
        font-size: calc(0.55rem + 0.5vw);
        gap: 0.9rem;
    }
    .faq .accordion-body p i{
        font-size: calc(1.3rem + 0.5vw);
        margin-top: -2px;
    }
    .faq .accordion-button.collapsed::before,
    .faq .accordion-button::before {
        right: 1.3rem;
        font-size: 1rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1229px) {
    .faq{
        padding: 4.3rem 7% 5rem 7%;
    }
    .faq .accordion{
        width: 900px;
    }
    .faq .accordion-item{
        margin-bottom: 1rem;
    }
    .faq .accordion-button {
        padding: 1.5rem 1.1rem;
        font-size: calc(0.5rem + 0.5vw);
    }
    .faq .accordion-body {
        margin-top: 1rem;
        padding: 1.3rem 1.1rem;
    }
    .faq .accordion-body span {
        font-size: calc(0.5rem + 0.5vw);
        margin-bottom: 1.8rem;
        margin-top: 1.8rem;
    }
    .faq .accordion-body p{
        font-size: calc(0.5rem + 0.5vw);
        gap: 0.9rem;
    }
    .faq .accordion-body p i{
        font-size: calc(1.2rem + 0.5vw);
        margin-top: -2px;
    }
    .faq .accordion-button.collapsed::before,
    .faq .accordion-button::before {
        right: 1.3rem;
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .faq{
        padding: 2rem 1rem 4rem 1rem;
    }
    .faq .accordion{
        width: 100%;
    }
    .faq .accordion-button {
        padding: 1.2rem 3rem 1.2rem 1rem;
        font-size: calc(0.8rem + 0.5vw);
    }
    .faq .accordion-body {
        margin-top: 1rem;
        padding: 1.2rem 1rem 0.7rem 1rem;
    }
    .faq .accordion-body span {
        font-size: calc(0.8rem + 0.5vw);
        margin-bottom: 1.5rem;
        margin-top: 2rem;
    }
    .faq .accordion-body p{
        font-size: calc(0.8rem + 0.5vw);
        gap: 0.6rem;
    }
    .faq .accordion-body p i{
        margin-top: -1.5px;
    }
    .faq .accordion-button.collapsed::before,
    .faq .accordion-button::before {
        right: 1rem;
        font-size: 1rem;
    }
}
/* Faq End */