* {
    box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    color: #686868;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* background: #e9efff; */
}

html {
    scroll-behavior: smooth;
}

html,
body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
table {
    margin: 0 0 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
    font-weight: 400;
    color: #f4b827!important;
}

p {
    font-family: sans-serif;
    color: #fff;
}

ul,
ol {
    padding: 0px;
    margin: 0px;
}

ul li,
ol li {
    list-style: none;
}
a{
   color: #f4b827;
    text-decoration: none; 
   
}
.site-header .navbar {
    border-radius: 0;
    border: 0 none;
    min-width: 300px;
    
    margin: 0;
    background: #000;
}


#posting_button {
    background: #f4b827 linear-gradient(#f4b827, #d3980b) repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    border: 1px solid #c9910a;
    color: #333;
    font-weight: 600;
    height: 2.5rem;
    line-height: 1.75rem;
    border-radius: 4px;
    padding: 0.3125rem 0.625rem;
    font-size: .75rem;
}
#posting_button:hover {
    background: #d3980b;
    background-position: 0 -15px;
}

.post-search{
    background: #1f1f1f;
    display: flex;
}
/* form start */


.my-search-form .form-control-s {
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #555;
    padding: 5px 15px;
    box-sizing: border-box;
    color: #e6e6e6 !important;
    font-weight: 400;
    font-size: 13px;
    background: linear-gradient(#222, #333);
}
.form-control-s:focus{
    outline: none;
}
.custom-select-s {
    display: inline-block;
    background: #fff url("../../front/img/drop-arrow.png") no-repeat right 0.75rem center/11px 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* form end */



/* area */
.accordion-item {
    border-bottom: 2px solid #f3c5c5;
}

.accordion-item .accordion-button {
    background: #fbf5f6 !important;
}

ul.home-location {
    column-count: 4;
    text-align: left;
    list-style: none;
}

ul.home-location li a {
    text-decoration: none;
    color: #676767;
    padding: 0 3px;
    font-size: calc(0.2vw + 10px);
}

ul.home-location li a:hover {
    color: #000
}

ul.home-location li:before {
    content: url('../../front/img/location-dot-solid.svg');
    width: 9px;
    display: block;
    filter: opacity(0.6);
}

ul.home-location li {
    display: flex;
    align-items: center;
}

/* area end */

/* addpost start */
.ad_post_wrap {
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    padding: 24px;
    position: relative;
    margin: 15px 0;
}

.ad_post_wrap:hover {
    box-shadow: 0 0px 8px rgb(0 0 0 / 10%);
    outline: 0.12em solid #387ad126;

}

.ad_box_img {
    max-width: 160px;
    max-height: 210px;
    padding-left: 0;
    position: relative;
}


.ad_box_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ad_box_img .cam {
    position: absolute;
    bottom: 0;
    background: #462d2d;
    padding: 0 5px;
    color: #e7b0b0;
    z-index: 1;
}

.ad_box_img .cam svg {
    padding: 1px;
}

.ad_cont_btn {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    text-align: center;
}

.ad_cont_btn a svg {
    color: #f7f7f7;
    background: #9f21e3;
    width: 40px;
    height: 40px;
    line-height: 50px;
    border-radius: 25%;
    margin-right: 8px;
    padding: 10px;
}

.ad_cont_btn a svg:hover {
    animation: shake 0.5s;
    animation-iteration-count: 3;
}

.badger-right {
    position: absolute;
    top: 0px;
    right: 0;
    background: blue;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    font-size: 13px;
}

.post-badge svg {
    position: relative;
    top: -1px;
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.ad_cont_btn a:first-child svg {
    background: #25D366 !important;
}

.ad_content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ad_content h3 {
    font-size: calc(13px + 0.5vw);
}

/* addpost end */


.accordion {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.bcmb .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}

/* pagination start */
.page-pagi {
    margin: 35px 0;
}

.page-pagi nav ul {
    gap: 3px;
}

.page-pagi nav li a {
    width: 42px;
    height: 42px;
    text-align: center;
    border-color: #dee2e6;
    color: #000;
    font-weight: 600;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.page-pagi nav ul li.active a {
    background-color: #be206b !important;
    border-color: #dee2e6 !important;
}

.page-pagi nav li a:hover {
    background-color: #be206b;
    border-color: #dee2e6;
    color: #fff;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #212529bf;
}

svg {
    position: relative;
    top: -1px;
}

.nav-item .nav-link,
.dropdown-menu .dropdown-item {
    font-size: 14px;
    text-transform: capitalize;
    color:#f4ae3e;
}

.dropdown-menu li {
    display: block;
}

.dropdown-menu[data-bs-popper] {
    top: 85%;
    left: -1px;
}

.navbar-nav .dropdown-menu {
    position: absolute;
}

footer{
    background:#1f1f1f;
}

@media only screen and (max-width: 575px) {
    .ad_post_wrap .row {
        flex-wrap: nowrap;
    }

    .ad_content {
        flex-shrink: unset;
    }

    .ad_content p {
        display: none;
    }

    .ad_content {
        gap: calc(5vw + 0px);
    }
}

@media only screen and (max-width: 520px) {
    .not-mobile {
        display: none !important
    }

    .desktop-only {
        display: none !important
    }
}

@media only screen and (min-width: 520px)and (max-width: 768px) {
    .mobile-only {
        display: none !important
    }

    .desktop-only {
        display: none !important
    }

    .ad_content {
        gap: 0px;
    }
}

@media only screen and (min-width: 769px) {
    .mobile-only {
        display: none !important
    }

    .tablet-mobile-only {
        display: none !important
    }


}

@media only screen and (max-width: 768px) {
    .not-tablet-mobile {
        display: none !important
    }

    ul.home-location {
        column-count: 2;

    }

    .ad_post_wrap {
        padding: 19px;
    }

    .contact-info a {
        display: none;
    }

    .mobilecon-scroll .contact-info1 {
        position: fixed;
        right: 0;
        bottom: -9px;
        left: 0;
        z-index: 1030;
        background: #f4f4f4;
        padding: 2px 0;
        border-top: 2px solid #d9d9d9;

    }
}