.fw-bold,
.theme-btn {
    font-weight: 700
}

.header li a.active,
.header li a:hover {
    color: var(--theme-color-main) !important
}

.header li a,
.theme-btn,
.theme-btn-outline {
    text-transform: uppercase
}

:root {
    --theme-color-main: #90014c;
    --theme-color-sec: #6f073f;
    --theme-color-light: #ecf2e7
}

*,
body {
    outline: 0
}

a,
h1,
h2 {
    text-decoration: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: var(--theme-color-sec)
}

.text-theme,
a {
    color: var(--theme-color-main)
}

.fw-bold,
a:hover {
    color: var(--theme-color-sec)
}

a:hover {
    text-decoration: underline
}

.companies {
    background: #f3f6ff
}

.main-banner {
    background: linear-gradient(90deg, #eff1e3 30%, #fde0ff 70%)
}

.theme-btn {
    background: linear-gradient(270deg, rgb(143 0 77) 0, rgb(170 58 17) 100%);
    color: #fff;
    font-size: 18px
}

.banner-title span,
.text-sec,
.theme-btn-outline {
    color: var(--theme-color-sec)
}

.theme-bgs{
    color: gray;
}
.theme-btn:hover {
    color: #fff !important;
    background: linear-gradient(-270deg, rgb(143 0 77) 0, rgb(170 58 17) 100%)
}

.img-area {
    background: url(../images/hero-banner.webp) bottom left/30% no-repeat
}

@media (max-width:992px) {
    .img-area {
        background: 0 0
    }
}

.header .menu-icon .navicon,
.theme-bg {
    background: var(--theme-color-main)
}

.theme-bg-sec {
    background: var(--theme-color-sec)
}

.theme-btn-outline {
    border: 2px solid var(--theme-color-sec);
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px
}

.theme-btn-outline:hover {
    color: #fff !important;
    background: var(--theme-color-sec) !important
}

.bg-light {
    background: linear-gradient(51deg, #eff2e3 0, rgb(255 230 224) 100%)
}

.bg-theme {
    background: var(--theme-color-main) !important
}

.bg-theme-sec {
    background: var(--theme-color-sec) !important
}

.btn {
    white-space: nowrap;
    border-radius: 6px;
    padding: 10px 30px
}

.c-img {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-banner p {
    color: #000;
    font-size: 18px
}

.text-white {
    color: #fff !important
}

.banner-title {
    color: var(--theme-color-main);
    font-size: 60px
}

.border,
.border-bottom,
.border-top {
    border-color: #a04351 !important
}

.form-control:focus,
.form-select:focus {
    box-shadow: none !important
}

.form-control,
.form-select {
    padding: 15px 30px
}

.footer a {
    color: #fbe2fc
}

.footer a:hover {
    color: #fff
}

.bg-dark {
    background: linear-gradient(45deg, #2e1120 0, #3d1010 100%)
}

.header a.logo,
.header li a {
    text-decoration: none;
    color: #000 !important;
    display: block
}

.header li a.active {
    border: 1px solid var(--theme-color-main);
    border-radius: 6px
}

.header {
    position: fixed;
    z-index: 1000;
    background: #fff;
    width: 100%
}

.header ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.header li a {
    padding: 6px 20px;
    font-weight: 500
}

.header .menu-btn:hover,
.header li:hover a {
    color: var(--primary) !important
}

.header a.logo {
    float: left;
    font-size: 2em;
    padding: 10px 20px
}

.header a:hover.logo {
    color: #000
}

.header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out
}

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none
}

.header .menu-icon .navicon {
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px
}

.header .menu-icon .navicon:after,
.header .menu-icon .navicon:before {
    background: var(--theme-color-main);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: .2s ease-out;
    width: 100%
}

.header .menu-icon .navicon:before {
    top: 5px
}

.header .menu-icon .navicon:after {
    top: -5px
}

.header .menu-btn {
    display: none
}

.header .menu-btn:checked~.menu {
    max-height: 260px;
    padding-bottom: 20px
}

.header .menu-btn:checked~.menu-icon .navicon {
    background: 0 0
}

.header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg)
}

.header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg)
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before {
    top: 0
}

@media (min-width:992px) {
    .header li {
        float: left
    }

    .header li a {
        padding: 6px 30px
    }

    .header .menu {
        clear: none;
        float: right;
        max-height: none
    }

    .header .menu-icon {
        display: none
    }
}

.j-tags {
    border-radius: 3px;
    border: 1px solid var(--theme-color-main);
    color: #000;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px
}

.j-tags:hover {
    background: linear-gradient(270deg, rgb(143 0 77) 0, rgb(170 58 17) 100%);
    color: #fff
}

.description-lp {
    all: initial !important;
    font-family: var(--bs-font-sans-serif) !important
}

.description-lp li,
.description-lp p,
.description-lp ul {
    padding: revert !important;
    margin: revert !important;
    font-size: 18px;
    list-style: revert !important
}

.autocomplete-items {
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 0;
    position: absolute;
    z-index: 99;
    max-height: 130px !important;
    padding: 10px;
    overflow-y: scroll;
    width: 93%;
    cursor: pointer;
    color: #000;
    text-align: left
}

.page-search .autocomplete-items {
    margin-top: 0;
    width: 95% !important
}

@media (min-width:577px) and (max-width:992px) {
    .page-search .autocomplete-items {
        width: 97% !important
    }
}

@media (max-width:576px) {

    .autocomplete-items,
    .page-search .autocomplete-items {
        width: 93% !important
    }
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.autocomplete-items div:hover {
    background-color: #e9e9e9
}

label.error {
    color: red;
    font-size: 1rem;
    display: block;
    margin-top: 5px
}

label.error.fail-alert {
    border: 2px solid red;
    border-radius: 4px;
    line-height: 1;
    padding: 2px 0 6px 6px;
    background: #ffe6eb
}

input.valid.success-alert {
    border: 2px solid #4caf50;
    color: green
}

input.error,
textarea.error {
    border: 1px solid red !important;
    font-weight: 300;
    color: red
}

.alert {
    border: 1px solid #0a3622;
    border-radius: 6px;
    background: #d1e7dd
}

.alert-success {
    color: #0a3622
}