.bold-text {
    text-align: left;
    font: normal normal bold 34px/38px Gotham, Sans-Serif;
    letter-spacing: 0;
    color: #20285d;
    opacity: 1;
}

.header-bg {
    background-image: url("../../img/service-provider/serviceprovider@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.white-text {
    text-align: left;
    letter-spacing: 0.6px;
    color: #ffffff;
    opacity: 1;
}

.card {
    border-radius: 10px;
}

.card-header-bg {
    border-radius: 10px 10px 0 0;
    background: #07a2dc 0 0 no-repeat padding-box;
}

.pricing-text {
    color: #20285d;
    font: normal normal bold 30px/30px Gotham, Sans-Serif;
}

.per-month {
    font: normal normal bolder 14px/16px Gotham, Sans-Serif;
}

.starting-at {
    font: normal normal bold 14px/16px Gotham, Sans-Serif;
}

ul {
    margin-block-start: 0 !important;
    padding-inline-start: 20px !important;
    line-height: unset !important;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.plan-text {
    font: normal normal bold 16px/23px Gotham, Sans-Serif;
}

.save-text {
    font: normal normal bold 12px/18px Gotham, Sans-Serif !important;
    color: #f8a01b;
}

.faq-title {
    text-align: left;
    font: normal normal bold 25px/27px Gotham, sans-serif;
    letter-spacing: 0px;
    color: #20285d;
    opacity: 1;
}

.chevron:after {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    font-weight: 900;
    position: absolute;
    right: 2%;
}

.chevron.collapsed:after {
    content: "\f078";
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .max-width-fit-content {
        max-width: fit-content;
    }
}

@media screen and (max-width: 576px) {
    .bold-text {
        font: normal normal bold 18px/20px Gotham, Sans-Serif;
    }

    .faq-title {
        font: normal normal bold 16px/18px Gotham, sans-serif;
    }

    .chevron:after {
        right: 5%;
    }
}