@charset "utf-8";
/* =============================================================== */
/*
 *
 *   BOOTCLASIFIED - Responsive Classified Theme
 *   Copyright 2015 tanimdesign.net
 *
*/
/* 	TABLE CONTENT

1. 	 IMPORT
2.   FOUNDATION
3. 	 TYPOGRAPHY + GLOBAL CLASS
4. 	 CUSTOMIZE BOOTSTRAP  [ MODAL + INPUT FORM ELEMENT + BUTTON + ALERT ]
5. 	 CUSTOMIZE NAVBAR  [ Main Navigation   ]
6. 	 HOME CONTENT START
7.	 CATEGORY INTRO
8. 	 CATEGORY LIST
9. 	 CATEGORY SIDEBAR
10.  ADS DETAILS
11.  LOGIN
12.  SIGNUP
13.  POST ADS
13.  PAGE INTO
15.  FOOTER
16.  USER DASHBOARD
17.  USER PANEL || ACCOUNT
18.  WEB PAGE PROGRESS BAR CSS
19.  CUSTOM RESPONSIVE
20.  USER PANEL || ACCOUNT
20.  CONTACT || ABOUT
21.  Index V2

/* =============================================================== */
/* IMPORT
/* =============================================================== */
/*@import url("animate.min.css");
/* css3 animation */
/*@import url("font-awesome.css");*/
/* Font Awesome Icon */
/*@import url("fontello.css");*/
/* Font fontello Icon */
/*@import url("longshadow.css");*/
/* Template Theme color skin */
/*@import url("../plugins/jquery.fs.scroller/jquery.fs.scroller.css");*/
/* jquery.fs.scroller */
/*@import url("../plugins/jquery.fs.selecter/jquery.fs.selecter.css");*/
/* jquery.fs.scroller */
/*@import url("fileinput.min.css");*/
/* css for fileinput.min.js plugin */
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);*/
/* google webfont */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700|Roboto+Condensed:300,400,700);*/

/* =============================================================== */
/* FOUNDATION
/* =============================================================== */

/*
Base Theme Color || If you want to replace a specific known color

@dividerColor:       #e6e6e6;

@linkColor:          #369;
@linkHoverColor:     #FA7722;

@primaryTextColor	 #333
@secondaryTextColor: #4e575d;

@btn-default  		 #BDC3C7;
@btn-default:hover 	 #CACFD2;

@btn-primary  		 #16A085;
@btn-primary:hover   #149078

@btn-info 			 #e4cb65
@btn-info:hover      #C1AC59;

@btn-danger 		 #E74C3C;
@btn-danger:hover	 #EC7063;

@btn-success		 #2ECC71;
@btn-success:hover	 #58D68D;


*/

/* CSS Custom Properties */
:root {
    --gradient-hero: linear-gradient(135deg, #16A085 0%, #369 100%);
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

a {
    color: #369;
    outline: none !important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover, a:focus {
    text-decoration: none;
    cursor: pointer;
    color: #FA7722;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 21px;
    position: relative;
}

body, html, #wrapper {
    height: 100%;
    width: 100%;
}

/* =============================================================== */
/* TYPOGRAPHY + GLOBAL CLASS
/* =============================================================== */

h1, h2, h3, h5 {
    font-family: Roboto Condensed, Helvetica Neue, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
}

h1 {
    font-size: 30px;
    line-height: 35px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

.title-2 {
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.title-2 span {
    font-weight: lighter;
}

/* Helper class */

.relative {
    position: relative;
}

.no-border {
    border: 0;
}

.hw100 {
    height: 100%;
    width: 100%;
}

.dtable {
    display: table;
}

.dtable-cell {
    display: table-cell;
    vertical-align: middle;
}

hr.small {
    background-color: #000;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 44px;
}

.text-hr {
    margin-bottom: 60px !important;
    margin-top: 0 !important;
}

/* ================================================================== */
/* CUSTOMIZE THE BOOTSTRAP MODAL + INPUT FORM ELEMENT + BUTTON + ALERT
/* ================================================================== */

.form-control:focus {
    border-color: #16a085;
    box-shadow: 0 1px 0 #16a085, 0 -1px 0 #16a085, -1px 0 0 #16a085, 1px 0 0 #16a085;
    -webkit-box-shadow: 0 1px 0 #16a085, 0 -1px 0 #16a085, -1px 0 0 #16a085, 1px 0 0 #16a085;
    -moz--box-shadow: 0 1px 0 #16a085, 0 -1px 0 #16a085, -1px 0 0 #16a085, 1px 0 0 #16a085;
    outline: 0 none;
}

form input[type="text"], form input[type="email"], form input[type="password"] {
    height: 40px;
}

.form-control {
}

.btn {
    border: medium none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    line-height: 1.4;
    padding: 10px 12px;
    transition: all 0.25s linear 0s;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
}

.btn-primary {
    background-color: #006f5a;
    border-color: #16A085;
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #149078;
    border-color: #149078;
    color: #FFFFFF;
}

 .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary:active:hover {
    background-color: #028c71;
    border-color: #028c71;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #006f5a;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    background-color: #015244;
    border-color: #085200;
    color: #FFFFFF;
}

.btn-danger:active, .btn-danger.active {
    background: #C44133;
}

.btn-success {
    background-color: #2ECC71;
    color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-color: #58D68D;
    border-color: #58D68D;
    color: #FFFFFF;
}

.btn-success:active, .btn-success.active {
    background: #27AD60;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    height: 43px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.btn-border {
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset, 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

/* ================================================================== */
/* CUSTOMIZE NAVBAR
/* ================================================================== */

@media screen and (max-width: 767px) {
    .navbar-site {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0;
        height: auto;
        margin-bottom: 0 !important;
        min-height: 80px;
    }


    .navbar-site .navbar-toggler {
        margin-top: 25px;
    }
}

@media screen and (min-width: 768px) {
    .logo {
        height: 80px;
        line-height: normal;
    }

    .header {
        height: auto;
        background: #fff;
    }

    .navbar-site {
        margin-bottom: 0 !important;
        height: auto;
        background: #fff;
        border-radius: 0;
        border-bottom: solid 1px #ddd;
    }

    .navbar-nav > li > a {
        border-radius: 3px;
        box-sizing: border-box;
        color: #333;
        font-size: 16px;
        height: 40px;
        line-height: normal;
        padding: 12px 10px 12px 10px;
    }

    .nav > li.active, .nav > li > a:hover, .nav > li > a:focus, .nav > li:hover > a {
        background: none;
    }

    .navbar-nav > li > a:hover {
        color: #000;
    }

    .navbar-nav > li.postadd {
        padding-left: 15px;
        margin-left: 5px;
        border-left: solid 1px #ddd;
    }

    .navbar-nav > li.postadd a {
        border-radius: 3px;
        box-sizing: border-box;
        color: #fff;
        font-size: 16px;
        height: 40px;
        line-height: normal;
        padding: 12px 12px;
        text-transform: uppercase;
        width: 130px;
    }

    /* usermenu */
}

/* ================================================================== */
/* HOME CONTENT START
/* ================================================================== */

body {
    background: #EEEEEE;
}

.logo, .logo-title {
    font-family: Open Sans Condensed, Helvetica Neue, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    color: #16A085;
}

.logo span, .logo-title span {
    font-weight: lighter;
}

.logo-title {
    padding-top: 20px;
}

/* INTRO SEARCH PANEL */
.intro {
    width: 100%;
    /* background-image: url(../../images/bg3.jpg); */ /* File removed - unused class */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
    -webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.intro .container {
    max-width: 800px;
}

.intro h1, .intro-title {
    color: #fff;
    font-family:  Roboto, Helvetica, Arial, sans-serif;
    font-size: 44px;
    line-height: 42px;
    font-weight: bold;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
    padding-bottom: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    transition: font 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.intro p {
    color: #e8eced;
    font-size: 18px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

button.btn-search {
    border-radius: 0 !important;
    font-size: 18px;
    height: 48px;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 2px #20a759;
    -webkit-text-shadow: 0 2px 2px #20a759;
    text-transform: uppercase;
}

.icon-append {
    color: #949494;
    font-size: 18px;
    left: 8px;
    position: absolute;
    top: 16px;
}

/* Search bar with improved spacing and responsive layout */
.search-bar {
    display: flex !important;
    gap: 0.75rem;
    align-items: center;
    margin: 1rem 0 1.5rem 0;
    flex-wrap: nowrap;
}

.search-bar .search-input-wrapper {
    flex: 1;
    position: relative;
    min-width: 0; /* Allow flex item to shrink below content size */
}

.search-bar .search-button-wrapper {
    flex-shrink: 0;
}

/* Ensure form controls and buttons fill their containers properly */
.search-bar .form-control {
    width: 100%;
}

.search-bar .btn {
    width: 100%;
    white-space: nowrap;
}

@media screen and (max-width: 479px) {
    .search-bar {
        flex-direction: column !important;
        width: 100%;
        gap: 0.75rem;
        align-items: stretch;
    }

    .search-bar .search-input-wrapper,
    .search-bar .search-button-wrapper {
        width: 100% !important;
        max-width: none !important;
    }
}

@media screen and (max-width: 767px) {

    .intro h1 {
        font-size: 30px;
        margin-bottom: 10px;
        padding-bottom: 0;
        line-height: 34px;
    }

    .intro p {
        color: #e8eced;
        font-size: 16px;
        line-height: normal;
    }
}

/* for only icon  */

/* side bar */

.main-container {
    min-heightheight: 70%;
    /* fallback if needed */
    min-height: calc(100% - 220px);
    padding: 30px 0;
}

.inner-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(180, 180, 180, 0.5);
    margin-bottom: 30px;
    padding: 20px 15px;
}

.inner-box.add {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 5px;
}

.inner-box.add img {
    width: 100%;
}

/* cat listing */
.page-content .inner-box {
    overflow: auto;
    padding: 15px;
}

.inner-box.category-content {
    padding-bottom: 0;
}

.cat-list {
    display: block;
    margin-bottom: 30px;
    line-height: 32px;
}

.cat-list h3 {
    font-family: Open Sans Condensed, Helvetica Neue, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.cat-list h3 a, .cat-list h3 {
    color: #03876D;
    position: relative;
}

.cat-list-border h3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.cat-list h3 .count {
    clear: both;
    color: #777;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    padding: 3px 0;
    text-align: left;
    vertical-align: baseline;
    white-space: nowrap;
}

.cat-list ul li a, .cat-list li a {
    border-radius: 2px;
    font-style: normal;
    transition: all 0.1s ease 0s;
    font-size: 16px;
    color: #4e575d;
    margin: 8px;
}

.cat-list ul li a:hover, .cat-list a:hover {
    text-decoration: underline;
    color: #345676;
}

.cat-list.border li {
    border-bottom: 1px dotted #ddd;
    padding: 7px 15px;
}

.cat-list.border li.active, .cat-list.border li:hover {
    background-color: #ececec;
}

.cat-list.border li.active a {
    box-sizing: border-box;
    color: #626262;
}

.cat-list.border li:last-child {
    border-bottom: 0;
}

/* item-carousel */

/* =============================================================== */
/* CATEGORY INTRO
/* =============================================================== */

@media screen and (min-width: 1024px) {
    /* FIXED IE OVERFLOW ISSUE */

}

/* =============================================================== */
/* CATEGORY LIST
/* =============================================================== */

.col-thin-left {
    padding-left: 10px;
}

.col-thin-right {
    padding-right: 10px;
}

.adds-wrapper {
    background: #fff;
    clear: both;
    display: block;
    height: auto;
    overflow: auto;
    width: 100%;
}

.item-list {
    border-bottom: 1px solid #ddd;
    clear: both;
    padding: 15px;
    height: auto;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    transition: background 0.25s ease-in;
    -webkit-transition: background 0.25s ease-in;
}

.item-list:hover {
    background: #F6F6F5;
}

.adds-wrapper .item-list:last-child {
    border-bottom: none;
}

.category-list {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 3px 3px;
    display: block;
    box-shadow: 0 1px 1px rgba(180, 180, 180, 0.5);
}

.add-details a {
    font-weight: bold;
}

.info-row {
    display: block;
    clear: both;
    font-size: 12px;
    color: #313131;
}

@media (max-width: 767px) {

    .item-list .add-details {
        padding: 10px 0 0;
    }
}

/* List View Grid View Comact View */

@media (max-width: 1199px) {

    .add-details {
        padding: 0;
    }
}

/* LIST */

/* GRID */

/* pagination */

.pagination-bar {
    margin-top: 35px;
    display: block;
}

.pagination-bar .pagination {
    margin-top: 0;
}

.pagination-bar .pagination li a {
    color: #9a9a9a;
    border-color: #cfcfcf;
}

.pagination-bar .pagination li a:hover {
    color: #000000;
}

.pagination-bar .pagination li:last-child a {
    color: #414141;
}

.pagination-bar .pagination li.active a {
    background-color: #f8f8f8;
    color: #000000;
    border-color: #cfcfcf;
    cursor: default;
    font-weight: bold;
}

/* post-promo  */

/* Ribbons  */

/*************** TAB BOX ***************/

.tab-box {
    background: #f8f8f8;
    position: relative;
}

/* tab filter */

.listing-filter {
    border-bottom: solid 1px #ddd;
    padding: 15px 0;
}

.listing-view-action span {
    color: #888;
    cursor: pointer;
}

.listing-view-action span.active {
    color: #000;
}

/* Customize bootstrap-select plugin */

/*************** Save Search ****************/

.save-search-bar {
    border-top: 1px solid #ddd;
}

.save-search-bar:hover {
    background: #EDEDED;
}

.save-search-bar a:focus {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05) inset;
}

.save-search-bar a {
    display: block;
    font-weight: 500;
    padding: 10px 0;
}

/* =============================================================== */
/* CATEGORY SIDEBAR
/* =============================================================== */

.list-filter .count {
    color: #9a9a9a;
    font-size: 90%;
}

.list-filter ul li {
    list-style: none;
}

.list-filter ul li a {
    border-radius: 5px;
    display: block;
    padding: 2px 15px 2px 5px;
    position: relative;
    color: #4e575d;
}

.list-filter ul ul {
    padding-left: 15px;
}

@media (max-width: 991px) {
    .list-filter ul li a {
        padding-right: 0;
    }

    .list-filter ul ul {
        padding-left: 10px;
    }
}

.list-title a, .list-title {
    color: #222;
    font-size: 18px;
}

.list-title {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 15px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
}

.list-title:before {
    border-color: #ddd transparent transparent;
    border-style: solid;
    border-width: 7px;
    bottom: -14px;
    box-sizing: border-box;
    content: " ";
    display: block;
    left: 34px;
    position: absolute;
    z-index: 2;
}

.list-title:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px;
    bottom: -12px;
    box-sizing: border-box;
    content: " ";
    display: block;
    left: 35px;
    position: absolute;
    z-index: 2;
}

/* Price Range */

.list li {
    list-style: none;
}

/* =============================================================== */
/* ADS DETAILS
/* =============================================================== */

/* Ads Image Slider */

 .h5 {
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-top: 5px;
}

.panel-footer {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset;
}

.modal {
    z-index: 1100;
}

.modal-title {
    padding-bottom: 0;
}

.modal-header {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
}

.modal-header {
    background: none repeat scroll 0 0 #f8f8f8;
    border-top: 1px solid #ddd;
    padding: 8px;
    position: relative;
}

/* =============================================================== */
/* LOGIN
/* =============================================================== */

div.login-box {
    float: none;
    margin: 0 auto;
    clear: both;
}

.panel-intro {
    padding: 40px 0 25px;
}

.panel-intro h2 {
    padding: 0;
}

div.login-box .panel-body {
    padding-left: 20px;
    padding-right: 20px;
}

div.login-box .panel-footer p {
    margin-top: 10px;
}

div.login-box .panel-footer label {
    font-weight: normal;
}

.login-box-btm {
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-box .input-icon i {
    color: #555;
    opacity: 0.6;
    border-right: 1px solid #ccc;
    padding-right: 5px;
}

.input-icon {
    position: relative;
}

.input-icon input {
    padding-left: 45px;
}

.input-icon i {
    font-size: 16px;
    left: 6px;
    line-height: 22px;
    position: absolute;

    top: 9px;

}

/* =============================================================== */
/* SIGNUP
/* =============================================================== */

.promo-text-box {
    padding: 15px 20px;
}

.promo-text-box h3 {
    margin-top: 10px;
    padding-bottom: 15px;
}

.icon-color-1 {
    color: #FF9113;
}

.icon-color-2 {
    color: #E6C840;
}

.icon-color-3 {
    color: #74C29B;
}

/* =============================================================== */
/* POST ADS
/* =============================================================== */

/* =============================================================== */
/* PAGE INTO
/* =============================================================== */

/* Page Info */

.iconbox-wrap {
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    height: auto;
    min-height: 40px;
    padding: 15px;
    position: relative;
    text-align: center;
    width: 100%;
}

.iconbox {
    display: table-row;
}

.iconbox-wrap-icon {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.iconbox-wrap-icon .icon {
    height: 60px !important;
    line-height: 60px !important;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle !important;
    width: 60px !important;
    color: #2ecc71;
}

.iconbox-wrap-content {
    display: table-cell;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}

.iconbox h5 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 0;
}

.iconbox-wrap-text {
    color: #aaa;
    font-family: Roboto Condensed;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .iconbox-wrap-icon {
        display: block;
        float: left;
        max-width: 80px;
    }

    .iconbox-wrap-content {
        display: block;
        float: left;
        padding-left: 10px;
        text-align: left;
        vertical-align: middle;
    }
}

/* page-bottom-info */

/* =============================================================== */
/* FOOTER
/* =============================================================== */
.footer {
    background: #fff;
    border-top: solid 1px #ddd;
    padding: 30px 0;
    font-size: 12px;
    color: #4e575d;
    letter-spacing: 0.5px;
}

/* Footer Links with Flexbox Layout */
.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 0;
    list-style: none;
}

.footer-links li {
    margin: 0;
}

.footer-links li a {
    color: #4e575d;
    font-size: 14px;
    padding: 0.4rem 0.5rem;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    min-height: 44px; /* Ensure adequate tap target */
    min-width: 44px;  /* Ensure adequate tap target width */
    line-height: 1.2;
    transition: color 0.2s ease;
}

.footer-links li a:hover,
.footer-links li a:focus {
    color: #FA7722; /* Using the theme's orange color from existing hover styles */
    text-decoration: none;
}

.footer-links li a:focus {
    outline: 2px solid #FA7722;
    outline-offset: 2px;
}

/* Copyright section */
.footer-copyright {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-copyright li {
    font-size: 12px;
    color: #4e575d;
}

/* Mobile responsive behavior */
@media (max-width: 767px) {
    .footer ul {
        float: none;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .footer-links {
        gap: 0.4rem 0.75rem; /* Tighter spacing on mobile */
    }
}

/* Smaller mobile devices - optional vertical stacking */
@media (max-width: 480px) {
    .footer-links {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .footer-links li a {
        padding: 0.5rem 0.75rem; /* Larger touch targets on small screens */
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* =============================================================== */
/* USER DASHBOARD
/* =============================================================== */

/* =============================================================== */
/* USER PANEL || ACCOUNT
/* =============================================================== */

.no-border {
    border: none;
}

/* statusbar */

/* ADD MANAGEMENT */

/* ADD MANAGEMENT */

/* =============================================================== */
/* CONTACT
/* =============================================================== */

/* =============================================================== */
/* ABOUT US
/* =============================================================== */

.inner-page {
    padding-top: 60px;
}

.title-1 {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

/* FAQ */

/* =============================================================== */
/* WEB PAGE PROGRESS BAR CSS
/* =============================================================== */

/* =============================================================== */
/* CUSTOM RESPONSIVE
/* =============================================================== */

@media (max-width: 991px) {
    .list-title a {
        font-size: 16px;
    }
}

@media (max-width: 979px) {
    /* iPads (portrait and landscape) ----------- */
    .intro {
        height: 300px;

    }

    h1 {
        font-size: 24px;
        line-height: 25px;
    }

    h2 {
        font-size: 20px;
        line-height: 24px;
    }

    h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .page-sidebar {
        padding: 0 5px;
    }

    .inner-box {
        padding: 20px 10px;
    }

}

@media (min-width: 768px) {
    /* laptop nad pc ----------- */

}

@media (max-width: 767px) {
    .intro {
        height: auto;
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .hasOverly > div {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .intro.jobs-intro {
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
    }

    h1 {
        font-size: 24px;
        line-height: 25px;
    }

    h2 {
        font-size: 20px;
        line-height: 24px;
    }

    h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }

    .cat-list {
        margin-bottom: 15px;
    }

    .cat-list ul {
        display: none;
    }
}

@media (max-width: 320px) {

    .container, body, html {
        min-width: 300px;
    }

}

@media (max-width: 320px) {
    .navbar .container {
        padding-left: 5px;
    }
}

@media (max-width: 300px) {
    .container, body, html {
        width: 300px;
    }
}

/* =============================================================== */
/* BLOGS & BLOG DETAILS
/* =============================================================== */

.image {
    margin: 0 0 15px 0;
}

@media screen and (max-width: 767px) {

    .intro h1, .intro-title {
        font-size: 28px;
        line-height: 32px;
    }
}

/* HOME v2 */
.row-featured {
    overflow: hidden;

}

.content-box {
    background: #ffffff;
    border-radius: 3px;
    display: block;
    box-shadow: 0 1px 1px rgba(180, 180, 180, 0.5);
    overflow: hidden;
    margin-bottom: 30px;
}

.row-featured {
    margin-right: -16px;
}

.row-featured-category {
    margin-bottom: -1px;
}

.box-title h2 {
    margin: 15px 0;
    padding: 0;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;

}

.sell-your-item {
    color: #242020;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.54px;
    padding: 15px;
    position: absolute;
    right: 1px;
    text-align: center;
    text-transform: uppercase;
    top: 5px;

}

.box-title h2 span {
    font-weight: lighter;
}

.box-title {
    border-bottom: solid 1px #ddd;
}

/* ARROW */

/* tab */

@media only screen and (max-width: 767px) {

    .sell-your-item {
        font-size: 11px;
        padding: 2px 7px;
        right: 1px;
        top: 0;
    }

    .row-featured-category .sell-your-item {
        top: 15px;
    }

    .box-title h2, .title-2 {
        font-size: 16px;
    }

    .col-thin-right, .col-thin-left {
        padding-left: 15px;
        padding-right: 15px;
    }

}

/* BLOABL RESPONSIVE FIXED */

/* NAVBAR FIXED */

.navbar-site {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}

.header {
    min-height: 80px;
}

/* JOBS */

.jobs-intro {
    height: 450px;
}

/* New Hero Section */
.hero {
    background: var(--gradient-hero);
    min-height: 260px;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.hero .search-form {
    padding: 2rem 0;
}

/* Ensure the immediate layout row in hero spans the full container width */
.hero .container .row.justify-content-center {
    width: 100%;
}

/* Responsive search form */

/* Flag styling */

/* Desktop flag width */

/* Mobile flag width override */

.hasOverly > div {
    background: rgba(0, 0, 0, 0.4);
}

.company-title {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #494949;
    font-size: 12px;
}

.company-title a {
    color: #494949;
}

.jobs-desc {
    color: #4e575d;
}

/* Job list page */
.filter-content label {
    padding-left: 5px;
}

/* JOBS DETAILS */

@media screen and (min-width: 768px) {
    .mobile-filter-sidebar {
        left: 0 !important;
    }
}

@media screen and (max-width: 767px) {

    /* Mobile Filter */
    .mobile-filter-sidebar .inner-box {
        margin-bottom: 0;
        border-radius: 0 !important;
    }

    .page-sidebar.mobile-filter-sidebar {
        height: 100%;
        overflow: auto;
        padding: 0;
        position: fixed;
        top: 0;
        width: 250px;
        z-index: 1110;
        left: -251px;
    }

    .page-sidebar.mobile-filter-sidebar aside {
    }

}

/* shop info */

/* Ads details 2 */

/* ****** SELLEr PROFILE ******* */

/* AUTO MOBILE ADS DETAILS */

/* Validation */

label.error {
    color: #e74c3c;
    font-size: 90%;
}

/* location modal */

/* TERMS & CONDITION */


/* CSS ANIMATION   */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


/* PROPERTY LIST */

/* '' */

/* my custom CSS */




.navbar-light .navbar-nav > li > a {
    color: #000000;
}


.navbar-light .navbar-nav .postadd > li > a > strong {
    color: #ffffff;
}

.text-muted {
    color: #ffffff
}

/* Fix for state badges visibility - ensure proper contrast */

.clear-all-button {
    color: #000000
}

/* =============================================================== */
/* AUTH FORM IMPROVEMENTS - UI Story: Register & Login Form Spacing
/* =============================================================== */

/* Wrapper class for authentication forms with centered layout and max-width */
.auth-form {
    max-width: 480px;
    margin-inline: auto;
}

/* Consistent spacing for form groups */
.auth-form .form-group {
    margin-bottom: 1rem;
}

/* Proper spacing for submit buttons */
.auth-form input[type="submit"],
.auth-form .btn {
    margin-top: 1.25rem;
}

/* Enhanced error and help text styling */

.auth-form .form-text {
    font-size: 0.875rem;
    margin-top: 0.25rem;
    color: #6c757d; /* Bootstrap secondary color for accessibility */
}

/* Ensure Django form paragraphs have proper spacing */
.auth-form p {
    margin-bottom: 1rem;
}

.auth-form p:last-child {
    margin-bottom: 0;
}

/* Focus styles consistent with existing button focus */
.auth-form .form-control:focus {
    border-color: #16a085;
    box-shadow: 0 1px 0 #16a085, 0 -1px 0 #16a085, -1px 0 0 #16a085, 1px 0 0 #16a085;
    -webkit-box-shadow: 0 1px 0 #16a085, 0 -1px 0 #16a085, -1px 0 0 #16a085, 1px 0 0 #16a085;
    -moz-box-shadow: 0 1px 0 #16a085, 0 -1px 0 #16a085, -1px 0 0 #16a085, 1px 0 0 #16a085;
    outline: 0 none;
}

/* Ensure proper padding for the auth form container */
.auth-form .panel-body {
    padding: 1rem;
}

/* Responsive design - ensure forms remain readable on mobile */
@media (max-width: 480px) {
    .auth-form {
        max-width: 100%;
        margin-inline: 0.5rem;
    }

    .auth-form .panel-body {
        padding: 0.75rem;
    }
}

/* Extra small screens (320px) - critical for mobile accessibility */
@media (max-width: 320px) {
    .auth-form {
        margin-inline: 0.25rem;
    }

    .auth-form .panel-body {
        padding: 0.5rem;
    }

    .auth-form .form-group {
        margin-bottom: 0.75rem;
    }
}

/* Flag utility class for responsive flag sizing */