:root {
     /* Color variables */
     --primary-color: #4530BA;
     --black: #000;
     --white: #fff;
     --primary-gradient: linear-gradient(90deg, #FFE259 0%, #FFA751 100%);
}

/* Reset and global styles */
* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
}

body {
     font-family: "Carlito", sans-serif !important;
     overflow-x: clip;
}

.notice_bid_id {
    display: flex;
    gap: 5px;
    align-items: center;
}

.inner-title h1 {
     padding-top: 190px !important;
     font-weight: bold;
     color: var(--white);
     font-size: 2rem !important;
}

.inner-title h1{
     margin-bottom: 0;
}

#page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
}

.loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #6C32AD;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

.register_login_spinner {
     display: inline-block;
     width: 16px;
     height: 16px;
     border: 2px solid #fff;
     border-radius: 50%;
     border-top: 2px solid transparent;
     animation: spin 0.8s linear infinite;
     margin-left: 8px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.daterangepicker .drp-selected{
     font-size: 14px !important;
}
/* Header background */

.header-main {
     background: url(../images/banner-bg.webp);
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     min-height: 75vh;
     width: 100vw;
}

.inner-header-main {
     width: 100%;
     height: 100%;
     min-height: 300px;
     background: linear-gradient(90deg, #4530BA 0%, #6C32AD 100%);
}

.inner-header-main.contact {
     min-height: 412px;
}

.inner-header-main .inner-page-title {
     padding: 175px 0px 0 200px; /* Changes 10/09/25 */
}

.inner-header-main .inner-page-title h1 {
     font-weight: bold;
     color: var(--white);
     padding-bottom: 10px;
}

.person-vcard {
    height: 16px;
    width: 16px;
}

.inner-header-main .inner-page-title a {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     text-decoration: none;
     color: var(--white);
     font-size: 0.875rem;
     font-weight: 600;
}

.header-main .offer-header,.inner-header-main .offer-header,.auth-header-main .offer-header{
     background: var(--primary-gradient);
     position: absolute;
     width: 100%;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 1000;
     font-size: 0.875rem;
     font-weight: bolder;
}

.header-main .offer-header a,.inner-header-main .offer-header a,.auth-header-main .offer-header a {
     text-decoration: none;
     color: var(--black);
}

/* Navbar Start */
.nav-main {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999;
}

.nav-main .navbar {
     position: relative;
     margin: 30px 0 0 0;
     background: var(--white);
     border-radius: 15px;
     height: 100px;
     box-shadow: 0px 2px 41px 0px rgba(0, 0, 0, 0.15);
}

.nav-main .navbar .navbar-brand {
     padding: 0 0 0 20px;
     width: 200px;
}

.nav-main .navbar .navbar-brand img {
     width: 85%;
}

.nav-main .navbar .nav-item {
     padding: 7px;
}

.nav-main .navbar .nav-item .nav-link {
     color: var(--black);
     font-size: 1rem;
     font-weight: 700;
     padding: 4px 8px;
     transition: all 0.1s ease;
}

.nav-main .navbar .nav-item .nav-link:hover,
.nav-main .navbar .nav-item .nav-link.active {
     color: var(--primary-color);
     border-bottom: 2px solid var(--primary-color);
}

.action-btns {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     gap: 15px;
}

.action-btns .rfp-outline-btn {
     display: flex;
     padding: 5px 15px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     border-radius: 133px;
     border: 1px solid var(--primary-color);
}

.action-btns .rfp-outline-btn .btn {
     padding: 0;
     text-decoration: none;
     color: var(--black);
     font-size: 1rem;
     font-weight: 700;
     border: none;
}

.action-btns .rfp-icon-btn {
     position: relative;
     display: inline-block;
}

.action-btns .rfp-icon-btn .btn {
     position: relative;
     text-decoration: none;
     color: var(--primary-color);
     font-size: 1.5rem;
     font-weight: 700;
     border: none;
}

.action-btns .rfp-icon-btn .cart-value {
     position: absolute;
     bottom: 4px;
     right: 4px;
     background-color: var(--primary-color);
     color: white;
     font-size: 12px;
     font-weight: bold;
     line-height: 1;
     padding: 4px;
     border-radius: 50%;
     width: 18px;
     height: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.action-btns .rfp-btn .dropdown .dropdown-toggle::after {
     display: none;
}

.action-btns .rfp-btn.drop {
     padding: 5px 10px;
}

.action-btns .rfp-btn .dropdown .dropdown-menu {
     top: 110%;
}

.action-btns .rfp-btn .dropdown .dropdown-menu .dropdown-item {
     font-weight: 700;
}

.action-btns .rfp-btn .dropdown .dropdown-menu li:first-child {
     border-bottom: 1px solid #75757569;
}

.action-btns .rfp-outline-btn .btn.active,
.action-btns .rfp-btn .btn.active {
     border: none;
}

.action-btns .rfp-btn {
     display: flex;
     padding: 5px 15px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     border-radius: 133px;
     background: var(--primary-color);
}

.action-btns .rfp-btn .btn,
.action-btns .rfp-btn .btn a {
     padding: 0;
     text-decoration: none;
     color: var(--white);
     font-size: 1rem;
     font-weight: 700;
     border: none;
}

/* Hero-section */

.hero-container {
     padding-top: 130px;
     height: 100%;
     min-height: 75vh;
     display: flex;
     align-items: center;
}

.hero-container .hero-content {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 35px;
}

.hero-container .hero-content .hero-heading h1,.hero-container .hero-content .hero-heading h2 {
     color: var(--white);
     font-size: 2.125rem;
     font-weight: 700;
}

.hero-container .hero-content .hero-heading h1 span,.hero-container .hero-content .hero-heading h2 span {
     color: #00F7FF;
}

.hero-container .hero-content .hero-description p {
     color: var(--white);
     font-size: 0.875rem;
     margin-bottom: 0;
}

.hero-container .hero-content .search-box {
     position: relative;
     width: 90%;
     padding: 4px 4px;
     margin-top: 15px;
     display: flex;
     border-radius: 30px;
     overflow: hidden;
     border-radius: 53px;
     background: var(--white);
     box-shadow: 0px 10px 21.8px 0px rgba(0, 0, 0, 0.12);
}

.hero-container .hero-content .my-modal-body .search-box {
     margin-top: 0;
     width: 100%;
}

/* Wrapper for search input + rotating placeholder overlay */
.hero-container .hero-content .search-box.search-box--with-rotating-placeholder .search-input-wrap {
     position: relative;
     flex: 1;
     display: flex;
}
.hero-container .hero-content .search-box.search-box--with-rotating-placeholder .search-input-wrap .search-input {
     flex: 1;
     background: transparent;
}
.hero-container .hero-content .search-box .search-placeholder-rotate {
     position: absolute;
     left: 15px;
     top: 50%;
     transform: translateY(-50%);
     color: #999;
     font-size: inherit;
     pointer-events: none;
     white-space: nowrap;
     overflow: hidden;
     transition: opacity 0.15s ease;
}
.hero-container .hero-content .search-box .search-input-wrap.is-active .search-placeholder-rotate {
     opacity: 0;
     visibility: hidden;
}

.hero-container .hero-content .search-box input {
     flex: 1;
     border: none;
     padding: 0px 15px;
     outline: none;
     border-radius: 30px 0 0 30px;
     color: #757575;
}

.hero-container .hero-content .my-modal-body .search-box input {
     padding: 5px 15px;
}

.hero-container .hero-content .search-button {
     display: flex;
     padding: 5px 39px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     background: var(--primary-gradient);
     border-radius: 104px;
     box-shadow: 0px 4px 4px 0px rgba(33, 20, 109, 0.30);
     border: none;
     color: var(--primary-color);
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.875rem;
     transition: all 0.3s ease-in;
}

.hero-container .hero-content .adv-search{
     padding-top: 12px;
     display: flex;
     justify-content: end;
     width: 90%;
}

.hero-container .hero-content .adv-search a,
#backToSimpleSearch {
     margin-right: 10px;
     cursor: pointer;
     color: #00F7FF;
     font-size: 0.875rem;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease-in;
}

#backToSimpleSearch {
     font-weight: 500;
     transition: all 0.3s ease-in;
}

.hero-container .hero-img {
     height: 100%;
     min-height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../images/hero-img.webp);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     width: 60%;
     /* height: auto; */
}

.hero-container .my-modal-body {
     padding: 10px 0 0 0;
     width: 93%;
}

.hero-container .my-modal-body .row {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
     padding: 10px 0;
}

.hero-container .my-modal-body .col {
     flex: 1 1 calc(33.33% - 20px);
     min-width: 150px;
}

.hero-container .my-modal-body .form-control {
     position: relative;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     padding-right: 30px;
     background: #fff;
     color: #757575;
     padding: 8px 20px !important;
     border-radius: 44px !important;
     box-shadow: 0px 10px 21.8px 0px rgba(0, 0, 0, 0.12);
     cursor: pointer;
}

.hero-container .my-modal-body .form-control.select {
     background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath fill="%23888888" d="M0 0l5 6 5-6z"/%3E%3C/svg%3E');
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 10px;
}

.hero-container .my-modal-body .form-control:focus {
     outline: none;
     border: 1px solid var(--primary-color);
     box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.hero-container .my-modal-body .form-control option {
     padding: 10px;
}

.hero-container .my-modal-body .action-btns {
     display: flex;
     justify-content: end;
     align-items: end;
     flex-wrap: wrap;
     gap: 15px;
     padding-right: 30px;
     margin: 15px 0 0 0;
}

.hero-container .my-modal-body .action-btns .search-button {
     padding: 5px 20px;
}

.hero-container .back-button {
     background: none;
     padding: 0;
     border: none;
     color: #00F7FF;
     font-size: 0.875rem;
     font-weight: 400;
     transition: all 0.3s ease-in;
}

/* Categories Section */

.categories-section {
     padding: 0 60px 75px 60px;
     background: #F2F5F7;
}

.categories-topbar {
     background: var(--primary-color);
     box-shadow: 0px -6px 9.2px 0px rgba(0, 0, 0, 0.07);
     padding: 6px 0;
     width: 100%;
     color: var(--white);
     font-size: 0.875rem;
     font-weight: 600;
     display: flex;
}

.categories-topbar div:nth-child(1) {
     width: 25%;
     margin-left: 60px;
}

.categories-topbar div:nth-child(2) {
     width: 75%;
}

.categories-section .categories-sidebar {
     /* margin: 0 0 0 60px; */
     border: 2px solid #907DFC;
     background: var(--white);
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
     padding: 20px 10px;
}

.categories-section .categories-sidebar .top-search-box {
     width: 100%;
     position: relative;
     display: flex;
     overflow: hidden;
     border-radius: 38px;
     border: 1px solid #907DFC;

}

.categories-section .categories-sidebar .top-search-box input {
     flex: 1;
     border: none;
     font-size: 0.875rem;
     outline: none;
     border-radius: 30px 0 0 30px;
     padding: 8px 15px;
}

.categories-section .categories-sidebar .top-search-box .search-button {
     padding: 8px 20px;
     border-radius: 0px 50px 50px 0px;
     background: var(--primary-color);
     color: var(--white);
     border: none;
}

.categories-section .categories-sidebar .categories-list {
     padding: 20px 0;
     list-style: none;
}

.categories-section .categories-sidebar .categories-list li a {
     text-decoration: none;
     color: var(--black);
     font-size: 0.875rem;
}

.categories-section .category-cards {
     padding: 20px 0 0 0;
     height: 100%;
}

.categories-section .category-cards .category-card {
     border-radius: 10px;
     padding: 20px;
     border: 1px solid #907DFC;
     background: var(--white);
     box-shadow: 0px 4px 4px 0px rgba(53, 18, 91, 0.15);
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
}

.categories-section .category-cards .category-card .category-card-left {
     width: 70%;
}

.categories-section .category-cards .category-card .category-card-left .card-header {
     display: flex;
     align-items: baseline;
     gap: 10px;
}

.categories-section .category-cards .category-card .category-card-left .card-header h4 a {
     color: var(--black);
     text-decoration: none;
     font-weight: bold;
     margin-bottom: 0;
     font-size: 1.125rem;
}

.categories-section .category-cards .category-card .category-card-left .card-header .location,
.categories-section .category-cards .category-card .category-card-left .card-header .id-badge {
     font-weight: bold;
     display: flex;
     align-items: center;
     gap: 5px;
     color: var(--black);
}

.categories-section .category-cards .category-card .category-card-left .card-header .location i {
     font-size: 0.875rem;
}

.categories-section .category-cards .category-card .category-card-left .card-header .id-badge i {
     font-size: 1.125rem;
}

.categories-section .category-cards .category-card .category-card-left .card-header .id-badge {
     /* border-radius: 70px; */
     /* background: var(--primary-color); */
     /* padding: 8px 10px; */
     color: var(--black);
     font-weight: 600 !important;
}

.categories-section .category-cards .category-card .action-btns .rfp-btn .btn,
.categories-section .category-cards .category-card .action-btns .rfp-outline-btn .btn {
     font-size: 0.875rem;
}

.categories-section .category-cards .category-card .category-card-left .card-footer {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 10px;
     color: #757575;
     font-size: 0.875rem;
}

.categories-section .category-cards .category-card .category-card-left .card-footer .publish {
     color: var(--primary-color);
}

.categories-section .category-cards .category-card .category-card-right {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

.categories-section .category-cards .category-card .category-card-right .priority {
     display: flex;
     flex-wrap: nowrap;
     gap: 5px;
     align-items: center;
}

.categories-section .category-cards .category-card .category-card-right .priority .priority-info i {
     font-size: 1.35rem;
}

.categories-section .category-cards .category-card .category-card-right .priority-badges {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 0;
     border-radius: 50px;
     background-color: #f0f0f0;
     border: 1px solid #ccc;
     width: fit-content;
}

.categories-section .category-cards .category-card .category-card-right .badge {
     flex: 1;
     padding: 5px 15px;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     text-transform: uppercase;
     border-radius: 0;
     cursor: pointer;
     transition: all 0.3s ease;
     opacity: 0.4;
     color: #fff;
}

.categories-section .category-cards .category-card .category-card-right .badge.low {
     background-color: #F11A04;
     border-top-left-radius: 50px;
     border-bottom-left-radius: 50px;
}

.categories-section .category-cards .category-card .category-card-right .badge.medium {
     background-color: #e59a00;
}

.categories-section .category-cards .category-card .category-card-right .badge.high {
     background-color: #6fca0d;
     border-top-right-radius: 50px;
     border-bottom-right-radius: 50px;
}

.categories-section .category-cards .category-card .category-card-right .badge.active {
     opacity: 1;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.categories-section .category-cards-footer {
     display: flex;
     gap: 20px;
     align-items: center;
     width: 100%;
     justify-content: space-between;
}

.categories-section .category-cards-footer .results {
     color: #757575;
     font-size: 0.875rem;
}

/* Changes 01/04/25 */
.categories-section .category-cards .category-card .category-card-left .card-footer {
     display: flex;
/*     flex-direction: column;*/
     flex-wrap: wrap;
     align-items: center;
     gap: 10px;
     color: #757575;
     font-size: 0.875rem;
}

.category-card .category-card-left .card-footer .footer-top,
.category-card .category-card-left .card-footer .footer-bottom {
     display: flex;
     width: 100%;
     gap: 10px;
     flex-wrap: wrap;
}

.category-cards .category-card .category-card-right .discount-btn .rfp-outline-btn .btn{
     font-size: 1.125rem;
}

.category-cards .category-card .category-card-right .discount-btn .rfp-outline-btn:hover {
     background: var(--white);
}

.category-cards .category-card .category-card-right .discount-btn .rfp-outline-btn:hover .btn {
     color: var(--black);
}

.category-cards .category-card .category-card-right .discount-btn .original-price,
.category-card .category-card-right .discount-btn .original-price {
     font-size: 0.75rem;
     color: #757575;
     text-decoration: line-through;
}

.category-cards .category-card .category-card-right .discount-btn .discount {
     color: #EB0101;
}

.category-cards .category-card .category-card-right .action-btns.home-action-btns {
     justify-content: end;
}

/* right-cross */

.right-cross {
     background: #F2F5F7;
     height: 100px;
     width: 100%;
     clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.left-cross {
     background: #F2F5F7;
     height: 100px;
     width: 100%;
     clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

/* Trending Section */

.header-style {
     color: black;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1;
}

.header-style .textinfo {
     font-size: 150px;
     color: rgb(69, 48, 186);
     opacity: 10%;
     font-weight: 600;
     text-transform: uppercase;
     z-index: -1;
     flex-wrap: wrap;
}

.header-style h1,.header-style h2 {
     text-align: center;
     z-index: 10;
     position: absolute;
}

/* Changes 10/09/25 */
.header-style h1 .sub-header,.header-style h2 .sub-header {
     color: var(--primary-color);
     font-size: 40px;
     font-weight: 600;
     margin-left: 10px;
}
/* Changes 10/09/25 */

.trending-categories {
     padding: 0 60px 50px 60px;
}

.trending-categories .trending-category {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 30px 0;
}

.trending-categories .trending-category .icon-box {
     background: #907dfc6b;
     height: 70px;
     min-width: 70px;
     border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}

.trending-categories .trending-category .icon-box img {
     width: 51px;
}

.trending-categories .trending-category .category-name {
     text-decoration: none;
     color: var(--black);
     font-size: 1.125rem;
     font-weight: 600;
}

.trending-section .rfp-btn .btn.active {
     border: none;
}

.trending-section .rfp-btn {
     display: flex;
     padding: 5px 10px;
     justify-content: center;
     align-items: center;
     width: fit-content;
     gap: 10px;
     border-radius: 133px;
     background: var(--primary-color);
}

.trending-section .rfp-btn .btn {
     padding: 0 10px;
     text-decoration: none;
     color: var(--white);
     font-size: 1.125rem;
     font-weight: 700;
     border: none;
}

/* Benefits Section */

.benefits-section {
     background: #F2F5F7;
     padding-bottom: 150px;
}

.benefits-section .heading-style {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     gap: 15px;
     padding: 5px 0;
}

.benefits-section .heading-style .line {
     width: 60px;
     height: 2px;
     background: var(--primary-color);
}

.benefits-section .heading-style span {
     font-size: 0.875rem;
     font-weight: 500;
}

.benefits-section .benefits-cards {
     padding: 30px 0;
}

.benefits-section .benefits-cards .benefit-card {
     position: relative;
     border-radius: 25px;
     background: var(--white);
     height: 100%;
     min-height: 490px;
     overflow: hidden;
}

.benefits-section .benefits-cards .benefit-card .circle-design {
     position: absolute;
     width: 315px;
     height: 315px;
     border-radius: 50%;
     top: -20%;
     right: -20%;
     background: var(--primary-gradient);
     z-index: 0;
}

.benefits-section .benefits-cards .benefit-card .circle-design.pur {
     background: linear-gradient(90deg, #4530BA 0%, #6C32AD 100%);
}

.benefits-section .benefits-cards .benefit-card .benefit-card-body {
     position: absolute;
     top: 25%;
     z-index: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 20px;
     padding: 25px;
}

.benefits-section .benefits-cards .benefit-card .benefit-card-body .icon-box {
     padding-bottom: 30px;
}

.benefits-section .benefits-cards .benefit-card .benefit-card-body .card-title {
     font-weight: 700;
     font-size: 1.5rem;
     text-align: center;
}

.benefits-section .benefits-cards .benefit-card .benefit-card-body .card-content {
     text-align: center;
     font-size: 0.875rem;
}

.benefits-section .benefits-footer .heading-style span {
     font-size: 1.125rem;
     font-weight: bold;
}

.benefits-section .benefits-footer p {
     font-size: 0.875rem;
     font-weight: 500;
}

/* Footer Section */

.footer-section {
     position: relative;
     display: flex;
     justify-content: center;
}

.footer-section .news-letter {
     position: absolute;
     z-index: 2;
     top: -22%;
     background: var(--primary-gradient);
     border-radius: 65px;
     width: 50%;
     max-height: 206px;
     height: 100%;
     padding: 30px 0;
     display: flex;
     flex-direction: column;
     align-items: center;
}

.footer-section .news-letter .nl-title {
     font-size: 1.5rem;
     font-weight: bold;
}

.footer-section .news-letter .nl-input {
     padding: 30px 0 10px 0;
     width: 60%;
}

.footer-section .news-letter .nl-input .sub-form {
     position: relative;
     width: 100%;
     display: flex;
     border-radius: 30px;
     overflow: hidden;
     border-radius: 53px;
     background: var(--white);
     padding: 5PX 20px;
     box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.24);
}

.footer-section .news-letter .nl-input .sub-form input {
     flex: 1;
     border: none;
     padding: 7px 15px;
     font-size: 0.875rem;
     outline: none;
     border-radius: 30px 0 0 30px;
}

.footer-section .news-letter .nl-input .sub-form .nl-btn {
     display: flex;
     padding: 5px 15px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     background-color: var(--primary-color);
     color: var(--white);
     font-weight: 600;
     border: none;
     border-radius: 55px;
}

.footer-section .footer {
     position: relative;
     z-index: 1;
     background: var(--primary-color);
     width: 100%;
}

.footer-section .footer .top-design {
     height: 50px;
     background: #907DFC;
     clip-path: polygon(0 0, 100% 0, 100% 63%, 0 22%);
}

.footer-section .footer .footer-content {
     padding: 130px 0 50px 0;
     color: var(--white);
}

.footer-section .footer .footer-content .company-logo {
     width: 200px;
}

.footer-section .footer .footer-content .company-logo img{
     width: 90%;
}

.footer-section .footer .footer-content .fc-title {
     font-size: 1.125rem;
     font-weight: 600;
     padding-bottom: 5px;
     border-bottom: 1px solid var(--white);
     width: fit-content;
}

.footer-section .footer .footer-content .footer-links {
     list-style-image: url(../images/arrow.svg);
     padding-top: 10px;
}

.footer-section .footer .footer-content .footer-links li {
     padding: 5px 0 5px 5px;
}

.footer-section .footer .footer-content .footer-links li a {
     color: var(--white);
     text-decoration: none;
     font-size: 0.875rem;
}

.footer-section .footer .footer-content .adrress {
     padding-top: 10px;
}

.footer-section .footer .footer-content .adrress .contact {
     display: flex;
     gap: 10px;
     font-size: 0.875rem;
     padding-bottom: 6px;
}

.footer-section .footer .footer-content .adrress .contact span a {
     color: var(--white);
     text-decoration: none;
}

.footer-section .footer .footer-content .social-links {
     padding: 10px 0;
     display: flex;
     gap: 15px;
}

.footer-section .footer .footer-content .social-links a {
     text-decoration: none;
     color: var(--white);
     font-size: 1.5rem;
}

.footer-section .footer .footer-content .card-img {
     padding: 12px 0 10px 0;
}

.footer-section .footer .copyright {
     width: 100%;
     padding: 10px 0;
     background: #563FD3;
}

.footer-section .footer .copyright .copyright-content {
     text-align: center;
     font-weight: 600;
     font-size: 0.875rem;
     color: var(--white);
}



/* Pagination css */

.pagination {
     display: flex;
     justify-content: center;
     align-items: center;
     list-style: none;
     margin: 20px 0;
     padding: 0;
     gap: 10px;
}

.pagination a {
     display: inline-block;
     padding: 8px 12px;
     font-size: 14px;
     text-decoration: none;
     color: var(--black);
     background: #E8E8E8;
     border-radius: 5px;
     transition: background-color 0.3s, color 0.3s;
}

.pagination a i {
     font-size: 0.75rem;
     font-weight: bold;
}

.pagination a:hover {
     background-color: var(--primary-color);
     color: var(--white);
}

.pagination .active {
     background-color: var(--primary-color);
     color: var(--white);
     pointer-events: none;
}

.pagination .prev,
.pagination .next {
     font-weight: bold;
}

#subscribe-form .form-messege {
     margin: 0 0 0 20px;
     color: #ff0000;
     font-size: 0.875rem;
}

.error-help-block {
     color: #ff0000;
     font-size: 0.875rem;
}

.home-action-btns {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: fit-content; 
}

.hero-container .hero-content .search-button:hover {
     background: var(--Gradient-1, linear-gradient(90deg, #4530BA 0%, #6C32AD 100%));
     color: var(--white);
}

.hero-container .hero-content .adv-search a:hover,
#backToSimpleSearch:hover {
     border-bottom: 1px solid #00F7FF;
}

.hero-container .back-button:hover {
     border-bottom: 1px solid #00F7FF;
}

.action-btns .rfp-btn:hover, 
.action-btns .rfp-btn a:hover, 
.login-section .register_submit:hover, 
.login-section .login_submit:hover,
.login-section .forgot_password_submit:hover  {
     background: var(--primary-gradient);
}

.action-btns .rfp-btn:hover .btn, 
.login-section .register_submit:hover, 
.login-section .login_submit:hover,
.login-section .forgot_password_submit:hover{
     color: var(--primary-color);
}

/*.action-btns .rfp-outline-btn:hover .btn, */
.rfp-categories #search_button_rfp_category:hover  {
     color: var(--white);
}

/*.action-btns .rfp-outline-btn:hover,*/
.rfp-categories #search_button_rfp_category:hover {
     background: var(--primary-color);
}

.card-header .title h4:hover a,
.card-header .title .h4:hover a, 
.categories-list li:hover a,
.trending-category:hover a
{
     color: #4530ba !important;
}

.category-card-right .rfp-cat-title {
    font-size: 1.125rem;
    color: var(--primary-color);
    font-weight: bold;
}

.categories-section .categories-sidebar .top-search-box input{
     width: 100%;
}