.container{
    max-width: 1258px;
}
@font-face {
    font-family: Inter-regular;
    src: url(/frontend/font/Inter-Regular.ttf);
}
@font-face {
    font-family: Roboto-regular;
    src: url(/frontend/font/Roboto-Regular.ttf);
}
@font-face {
    font-family: Inter-medium;
    src: url(/frontend/font/Inter-Medium.ttf);
}
@font-face {
    font-family: Inter-semi-bold;
    src: url(/frontend/font/Inter-SemiBold.ttf);
}
@font-face {
    font-family: Inter-bold;
    src: url(/frontend/font/Inter-Bold.ttf);
}
@font-face {
    font-family: Inter-extra-bold;
    src: url(/frontend/font/Inter-ExtraBold.ttf);
}
@font-face {
    font-family: Roboto-medium;
    src: url(/frontend/font/Roboto-Medium.ttf);
}
@font-face {
    font-family: Roboto-bold;
    src: url(/frontend/font/Roboto-Bold.ttf);
}
@font-face {
    font-family: Poppins-medium;
    src: url(/frontend/font/Poppins-Medium.ttf);
}
@font-face {
    font-family: Poppins-bold;
    src: url(/frontend/font/Poppins-Bold.ttf);
}
.markets .top-banner-section {
    background-image: url('/frontend/images/marketBg.png');
    height: 260px;
}

/* .markets .main-section {
    background: #E4E4E4;
    box-shadow: 30px 30px 80px rgba(44, 83, 100, 0.08);
    border-radius: 20px;
    width: 100%;
    margin: 50px auto 0;
    padding: 40px;
} */

/* .markets .blueBg {
    background: #15104D;
    border-radius: 8px;
} */

.markets .blueBg .nav-link {
    font-family: 'Roboto-regular';
    font-style: normal;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 23px !important;
    text-align: center;
    color: #FEF5EC !important;
    
}
.markets .blueBg .nav-link.active {
    color: #FB5607 !important;
}

.blueBg .nav-link.active {
    background-color: transparent !important;
}

.blueBg .nav-link.active::after {
    content: " ";
    display: block;
    width: 65%;
    background-color: #FB5607;
    height: 2px;
    margin-top: 4px;
}

.blueBg .nav-link {
    display: inline-block;
    /* padding: 0.9rem 1rem 0.5rem; */
}

.filterArea {
    margin-top: 1.2rem;
}

ul#pills-tab {
    padding-top: 1.2rem;
}

.blueBg .filterArea .nav-link {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #8885AC;
    /* opacity: 0.5; */
    border-radius: 7px;
}

.searchBox {
    background-color: transparent;
    border: none;
    color: #fff;

}

.searchBox::placeholder {
    font-family: 'Inter-medium';
    font-style: normal;
    /* font-weight: 500; */
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.154px;

    opacity: 0.53;
}

.searchBox:focus,
.searchBox:focus-visible {
    border: none;
    box-shadow: none;
    outline: none
}

.searchIcon,
.filterImg {
    margin: 0 8px;
}

.markets .accordion-flush .accordion-item .accordion-button {
    margin-top: 1.6rem;
}

/* .markets .accordion-button {
    background: #FCF7F1;
    box-shadow: 30px 30px 80px rgba(44, 83, 100, 0.08);
    border-radius: 20px !important;
} */

.accordion-flush .accordion-item {
    border-radius: 20px !important;
}

.markets .accordion-button::after {
    display: none
}

/* tabs */
.market-tab-box {
    gap: 20px;
}

/* .market-tab-title {
    font-family: 'Inter-regular';
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
    color: #15104D;
    display: flex;
    align-items: center;
}
.market-tab-title span {
    font-family: 'Inter-regular';
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #8885AC;
    padding: 0 0 0 10px;
} */

/* .market-loc-name {
    font-family: 'Inter-regular';
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #15104D;
} */

.market-main-loc {
    font-family: 'Inter-regular';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.market-best-title {
    font-family: 'Inter-regular';
    font-weight: 400;
    font-size: 13px;
}

.market-best-price {
    font-family: 'Inter-regular';
    font-weight: 700;
    font-size: 20px;
    color: #15104D;
}

.imgGrid {
    flex-grow: 100;
    text-align: right;
}
.imgGrid img {
    margin-right: 1rem;
    margin-top: 1rem;
}
.accordion-button:not(.collapsed) .market-main-loc,
.accordion-button:not(.collapsed) .market-best-title ,.accordion-button:not(.collapsed) i.fa-sharp.fa-solid.fa-location-dot{
    color: #FB5607;
}
.accordion-button:not(.collapsed) .empty-border{
    border-color:#FB5607 ;
}
.accordion-button:not(.collapsed) {
    background-color: #15104D;
    border-radius: 20px 20px 0px 0px !important;
}

.accordion-button:not(.collapsed) .market-tab-title,
.accordion-button:not(.collapsed) .market-loc-name,
.accordion-button:not(.collapsed) .market-best-price {
    color: #fff;
}

.tab-content-title {
    font-family: 'Inter-regular';
    font-weight: 400;
    font-size: 20px;
}

.accordion-body {
    border-bottom: 10px solid #15104D;
    border-radius: 20px;
    background: #FFF9F3;
    border-radius: 20px;
    position: relative;
    margin-top: -10px;
    z-index: 99;
}

.contract-info-table {
    background: #FEF5EC;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    padding: 10px 32px;
}

.contract-info-table tr:not(:last-child) {
    border-bottom: 1px solid #E4E4E4;
}

.contract-info-table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.imgGrid.white{
    display: none;
}
.accordion-button:not(.collapsed) .imgGrid.white{
    display: block;
}
.accordion-button:not(.collapsed) .imgGrid{
    display: none;
}
td.tab-conatne-left {
    font-family: 'Inter-regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #BFBFBF
}

td.tab-conatne-right {
    float: right;
    text-align: right;
    font-family: 'Inter-regular';
    font-weight: 700;
    font-size: 16px;
    color: #484473;
}
.buy-sel-form>div {
    text-align: left;
}
/* ul#form-tab{
    background: #FEF5EC;
    border-radius: 16px;
    border: 1px solid #000;
    width: max-content;
    padding: 6px;
} */
ul#form-tab li .nav-link
{
    font-family: 'Inter-bold';
/* font-weight: 700; */
padding:7px 60px !important;
font-size: 16px;
text-align: center;
color:#484473;
}
i.fa-sharp.fa-solid.fa-location-dot{
    color: #8885AC;
    font-size: 12px;
}
.empty-border{
    height: 41px;
    border-right:1px solid #8885AC;
   
}
ul#form-tab li .nav-link.active{
    background-color: #FB5607 !important;
    border-radius: 12px;
    padding:7px 60px !important;
    font-family: 'Inter-regular';
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #FEF5EC !important
}
.buy-sel-form label{
    font-family: 'Inter-regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #484473;
}
.label-small{
    font-size: 12px;
}
.buy-sel-form input,.buy-sel-form select {
    background-color: #FEF5EC;
    border: 1px solid #C7C5DE;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    height: 49px;
    font-family: 'Inter-regular' !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #484473 !important;
}
.buy-sel-form textarea#message { 
    background-color: #FEF5EC;
    border: 1px solid #C7C5DE;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    font-family: 'Inter-regular' !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #484473 !important;
}
.buy-sel-form input:focus,.buy-sel-form select:focus {
    outline: unset  !important;
    background-color: unset;
    border-color: #C7C5DE;
    box-shadow: unset !important;
}
.market-accordion-item {
    background-color: unset;

}
.number-statix-text{
    right: 10px;
    font-family: 'Inter-medium';
    /* font-weight: 500; */
    font-size: 14px;
    color: #484473;
    top: 31%;
}
.buy-sel-submit-btn{
background: #15104D;
border-radius: 100px;
padding: 14px 70px;
font-family: 'Inter-regular';
font-weight: 600;
font-size: 20px;
text-align: center;
letter-spacing: 0.25px;
color: #F8F8FF;
margin-right: 8px;
margin-top: 38px;
}
.market-cancel-btn{
    background: #C8C8C8;
border-radius: 100px;
padding: 14px 70px;
font-family: 'Inter-regular';
font-weight: 600;
font-size: 20px;
text-align: center;
letter-spacing: 0.25px;
color: #E4E4E4;
border: unset;
margin-left: 8px;
margin-top: 38px;
text-transform: capitalize;
}
/* end tabs */
/* listing */
.listing-delivery-title,.listing-price-title{
    font-family: 'Inter-regular';
/* font-weight: 400; */
font-size: 16px;
margin-top: 23px;
}
.listing-delivery{
    background: #FEF5EC;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    padding: 17px 32px;
    
}
.delivery-top-title{
    font-family: 'Inter-regular';
/* font-weight: 400; */
font-size: 16px;
}
.delivery-bottom-title{
    font-family: 'Inter-bold';
/* font-weight: 700; */
font-size: 16px;
color: #15104D;
}
.listing-delivery-row{
    gap: 30px;
}
/* end listing */
@media(min-width:999px) and (max-width:1024px){
    .markets .main-section{
        width: 960px;
    }
}
@media(max-width:999px){
    .container.markets{
        overflow-x: auto;
    }
}
@media(max-width:767px){
    .markets .top-banner-section{
        background-image: url(/frontend/images/banner-mobile-image.png);
    }
}

/* 04-04-2023 */
@media only screen and (max-width: 600px) {
    .markets .blueBg .nav-link {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .accordion-body {
        padding: 15px !important;
    }
    .contract-info-table {
        padding: 10px !important;
    }
    .buy-sel-submit-btn {
        padding: 12px 30px !important;
        font-size: 16px !important;
        margin-right: 5px !important;
        margin-top: 10px !important;
    }
    .market-cancel-btn {
        padding: 12px 30px !important;
        font-size: 16px !important;
        margin-left: 5px !important;
        margin-top: 10px !important;
    }
}

/* 13-04-2023 New Design */
.market_main_row {
    background: #FFF;
}
.market_main_row .blueBg {
    background: #15104D !important;
    border-radius: 20px !important;
    padding: 20px 30px !important;
}
.market_main_row .blueBg .nav-link,
.markets_main .blueBg .nav-link,
.markets_main .blueBg ul#pills-tab,
.market_main_row .blueBg ul#pills-tab {
    margin: 0 !important;
    padding: 0 !important;
}
.market_main_row .blueBg .nav-link.active::after {
    display: none !important;
}
.markets_main .blueBg .nav-link,
.market_main_row .blueBg .nav-link {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3em !important;
    font-style: normal !important;
}
.market_main_row .blueBg .nav-link.active {
    color: #FFF !important;
}
.market_main_row .accordion-button {
    background: #FFF9F3 !important;
    border-radius: 20px !important;
    padding: 25px 35px !important;
}
.market_main_row .accordion-item {
    border: none !important;
}
.market_main_row .market-tab-box {
    display: block !important;
}

.market_main_row .market-tab-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3em !important;
    font-style: normal !important;
    margin: 0 !important;
    color: #15104D !important;
}
.market_main_row .maeket_acc_dec {
    background: #FEF5EC !important;
    border: 1px solid #E4E4E4 !important;
    border-radius: 11px !important;
    padding: 15px 30px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    font-style: normal !important;
    color: #555555 !important;
}
.markets_main .accordion-button .market-main-loc,
.market_main_row .ma_head_sec .mahs_left .market-main-loc,
.market_main_row .market_label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    font-style: normal !important;
    color: #FB5607;
    margin: 0;
}
.markets_main .accordion-button .market-main-loc {
    font-weight: 500 !important;
}

.market_main_row .ma_head_sec .mahs_left .market-country-logo {
    aspect-ratio: 1/1;
    width: 19px;
    border-radius: 50%;
}
.markets_main .accordion-button .market-country-logo,
.markets_main .accordion-button .my-auto,
.market_main_row .ma_head_sec .mahs_left .market-country-logo,
.market_main_row .ma_head_sec .mahs_left .market-main-loc img {
    margin: 0 5px 0 0 !important;
}
.market_main_row .ma_head_sec .mahs_left .market-main-loc {
    margin: 0 0 0 15px;
    font-weight: 500 !important;
}
.market_main_row .market-loc-name,
.market_main_row .market-main-loc {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3em !important;
    font-style: normal !important;
    margin: 0;
    color: #15104D;
}
.market_main_row .ma_middle_sec .mams_left .market-tab-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    font-style: normal !important;
    color: rgba(136, 133, 172, 1) !important;
}
.market_main_row .ma_middle_sec .mams_right span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5em !important;
    font-style: normal !important;
    color: rgba(136, 133, 172, 1) !important;
    margin: 0 0 0 15px;
}

.market_main_row .ma_middle_sec {
    margin: 20px 0 12px !important;
}
.market_main_row .ma_head_sec .mahs_left {
    position: relative;
}
.market_main_row .ma_head_sec .mahs_left:after {
    content: "";
    position: absolute;
    background: #FB5607;
    height: 39px;
    width: 1px;
    right: 0;
    top: 0;
}
.market_main_row {
    margin: 50px auto;
    background: #F4E4DD;
    box-shadow: 30px 30px 80px rgba(44, 83, 100, 0.08);
    border-radius: 20px;
    padding: 50px;
}
/* body.my-listing {
    background-color: #FFF !important;
} */

.markets_main {
    margin: 50px auto;
}
.markets_main {
    background: #F4E4DD;
    box-shadow: 30px 30px 80px rgba(44, 83, 100, 0.08);
    border-radius: 20px;
    padding: 50px;
}
.markets_main .blueBg ul#pills-tab li {
    margin: 0 25px 0 0;
}
.markets_main .blueBg ul#pills-tab {
    padding: 0 0 5px 0 !important;
}
.markets_main .row.pills_sec {
    background: #15104D;
    margin: 0 !important;
    padding: 20px 30px !important;
    border-radius: 8px;
}
.markets_main .blueBg .searchBox {
    border: 1px solid #6D6A8A;
    border-radius: 8px;
    height: 40px;
    padding: 0 10px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #15104D !important;
}
.markets_main .markets_price_filter {
    bottom: -6px !important;
}
.markets_main .filter_sec {
    margin: 0 0 16px !important;
}
.markets_main .markets_price_filter {
    background: #ACAAC7;
    border: 1px solid #ACAAC7;
    box-shadow: inset 0 1px 1px #ACAAC7, 0 3px 6px -5px #ACAAC7;
}
.markets_price_filter .noUi-handle {
    background: #fb5607 !important;
    border: 4px solid #FFF !important;
    box-shadow: none !important;
}
.markets_price_filter .noUi-tooltip {
    border-radius: 5px !important;
    color: #FFF !important;
    background: #fb5607 !important;
    font-size: 12px !important;
    padding: 3px !important;
    bottom: 160% !important;
}

.markets_main .accordion-button {
    /* background: #FCF7F1 !important; */
    box-shadow: 30px 30px 80px rgba(44, 83, 100, 0.08) !important;
    border-radius: 20px !important;
    padding: 25px 35px !important;
}
.markets_main .collapsed {
    background: #FCF7F1 !important;
}
.markets_main .accordion-button .market-loc-name {
    margin: 0 15px 0 0 !important;
}
.markets_main .accordion-button .market-loc-name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3em !important;
    font-style: normal !important;
    margin: 0;
}
.markets_main .collapsed .market-tab-title,
.markets_main .collapsed .market-loc-name {
    color: #15104D;
}
.markets_main .collapsed .market-loc-name {
    font-size: 16px !important;
}
.markets_main .accordion-button .market-tab-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3em !important;
    font-style: normal !important;
    margin: 0 !important;
}
.markets_main .blueBg .nav-link {
    font-size: 16px !important;
    text-transform: capitalize !important;
}
.markets_main .accordion-button .market-tab-title {
    margin: 0 0 5px !important;
}
.markets_main .accordion-body table.w-100 td.tab-conatne-right a {
    text-decoration: none;
}
.markets_main .accordion-body table.w-100 td.tab-conatne-right .fa-whatsapp:before {
    color: #FFF;
    font-size: 14px !important;
    line-height: 1em !important;
}
.markets_main .accordion-button .wp_inquiry .fa-whatsapp:before,
.markets_main .accordion-button .wp_inquiry {
    color: #FFF;
}
.markets_main .collapsed .wp_inquiry .fa-whatsapp:before,
.markets_main .collapsed .wp_inquiry,
.markets_main .accordion-body table.w-100 .td_wp_inquiry {
    color: #0C6926;
}

.markets_main .filter_sec .filterArea {
    padding: 0;
}
.markets_main .blueBg .searchBox {
    padding-left: 35px !important;
}
.markets_main .blueBg .searchBox {
    background-image: url(/frontend/images/srch.png);
    background-position: left 5px center;
    background-repeat: no-repeat;
    background-size: 20px;
}

@media only screen and (min-width:765px) and (max-width: 1026px) {
    .market_main_row {
        padding: 50px 20px !important;
    }
    .market_main_row .accordion-button {
        padding: 20px !important;
    }
    .markets_main {
        padding: 50px 20px !important;
    }
}

@media only screen and (max-width: 600px) { 
    .market_main_row .accordion-button,
    .market_main_row .blueBg {
        padding: 20px !important;
    }
    .markets_main .row.pills_sec {
        padding: 20px 10px !important;
    }
    .market_main_row .ma_head_sec .mahs_left:after {
        height: 1px;
        width: 100%;
        right: 0;
        top: unset;
        bottom: 0px;
    }
    .market_main_row .ma_head_sec .mahs_left {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .market_main_row .ma_middle_sec {
        margin: 10px 0 !important;
    }
    .markets_main .accordion-button {
        padding: 20px !important;
    }
    .market-tab-box .market-dec-list {
        display: inline-block !important;
    }
    .markets_main {
        margin: 40px auto;
    }    
    .market_main_row .market-tab-title {
        font-size: 18px !important;
        max-width: 100% !important;
    }
    .markets_main .accordion-button .market-tab-title {
        font-size: 18px !important;
    }
    .market_main_row .maeket_acc_dec {
        padding: 15px !important;
    }
}