.woocommerce-MyAccount-content {
    margin-top: -120px;
}

.car-seller-user-details {
    display: flex;
    align-items: center;
    width: 30%;
    color: #fff;
    background: #20104e;
    padding: 15px;
}
p.seller-type {
	font-size: 10px;
	background: #740209;
	border-radius: 15px;
	padding: 0px 15px;
	width: max-content;
	font-weight: bold;
}
span.username {
	font-weight: bold;
	font-size: 20px;
}

.user-avatar-container {
    margin-right: 20px; /* Adjust space between avatar and details */
}

.user-avatar {
    width: 80px; /* Adjust size of the avatar */
    height: 80px; /* Adjust size of the avatar */
    border-radius: 50%; /* Make the avatar round */
}

.user-details p {
    margin: 5px 0;
}


 /* Container for the icon */
        .submenu-container {
            position: relative;
            display: inline-block;
        }

        /* Initially hide the submenu */
        .submenu {
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            background-color: #fff;
            border: 1px solid #ddd;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 10px;
            min-width: 200px;
            z-index: 1000;
			text-align: left;
        }

        /* Styling the submenu items */
        .submenu a {
            display: block;
            padding: 8px 12px;
            text-decoration: none;
            color: #333;
            font-size: 14px;
        }

        .submenu a:hover {
            background-color: #f5f5f5;
        }

        /* Styling the icon */
        .fa-ellipsis-v {
            font-size: 24px;
            cursor: pointer;
        }

.noti-meta {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 10px;
    margin-top: 10px;
}


.user-notifications {
    list-style-type: none;
    padding: 0;
}

.user-notifications .user-notification-item {
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.user-notifications .user-notification-item.unread {
    background-color: #ffffff; 
	position: relative;
	color: #000000ab;
	    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 2px solid #dddddd47;
}
ul.user-notifications{
	padding-left: 0 !important;
}
.user-notifications .user-notification-item.read {
    background-color: #e0e0e0; /* Darker gray for read */
    font-weight: normal;
}

.user-notifications .mark-as-read-button {
   	background-color: #740209;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
    position: absolute;
    right: -10px;
    top: -20px;
    border-radius: 50%;
    font-weight: bold;
}

.user-notifications .mark-as-read-button:hover {
    background-color: #005177;
}

.user-notifications a {
    color: #0073aa;
}

.blog-post .post-excerpt ul.user-notifications li.user-notification-item span.noti-badge {
    color: #fff;
    font-size: 12px !important;
    font-weight: bold;
    padding: 1px 15px;
    border-radius: 10px;
    text-transform: capitalize;
}
.blog-post .post-excerpt ul.user-notifications li.user-notification-item span.noti-badge.unread{
	 background: #20104e;
}

.blog-post .post-excerpt ul.user-notifications li.user-notification-item span.noti-badge.read {
    background: #20104e8c;
}

.blog-post .post-excerpt ul li a .noti-indicator {
    font-size: 10px !important;
    background: #740209;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    float: right;
    font-weight: bold;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ad-closed img {
    left: 42px;
    position: absolute;
    top: 0;
    z-index: 1000;
}

/* User Customizer CSS Rules */
@media(max-width:992px){
.col-md-7.head_main_menu.open {
    padding-top: unset !important;
}
ul.menu-links {
    padding-top: 50px !important;
    }

}

.terms-details {
    border-bottom: 1px solid #d3cece;
    width: fit-content;
    padding-bottom: 3px;
}


.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
    visibility: hidden !important;
}
.seller-phone {
    font-style: normal;
    color: red;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-top: 4px;
    margin-bottom: 6px;
}
.features{
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #444;
    display: block;
    margin-top: 4px;
}



/*header and button */

.colored-header .header-top,
ul.menu-logo > li .menu-mobile-collapse-trigger {
    display: none;
}

/*  ------------------------------- */


 @media (min-width: 1200px){
   .container {
        width: 1300px;
    } 
}
@media (min-width: 1200px) and (max-width:1299px) {
    .container {
        width: 1200px !important;
    }
}

.value-container span {
    padding-left: 10px;
}

/*  */

.menu-search-bar.right_searchbar > li:nth-child(3):hover{
	cursor:pointer !important;
}
.menu-search-bar.right_searchbar > li:nth-child(3) a {
    display: flex;
    align-items:center !important;
}

.menu-search-bar.right_searchbar > li:nth-child(3):hover a p {
    color: #000 !important;
    margin-left:10px !important;
}

.menu-search-bar.right_searchbar > li:nth-child(3) a p {
   
    margin-left:10px !important;
}



form.search-form {
    width: 100%;
}


span.input-group-addon {
    display: none;
}
input.search-submit {
   display: none;
}
.remove_search_bar {
    cursor: pointer;
}
.search_bar.hidden {
    padding: 8px 16px !important;
	border-radius:12px !important;
}
/* Footer CSS  */

.Footer-main {
	max-width:1360px;
	margin: 0 auto;
	  padding:90px 20px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
	flex-wrap:wrap;
	gap:30px;
}
.privacy-text {
    padding-top: 20px;
    font-size: 10px;
}
.privacy-text a {
    color:#0f172a;
}
.address p {
    font-size: 12px;
    font-weight: 500;
    color:#0f172a;
}
div#footer-2 h2 {
    font-size: 16px;
    font-weight: 600;
    color:#404040;
}

div#footer-3 h2, div#footer-4 h2,div#footer-5 h2{
    font-size: 12px;
    font-weight: 600;
    color:#404040;
}
.footer-widget {
    gap: 20px !important;
    display: flex;
    flex-direction: column;
}
.footer-widget ul li a{
	font-size:12px;
	color:#0f172a !important;
	display: flex;
}

ul#menu-cst-menu-1 li:not(:first-child),ul#menu-cst-menu-2 li:not(:first-child),ul#menu-cst-menu-3 li:not(:first-child),ul#menu-cst-menu-4 li:not(:first-child) {
    margin-top: 15px;
}
div#footer-1 {
    display: flex;
    align-items: end;
}
.footer-widget svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.footer-widget ul li {
    display: flex;
    align-items: center;
}

@media(min-width:550px) and (max-width:800px){
div#footer-1, div#footer-2 {
    width:100%;
}
div#footer-2 .footer-widget {
    flex-direction:row;
    align-items: end;
    margin-bottom:20px;
}

ul#menu-cst-menu-1 {
    display: flex;
    gap: 30px;
    align-items: self-end;
}
    }

@media(max-width:549px){

    .Footer-main {
    flex-wrap: wrap;
    gap: 20px;
			justify-content: flex-start;
}

.footer-widget-area {
    width: 50%;
}
}




/* Filter-page CSS */
.main-parent-div {
    display: flex;
    gap:30px;
	flex-wrap:wrap;
}

.inner-col {
    display: flex;
    flex-direction: column;
}
.colum {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.colum label {
    font-size: 12px;
}
.page-id-3496 select , .page-id-525 select {
    overflow-y: scroll;
    scrollbar-width: none; 
  }

  .page-id-3496 select::-webkit-scrollbar , .page-id-525 select::-webkit-scrollbar{
    display: none;
  }

.colum select option {
    font-size: 12px;
}

input.search_submit {
    display: none;
}

input.search_submit1 {
    padding: 13px 30px;
    border-radius: 30px;
    border: unset;
    background: #1e293b;
    color: #fff;
    font-size: 12px;
}

.submit-div {margin-top: 30px;}

.column-4.colum .slider-container {
    margin: 0;
}

.column-4.colum .slider {
    margin-top: 10px !important;
}
.column-4 .value-container input[type="text"]:focus-visible {
    outline: unset;
}
.column-4 input#rangeInput, .column-4 .value-container > span {
    font-size: 12px;
}

.page-id-122126 .column-4 .value-container input[type="text"] {
    width: 135px;
    padding: 8px 16px;
    border-radius: 6px;
    border: unset;
    background: #f8fafc;
    color: #000;
}

.page-id-122126 .inner-col span.select2.select2-container.select2-container--default {
   
    width: 280px !important;
    border-color: rgb(226 232 240);
   
}

.inner-col .select2-container .select2-selection--single .select2-selection__rendered{
    padding:8px 12px !important;
    line-height:unset !important;
}

span.select2-selection__clear {
    display: none;
}
.inner-col .select2-container--default .select2-selection--single{
    border-radius:6px;
    font-size:12px !important;
    height:40px;
}

.inner-col .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px !important;
}

.page-id-3496 .select2-container--default .select2-results__option--highlighted[aria-selected], .page-id-525 .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #e1e3e7;
    border-radius: 5px;
    color: #000;
}

.page-id-3496 ul.select2-results__options li, .page-id-525 ul.select2-results__options li{
    font-size: 12px;
    color: #000;
}

.page-id-3496 .select2-dropdown, .page-id-525 .select2-dropdown{
    border: unset !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 7px;
}

.page-id-3496 input.select2-search__field, .page-id-525 input.select2-search__field{
    display: none;
}

.page-id-3496 .select2-container--default .select2-results__option[aria-selected=true], .page-id-525 .select2-container--default .select2-results__option[aria-selected=true]{
    background: unset !important;
}
.page-id-3496 ul, .page-id-525 ul {
    scrollbar-width: none; 
}
.page-id-3496 input[type="range"], .page-id-525 input[type="range"]{
	width:90% !important;
	height:5px !important;
}
.page-id-3496 select, .page-id-525 select {
    font-size: 12px;
    width: 280px;
    height: 40px;
    border-radius: 8px;
    border-color: #c5c5c5;
    color:#000;
}
.page-id-122126 .filter-inserted-cst {
    padding: 60px 30px 0px;
    margin: 0 auto;
    max-width:1300px;
    display: flex;
    justify-content: center;
}

/* product-responsiveness */

@media(min-width:481px) and (max-width:767px){
 .image{
         height:200px !important;
     }
.image img{
         height:200px !important;
         object-fit:cover;
    }
	.grid-style-2 .category-grid-box-1 .short-description-1 ul li{
        margin-bottom:0 !important;
    }
}
@media(max-width:480px){
     .image{
         height:210px !important;
     }

    .image img{
         height:210px !important;
         object-fit:cover;
    }
	
	
	
    .price > span {padding: 8px !important;}

    .grid-style-2 .category-grid-box-1 .short-description-1 ul li{
        margin-bottom:0 !important;
        
    }
    .posts-masonry.ads-for-home > div .short-description-1 ul li{
        font-size:10px !important;
    }
    .posts-masonry.ads-for-home > div .ad-info-1 p{
        font-size:10px !important;
    }
    .grid-style-2 .ad-info-1 ul li a{
        width:25px !important;
    }
    }
@media(max-width:420px){

.category-grid-box-1 .price-tag .price span{
    font-size:12px  !important;
}
    }



/* Car Listing Grid Layout (Desktop: 4, iPad: 3, Mobile: 2) */

.Main-parent {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Desktop: 4 items per row */
    max-width: 1360px;
    margin: 0 auto;
    gap: 16px;
    padding: 30px 20px;
}
.parent-data span {
    padding: 0 5px;
}
.parent-data {
    display: flex;
}

/* iPad / Tablet (768px - 991px): 3 items per row */
@media (min-width: 768px) and (max-width: 991px) {
  .Main-parent {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
}

/* Mobile (< 768px): 2 items per row */
@media (max-width: 767px) {
  .Main-parent {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 7px !important;
    row-gap: 14px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .parent-cst-div {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

/* Universal Listing Item Grid (Float/Flex Masonry & Bootstrap Lists) */
@media (min-width: 992px) {
    .posts-masonry > [class*="col-"],
    .grid-style-2 > [class*="col-"],
    .ads-for-home > [class*="col-"],
    .posts-masonry .col-md-4,
    .posts-masonry .col-md-3,
    .grid-style-2 .col-md-4,
    .grid-style-2 .col-md-3,
    .ads-for-home .col-md-4,
    .ads-for-home .col-md-3 {
        width: 25% !important;
        float: left !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .posts-masonry > [class*="col-"],
    .grid-style-2 > [class*="col-"],
    .ads-for-home > [class*="col-"],
    .posts-masonry .col-md-4,
    .posts-masonry .col-md-3,
    .posts-masonry .col-sm-6,
    .grid-style-2 .col-md-4,
    .grid-style-2 .col-md-3,
    .grid-style-2 .col-sm-6,
    .ads-for-home .col-md-4,
    .ads-for-home .col-md-3,
    .ads-for-home .col-sm-6 {
        width: 33.33333333% !important;
        float: left !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (max-width: 767px) {
    .posts-masonry > [class*="col-"],
    .grid-style-2 > [class*="col-"],
    .ads-for-home > [class*="col-"],
    .posts-masonry .col-md-4,
    .posts-masonry .col-md-3,
    .posts-masonry .col-sm-6,
    .posts-masonry .col-xs-12,
    .grid-style-2 .col-md-4,
    .grid-style-2 .col-md-3,
    .grid-style-2 .col-sm-6,
    .grid-style-2 .col-xs-12,
    .ads-for-home .col-md-4,
    .ads-for-home .col-md-3,
    .ads-for-home .col-sm-6,
    .ads-for-home .col-xs-12 {
        width: 50% !important;
        float: left !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}




.image-cst img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.price-tag-cst {
    padding: 10px 12px;
    font-size: 18px;
    background: #e52d27;
    color: #fff;
}

.car-short-description-1 h3 a {
    font-size: 14px;
    color: #000 !important;
	font-weight: 600;
}
.car-short-description-1 .mobile_no {
    font-size: 12px;
	color:#000;
}
.car-short-description-1 .ad_years {
    color: #000;
}
.cat-ad-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    border-top: 1px solid #dfd9d9;
    padding-top: 8px;
}
.car-short-description-1 .Dealer, 
.car-short-description-1 .Agent, 
.car-short-description-1 .Local, 
.car-short-description-1 .Broker, 
.car-short-description-1 .Private,
.cat-ad-info [class*="Broker"],
.cat-ad-info [class*="Private"],
.cat-ad-info [class*="Dealer"],
.cat-ad-info [class*="Agent"],
.cat-ad-info [class*="Local"],
.cat-ad-info [class*="Importer"],
.cat-ad-info > div:not(.time-ago) {
    font-size: 12px;
    padding: 2px 14px;
    color: #ffffff;
    margin-left: auto !important;
    border-radius: 4px;
    display: inline-block !important;
    text-align: center;
}
.car-short-description-1 .cat-ad-info .Private,
.cat-ad-info [class*="Private"] {
    background: #3b82f6 !important;
}
.car-short-description-1 .cat-ad-info [class*="Importer"] {
    background: #d57421 !important;
    font-size: 12px !important;
    color: #fff;
    padding: 2px 14px;
}
.car-short-description-1 .cat-ad-info .Dealer,
.cat-ad-info [class*="Dealer"] {
    background: #4ade80 !important;
}
.car-short-description-1 .cat-ad-info .Agent,
.cat-ad-info [class*="Agent"] {
    background: #0977cd !important;
}
.car-short-description-1 .cat-ad-info .Broker,
.cat-ad-info [class*="Broker"] {
    background: #cdb309 !important;
}
.car-short-description-1 .cat-ad-info .Local,
.cat-ad-info [class*="Local"] {
    background: #1b231f !important;
}
.time-ago {
    font-size: 13px;
	position:relative;
	padding-left:20px;
}
.time-ago:before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2021/11/calendar.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0px;
}

.cst-tag {
    font-size: 10px;
    background: #3b82f6;
    padding: 1px 10px;
    color: #fff;
}
.car-category {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 10px !important;
    background: #fff;
}

.category-title-cst h2 {
    font-size: 15px;
}

.price-cst > span {
    font-size: 16px;
}

.car-short-description-1 {
    padding: 12px 12px 12px 12px;
}

.image-cst img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.category-title-cst h3 {
    margin-bottom: 10px;
}

span.page-numbers.current a {
    padding: 40px !important;
}

.page-numbers{
    padding: 5px 15px;
    background: rgb(239 68 68);
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}
.pagination {
    display: flex;
    margin: 0 auto;
    max-width: 1360px;
    justify-content: center;
    border-radius: 10px !important;
    gap: 1px;
	padding:0 30px;
}

span.page-numbers.current {
    background: #981b1b;
}

.page-numbers:hover {
    background: #981b1b !important;
    color: #fff;
}

.car-category {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 10px;
}

.year-model {
    font-size: 12px;
    padding-bottom: 5px;
}
.featured-ribbon-cst {
    position: absolute; 
    top: 12px; 
    right: -36px; 
    background-color: #e52d27; 
    color: white; 
    padding: 5px 20px 5px 20px; 
    transform: rotate(45deg); 
    z-index: 1; 
    text-align: center;
	  width:125px;
}
.car-category {
    position: relative;
    overflow: hidden;
}
.featured-ribbon-cst span {
    display: block;
    text-align: center;
    font-size: 12px;
}


/* No post found CSS */

.main-not-found {
    max-width: 1360px;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    border-bottom: 1px solid #c5c1c1;
}

.not-found-text p {
    font-size: 20px;
    color: #000;
    padding-bottom: 10px;
}


/* Registeration and Login form CSS */


 .page-id-121975 h2.no-span, .page-id-3106 h2.no-span {
    display: none;
}

 .page-id-121975 .form-group label , .page-id-3106 .form-group label {
    font-size: 12px;
}

 .page-id-121975 .form-group input:not([type="checkbox"]) , .page-id-3106 .form-group input:not([type="checkbox"]){
    padding: 8px 16px !important;
    height: 50px;
    width: 450px;
    background: #f8fafc;
    border-radius: 10px;
    border: unset;
}

 .page-id-121975 .row, .page-id-3106 .row{
    display: flex;
    flex-direction: column;
}

 .page-id-121975 .form-group .term-class a, .page-id-3106 .form-group .term-class a{
    font-size: 12px;
}

 .page-id-121975 button#sb_register_submit, .page-id-3106 button#sb_login_submit{
    background: #999ea6;
    border: unset;
    border-radius: 30px;
    width: auto !important;
    padding: 10px 20px;
    font-size: 12px;
    margin-top: 30px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

 .page-id-121975 span#select2-sb_user_type-y0-container, .page-id-3106 span#select2-sb_user_type-y0-container{
    max-width: 450px;
}

 .page-id-121975 span.select2-selection.select2-selection--single, .page-id-3106 span.select2-selection.select2-selection--single{
    width: 450px !important;
    border-radius: 10px;
}

 .page-id-121975 .select2-container--default .select2-selection--single .select2-selection__arrow, .page-id-3106 .select2-container--default .select2-selection--single .select2-selection__arrow{
    transform: translateX(200%);
    right: 10%;
}

 .page-id-121975 p.text-center, .page-id-3106 p.text-center{
    text-align: left !important;
    font-size: 12px;
}

 .page-id-121975 p.text-center a, .page-id-3106 p.text-center a{
    color: #000;
}

 .page-id-121975 .form-grid, .page-id-3106 .form-grid{
    border: 1px solid #94a3b8;
    border-radius: 15px;
    width: 510px;
    display: flex;
    flex-direction: column;
}

 .page-id-121975 .col-md-offset-3, .page-id-3106 .col-md-offset-3{
    margin: 0 auto;
    width: 523px !important;
}

 .page-id-121975 .form-control::placeholder, .page-id-3106 .form-control::placeholder{
    font-size: 12px;
   
}

 .page-id-121975 .select2-container--default .select2-selection--single .select2-selection__placeholder, .page-id-3106 .select2-container--default .select2-selection--single .select2-selection__placeholder{
    font-size: 12px;
}

 .page-id-121975 .select2-container--default .select2-results__option--highlighted[aria-selected], .page-id-3106 .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #f8fafc;
    color: #000;
    
}
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:nth-child(3) {
    background: #e52d27 !important;
}

 .page-id-121975 .select2-results__option, .page-id-3106 .select2-results__option{
    font-size: 12px;
    color: #000;
}

 .page-id-121975 span.select2-dropdown.select2-dropdown--below, .page-id-3106 span.select2-dropdown.select2-dropdown--below{
    padding: 5px;
    border: unset;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

 .page-id-121975 span.select2-search.select2-search--dropdown, .page-id-3106 span.select2-search.select2-search--dropdown{
    display: none;
}
 .page-id-121975 .select2-container--default .select2-selection--single .select2-selection__rendered, .page-id-3106 .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size:12px;
}


 .page-id-121975 .social-btns-grid > .col-md-6.col-sm-12.col-xs-12:nth-child(1),.page-id-3106 .social-btns-grid > .col-md-6.col-sm-12.col-xs-12:nth-child(1){
	display: none;
	}
 .page-id-121975 .social-btns-grid > .col-md-6.col-sm-12.col-xs-12:nth-child(2), .page-id-3106 .social-btns-grid > .col-md-6.col-sm-12.col-xs-12:nth-child(2){
    width:100%;
}
 .page-id-121975 .social-btns-grid > .col-md-6.col-sm-12.col-xs-12:nth-child(2) a, .page-id-3106  .social-btns-grid > .col-md-6.col-sm-12.col-xs-12:nth-child(2) a{
    width:100%;
    border:1px solid #d5d9de;
    border-radius:10px;
    box-shadow:unset;
    font-size:16px;
    font-weight:800;
}

 .page-id-121975 section.section-padding.no-top.gray, .page-id-3106 section.section-padding.no-top.gray{
    background: #fff !important;
}
 .page-id-121975 .page-header-area-2.gray, .page-id-3106 .page-header-area-2.gray{
    background: #fff !important;
}
 .page-id-121975 .header-page, .page-id-3106 .header-page{
    display: none;
}
 .page-id-121975 .form-grid >.row, .page-id-3106 .form-grid >.row{
	order: 3;
	margin-top: 20px;
	}

 .page-id-121975 h2.no-span, .page-id-3106 h2.no-span{
    display: none;
}
@media(max-width:580px){

 .page-id-121975 .form-grid, .page-id-3106 .form-grid{
    width:100%;
}
     .page-id-121975 span.select2-selection.select2-selection--single, .page-id-3106 span.select2-selection.select2-selection--single{
        width:100% !important;
    }
     .page-id-121975 .form-group input:not([type="checkbox"]), .page-id-3106 .form-group input:not([type="checkbox"]){
         width:100% !important;
    }
 .page-id-121975 .col-md-offset-3, .page-id-3106 .col-md-offset-3{
      width:100% !important;
}
     .page-id-121975 .col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2, .page-id-3106 .col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2{
    padding:0 35px;
}
    }

.page-id-3106 .col-xs-12.col-sm-5.text-right p.help-block a {
    font-size: 12px !important;
}

.page-id-3106 p.help-block {
    text-align: left;
}
select.form-control{
    border-radius: 10px !important;
}
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu {
    padding: 20px 20px 20px 10px !important;
    border-radius: 10px !important;
	top: 70px;
    
}
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li a {
    padding: 2px 10px;
}

body .dropdown-menu > li > a.dropdown-toggle {
    display: none;
}


/* Car description CSS */
ul.car-feature-list li {
    font-size: 14px;
    padding-bottom: 0;
}
ul.car-feature-list {
}
ul.car-feature-list li{
    position:relative;
    padding-left:25px;
}
.car-feature-list li:after {
    content: "";
    position: absolute;
    background-image: url("/wp-content/uploads/2019/01/check-mark.png");
    width: 20px;
    height: 20px;
    top: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0px;
}
.key-features {
    display: flex;
    column-gap: 10px;
	justify-content: space-between;
}
.boxicon {
    border-radius: 10px;
    border: 1px solid #280c46;
}
.content-box-grid.margin-top-20 {
    border-radius: 10px;
}

/*  Search page results description CSS */

.parent-data {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
    padding:10px 0;
   
}
.parent-data {
    font-size: 12px;
}

.ad_body_types {
    padding-left: 7px;
}
.ad_body_types:before {
    left: -20px !important;
}

/* Single product responsive CSS */
@media(min-width:535px) and (max-width:767px){
.car-feature-list li{
    width:33%;
}
    }
@media(min-width:375px) and (max-width:534px){
.car-feature-list li{
    width:50%;
}
    }
@media(max-width:374px){
.car-feature-list li{
    width:100%;
}
    }

.key-features{
    flex-wrap:wrap;
    row-gap:10px;
}

@media(min-width: 530px) and (max-width: 767px){
    .boxicon{
        width:32%;
    }
}
@media(min-width:450px) and (max-width: 529px){
    .boxicon{
        width: 23%;
    }
}
@media(max-width: 449px){
    .boxicon{
        width: calc(50% - 10px);
    }
}

/* Homepage search bar CSS */

.cst-raw-html .search_bar {
    display: flex;
    max-width: 1360px;
    margin: 0 auto;
    justify-content: center;
    width: 500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 30px;
    align-items: center;
    background: #fff;
}

.cst-raw-html .input-group.stylish-input-group {
    width: 100%;
    border: unset !important;
}
.cst-raw-html form.search-form {
    width: 85%;
}

.cst-raw-html input#serch {
    border: unset;
}
.duration-300 {
  transition: transform 0.5s ease;
}

.rotated {
  transform: rotate(180deg);
}
.cst-raw-html .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0 !important;
}

.cst-raw-html {
    padding: 30px 0;
}
.cst-raw-html .remove_search_bar {
    border: 1px solid #fefe;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.filter-inserted-cst {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.9s ease, opacity 0.9s ease;
    
}

.filter-inserted-cst.show {
    max-height: 1240px !important; /* Adjust the height based on the content */
    opacity: 1 !important;
    
}
.page-id-525 section.custom-padding.gray {
    padding-top: 0px !important;
}
@media(min-width:520px) and (max-width:768px){
.cst-raw-html .search_bar {
    gap: 20px !important;
}
	.cst-raw-html form.search-form{
		width:75%;
	}
input#serch {
    margin-bottom: 0;
}
    }

@media(max-width:519px){
.cst-raw-html .search_bar {
    gap: 20px !important;
}

input#serch {
    margin-bottom: 0 !important;
}
    .cst-raw-html form.search-form{
    width:65%;
}
.cst-raw-html .search_bar{
    width:350px;
}
    }

/*  Multistep form CSS */


form#custom_filter_form .tittle, .page-id-3651 .ad_description {
   display:flex !important;
    flex-direction:column !important;
    grid-column:unset !important;
}

.page-id-3651 #custom_filter_form .main-parent-div {
    max-width: 1300px !important;
    border-bottom: 2px solid #299cff;
    margin: 0 auto 30px auto;
    padding-top: 40px !important;
}

.page-id-3651 #custom_filter_form div#step1 {
    width: 100%;
}

.page-id-3651 #custom_filter_form input[type="text"], input[type="tel"], input[type="file"], select, textarea {
    font-size: 12px !important;
}

button.next-step {
    background: #0a101d;
    border-radius: 30px;
    font-size: 12px;
}

.page-id-3651 form#custom_filter_form {
    border-bottom: 1px solid #f6f6f6;
    background:#f6f6f6;
}

.page-id-3651 {
    background: #fff !important;
}

.page-id-3651 form#custom_filter_form .column-1, .column-2, .column-3, .column-4 {
    grid-template-columns: repeat(2, 1fr) !important;  
   
}

@media(max-width: 767px){
.category-grid-box-1 .price span {
    display: inline-block;
}
    }

.car-short-description-1 .parent-data {
    font-size: 13px !important;
    color: #000 !important;
    font-weight: 500;
}
.car-short-description-1 .mobile_no {
    font-weight: 500;
    font-size: 13px !important;
}

/*  Header Logged In user Dropdown menu CSS  */

body ul.dropdown-menu {
    flex-direction: column;
    width: 250px;
}

body ul.dropdown-menu li {
    max-height: 40px;
    align-items: center;
    justify-content: flex-start !important;
}
body ul.dropdown-menu.loggedin-menu li {
    width: 100% !important;
}


body .data {padding-left: 10px;}

body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li {
    background-color: unset;
    color: #000;
    box-shadow: unset;
    cursor:pointer;
}

body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:hover {
    background-color: #d6d3d3;
    
}

body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:nth-child(3) {
    background-color: unset !important;
    color: #000 !important;
}
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:nth-child(3):hover {
      background-color: #d6d3d3 !important;
	border-radius:unset !important;
    
}
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:nth-child(4) svg {
    fill: #000 !important;
    
}

body .data p {
    color: #000 !important;
    font-size: 12px !important;
}

body ul.dropdown-menu.loggedin-menu .icon img {
    border-radius: 50%;
    width:45px;
    height:45px;
}
body ul.dropdown-menu.loggedin-menu li:nth-child(3) {
    border-bottom:1px solid #d0cbcb;
    border-radius:unset !important;
    padding-bottom:40px !important;
}
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:nth-child(3):hover{
    background-color:unset !important;
}

body ul.dropdown-menu.loggedin-menu .data h2 {
    font-size: 16px;
}
body ul.dropdown-menu.loggedin-menu li:nth-child(6) {
    border-radius: unset !important;
    overflow: hidden;
    padding-bottom:20px !important;
}
/* body ul.dropdown-menu.loggedin-menu li:nth-child(6):hover {
  
    border-radius: 50px !important;
   
} */
body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li:hover {
   
    border-radius: 50px !important;
}

/* Logged-out Menu CSS */

ul.dropdown-menu.loggedin-menu.logout {
    flex-direction: row;
}

body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu.logout li {
    font-size: 12px;
    background-color: rgb(15 23 42 / 1);
    padding: 10px 15px;
    border-radius: 50px;
    display: flex;
    justify-content: center !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}

body ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu.logout li:nth-child(3) {
    background: #e52d27 !important;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: center !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    padding-bottom:12px !important;
}


.parent-cst-div {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 24px !important;
    width: 100% !important;
}

.parent-cst-div .megebeya-terms,
.parent-cst-div .carspot-terms {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.parent-cst-div .terms-details {
    width: 100% !important;
    display: block !important;
    border-bottom: 1px solid #d3cece !important;
    padding-bottom: 6px !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
}

/* Humberger Menu CSS */

@media(max-width:992px){
.cst-menu {
    display: block !important;
}
    
}
.cst-menu {
    display: none;
}

@media(max-width:992px){
.menu-list-items .col-md-12.col-sm-12.col-xs-12 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
	body ul.menu-links {
    display: block !important;
}

.menu-logo.col-md-2 img#sb_site_logo {
    width: 200px;
}

.mega-menu .menu-logo {
    width: unset;
}

section.menu-list-items .container {
    width: 100%;
}
.head_main_menu {
    position: fixed;
    top: 0;
    left: -100%; 
    width: 250px;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    transition: left 0.3s ease; 
    overflow-y: auto;
    padding-top: 50px;
}
.head_main_menu.open {
    left: 0; 
}
.menu-logo {
    cursor: pointer;
}
.menu-links {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.menu-links li {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.menu-links li a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}
.menu-links li a:hover {
    color: #000;
}
	.menu-list-items .col-md-12.col-sm-12.col-xs-12 {
    align-items: center;
}

/* .col-md-3{
    display:none;
} */
.col-md-7.head_main_menu.open, .col-md-7.head_main_menu {
    min-height: 435px;
    height: auto;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
	
    }
.cst-menu{
	width:33.33%;
}
.cst-menu svg {
    width: 30px;
}
.cst-sticky{
	z-index:2 !important;
}

/* Humberger close button CSS */
@media(max-width:992px){
li.cst-cross {
    right: 0 !important;
    left: 0 !important;
    border-bottom:unset;
	display:block !important;
}
li.cst-cross svg {
    text-align: end;
    position: absolute;
    top: -45px;
    left: 85%;
}
}
li.cst-cross{
	display:none;
}


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

li.cst-cross { 
    border-bottom:unset !important;
}
.mega-menu .menu-links>li:last-child{
    border-bottom: 1px solid #ddd;
}
	.cars1 {
    padding: 0 15px;
}
	.p-tab, .b-tab, .d-tab {
    
    padding: 9px 23px !important;
    
}
    }




@media(max-width:550px){

.posts-masonry.ads-for-home > div.col-xs-12:nth-child(even){
    padding-left:0 !important;
    padding-right: 3px !important;
}
 .posts-masonry.ads-for-home > div.col-xs-12:nth-child(odd) {
    padding-left: 0px !important;
     padding-right: 5px !important;
}
    }

/* mobile logged-in menu CSS */


@media(max-width:991px){
    body .mega-menu .row .col-md-3.log-my-btn {
          display: block !important ;
}
   body ul.menu-logo.col-md-2 {
    width: 33.33%;
}

body .col-md-3.log-my-btn {
    width: 33.33%;
}

body .col-md-3.log-my-btn .dropdown {
    text-align: end;
}

    ul.menu-logo.col-md-2 li a img{
    max-width:75% !important;
    
    
}
body ul.menu-logo.col-md-2 li a {
    width:100%;
    display: flex;
    justify-content: center;
}
   body .cst-menu {
    width: 33.33%;
}


   body ul.dropdown-menu.loggedin-menu {
    left: calc(100% - 250px);
    padding: 20px 20px 20px 20px; 
    row-gap: 10px;
    top: 50px;
}
    body li.dropdown.open ul.dropdown-menu.loggedin-menu{
     display: flex;
}

body ul.dropdown-menu.loggedin-menu li:nth-child(3) {
    padding-bottom: 25px !important;
    align-items: center;
}

body ul.dropdown-menu.loggedin-menu li {
    display: flex;
}
    }

body .mega-menu .row .col-md-12.col-sm-12.col-xs-12 > .col-md-3.log-my-btn {
          display: none;
}


body ul.dropdown-menu.loggedin-menu li:nth-child(6):after {
    content: "";
    position: absolute;
    background: #d0cbcb;
    width: 210px;
    height: 1px;
    top: 95%;
}

body ul.dropdown-menu.loggedin-menu li:nth-child(6) {
    position: relative;
}
body .log-my-btn li.dropdown.open ul.dropdown-menu.logout li {
    font-size: 12px;
    background-color: rgb(15 23 42 / 1);
    padding: 10px 15px;
    border-radius: 50px;
    display: flex;
    justify-content: center !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}
body .log-my-btn li.dropdown.open ul.dropdown-menu.logout li a {
   color:#fff;
}
body .log-my-btn li.dropdown.open ul.dropdown-menu.logout li:nth-child(3) {
    background: #e52d27 !important;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: center !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    padding-bottom: 12px !important;
    margin-left:5px;
}

.log-my-btn ul.dropdown-menu.loggedin-menu.logout {
    padding-left: 13px !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {   
    background-color: unset !important;
}

/* Sidebar price tag CSS */

.singleprice-tag::before, .singleprice-tag::after {
    display: none;
}

   
.singleprice-tag {
    width: 100%;
    float: unset !important;
}

@media(min-width:768px) and (max-width:991px){
    .col-md-4.col-sm-4.detail_price.col-xs-12 {
    width: 100%;
}
}
@media(max-width:768px) {
    .singleprice-tag{
        margin-top:0;
        margin-bottom:0;
}
 .singleprice-tag{ 
			 display: flex;
       align-items: center;
       gap: 10px;
    }
}
.user-seller-type, .user-mobile  {
     color: #000;
    font-weight: 600 !important;
}
.widget-content.saftey ol li {
    color: #000;
}
.widget-heading h4 span {
    font-weight: 700 !important;
}
.user-information.col-md-8.col-sm-9.col-xs-8 {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.telegram a svg, .whatsapp a svg {
    width: 25px;
    height: 25px;
}
.telegram {
    display: block;
}
.whatsapp {
    display: block;
}

.stm_social_buttons_wrap.vc_custom_1641548377760 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    margin-top:10px;
}

/* Navbar Dropdown menu on hover CSS */

body ul.menu-links li:hover .drop-down-multilevel {
    opacity: 1 !important;
    visibility: visible !important;
    display:block;
}
body .drop-down-multilevel {
    opacity: 0;
    visibility: hidden;
    position: absolute; /* Ensures it's positioned correctly under the parent */
    top: 100%; /* Adjust this value to position the dropdown */
    left: 0;
    z-index: 999; /* Make sure it stays above other content */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth transition */
}

/* Header Css */

nav#menu-1 .menu-list-items {   
background: linear-gradient(to left, #780206, #061161);
    
}
.mega-menu>section.menu-list-items ul.menu-links > li > a {
    color: #fff !important;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 16px;
}
.menu-search-bar.right_searchbar {
    display: flex !important;
    gap: 10px;
    align-items: center;
    border: 0 !important;
    padding: 0 !important;
    height: unset !important;
    align-items: baseline;
}
.menu-search-bar.right_searchbar > li {
}

.menu-search-bar.right_searchbar > li:not(:nth-child(3)) {
    height: 45px;
    width: 45px;
    justify-content: center;
    border-radius: 50px;
}
.menu-search-bar.right_searchbar > li {
    display: flex;
    align-items: center;
}
.menu-search-bar.right_searchbar > li:nth-child(3) a {
    display: flex;
    align-items: center !important;
}
.menu-search-bar.right_searchbar > li:nth-child(3) {
    justify-content: center;
    padding: 10px;
    border-radius: 50px;
    width: max-content;
}
.menu-search-bar.right_searchbar > li:hover {
    background: #fff; 
    cursor:pointer;
}
.menu-search-bar.right_searchbar > li:hover svg {
    fill: #000 !important; 
    
}
.menu-search-bar.right_searchbar > li:nth-child(2) svg {
    margin-top: 7px;
}
/* new menu css start */
.mega-menu > section.menu-list-items {
    background: linear-gradient(to left, #780206, #061161) !important;
}

.menu-search-bar.right_searchbar {
    display: flex !important;
    gap: 10px;
    align-items: center;
    border: 0 !important;
    padding: 0 !important;
    height: unset !important;
}

.menu-search-bar.right_searchbar li p,
.menu-search-bar.right_searchbar li:nth-child(3) > p a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0px 0px 5px;
}

.mega-menu .menu-search-bar li {
    line-height: normal;
}

.menu-search-bar.right_searchbar > li {
    display: flex;
    align-items: center;
}

.header-top.colored {
    display: none;
}

.mega-menu > section.menu-list-items ul.menu-links > li > a {
    color: #fff !important;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 16px;
}

.menu-search-bar.right_searchbar > li:hover svg {
    fill: #000;
}

.menu-search-bar.right_searchbar > li:not(:nth-child(3)):hover {
    background: #fff;
}

.menu-search-bar.right_searchbar > li:not(:nth-child(3)) {
    height: 45px;
    width: 45px;
    justify-content: center;
    border-radius: 50px;
}

.menu-search-bar.right_searchbar > li:nth-child(2) svg {
    margin-top: 7px;
}

.menu-search-bar.right_searchbar > li:nth-child(3) {
    justify-content: center;
    padding: 10px;
    border-radius: 50px;
    width: max-content;
}

.menu-search-bar.right_searchbar > li:nth-child(3):hover {
    background: #fff;
}

.menu-search-bar.right_searchbar > li:nth-child(3):hover a {
    color: #000;
}

.head_main_menu {
    display: flex;
    justify-content: center;
}

ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li {
    font-size: 12px;
    background-color: rgb(15 23 42 / 1);
    padding: 10px 15px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}

ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li a {
    color: #fff;
}

ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    left: -100%;
    gap: 10px;
    padding-left: 5px;
}

ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li a {
    padding: 0;
}

ul.menu-search-bar.right_searchbar li.dropdown.open ul.dropdown-menu li a:hover {
    background: transparent;
}

.head_main_menu.search_open .search_bar.hidden {
    background: rgb(248 250 252 / 1);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: .75rem;
    max-width: 500px;
    width: 100%;
    height: fit-content;
    z-index: 2000; /* Make sure it’s on top */
}

.head_main_menu.search_open .search_bar.hidden svg {
    display: block;
    vertical-align: middle;
    color: rgb(14 19 31 / 1);
}

.head_main_menu.search_open .search_bar.hidden input {
    margin-left: calc(.75rem * calc(1 - 0));
    color: rgb(15 23 42 / 1);
    font-size: 12px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background: transparent;
    width: 100%;
}

.head_main_menu.search_open .search_bar.hidden input::placeholder {
    font-weight: 400;
}

.head_main_menu.search_open .search_bar.hidden {
    min-height: 50px;
}

.mega-menu.desktopTopFixed .menu-list-items {
    background: linear-gradient(to left, #780206, #061161) !important;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .mega-menu > section.menu-list-items ul.menu-links li a {
        color: #000 !important;
    }

    .menu-search-bar.right_searchbar {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .head_main_menu.search_open ul.menu-links {
        display: none !important;
    }

    .head_main_menu.search_open .search_bar.hidden {
        display: flex !important;
        align-items: center;
    }
}

/* Mobile Menu Fix */
@media (max-width: 767px) {
    /* Ensure mobile menu is clickable and visible */
    .mega-menu {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999; /* Make sure it’s on top of other content */
        background-color: #fff; /* Ensure the menu background is visible */
        padding-top: 20px; /* Add some padding at the top if needed */
    }

    .mega-menu > section.menu-list-items {
        display: block;
        overflow: auto;
        background: linear-gradient(to left, #780206, #061161) !important;
    }

    /* Fix mobile search bar and make sure it's not hidden */
    .menu-search-bar.right_searchbar {
        display: block !important;
        padding: 10px;
        background: rgba(0,0,0,0.2); /* Optional background to make it stand out */
    }

    .menu-search-bar.right_searchbar li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .menu-search-bar.right_searchbar li svg {
        width: 25px;
        height: 25px;
    }

    .head_main_menu {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*Homepage Ads seller type*/
span.home-card-dealer {
    background: #000;
}
.home-card-dealer {
    background-color: #4ade80; 
}
.home-card-private {
    background-color: #3b82f6; 
}
.home-card-broker {
    background-color: #cdb309;
	}
span.home-card-car {
    background: #964b00; /* Your intended background for car shops */
}

@media (max-width: 992px) {
    .col-md-7.head_main_menu.open, .col-md-7.head_main_menu {
        height: 100vh;
			  width: 75%;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

	}
.menu-links {
    display: block !important; /* Overrides display: none */
    max-height: none !important; /* Overrides max-height: 400px */
    overflow: visible !important; /* Overrides overflow: auto */
}
@media screen and (max-width: 992px) {
    .mega-menu .drop-down-multilevel a {
        display: block;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 500;
    }
}

/* Hide buttons on desktop */
.menu .sell-my-car-menu,
.menu .search-cars-menu {
    display: none !important; /* Use !important to override any conflicting styles */
}

/* Show buttons on mobile */
@media (max-width: 768px) {
    .menu .sell-my-car-menu,
    .menu .search-cars-menu {
        display: block !important; /* Ensure it displays on mobile */
        background-color: #0073aa; /* Customize button color */
        color: white; /* Customize text color */
        padding: 10px 20px; /* Customize padding */
        text-align: center; /* Center text */
        border-radius: 5px; /* Round corners */
        text-decoration: none; /* Remove underline */
        margin: 5px 0; /* Add some spacing */
    }
}

/* Modern Description Points & Rich Content Styling */
.desc-points {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #2c2c2c !important;
    line-height: 1.85 !important;
    font-size: 15px !important;
    margin-top: 15px;
}

.desc-points h4 {
    color: #111111 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    margin-top: 28px !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #eaeaea !important;
    position: relative;
}

.desc-points h4::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 45px;
    height: 2px;
    background: #cc2529;
}

.desc-points p {
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: #444444 !important;
    margin-bottom: 18px !important;
}

.desc-points b,
.desc-points strong {
    color: #111111 !important;
    font-weight: 600 !important;
}

.desc-points a {
    color: #cc2529 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.desc-points a:hover {
    color: #991b1e !important;
}

/* Embedded Image Containers & Figures */
.desc-points .attachment-container,
.desc-points .search-images {
    margin: 24px 0 !important;
    text-align: center;
}

.desc-points .image-container {
    display: inline-block !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

.desc-points .image-button {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default !important;
    display: block !important;
    width: 100% !important;
}

.desc-points .hero-image,
.desc-points img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 12px 12px 0 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.desc-points .hero-caption-row,
.desc-points .caption {
    background: #f9fafb !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    font-style: italic !important;
    border-top: 1px solid #f3f4f6 !important;
    text-align: center !important;
}

.desc-points .caption span {
    font-weight: 600 !important;
    color: #4b5563 !important;
}


.woocommerce-MyAccount-navigation ul li a {
text-transform: none;
}

@media (max-width: 480px) {
.car-seller-user-details {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    background: #20104e;
    padding: 15px;
}
}
@media (max-width: 480px) {
.woocommerce-MyAccount-content {
    margin-top: 10px;
}
}
.blog-detial .page-numbers.current,
a.page-numbers:hover {
    background: #e52d27;
}

/* Disable Preloader */
#cssload-wrapper, .preloader, #sb_loading { display: none !important; }

/* Single Ad Page Sidebar & Seller Card Layout fixes */
.single-ad-page .user-photo img {
    width: 65px;
    height: 65px;
    object-fit: cover;
}

.single-ad-page .user-information {
    padding-left: 15px;
}

.single-ad-page .user-whatsapp .stm_social_buttons_wrap {
    display: flex !important;
    gap: 8px !important;
    margin-top: 6px !important;
    align-items: center !important;
}

.single-ad-page .user-whatsapp svg {
    width: 28px !important;
    height: 28px !important;
    transition: transform 0.2s ease;
}

.single-ad-page .user-whatsapp svg:hover {
    transform: scale(1.1);
}

.single-ad-page .single-price {
    background: #c82333;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding: 12px 15px;
    border-radius: 4px 4px 0 0;
}

/* Recently Posted Sidebar Widget */
.recent-ad-card-item {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.recent-ad-card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}
.btn-post-car-mini:hover {
    background: #cc2529 !important;
    color: #ffffff !important;
}

/* Description fields equal width & border alignment */
.parent-cst-div {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 24px !important;
    width: 100% !important;
}

@media (max-width: 767px) {
    .parent-cst-div {
        grid-template-columns: 1fr !important;
    }
}

/* Gallery Thumbnails Centered & Compact Layout */
div#carousel,
#carousel.flexslider {
    background: transparent !important;
    border: none !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 70px !important;
    box-shadow: none !important;
}

#carousel .flex-viewport {
    height: 65px !important;
    min-height: 0 !important;
    max-height: 65px !important;
    background: transparent !important;
    box-shadow: none !important;
}

#carousel .slides,
.singlepage-detail #carousel .slides {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}

#carousel .slides > li,
#carousel li {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    width: 90px !important;
    height: 60px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    flex: 0 0 90px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 2px solid #e2e8f0 !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

#carousel .slides > li.flex-active-slide,
#carousel li.flex-active-slide {
    border-color: #cc2529 !important;
    box-shadow: 0 2px 8px rgba(204, 37, 41, 0.3) !important;
}

#carousel .slides > li img,
#carousel li img,
#carousel img {
    width: 100% !important;
    height: 56px !important;
    max-height: 56px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 6px !important;
    opacity: 0.85 !important;
    transition: opacity 0.2s ease !important;
}

#carousel .slides > li:hover img,
#carousel .slides > li.flex-active-slide img {
    opacity: 1 !important;
}

.rebbon-clear {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ==========================================
   GLOBAL DESIGN SYSTEM & MODERN UI CONSISTENCY
   ========================================== */

/* 1. Carousel & Hero Image Center-Center Alignment */
.flexslider .slides img,
.owl-carousel .owl-item img,
#single-slider .slides img,
.slide-main img,
.hero-slider img,
.banner img,
.category-grid-box-1 .image img,
.category-grid-box-2 .image img,
.ad-image img,
.item .image img {
    object-fit: cover !important;
    object-position: center center !important;
    background-position: center center !important;
}

/* 2. Cohesive Border Radius System */
:root {
    --app-radius-sm: 6px;
    --app-radius-md: 10px;
    --app-radius-lg: 14px;
    --app-radius-pill: 30px;
}

/* Form Inputs, Dropdowns & Textareas */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
select,
textarea,
.select2-container--default .select2-selection--single {
    border-radius: var(--app-radius-sm) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Buttons */
.btn,
button,
input[type="submit"],
.btn-theme,
.btn-primary,
.btn-success,
.btn-info,
.btn-danger,
.btn-default {
    border-radius: var(--app-radius-sm) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Pill / Rounded Buttons */
.btn-post-car-mini,
.btn-rounded,
.badge,
.label {
    border-radius: var(--app-radius-pill) !important;
}

/* Cards, Content Boxes & Widgets */
.category-grid-box-1,
.category-grid-box-2,
.white-bg,
.widget,
.content-box-grid,
.recently-posted-widget,
.recent-ad-card-item,
.modal-content,
.user-info-card,
.heading-panel,
.ad-share .small-box {
    border-radius: var(--app-radius-md) !important;
}

/* Main Hero / Slider Images & Inner Card Images */
#single-slider,
#single-slider .slides li,
#single-slider .slides img,
.category-grid-box-1 .image,
.category-grid-box-1 .image img,
.category-grid-box-2 .image,
.category-grid-box-2 .image img,
.modal-content {
    border-radius: var(--app-radius-md) !important;
    overflow: hidden !important;
}

/* Elevated Hover Transitions & Micro-Interactions */
.category-grid-box-1:hover,
.recent-ad-card-item:hover,
.widget:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
}

/* Hide FlexSlider direction navigation arrows */
.flex-direction-nav,
ul.flex-direction-nav {
    display: none !important;
}

/* Single Map Location Positioning */
.singlemap-location {
    position: relative !important;
    margin-top: 16px !important;
}

/* Key Features Section Spacing */
.key-features {
    margin-bottom: 15px !important;
    overflow: hidden !important;
    margin-top: 15px !important;
}












/* --- Merged from mystyle.css --- */
* {
    font-family: Poppins;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

a {
    text-decoration: none;
}

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

/* megebeya-top-bar-start */
.megebeya-top-bar {
    background-color: #000;
    z-index: 200;
    position: relative;
}

.megebeya-top-bar .megebeya-top-bar-container {
    display: flex;
    justify-content: space-between;
    height: 70px;
}

.megebeya-top-bar .megebeya-top-bar-container .left-cont {
    display: flex;
    align-items: center;
}

.megebeya-top-bar .left-cont .choose-location {
    position: relative;
}

.megebeya-top-bar .left-cont .choose-location select {
    height: 70px;
    margin-left: 10px;
    color: #ffff;
    border: none;
    background-color: transparent;
    padding: 10px 60px 10px 60px;
    font-size: 12px;
}

.megebeya-top-bar .left-cont .choose-location .iconify {
    position: absolute;
    top: 28%;
    left: 30px;
    width: 30px;
    height: 30px;
    color: #ffff;
    border-right: 1px solid #909090;
    padding-right: 10px;
}

.megebeya-top-bar .right-cont .megebeya-menu ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: 70px;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li {
    padding: 0px 10px;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li:first-child {
    padding-left: 0;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li:last-child {
    padding-right: 0;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li.signin {
    padding: 26px 10px 26px 20px;
    margin-left: 10px;
    border-left: 1px solid #3c3c3c;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li.signup {
    border-left: 1px solid #3c3c3c;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li.sell-button a {
    padding: 7px 21px;
    background-color: #e52d27;
    color: #ffff;
    font-size: 16px;
    border-radius: 5px;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li a {
    color: #bdbdbd;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li .links {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li .links .iconify {
    width: 20px;
    height: 20px;
}

.megebeya-top-bar .right-cont .megebeya-menu ul li .links span {
    font-size: 12px;
}

/* megebeya-top-bar-end */

/* sb-header.sb-megebeya-start */
.sb-megebeya.sb-header {
    border-bottom: 1px solid #e0e8f1;
    z-index: 100;
    position: relative;
}

.sb-megebeya.sb-header.sticky {
    margin-top: -120px !important;
    position: fixed;
    background-color: #fff;
}

.sb-megebeya.sb-header.sticky:before{
    content: "";
}

.sb-header.sb-megebeya .sb-header-container {
    height: 50px;
}

.sb-header.sb-megebeya .header-shadow-wrapper {
    display: none;
}

.sb-header.sb-megebeya .sb-menu {
    float: left;
    height: 50px;
    width: 100%;
}

.sb-header.sb-megebeya .sb-menu > ul > li > a {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    padding: 0 9px;
    text-transform: capitalize;
}

.sb-header.sb-megebeya .sb-menu ul li ul{
    padding: 0;
}

.sb-header.sb-megebeya .sb-menu ul li ul li ul.drop-down-multilevel{
    top: -2.5px;
}

.sb-header.sb-megebeya .sb-menu ul li ul li a {
    border-bottom: 1px solid #f3f3f3;
    padding: 15px 35px !important;
}

.sb-header.sb-megebeya .sb-menu ul li ul li a:before{
    top: 24px;
    left: 20px;
    background: #e52d27;
}

.sb-header.sb-megebeya .sb-menu ul li ul li a i{
    float: right;
    margin-top: 5px;
}

.sb-header.sb-megebeya .sb-menu > ul > li:first-child a {
    padding-right: 0;
}

.sb-header.sb-megebeya .sb-menu ul li.current-menu > a,
.sb-header.sb-megebeya .sb-menu ul li:hover > a {
    color: #e52d27;
}

.sb-header.sb-megebeya .sb-menu ul li.dropdown_menu > a > span::before {
    border-width: 1px 1px 0 0;
    border-color: #000;
}

.sb-header.sb-megebeya .sb-menu > ul > li.signin,
.sb-header.sb-megebeya .sb-menu > ul > li.signup {
    float: right;
    padding-left: 10px;
    border-left: 1px solid #e8e8e8;
    margin-left: 15px;
}

.sb-menu.submenu-top-border li > ul {
    border-top: 3px solid #e52d27;
}

.sb-header.sb-megebeya .sb-menu > ul > li.signin .location-box,
.sb-header.sb-megebeya .sb-menu > ul > li.signup .call-box {
    display: flex;
    align-items: center;
    height: 50px;
}

.sb-header.sb-megebeya .sb-menu > ul > li.signin .location-box .left-icon,
.sb-header.sb-megebeya .sb-menu > ul > li.signup .call-box .left-icon {
    font-size: 20px;
    color: #e52d27;
    margin-right: 5px;
}

.sb-header.sb-megebeya .sb-menu > ul > li.signin .location-box .right-meta p,
.sb-header.sb-megebeya .sb-menu > ul > li.signup .call-box .right-meta p {
    font-size: 10px;
    color: #e52d27;
    line-height: 15px;
}

.sb-header.sb-megebeya .sb-menu > ul > li.signin .location-box .right-meta h6,
.sb-header.sb-megebeya .sb-menu > ul > li.signup .call-box .right-meta h6 {
    font-size: 11px;
    color: #626262;
}

/* sb-header.sb-megebeya-end */
/* hero-top-banner-start */
.hero-top-banner {
    position: relative;
    min-height: 409px;
}

.hero-top-banner .hero-top-banner-cont {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.hero-top-banner .banner-carousel .owl-nav {
    display: none;
}

.hero-top-banner .banner-meta {
    margin-top: 170px;
}

.hero-top-banner .banner-meta .video-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.hero-top-banner .banner-meta .video-title span {
    padding: 5px;
    padding-bottom: 0;
    border-radius: 50%;
    border: 1px solid #e52d27;
}

.hero-top-banner .banner-meta .video-title .iconify {
    padding: 5px;
    background-color: #e52d27;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
}

.hero-top-banner .banner-meta .video-title h6 {
    font-size: 12px;
    margin-left: 10px;
    color: #fff;
    font-weight: 600;
}

.hero-top-banner .banner-meta p {
    font-size: 16px;
    color: #dbdad9;
}

.hero-top-banner .banner-meta h2 {
    font-size: 28px;
    width: 480px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
}

.hero-top-banner .banner-meta a.read-more {
    padding: 10px 30px;
    background-color: #e52d27;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
}

/* hero-top-banner-end */

/* search-car-brands-start */
.search-car-brands {
    margin-top: 30px;
}

.search-car-brands .nav-tabs .nav-item {
    width: 25%;
}

.search-car-brands .nav-tabs .nav-item .nav-link {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #202020;
    padding: 10px 5px;
    border: 1px solid #999999;
    border-bottom: none;
    border-right: none;
    border-radius: 0px;
    height: 70px;
    transition: 0.5s ease-in-out;
}

.search-car-brands .nav-tabs .nav-item .nav-link .iconify {
    width: 50px;
    height: 30px;
    color: #fff;
}

.search-car-brands .nav-tabs .nav-item .nav-link:hover {
    margin-top: -10px;
    height: 80px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background-color: #000000;
}

.search-car-brands .nav-tabs .nav-item .nav-link::before {
    content: "";
    border-bottom: 3px solid #e52d27;
    width: 0%;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.5s ease-in-out;
}

.search-car-brands .nav-tabs .nav-item .nav-link::after {
    content: "";
    border-bottom: 3px solid #e52d27;
    width: 0%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s ease-in-out;
}

.search-car-brands .nav-tabs .nav-item .nav-link:hover::after,
.search-car-brands .nav-tabs .nav-item .nav-link:hover::before {
    width: 100%;
}

.search-car-brands .nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 5px !important;
}

.search-car-brands .nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: 5px !important;
}

.search-car-brands .nav-tabs .nav-item:last-child .nav-link {
    border-right: 1px solid #999999;
}

.search-car-brands .nav-tabs .nav-item .nav-link i {
    color: #fff;
}

.search-car-brands .nav-tabs .nav-item .nav-link span {
    font-size: 12px;
    color: #fff;
}

.search-car-brands .search-content {
    padding: 20px 25px;
    box-shadow: 0px 16px 30px 4px rgba(179, 188, 211, 0.273492);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
}

.search-car-brands .search-car-option {
    margin-top: -323px;
    position: relative;
    z-index: 9;
}

.search-car-brands .search-content .srh-heading {
    display: flex;
    justify-content: space-between;
}

.search-car-brands .search-content .srh-heading h4,
.search-car-brands .search-content .slct-optn h4,
.search-car-brands .search-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

.search-car-brands .search-content .srh-heading span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #4db507;
}

.search-car-brands .search-content .srh-heading span .iconify {
    margin-right: 5px;
}

.search-car-brands .search-content input,
.search-car-brands .search-content .slct-optn select {
    width: 100%;
    background-color: #fbfdff;
    padding: 15px 25px;
    border: 1px solid #e0e8f1;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
}

.search-car-brands .search-content input::placeholder {
    color: #000;
}

.search-car-brands .search-content .irs-from,
.search-car-brands .search-content .irs-to,
.search-car-brands .search-content .irs-grid {
    display: none;
}

.search-car-brands .search-content .irs--flat .irs-line {
    height: 5px;
    top: 10px;
}

.search-car-brands .search-content .irs--flat .irs-bar {
    background-color: #e52d27;
    height: 5px;
    top: 10px;
}

.search-car-brands .search-content .irs--flat .irs-handle > i:first-child {
    background-color: #ffff;
    top: 5px;
    left: 33%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.search-car-brands .search-content .irs--flat .irs-handle {
    width: 18px;
    height: 18px;
    background-color: #e52d27;
    border-radius: 50%;
    top: 3px;
}

.search-car-brands .search-content .irs--flat.irs-with-grid,
.search-car-brands .search-content .irs {
    height: 35px;
}

.search-car-brands .search-content .irs--flat .irs-min,
.search-car-brands .search-content .irs--flat .irs-max {
    top: unset;
    bottom: -39px;
    padding: 10px 25px;
    background-color: #fbfdff;
    border: 1px solid #e0e8f1;
    color: #000;
}

.search-car-brands .search-content .irs--flat .irs-min {
    left: unset;
    right: 110px;
}

.search-car-brands .search-content .price-range-txt {
    position: relative;
}

.search-car-brands .search-content .price-range-txt p {
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}

.search-car-brands .search-content .price-range-txt span {
    position: absolute;
    top: 9px;
    right: 91px;
    height: 3px;
    width: 10px;
    background-color: #000;
}

.search-car-brands .botm-btn {
    margin-top: 30px;
    display: flex;
}

.search-car-brands .botm-btn .m-option {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eff3f8;
    color: #000;
    font-size: 14px;
    padding: 10px 17px;
    margin-right: 10px;
}

.search-car-brands .botm-btn .m-option .iconify {
    font-size: 20px;
    color: #e52d27;
    margin-right: 5px;
}

.search-car-brands .botm-btn .srh-now {
    font-size: 14px;
    background-color: #e52d27;
    color: #ffff;
    display: block;
    padding: 10px 79px;
    line-height: 30px;
}

.search-car-brands .srh-car-types .nav-pills .nav-link {
    border-radius: 0;
}

.search-car-brands .srh-car-types .nav-pills .nav-item:first-child .nav-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.search-car-brands .srh-car-types .nav-pills .nav-item:last-child .nav-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.search-car-brands .srh-car-types .nav-pills .nav-link {
    background-color: #fbfdff;
    color: #000;
    padding: 10px 12px;
    font-size: 12px;
    border: 1px solid #e0e8f1;
}

.search-car-brands .srh-car-types .nav-pills .nav-link.active {
    background-color: #e52d27;
    color: #ffff;
    font-size: 12px;
    padding: 10px 12px;
    border: 1px solid #e52d27;
}

.search-car-brands .srh-car-types .car-type-owl {
    position: relative;
}

.search-car-brands .srh-car-types .car-type-owl .car-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.search-car-brands .srh-car-types .car-type-owl .car-type img {
    margin-bottom: 10px;
    width: 120px;
}

.search-car-brands .srh-car-types .car-type-owl .car-type p {
    font-size: 13px;
    color: #000;
}

.search-car-brands .car-type-owl.owl-carousel .owl-nav {
    display: block;
    position: absolute;
    top: -51px;
    right: 30px;
}


.search-car-brands .srh-car-types .car-brand-owl {
    position: relative;
}

.search-car-brands .srh-car-types .car-brand-owl .car-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.search-car-brands .srh-car-types .car-brand-owl .car-type img {
    margin-bottom: 10px;
    width: 120px;
    height: 50px;
}

.search-car-brands .srh-car-types .car-brand-owl .car-type p {
    font-size: 13px;
    color: #000;
}

.search-car-brands .car-brand-owl.owl-carousel .owl-nav {
    display: block;
    position: absolute;
    top: -65px;
    right: 30px;
}

.owl-carousel.car-arrow-owl .owl-nav button.owl-prev,
.owl-carousel.car-arrow-owl .owl-nav button.owl-next {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 5px;
    position: relative;
    transition: 0.5s ease-in-out;
}

.owl-carousel.car-arrow-owl .owl-nav button.owl-prev,
.owl-carousel.car-arrow-owl .owl-nav button.owl-next:hover {
    background-color: #e52d27;
    color: #fff;
    border: 1px solid #e52d27;
}

.owl-carousel.car-arrow-owl .owl-nav button.owl-next,
.owl-carousel.car-arrow-owl .owl-nav button.owl-prev:hover {
    background-color: #fbfdff;
    color: #000;
    border: 1px solid #e4ebf3;
}

.owl-carousel.car-arrow-owl .owl-nav button.owl-prev span,
.owl-carousel.car-arrow-owl .owl-nav button.owl-next span {
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 12px;
}

/* search-car-brands-end */

/* featured-offer-start */
.featured-offer {
    margin-top: 30px;
}

.top-heading h3 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-bottom: 10px;
}

.top-heading h3::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #000;
    width: 70px;
    height: 1px;
}

.top-heading h3::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    border: 1px solid #000;
    width: 50px;
    height: 1px;
}

.top-heading h3 span {
    color: #e52d27;
}

.featured-offer .ftd-card {
    margin-top: 30px;
}

.featured-offer .ftd-card .card-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.featured-offer .ftd-card .card-img img {
    width: 100% !important;
    height: 189px;
}
.featured-offer .featured-cars-owl  .ftd-card .card-img img {
    width: 277px !important;
    height: 189px;
}

.featured-offer .ftd-card .card-img img {
    width: 100%;
}

.featured-offer .ftd-card .card-img span {
    position: absolute;
    top: -25px;
    left: -25px;
    height: 50px;
    width: 50px;
    background-color: #e52d27;
    transform: rotate(45deg);
}

.featured-offer .ftd-card .card-img .iconify {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    color: #fff;
}

.featured-offer .ftd-card .card-meta {
    border: 1px solid #ecf1fd;
    border-top: none;
    padding: 15px 20px;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffff;
}

.featured-offer .ftd-card .card-meta .prf-back {
    position: absolute;
    top: -24px;
    right: 10px;
    width: 80px;
}

.featured-offer .ftd-card .card-meta .prf {
    position: absolute;
    top: -26px;
    right: 28px;
    width: 44px;
    border-radius: 50%;
    margin-top: 5px;
}

.featured-offer .ftd-card .card-meta h6 {
    font-size: 15px;
    color: #e52d27;
    margin-bottom: 5px;
}

.featured-offer .ftd-card .card-meta h6 span {
    color: #999999;
}

.featured-offer .ftd-card .card-meta h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}

.featured-offer .ftd-card .card-meta .location {
    font-size: 12px;
    color: #999999;
}

.featured-offer .ftd-card .card-meta .location .iconify {
    color: #e52d27;
    font-size: 16px;
}

.featured-offer .featured-cars-owl.owl-carousel {
    position: relative;
}

.featured-offer .featured-cars-owl.owl-carousel .owl-nav {
    display: block;
    position: absolute;
    top: -130px;
    right: 0px;
    z-index: 200;
}

/* featured-offer-end */

/* car-display-banner-start */
.car-display-banner {
    margin-top: 30px;
}

.car-display-banner .right-cont img {
    max-width: 100%;
}

.car-display-banner .left-cont img,
.car-display-banner .right-cont img {
    width: 100%;
}

/* car-display-banner-end */

/* explore-cars-cities-start */
.explore-cars-cities {
    margin-top: 30px;
}

.explore-cars-cities .explore-city-carousel {
    margin-top: 35px;
}

.explore-cars-cities .explore-city-carousel .card {
    position: relative;
    border: none;
    border-radius: 8px;
}

.explore-cars-cities .explore-city-carousel .card img {
    height: 250px;
}

.explore-cars-cities .explore-city-carousel .card .botm-meta {
    position: absolute;
    bottom: 15px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    right: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 88%;
}

.explore-cars-cities .explore-city-carousel .card .botm-meta .city-name {
    padding: 10px 15px;
    background-color: #393d41;
    color: #ffff;
    width: 70%;
    border: 2px solid #5d5d5d;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.explore-cars-cities .card .botm-meta .city-name p {
    font-size: 14px;
}

.explore-cars-cities .card .botm-meta .city-name span {
    font-size: 12px;
    color: #b5b5b6;
}

.explore-cars-cities .explore-city-carousel .card .botm-meta .arrow {
    width: 30%;
}

.explore-cars-cities .explore-city-carousel .card .botm-meta .arrow .iconify {
    font-size: 58px;
    color: #000;
    padding: 0 15px;
    background-color: #ffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.5s ease-in-out;
}

.explore-cars-cities .explore-city-carousel .card .botm-meta .arrow .iconify:hover {
    background-color: #e52d27;
    color: #ffff;
}

.explore-cars-cities .explore-city-carousel .owl-nav {
    display: block;
    position: absolute;
    top: -85px;
    right: 0px;
}

.explore-cars-cities .used-cars {
    margin-top: 30px;
    position: relative;
}

.explore-cars-cities .used-cars .position-tab {
    position: absolute;
    top: 4px;
    right: 0;
}

.explore-cars-cities .used-cars .tab-content {
    margin-top: 10px;
}

.explore-cars-cities .used-cars .cars-ads {
    display: flex;
    align-items: center;
    border: 1px solid #ecf1fd;
    border-radius: 5px;
    margin-top: 25px;
}

.explore-cars-cities .used-cars .cars-ads .left-cont {
    padding: 20px 15px;
    background-color: #fbfdff;
    border-right: 1px solid #ecf1fd;
    /*width: 93px;*/
    /*height: 77px;*/
    display: flex;
    justify-content: center;
}

.explore-cars-cities .used-cars .cars-ads .left-cont img {
    width: 100%;
    height: 37px;
}

.explore-cars-cities .used-cars .cars-ads .right-cont {
    padding: 12px;
}

.explore-cars-cities .used-cars .cars-ads .right-cont h5 {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
}

.explore-cars-cities .used-cars .cars-ads .right-cont span {
    font-size: 10px;
    color: #000;
    background-color: #fbfdff;
    padding: 2px 10px;
    border: 1px solid #eff3fd;
    border-radius: 5px;
}

.explore-cars-cities .recent-cars {
    border: 1px solid #e0e8f1;
    border-radius: 5px;
}

.explore-cars-cities .recent-cars .cars-title {
    padding: 20px 20px 30px;
    background-color: #fbfdff;
    border-bottom: 1px solid #e0e8f1;
    border-radius: 5px;
}

.explore-cars-cities .recent-cars .cars-title .top-heading h3 {
    font-size: 20px;
}

.explore-cars-cities .recent-cars .recent-cars-list {
    padding: 16px;
    height: 532px;
    width: 97%;
}

.explore-cars-cities .recent-cars-list .list-card {
    display: flex;
    border: 1px solid #f6f8fe;
    border-radius: 5px;
    margin-bottom: 15px;
}

.explore-cars-cities .recent-cars-list .list-card:last-child {
    margin-bottom: 0px;
}

.explore-cars-cities .recent-cars-list .list-card .cont-right {
    padding: 12px 0px 12px 12px;
}

.explore-cars-cities .recent-cars-list .list-card .cont-right p {
    font-size: 13px;
    color: #999999;
}

.explore-cars-cities .recent-cars-list .list-card .cont-right p span {
    color: #e52d27;
}

.explore-cars-cities .recent-cars-list .list-card .cont-right h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.explore-cars-cities .recent-cars-list .list-card .cont-right .location .iconify {
    color: #e52d27;
    font-size: 16px;
}

.explore-cars-cities .recent-cars-list .list-card .cont-right .location {
    color: #b3b3b3;
    font-size: 10px;
    margin-bottom: 0;
}

.explore-cars-cities .scroller {
    width: 300px;
    height: 100px;
    overflow-y: scroll;
    scrollbar-color: #e52d27 #F1F1F1;
    scrollbar-width: thin;
}

/* explore-cars-cities-end */
.used-cars-sales .used-cars-list .posts-masonry,
.arspot-search-filter .used-cars-list .posts-masonry{
    position: relative !important;
    overflow: hidden;
}
/* used-cars-sales-start */
.used-cars-sales {
    margin-top: 30px;
}

.used-cars-sales .top-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.used-cars-sales .top-heading .btn {
    background-color: #e52d27;
    padding: 7px 21px;
    font-size: 12px;
    color: #fff;
}

/* used-cars-sales-end */

/* car-comparison-start */
.car-comparison {
    margin-top: 30px;
    padding: 30px 0 40px;
}

.car-comparison .heading-content p {
    margin-top: 20px;
    width: 440px;
}

.car-comparison .heading-content .top-heading {
    position: relative;
}

.car-comparison .heading-content .top-heading .btn {
    position: absolute;
    right: 80px;
    top: 36px;
}

.car-comparison .comparison-owl {
    margin-top: 30px;
}

.car-comparison .comparison-card {
    padding: 25px 20px;
    text-align: center;
    background-color: #ffff;
    border: 1px solid #e0e8f1;
    border-radius: 5px;
    position: relative;
}

.car-comparison .comparison-card img {
    width: 100%;
    height: 177px;
}

.car-comparison .comparison-card h5 {
    color: #232323;
    font-size: 16px;
    margin-bottom: 3px;
    line-height: 30px;
    transition: 0.5s ease-in-out;
}

.car-comparison .comparison-card h5:hover {
    color: #e52d27;
}

.car-comparison .comparison-card .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-comparison .comparison-card .rating .iconify {
    color: #ffc513;
    font-size: 18px;
}

.car-comparison .comparison-card .rating span {
    color: #232323;
    margin-left: 5px;
}

.car-comparison .comparison-owl .owl-nav {
    display: block;
    position: absolute;
    top: -148px;
    right: 0px;
}

.car-comparison .comparison-card .vs {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    background-color: #919191;
    color: #ffff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin: 0 auto;
    padding-top: 6px;
    text-align: center;
}

/* car-comparison-end */

/* top-cars-categories-start */
.top-cars-categories {
    margin: 30px 0 50px;
}

.top-cars-categories .top-heading p {
    margin-top: 15px;
}

.top-cars-categories .select-any-car {
    margin-top: 40px;
}

.top-cars-categories .select-any-car .col-lg-3:first-child .choose-car {
    padding-left: 0;
    border-left: none;
}

.top-cars-categories .select-any-car .choose-car {
    padding: 10px 25px 10px;
    border-left: 1px solid #f6f6f6;
}

.top-cars-categories .select-any-car .choose-car h4 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.top-cars-categories .select-any-car .choose-car ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.top-cars-categories .select-any-car .choose-car ul li {
    margin-bottom: 10px;
}

.top-cars-categories .select-any-car .choose-car ul li:last-child {
    margin-bottom: 0;
}

.top-cars-categories .select-any-car .choose-car ul li a {
    color: #888888;
    transition: 0.5s ease-in-out;
}

.top-cars-categories .select-any-car .choose-car ul li a:hover {
    color: #e52d27;
}

/* top-cars-categories-end */

/* megebeya-footer-start */
.megebeya-footer {
    padding: 70px 0 0 0;
    background-image: url(../images/layer-1164.png);
    background-position: center;
    background-size: cover;
}

.megebeya-footer .ftr-frst-col p {
    margin: 20px 0;
    line-height: 30px;
    font-size: 15px;
    color: #ffff;
    width: 365px;
}

.megebeya-footer .ftr-frst-col .social-icon .iconify {
    font-size: 22px;
    color: #ffff;
    margin-right: 8px;
}

.megebeya-footer .quick-links h4,
.megebeya-footer .get-our-apps h4 {
    font-size: 24px;
    color: #ffff;
}

.megebeya-footer .quick-links ul {
    margin-top: 20px;
}

.megebeya-footer .quick-links-2 ul {
    margin-top: 50px;
}

.megebeya-footer .quick-links ul li {
    margin-bottom: 10px;
}

.megebeya-footer .quick-links ul li a {
    color: #ffff;
    font-size: 13px;
}

.megebeya-footer .get-our-apps .app-btn a {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    background-color: #2d2d27;
    margin-top: 25px;
    border: 1px solid #50514d;
    border-radius: 5px;
    width: 176px;
}

.megebeya-footer .get-our-apps .app-btn .left-cont {
    margin-right: 10px;
}

.megebeya-footer .get-our-apps .app-btn .left-cont .iconify {
    font-size: 32px;
    color: #ffff;
}

.megebeya-footer .get-our-apps .app-btn .right-cont p {
    font-size: 12px;
    color: #ffff;
}

.megebeya-footer .get-our-apps .app-btn .right-cont h5 {
    font-size: 16px;
    color: #ffff;
}

.megebeya-footer .footer-botm {
    text-align: center;
    color: #ffff;
    font-size: 14px;
    padding: 15px 0;
    margin-top: 50px;
    border-top: 1px solid #4e4e4e;
}

.megebeya-footer .footer-botm span {
    color: #e52d27;
}

/* megebeya-footer-end */

/* megebeya-search-filter-start */
.megebeya-search-filter {
    background-color: #fbfdff;
    padding: 30px 0;
}

.megebeya-search-filter.featured-offer {
    margin-top: 0;
}

.megebeya-search-filter .filter-switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .filter-switcher .left-cont {
    width: 100px;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .filter-switcher .left-cont .filter-btn {
    background-color: #e52d27;
    color: #ffff;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-right: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 25px;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .filter-switcher .left-cont .filter-btn .iconify {
    font-size: 28px;
    margin-right: 5px;
}

.megebeya-search-filter .filter-switcher .right-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    height: 82px;
    background-color: #fff;
    padding: 30px 20px;
    border: 1px solid #e0e8f1;
    border-radius: 5px;
    transition: 0.5s ease-in-out;
    width: calc(100% - 100px);
}

.megebeya-search-filter .filter-switcher .right-cont .right-meta {
    display: flex;
    align-items: center;
}

.megebeya-search-filter .filter-switcher .right-cont .left-meta h5 {
    font-size: 18px;
    color: #000;
}

.megebeya-search-filter .filter-switcher .right-cont .left-meta h5 span {
    color: #e52d27;
}

.megebeya-search-filter .filter-switcher .right-cont .right-meta .refresh {
    font-size: 14px;
    color: #48b300;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.megebeya-search-filter .right-cont .right-meta .refresh .iconify {
    margin-right: 3px;
}

.megebeya-search-filter .filter-switcher .right-cont .right-meta .sort {
    display: flex;
    align-items: center;
    border: 1px solid #e0e8f1;
    border-radius: 5px;
}

.megebeya-search-filter .right-cont .right-meta .sort .txt {
    padding: 10px;
    color: #000;
    border-right: 1px solid #e0e8f1;
    border-radius: 2px;
}

.megebeya-search-filter .right-cont .select2-container {
    width: 200px !important;
}

.megebeya-search-filter .right-cont .select2-container--default .select2-selection--single {
    border: none;
    background-color: #fbfdff;
    height: 41px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.megebeya-search-filter .right-cont .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
    right: 7px;
}

.megebeya-search-filter .top-heading {
    position: relative;
    width: 100%;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .used-cars-list {
    width: 100%;
    position: relative;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .used-cars-list .pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.megebeya-search-filter .used-cars-list .pagination .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.megebeya-search-filter .used-cars-list .pagination .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.megebeya-search-filter .used-cars-list .pagination .page-item a {
    margin-left: 10px;
    color: #997788;
    border: 1px solid #d1d1d1;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .used-cars-list .pagination .page-item a:hover {
    background-color: #e52d27;
    border: 1px solid #b31217;
    color: #ffff;
}

.toggle-filter {
    width: 74.5% !important;
}

.toggle-top-heading {
    width: 74.5% !important;
    float: right !important;
}

.toggle-used-cars-list {
    width: 74.5% !important;
    float: right !important;
}

.megebeya-search-filter .left-side-bar {
    display: none;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .side-bar-used-cars-list {
    margin-top: 30px;
}

.megebeya-search-filter .side-bar {
    background-color: #ffff;
    padding: 35px 20px 0 20px;
    border-right: 1px solid #e0e8f1;
    margin-top: -30px;
    width: 0px;
    float: left;
    display: none;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .side-bar-used-cars-list .used-cars-grid-list {
    width: calc(100% - 0px);
    float: right;
    transition: 0.5s ease-in-out;
}

.megebeya-search-filter .side-bar .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.megebeya-search-filter .side-bar .heading .heading-left-cont h4 {
    font-size: 22px;
    color: #000;
}

.megebeya-search-filter .side-bar .heading .heading-left-cont p {
    font-size: 14px;
    color: #e52d27;
}

.megebeya-search-filter .side-bar .heading .heading-right-cont .iconify {
    font-size: 40px;
    padding: 10px;
    color: #000;
    background-color: #fbfdff;
    border: 1px solid #e5ecf3;
    border-radius: 50%;
}

.megebeya-search-filter .side-bar .accordion-item {
    border: none;
    border-bottom: 1px solid #f2f2f2;
}

.megebeya-search-filter .side-bar .accordion-item:last-child {
    border-bottom: none;
}

.megebeya-search-filter .side-bar .accordion-button {
    font-weight: 500;
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
}

.megebeya-search-filter .side-bar .accordion-button:focus {
    box-shadow: none;
}

.megebeya-search-filter .side-bar .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #ffff;
    box-shadow: none;
}

.megebeya-search-filter .side-bar .accordion-body {
    padding: 0 0 20px 0;
}

.megebeya-search-filter .side-bar .accordion-button .iconify {
    color: #f1f1f1;
    font-size: 19px;
}

.megebeya-search-filter .side-bar .accordion-button::after {
    display: none;

}

.megebeya-search-filter .side-bar .accordion-item .search-by {
    position: relative;
}

.megebeya-search-filter .side-bar .accordion-item .search-by input {
    background-color: #f9f9f9;
    border: 1px solid #eef1f3;
    border-radius: 0;
    height: 50px;
}

.megebeya-search-filter .right-cont .sort .freelance-category {
    margin-bottom: 0;
}

.megebeya-search-filter .selection .select2-selection__arrow {
    top: 1px !important;
}

.megebeya-search-filter .side-bar .accordion-item .search-by .iconify {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 22px;
    color: #b7bbc2;
}

.megebeya-search-filter .side-bar .accordion-item .select-two .select2-container {
    width: 100% !important;
}

.megebeya-search-filter .select-two .select2-container--default .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
}

.megebeya-search-filter .select-two .select2-container--default .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid #aaa;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
}

.megebeya-search-filter .side-bar .accordion-item .search-btn {
    background-color: #e52d27;
    color: #ffff;
    margin-top: 15px;
    padding: 8px 16px;
    font-size: 12px;
}

.megebeya-search-filter .side-bar .accordion-item .ads-location h6 {
    color: #000;
}

.megebeya-search-filter .side-bar .accordion-item .ads-location h6 span {
    color: #9e9e9e;
}

.megebeya-search-filter .side-bar .accordion-item .mileage-range {
    display: flex;
}

.megebeya-search-filter .side-bar .accordion-item .mileage-range input {
    border-radius: 0;
    background-color: #f8f8f8;
    border: 1px solid #eef2f3;
}

.megebeya-search-filter .side-bar .accordion-item .mileage-range .left-input {
    border-right: none;
}

.megebeya-search-filter .side-bar .accordion-item .mileage-range .right-input {
    border-left: none;
}

.megebeya-search-filter .side-bar .accordion-item .mileage-range span {
    padding: 12px;
    background-color: #efefef;
    border: 1px solid #d3d5d6;
}

.search-car-brands .search-content #price-slider{
    height: 6px;
}
.search-car-brands .search-content #price-slider .noUi-handle{
    width: 18px;
    height: 18px;
    background-color: #e52d27;
    border-radius: 50%;
    top: 3px;
    border: none;
    box-shadow: none;
    top: -7px;
    left: -8px;
}
.search-car-brands .search-content #price-slider .noUi-handle:before,
.search-car-brands .search-content #price-slider .noUi-handle:after {
    background: #ffff;
    top: 4.5px;
    left: 32%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.megebeya-search-filter .side-bar .accordion-item .year-duration .input-group:last-child {
    margin-top: 10px;
}

.megebeya-search-filter .side-bar .accordion-item .year-duration .input-group:last-child .left-txt {
    padding: 10px 20px;
}

.megebeya-search-filter .side-bar .accordion-item .year-duration .left-txt {
    padding: 10px;
    background-color: #eeeeee;
    border: 1px solid #d5d5d5;
    border-right: none;
}

.megebeya-search-filter .side-bar .accordion-item .year-duration .form-group {
    width: 232px;
}

.megebeya-search-filter .side-bar .accordion-item .year-duration .select2-container {
    width: 100% !important;
}

.megebeya-search-filter .side-bar .accordion-item .year-duration .select2-container .select2-selection--single {
    height: 45px;
    border: 1px solid #eee;
    border-radius: 0;
}

.megebeya-search-filter .side-bar .year-duration .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}

.megebeya-search-filter .side-bar .year-duration .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 5px;
}

.megebeya-search-filter .transmission {
    display: flex;
    align-items: center;
}

.megebeya-search-filter .transmission .radio {
    font-size: 14px;

}

.megebeya-search-filter .transmission h6 {
    color: #000;
    margin-left: 5px;
}

.megebeya-search-filter .transmission h6 span {
    color: #9e9e9e;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-from,
.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-to,
.megebeya-search-filter .side-bar .price-range-slider .irs-with-grid .irs-grid {
    display: none;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat.irs-with-grid {
    height: 100px;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-bar {
    color: #e52d27;
    height: 6px;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-line {
    height: 6px;
    background: #44728e;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-handle {
    border-radius: 100%;
    border: 2px solid #2e566e;
    background: #94b9d0;
    cursor: pointer;
    top: 20px;
    height: 16px;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-handle > i:first-child {
    background-color: transparent;
}

.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-min,
.megebeya-search-filter .side-bar .price-range-slider .irs--flat .irs-max {
    top: 50px;
    padding: 15px 50px;
    visibility: visible !important;
}

/* megebeya-search-filter-end */

/* top-bread-crumb-start */
.top-bread-crumb {
    padding: 15px 0;
    background-color: #f3f8fb;
}

.top-bread-crumb .breadcrumb {
    margin-bottom: 0;
}

.top-bread-crumb .breadcrumb .breadcrumb-item a {
    color: #000;
}

.top-bread-crumb .breadcrumb .breadcrumb-item:hover a,
.top-bread-crumb .breadcrumb .breadcrumb-item.active a {
    color: #e52d27;
    transition: 0.5s ease-in-out;
}

/* top-bread-crumb-end */
/* cp-singlepage-detail-start */
.cp-singlepage-detail {
    background-color: #f3f8fb;
    padding-bottom: 30px;
}

.cp-singlepage-detail .porsche-ftd-car-dtl {
    background-color: #ffff;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

.cp-singlepage-detail .porsche-ftd-car-dtl .feturd {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 65px;
    height: 65px;
}
.cp-singlepage-detail .left-cont{
    position: relative;
}
.cp-singlepage-detail .left-cont .cars-dtl-carousel .item {
    position: relative;
}

.cp-singlepage-detail .left-cont .cars-dtl-carousel .item img{
    height: 430px;
}

.cp-singlepage-detail .left-cont .cars-dtl-carousel .item .offer-id {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    background-color: #e2f0ea;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
}

.cp-singlepage-detail .left-cont .cars-dtl-carousel .item .extra-links {
    position: absolute;
    bottom: 13px;
    right: 127px;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links a {
    margin-right: 5px;
}

.cp-singlepage-detail .left-cont .extra-links.outer-links{
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 9;
}


.cp-singlepage-detail .left-cont .extra-links.outer-links .iconify {
    background-color: #ffff;
    color: #000;
    font-size: 32px;
    padding: 6px;
    border-radius: 3px;
    transition: 0.5s ease-in-out;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links .iconify:hover {
    background-color: #e52d27;
    color: #ffff;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links .play {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    background-color: #ffff;
    margin-top: 14px;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links .imgs-range {
    background-color: #000;
    color: #ffff;
    border-radius: 25px;
    padding: 8px 15px 9px 15px;
    font-size: 12px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links .img {
    padding: 0;
    font-size: 18px;
    background-color: #000;
    color: #ffff;
    margin-bottom: 2px;
    margin-right: 5px !important;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links .img:hover {
    background-color: #000;
    color: #ffff;
}

.cp-singlepage-detail .cars-dtl-carousel .item .extra-links .iconify:last-child {
    margin-right: 0;
}

.cp-singlepage-detail .left-cont .owl-carousel.cars-dtl-carousel .owl-nav {
    display: block;
}

.cp-singlepage-detail .left-cont .owl-carousel.cars-dtl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    top: 47%;
    width: 35px;
    height: 35px;
    background-color: #ffff;
    color: #000;
    border: none;
}

.cp-singlepage-detail .left-cont .owl-carousel.cars-dtl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: 47%;
    width: 35px;
    height: 35px;
    background-color: #ffff;
    color: #000;
    border: none;
}

.cp-singlepage-detail .left-cont .owl-carousel.cars-dtl-carousel .owl-nav button.owl-prev span,
.cp-singlepage-detail .left-cont .owl-carousel.cars-dtl-carousel .owl-nav button.owl-next span {
    font-size: 40px;
    position: absolute;
    top: -14px;
    left: 11px;
}

.cp-singlepage-detail .left-cont .owl-carousel.cars-dtl-carousel .owl-nav button.owl-next span {
    padding-left: 2px;
}

.cp-singlepage-detail .right-cont {
    margin-top: 20px;
}

.cp-singlepage-detail .right-cont .top-btn .new {
    font-size: 12px;
    padding: 2px 12px;
    background-color: #81d742;
    color: #ffff;
    border-radius: 3px;
    margin-right: 2px;
}

.cp-singlepage-detail .right-cont .top-btn .sell {
    font-size: 12px;
    padding: 2px 8px;
    background-color: #157201;
    color: #ffff;
    border-radius: 3px;
}

.cp-singlepage-detail .right-cont .title h5 {
    font-size: 22px;
    color: #000;
    margin-top: 10px;
    width: 280px;
    font-weight: 600;
}

.cp-singlepage-detail .right-cont .list-view {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.cp-singlepage-detail .right-cont .list-view .left{
    display: flex;
    align-items: center;
}

.cp-singlepage-detail .right-cont .list-view .iconify {
    margin-right: 5px;
    font-size: 22px;
}

.cp-singlepage-detail .right-cont .list-view span {
    color: #242424;
    font-size: 14px;
}

.cp-singlepage-detail .right-cont .list-view b {
    font-weight: 500;
    color: #000;
    padding-left: 15px;
    margin: 0 10px 0 15px;
    line-height: 14px;
    border-left: 1px solid #000;
}

.cp-singlepage-detail .right-cont .price h5 {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 22px;
    margin-top: 10px;
    font-weight: 600;
}

.cp-singlepage-detail .right-cont .price h5 span {
    font-size: 14px;
    margin-left: 5px;
    color: #242424;
    font-weight: 400;
}

.cp-singlepage-detail .right-cont .megebeya-profile-dtl .profile {
    display: flex;
    align-items: center;
    margin: 10px 0 15px 0;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .left-img img {
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .right-meta {
    margin-left: 10px;
    position: relative;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .right-meta .rating-reviews {
    line-height: 16px;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .right-meta .rating-reviews .iconify {
    color: #e52d27;
    font-size: 12px;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .right-meta .rating-reviews span {
    color: #242424;
    font-size: 12px;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .right-meta h4 {
    font-size: 18px;
    color: #000;
}

.cp-singlepage-detail .megebeya-profile-dtl .profile .right-meta .check {
    position: absolute;
    top: 16px;
    right: -14px;
}

.cp-singlepage-detail .megebeya-profile-dtl .location,
.cp-singlepage-detail .megebeya-profile-dtl .cell-number {
    display: flex;
    align-items: end;
    margin-top: 10px;
    margin-bottom: 0;
}

.cp-singlepage-detail .megebeya-profile-dtl .location .iconify {
    color: #e52d27;
    margin-right: 10px;
    font-size: 18px;
}

.cp-singlepage-detail .megebeya-profile-dtl .location span {
    color: #737373;
    font-size: 14px;
    margin-right: 10px;
}

.cp-singlepage-detail .megebeya-profile-dtl .location a {
    color: #e52d27;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
}

.cp-singlepage-detail .megebeya-profile-dtl .cell-number .iconify {
    font-size: 18px;
    color: #4dae51;
    margin-right: 10px;
}

.cp-singlepage-detail .megebeya-profile-dtl .cell-number span {
    color: #737373;
}

.cp-singlepage-detail .megebeya-profile-dtl .cell-number a {
    color: #4dae51;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
}

.cp-singlepage-detail .megebeya-profile-dtl .offer-schedule-btn {
    margin-top: 30px;
}

.cp-singlepage-detail .megebeya-profile-dtl .offer-schedule-btn .offer-btn,
.cp-singlepage-detail .megebeya-profile-dtl .offer-schedule-btn .schedule-btn {
    padding: 10px 20px;
    background-color: #ffff;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
}

.cp-singlepage-detail .megebeya-profile-dtl .offer-schedule-btn .schedule-btn {
    color: #e52d27;
    border: 1px solid #e52d27;
    margin-left: 10px;
}

.cp-singlepage-detail .desc-ftd {
    padding: 30px 25px 15px 25px;
    background-color: #ffff;
    margin-top: 30px;
    border-radius: 5px;
}

.cp-singlepage-detail .desc-ftd .description h3 {
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
}

.cp-singlepage-detail .desc-ftd .description p {
    font-size: 15px;
    color: #737373;
    line-height: 30px;
    padding-bottom: 10px;
}

.cp-singlepage-detail .desc-ftd .desc-dtl ul {
    margin-bottom: 0;
}

.cp-singlepage-detail .desc-ftd .desc-dtl ul li {
    display: inline-block;
    width: 32%;
    margin-bottom: 10px;
}

.cp-singlepage-detail .desc-ftd .desc-dtl ul li:last-child {
    width: 50%;
}

.cp-singlepage-detail .desc-ftd .desc-dtl .dtl-item {
    display: flex;
    align-items: center;
}

.cp-singlepage-detail .desc-ftd .desc-dtl {
    margin-top: 5px;
}

.cp-singlepage-detail .desc-ftd .desc-dtl  .term-wraps{
    padding: 0 15px;
}

.cp-singlepage-detail .desc-ftd .desc-dtl .terms-details,
.content-box-grid .short-features .terms-details {
    line-height: 26px;
}

.cp-singlepage-detail .desc-ftd .desc-dtl .dtl-item h6 {
    font-weight: 600;
    color: #000;
    font-size: 15px;
}

.cp-singlepage-detail .desc-ftd .desc-dtl .dtl-item span {
    margin-left: 10px;
    color: #7e7e7e;
    font-size: 15px;
}

.cp-singlepage-detail .desc-ftd .ftd-links {
    margin-top: 10px;
    border: 1px solid #e7e7e7;
    border-left: none;
    border-right: none;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li {
    display: inline-block;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li a {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-left: 1px solid #e7e7e7;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li:first-child a {
    padding-left: 0;
    border-left: none;
    color: #3768bd;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li:nth-child(2) a {
    color: #05a7e8;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li:nth-child(3) a {
    color: #4899c8;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li:last-child a {
    color: #d54178;
}

.cp-singlepage-detail .desc-ftd .ftd-links ul li a .iconify {
    margin-right: 5px;
    font-size: 14px;
}

.cp-singlepage-detail .desc-ftd .car-features {
    margin-top: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7;
}

.cp-singlepage-detail .desc-ftd .car-features h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.cp-singlepage-detail .desc-ftd .car-features ul li {
    display: inline-block;
    width: 32%;
    margin-bottom: 15px;
}

.cp-singlepage-detail .desc-ftd .car-features ul li .ftd-item {
    display: flex;
    align-items: center;
}

.cp-singlepage-detail .desc-ftd .car-features .ftd-item span {
    font-size: 14px;
    margin-left: 10px;
    color: #7e7e7e;
}

.cp-singlepage-detail .desc-ftd .other-links {
    margin-top: 15px;
}

.cp-singlepage-detail .desc-ftd .other-links ul li {
    display: inline-block;
    margin-right: 10px;
}

.cp-singlepage-detail .desc-ftd .other-links ul li .iconify {
    color: #e52d27;
    font-size: 22px;
}

.cp-singlepage-detail .desc-ftd .other-links ul li a {
    font-size: 14px;
    color: #7e7e7e;
    transition: 0.5s ease-in-out;
}

.cp-singlepage-detail .desc-ftd .other-links ul li a:hover {
    color: #e52d27;
}

.cp-singlepage-detail .desc-ftd .template-icons {
    display: flex;
    align-items: center;
}

.cp-singlepage-detail .seller-message {
    padding: 20px;
    margin-top: 30px;
    background-color: #ffff;
    border-radius: 5px;
}

.cp-singlepage-detail .seller-message .form-group h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}

.cp-singlepage-detail .seller-message .form-group p {
    font-size: 14px;
    color: #000;
    margin-bottom: 3px;
}

.cp-singlepage-detail .seller-message .form-group .input-field {
    margin-bottom: 15px;
    position: relative;
}

.cp-singlepage-detail .form-group .input-field input {
    color: #737373;
    background-color: #fbfdff;
    border: 1px solid #e1e9f1;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 20px;
}

.cp-singlepage-detail .seller-message .form-group .input-field .txt-area {
    resize: unset;
    color: #737373;
    background-color: #fbfdff;
    border: 1px solid #e1e9f1;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 0 0 20px;
    width: 100%;
}

.cp-singlepage-detail .seller-message .form-group .select2-container {
    width: 100% !important;
}

.cp-singlepage-detail .seller-message .form-group .select2-container .select2-selection--single {
    height: 44px;
    border: none;
}

.cp-singlepage-detail .seller-message .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    color: #737373;
    padding: 0 0 0 60px;
    background-color: #fbfdff;
    border: 1px solid #e1e9f1;
    border-radius: 5px;
}

.cp-singlepage-detail .seller-message .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    left: 40px;
}

.cp-singlepage-detail .seller-message .form-group .input-field .flag {
    position: absolute;
    top: 33px;
    left: 15px;
    font-size: 24px;
}

.cp-singlepage-detail .seller-message .form-group .botm-btn a {
    display: block;
    background-color: #e52d27;
    color: #ffff;
    font-size: 14px;
    text-align: center;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 22px;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field p {
    display: flex;
    align-items: center;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field p .iconify {
    margin-left: 5px;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field .input-group-text {
    color: #737373;
    background-color: #fbfdff;
    border: 1px solid #e1e9f1;
    padding: 10px 15px;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field .slt-grp {
    display: flex;
    width: 100%;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field .slt-grp .left,
.cp-singlepage-detail .seller-message.motgag-calc .input-field .slt-grp .right {
    width: 50%;
    display: inline-block;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field .slt-grp .left .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.cp-singlepage-detail .seller-message.motgag-calc .input-field .slt-grp .right .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.cp-singlepage-detail .seller-message.motgag-calc .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 33px 0 15px;
}

.cp-singlepage-detail .seller-message.motgag-calc .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    left: unset;
    right: 5px;
}

.cp-singlepage-detail .seller-message.motgag-calc .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0px 1px 1px 0px;
    height: 8px;
    top: 40%;
    width: 8px;
    transform: rotate(45deg);
    border-color: #737373;
}

.cp-singlepage-detail .seller-message.motgag-calc .select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 1px 0px 0px 1px;
    top: 56%;
}

/* cp-singlepage-detail-end */
/* my new changes start */
/*.explore-cars-cities {*/
/*    position: relative;*/
/*}*/
/*.explore-cars-cities .used-cars .nav-tabs {*/
/*    position: absolute;*/
/*    top: 5px;*/
/*    right: 0;*/
/*    border-bottom: none;*/
/*}*/
/*.explore-cars-cities .used-cars .nav-tabs li.active a {*/
/*    background-color: #e52d27;*/
/*    color: #ffff;*/
/*    font-size: 12px;*/
/*    padding: 10px 12px;*/
/*    border: 1px solid #e52d27;*/
/*}*/
/*.explore-cars-cities .used-cars .nav-tabs li a {*/
/*    background-color: #fbfdff;*/
/*    color: #000;*/
/*    padding: 10px 12px;*/
/*    font-size: 12px;*/
/*    border: 1px solid #e0e8f1;*/
/*    border-radius: 5px;*/
/*    margin-right: 0;*/
/*    transition: 0.5s ease-in-out;*/
/*}*/
/*.explore-cars-cities .used-cars .nav-tabs li .left {*/
/*    border-radius: 5px;*/
/*    border-top-right-radius: 0;*/
/*    border-bottom-right-radius: 0;*/
/*}*/
/*.explore-cars-cities .used-cars .nav-tabs li .right {*/
/*    border-radius: 5px;*/
/*    border-top-left-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*}*/
/* my new changes at 29/9/2021 */
.explore-cars-cities {
    position: relative;
}

.nav-tabs.my-custom-tab {
    position: absolute;
    top: 5px;
    right: 0;
    border-bottom: none;
}

.nav-tabs.my-custom-tab li a {
    background-color: #fbfdff;
    color: #000;
    padding: 10px 12px;
    font-size: 12px;
    border: 1px solid #e0e8f1;
    border-radius: 5px;
    margin-right: 0;
    transition: 0.5s ease-in-out;
}

.nav-tabs.my-custom-tab li a:hover,
.nav-tabs.my-custom-tab li a:focus {
    background-color: #fbfdff;
    border: 1px solid #e0e8f1;
    color: #000;
}

.nav-tabs.my-custom-tab li.active a {
    background-color: #e52d27;
    color: #ffff;
    font-size: 12px;
    padding: 10px 12px;
    border: 1px solid #e52d27;
}

.nav-tabs.my-custom-tab li.active a:hover,
.nav-tabs.my-custom-tab li.active a:focus {
    background-color: #e52d27;
    border: 1px solid #e52d27;
    color: #ffff;
}

.nav-tabs.my-custom-tab li .left {
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-tabs.my-custom-tab li .right {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search-car-brands .nav-tabs.search-tab li {
    width: 25%;
}

.search-car-brands .nav-tabs.search-tab li a {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #202020;
    padding: 10px 5px;
    border: 1px solid #999999;
    border-bottom: none;
    border-right: none;
    border-radius: 0px;
    height: 70px;
    transition: 0.5s ease-in-out;
}

.search-car-brands .nav-tabs.search-tab li a:active,
.search-car-brands .nav-tabs.search-tab li a:focus {
    background-color: #000;
    border: 1px solid #999999;
    border-right: none;
    border-bottom: none;
}

.search-car-brands .nav-tabs.search-tab li a:hover {
    margin-top: -10px;
    height: 80px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background-color: #000000;
}

.search-car-brands .nav-tabs.search-tab li:first-child a {
    border-top-left-radius: 5px !important;
    border: 1px solid #999999;
    border-right: none;
    border-bottom: none;
}

.search-car-brands .nav-tabs.search-tab li:last-child a {
    border-top-right-radius: 5px !important;
    border: 1px solid #999999;
    border-bottom: none;
}

.search-car-brands .nav-tabs.search-tab li a:before {
    content: "";
    border-bottom: 3px solid #e52d27;
    width: 0%;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.5s ease-in-out;
}

.search-car-brands .nav-tabs.search-tab li a:after {
    content: "";
    border-bottom: 3px solid #e52d27;
    width: 0%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s ease-in-out;
}

.search-car-brands .nav-tabs.search-tab li a:hover::after,
.search-car-brands .nav-tabs.search-tab li a:hover::before {
    width: 100%;
}

.search-car-brands .nav-tabs.search-tab li a .iconify {
    width: 50px;
    height: 30px;
    color: #fff;
}

.search-car-brands .nav-tabs.search-tab li a span {
    font-size: 12px;
    color: #fff;
}

.search-car-brands .srh-car-types .nav-tabs.my-custom-tab {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: none;
}

.search-car-brands .srh-car-types .tab-content {
    margin-top: 54px;
}
.megebeya-top-bar .select2-container--default .select2-selection--single{
    color: #ffff;
    border: none;
    background-color: transparent;
    padding: 10px 60px 10px 60px;
    font-size: 12px;
}
.megebeya-top-bar .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #ffff;
    line-height: 40px;
}
.megebeya-top-bar .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 5px;
}
.megebeya-top-bar .right-cont .megebeya-menu ul .dropdown .dropdown-menu {
    display: none;
}
.megebeya-top-bar .right-cont .megebeya-menu ul .dropdown.open .dropdown-menu{
    display: block;
}
.megebeya-top-bar .right-cont .megebeya-menu ul .dropdown a i {
    margin-bottom: 5px;
}
.megebeya-top-bar .right-cont .dropdown .notify .point{
    left: -3px;
}
.megebeya-top-bar .right-cont .megebeya-menu ul .dropdown .img-circle{
    margin-right: 15px;
}
.megebeya-top-bar .right-cont .megebeya-menu ul .dropdown  .caret{
    position: absolute;
    top: 20px;
    right: 9px;
}
.sb-megebeya .sb-menu.menu-caret ul li.dropdown_menu > a > span{
    display: none;
}
.sb-megebeya .sb-menu.menu-caret .menu-links {
    float: left;
}
.sb-megebeya .sb-menu.menu-caret .menu-right-links {
    float: right;
}
.megebeya-top-bar .right-cont ul li.dropdown ul.dropdown-menu{
    height: auto;
    padding: 0;
    left: 10px;
    top: 55px;
}
.megebeya-top-bar .right-cont ul li.dropdown ul.dropdown-menu.mailbox{
    left: 0px;
    top: 51px;
}
.megebeya-top-bar .right-cont ul li.dropdown ul.dropdown-menu li {
    border-bottom: 1px solid #f3f3f3;
    padding: 0;
}
.megebeya-top-bar .right-cont ul li.dropdown ul.dropdown-menu li:last-child{
    border-bottom: none;
}
.megebeya-top-bar .right-cont ul li.dropdown ul.dropdown-menu li a{
    color: #232323;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 20px;
}
.megebeya-top-bar .left-cont .select2-container .select2-container--open .select2-dropdown {
    top: 8px !important;
}
.cat-description{
    padding: 0px 15px 15px 15px;
    text-align: justify;
    line-height: 30px;
    color: #232323;
    font-size: 16px;
    font-weight: 500;
}

/*Model */

.modal {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
	bottom: -40%;
}
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

div#fr_message {
    background: #90ee903d;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    color: black;
    font-weight: bold;
	display: none;
}


/* --- Merged from custom.css --- */
iframe{width:100%}.aligncenter{clear:both;display:block;margin:6px auto;text-align:center}.alignleft{float:left;margin-bottom:6px!important;margin-left:0;margin-right:24px;margin-top:6px}.alignright{float:right;margin-bottom:6px!important;margin-left:24px;margin-right:0;margin-top:6px}.wp-caption-text,.wp-caption-dd{color:#444;font-size:16px;font-style:italic;font-weight:normal;line-height:17px;margin:6px 0 26px;text-align:left}.blog-detial .blog-post .post-excerpt .tags-share .tags ul{margin-top:0;padding-left:0;margin-bottom:15px}.blog-detial .blog-post .post-excerpt .col-md-12.add-pages{padding-left:0}.post-desc ul{list-style:circle;margin-bottom:0;margin-top:20px;padding-left:25px;font-size:16px}.post-desc ol{font-size:16px}.single-blog.blog-detial .blog-post .post-excerpt.post-desc ul li ul{margin-top:0}.single-blog.blog-detial .blog-post .post-excerpt.post-desc .comment-info p{margin-bottom:5px}.single-blog.blog-detial .blog-post .post-excerpt.post-desc .comment-info blockquote p{margin-bottom:0}.single-blog.blog-detial .blog-post .post-excerpt.post-desc .comment-info .author-desc ul{margin-top:0}.single-blog.blog-detial .blog-post .post-excerpt h1,.single-blog.blog-detial .blog-post .post-excerpt h2,.single-blog.blog-detial .blog-post .post-excerpt h3,.single-blog.blog-detial .blog-post .post-excerpt h4,.single-blog.blog-detial .blog-post .post-excerpt h5,.single-blog.blog-detial .blog-post .post-excerpt h6{color:#232323}.static-page .blog-detial .blog-post table tr th{color:#232323}.static-page .blog-detial .blog-post table tr td a{color:#232323;font-weight:600}.static-page .single-blog.blog-detial.blog-detial .blog-section .comment-respond .comment-form p.logged-in-as{margin-left:0}.static-page .single-blog.blog-detial.blog-detial .blog-section .blog-heading h2{margin-top:0}.static-page .single-blog.blog-detial.blog-detial .blog-section .comment-respond .comment-form div.col-sm-12{padding-left:0;padding-right:0}.static-page .single-blog.blog-detial .blog-post{margin-bottom:0}.single-blog.blog-detial .blog-post .post-excerpt table tr th,.single-blog.blog-detial .blog-post .post-excerpt dl dt{color:#232323}.main-menu .mega-menu .drop-down,.main-menu .mega-menu .drop-down-tab-bar{top:58px}.main-menu .mega-menu .drop-down-multilevel{top:58px}.main-menu .mega-menu ul.drop-down-multilevel li ul.drop-down-multilevel{top:0}.single-blog.blog-detial .blog-post .post-excerpt dl{margin-top:10px}.single-blog.blog-detial .blog-post .post-excerpt dl dt,.single-blog.blog-detial .blog-post .post-excerpt dl dd{margin-bottom:10px}.single-blog.blog-detial .blog-post .post-excerpt p strong,.single-blog.blog-detial .blog-post .post-excerpt p em strong,.single-blog.blog-detial .blog-post .post-excerpt ul li em strong{color:#232323}.about-us-content p{margin-bottom:15px}.single-blog.blog-detial .blog-post .post-excerpt .blog-section ol.comment-list .comment li{border-right:medium none}.blog-sidebar .widget.widget-content .textwidget p strong{color:#232323}.blog-sidebar .widget.widget-content a.rsswidget{display:inline-block}.blog-sidebar .widget{padding:20px 25px}.blog-sidebar .widget .widget-heading h4.panel-title{margin-bottom:10px}.blog-sidebar .widget .widget-heading h4 a{padding:0}.blog-sidebar .widget select{margin-top:15px}.blog-sidebar .widget.widget-content ul li.cat-item ul.children{padding:0;margin-left:10px!important}.gallery{margin-left:-0.5em;margin-right:-0.5em}.gallery:after{display:table;content:"";clear:both}.gallery-item{margin:0;float:left;padding:.5em}.gallery-item img{width:100%}.gallery-columns-1 .gallery-item{width:100%;float:none}.gallery-columns-2 .gallery-item{width:50%}.gallery-columns-3 .gallery-item{width:33.3333%}.gallery-columns-4 .gallery-item{width:25%}.gallery-columns-5 .gallery-item{width:20%}.gallery-columns-6 .gallery-item{width:16.6667%}.gallery-columns-7 .gallery-item{width:14.2857%}.gallery-columns-8 .gallery-item{width:12.5%}.gallery-columns-9 .gallery-item{width:11.1111%}.gallery-columns-2 .gallery-item:nth-child(2n+1),.gallery-columns-3 .gallery-item:nth-child(3n+1),.gallery-columns-4 .gallery-item:nth-child(4n+1),.gallery-columns-5 .gallery-item:nth-child(5n+1),.gallery-columns-6 .gallery-item:nth-child(6n+1),.gallery-columns-7 .gallery-item:nth-child(7n+1),.gallery-columns-8 .gallery-item:nth-child(8n+1),.gallery-columns-9 .gallery-item:nth-child(9n+1){clear:left}.post-desc img,.post-desc figure{max-width:100%!important}.post-desc table,.post-desc td,.post-desc th{border:1px solid #ddd;text-align:left}.post-desc table{border-collapse:collapse;width:100%}.post-desc th,.post-desc td{padding:15px}.children{padding-left:0!important;margin-left:25px!important}.media .children li{margin-bottom:0!important}.comment_form{margin-top:0!important}.commentform .form-submit{padding-left:15px}.comment-reply-title{margin-top:0!important}.comment-reply-title a{color:#f58936}#cancel-comment-reply-link{font-size:13px!important;color:#000}.sb_margin_top{margin-top:40px}.sb_margin_bottom{margin-bottom:40px}#wp-calendar{width:100%;font-size:16px}#wp-calendar thead th{background:#f5f5f5;border:1px solid #ddd;border-top:0;font-size:14px}#wp-calendar tbody td{text-align:center;border:1px solid #ddd;line-height:2.5em;transition:background .15s ease;-webkit-transition:background .15s ease;-o-transition:background .15s ease;-moz-transition:background .15s ease}#wp-calendar tbody td:hover{background:#f1f1f1;color:#333}#wp-calendar tbody td a{display:block;text-decoration:none;background:#f1f1f1;color:#333}#wp-calendar tbody td:hover a{background:#4d4d4d;color:#fff}#wp-calendar tfoot td{padding-top:1px;padding:4px}#wp-calendar caption{cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;margin:0;padding:12px;outline:0 none!important;border:1px solid #ddd;color:#232323}#wp-calendar tbody a{display:block;text-decoration:underline}#wp-calendar th{text-align:center;border:1px solid transparent;border-top:0;padding:7px 0;color:#a7a7a7}#footer #wp-calendar thead th{background:#222}#footer #wp-calendar tbody td{border-color:#222}.screen-reader-text{display:none}.widget select{position:relative;display:inline-block;width:100%;margin-bottom:15px}.widget .sub-menu,ul.children li{padding-left:13px;border-bottom:0!important}.widget ul.children{margin-top:0;padding-left:0}.widget select{display:inline-block;width:100%;padding:10px 15px;outline:0}.textwidget img{width:300px;height:auto}#sb_message_response{display:none}.blog-sidebar .widget .sub-menu ul.children{margin-left:5px!important}.blog-sidebar .widget.widget-content ul.children{padding-top:2px;margin-top:0;padding-left:0;padding-bottom:2px}.sb_ads_top{padding-bottom:8px}.sb_ads_bottom{padding-bottom:28px}.sticky,.tag-sticky-2{background:0}.sticky,.tag-sticky-2{background-color:#ededed;border:1px solid #f5f5f5;color:#272727}.sticky:before,.tag-sticky-2:before{content:"\f08d";color:#999;padding:10px;font-family:FontAwesome;display:inline-block;right:24px;font-size:30px;position:absolute;text-transform:uppercase;top:20px}.blog-post .sticky,.blog-post .tag-sticky-2{background:#fff;border:2px solid #232323}.btn:focus,a:focus{outline:none!important;text-decoration:none!important}.logged-in-as a{color:#000!important}.section-padding-page{padding:40px 0}.bg-gray{background-color:#f0f0f0!important}.bg-white{background-color:#fff!important}.link-more{font-size:13px}.shop-grid .woocommerce-placeholder{height:344px!important}.custom_holder_single{width:293px!important;height:223px!important}.custom_holder_grid{height:269px!important;width:358px!important}.custom_holder_list{height:196px!important;width:261px!important}.no-custom-padding{padding:0!important}.orderby{height:40px;width:250px}.tab-content .product-tabs-content{padding:25px}.woocommerce-Reviews-title{display:none}.fun-facts-icons{font-size:45px;margin-bottom:10px}.why-icon{font-size:50px!important;line-height:70px!important;margin-left:20px!important}.woocommerce-product-search{background-color:transparent!important}#white_bar{display:none}html{margin-top:0!important}.clr_white{color:#fff}.white-social{color:#fff!important}.input-group-addon button{border:0;background-color:#eee}.tags ul li{margin-left:5px}.tagcloud a{font-size:14px!important}.parsley-custom-error-message{color:#c31619!important;font-size:13px!important; font-family: "Poppins",sans-serif; }.features .features-text h3 a{color:#000!important;font-size:16px;margin:0;padding:0 0 10px;text-align:left;text-transform:capitalize}.loading{background-color:transparent;background-image:url("../images/sb-loader.gif");background-position:center center;background-repeat:no-repeat;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:999999;display:none}.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.3)}.cats-ld{display:none}#ad_posting{display:none}.select-package hr{margin-top:0!important}.cke_combo_button,.cke_button__outdent_icon,.cke_button__indent_icon,.cke_button__numberedlist_icon,.cke_button__about,#cke_18,#cke_15,#cke_16,#cke_13,.cke_toolbar_separator{display:none!important}.ad-price small{font-size:10px;color:#000;margin-right:5px}.status_active{background:#4caf50;color:#fff}.status_expired{background:#d9534f;color:#fff}.status_sold{background:#3498db;color:#fff}.ad_status{padding:5px 12px; margin-bottom:5px;}.category-grid-box-1 .message-box .message span{color:#fff;font-size:20px;font-weight:600;padding:5px 20px;text-transform:capitalize;background-color:#f58936!important}.category-grid-box-1 .message-box{bottom:3px;position:absolute;right:0}.category-grid-box-1 .message-box:hover{cursor:pointer}.message-text{width:100%!important}.message-history-active{background-color:#f8f8f8}.return-to-shop{display:none}.sb_anchor{color:#fff!important;font-weight:bolder}.popover-title{color:#000!important}.popover-content .btn-group a.btn-primary{color:#FFF!important}.popover-title{font-size:14px!important}.ad-listing .ad-content .additional-info li a:hover{background-color:#f58936!important}.padding-left{padding-left:10px!important}.jqte_editor ul{margin-left:39px!important}.ad-listing-meta ul{list-style:none!important}.search-block .text-box{position:relative;background:#f3f3f3}.icon-search{position:absolute;top:10px;left:14px;font-size:34px;color:#ccc}.search-modal .modal-body{position:relative;padding-top:0}.search-modal .modal-header{background:#202020 none repeat scroll 0 0}.search-modal .modal-header h3{color:#fff}.search-modal .form-control{background-color:transparent!important;border:none!important;padding-left:40px}.search-modal .search-block .popular-search{padding-top:15px}.search-modal .search-block .popular-search label{font-size:16px}.search-modal .search-block .popular-search ul li a{color:#232323}.search-modal .form-control:focus{box-shadow:none}.search-modal .close{color:#fff!important}.search-modal .close:hover,.search-modal .close:focus{color:#fff!important}.descs-box .desc-points{margin-bottom:0!important}.descs-box .desc-points p b{color:#232323!important}.descs-box .tags-share{border-bottom:0 solid #d7d7d7!important;padding:0!important}.padding_cats+.padding_cats{padding-left:5px}.contactEmail a{color:#000!important}span.profile_tabs{cursor:pointer!important}.blog-sidebar .widget .widget-content{background-color:#fff;border-top-color:#eee;overflow:hidden;padding:20px 25px}.widget-content ol{padding-left:15px}.f_custom{display:block}.wpcf7-form .form-control{display:inline-block}span .wpcf7-not-valid{border:1px solid #f00}span.wpcf7-not-valid-tip{display:none}div.wpcf7-validation-errors{background:#ffe2e2;border:1px solid #f00;color:#c10000}div.wpcf7-response-output{margin:2em 0;padding:15px;border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:absolute;top:0;width:100%}div.wpcf7-validation-errors{display:none!important}.wpcf7-spam-blocked{background:#e2e2e2;border:1px solid #bcbcbc!important;color:#383838}.wpcf7-mail-sent-ng{background:#fcf8e3;border:1px solid #ac9163!important;color:#8a6d3b}.wpcf7-mail-sent-ok{background:#dff0d8;border:1px solid #3c763d!important;color:#3c763d}.blog-sidebar .widget.widget-content .tagcloud a:hover{color:#fff}.single-blog.blog-detial .blog-post .post-excerpt blockquote p cite{color:#232323;font-weight:600}.static-page .blog-post{border:medium none}.mid-container.list-group .item.list-group-items .category-grid-box-1 .short-description-1{position:inherit}.mid-container.list-group .item.list-group-items .category-grid-box-1 .image .price-tag{top:auto;bottom:0}.colored-header .mega-menu ul.drop-down-multilevel{top:70px}.colored-header .mega-menu ul.drop-down-multilevel li ul.drop-down-multilevel{top:0}.widget .search-form input.search-submit{display:none!important}.post-desc h1{font-size:48px;margin:25px 0 0}.post-desc h2{font-size:30px;margin:25px 0}.post-desc h3{font-size:22px;margin:22px 0}.post-desc h4{font-size:20px;margin:25px 0}.post-desc h5{font-size:18px;margin:30px 0}.post-desc h6{font-size:16px;margin:36px 0}.post-desc img,.post-desc img[height],.post-desc img[class*="align"],.post-desc img[class*="wp-image-"],.post-desc img[class*="attachment-"]{height:auto}.comment-list .comment .comment-content p{font-size:18px;margin:0 0 24px}.blog-sidebar .widget .select2-container--default .select2-selection--single .select2-selection__clear{display:none}.sb-top-bar_notification{background-color:#fcf8e3;text-align:center;padding:.6em;color:black;font-size:smaller;font-weight:800;display:none}.sb-top-bar_notification a{text-decoration:none;color:#8a6d3b}.user-img{width:50px!important}.header-top .header-right ul.listnone li.dropdown ul.dropdown-menu{left:auto;right:0!important}.blog-sidebar .widget .input-group-addon{color:#fff;border:medium none;border-radius:0}.blog-post .post-excerpt form.post-password-form input[type="submit"]{color:#fff;padding:2px 15px}.static-page .single-blog.blog-detial.blog-detial .blog-section .blog-heading hr{margin:0;}img.size-full, img.size-large, img.header-image, img.wp-post-image {
    height: auto;
    max-width: 100%;
}
.single-blog.blog-detial .blog-post .blog-section .comment-list .comment .comment-info .author-desc ul.list-inline {
	margin:10px 0;
	padding-left:0;
}
.single-blog.blog-detial .blog-post .blog-section .comment-list .comment .comment-info .author-desc ul.list-inline li {
	padding-left:0;
}
.static-page .post-excerpt {
	margin-bottom:0;
}

.static-page .single-blog.blog-detial .post-excerpt.post-desc  ol{
	margin-bottom:0;
}
.parsley-required {
    color: #c31619 !important;
    font-size: 13px !important;
}

.post-ad-form .row .col-md-6 {
	min-height:97px;
}
.calendar-div i.fa-calendar
{
		position:absolute;
		right:30px;
		top:50px;
}

.photo-rearrange i{
	margin-right:5px;
}
.photo-rearrange a{
	color: #777;
}
.sortable-images #sortable {
   margin-bottom: 20px;
	margin-top: 15px;
}
.sortable-images #sortable li {
    display: inline-block;
    text-align: center;
    cursor: move;
    border: 4px solid #e7e7e7;
	padding: 0;
	width: 110px;
}
.posts-masonry {
	position:relative;
	overflow:hidden;
}

/**
*   Wpml Menu
*/
.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown, .hoverTrigger.cs-wpml .js-wpml-ls-legacy-dropdown-click {
	width: auto;
	min-width: 125px;
	max-width: 100%;

}
.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown a {
	/*color: #fff;*/
	border: none;
	background-color:transparent;
	padding:17px;
	font-size:14px;
	text-transform:uppercase;
}

.header-transparent .hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown a{
	color: #FFF;
}
.navigation-2 .hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown a{
	color: #FFF;
}

.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top: none;
	background-color:#FFF;
	min-width: 210px;
	top: 67px;
}

.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-flag + span {
	margin: 0 .6em;
}
hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	content:'/f107';
	font-family:FontAwesome;
	border:none;
}
.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown a:hover, .hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown a:focus, .hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
	color:#E52D27;
	border: none;
	background-color: transparent;
}

.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top: 2px solid #E52D27;
}
.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
	color:#242424;
}
.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
	color:#e52d27;
}
.hoverTrigger.cs-wpml .wpml-ls-legacy-dropdown .wpml-ls-flag {
	margin-top: 3px;
}

.hoverTrigger.cs-wpml .js-wpml-ls-legacy-dropdown-click a {
	/*color: #fff; */
	border: none;
	background-color:transparent;
	padding:17px;
	font-size:14px;
}

.hoverTrigger.cs-wpml .js-wpml-ls-legacy-dropdown-click a:hover {
	background-color:transparent;
}

.hoverTrigger.cs-wpml .js-wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	border-top: none;
	background-color:#FFF;
	min-width: 210px;
	color: #fff;
	top: 67px;
}

.hoverTrigger.cs-wpml .js-wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
	color : black;
}
.hoverTrigger.cs-wpml .js-wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover {
	background-color:#e52d27;
}
.section-padding .col-md-12 .postdetails {
  width: 95%;
}



/* get badge button */

 /* Style for the button */
 .get-badge-button {
	background-color: #3498db;
	color: white;
	border: 2px solid #3498db;
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
	text-transform: uppercase;
}

/* Hover effect */
.get-badge-button:hover {
	background-color: #297db9;
}


/* badge image css */
.badge_image{
	height:"100px";
	width:"100px";
	display: "block"; 
	margin-left: "auto"
}


.main-content-area {
    padding-top: 40px;
    padding-bottom: 60px;
}

/* User Dashboard Panel Heading - 2 Column Row Layout */
.panel-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 20px 25px !important;
}

.panel-heading .panel-title {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.form-published-search, .form-inline {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

.form-published-search .form-group, .form-inline .form-group {
    margin: 0 !important;
}

.form-published-search .form-control, .form-inline .form-control {
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 8px 14px !important;
    height: auto !important;
    background-color: #ffffff !important;
}

.form-published-search .btn-theme, .form-inline .btn-theme {
    background-color: #901323 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    border: none !important;
}

/* Mega Menu Dropdown Multilevel Links */
.mega-menu .drop-down-multilevel a {
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    display: inline-block;
    float: left;
    width: 100%;
    color: #232323;
    font-weight: 400;
    transition: color 200ms ease;
    min-height: 48px;
    text-transform: capitalize;
}

/* Mega Menu Top Navigation Bar Links */
.mega-menu > section.menu-list-items ul.menu-links > li > a {
    color: #fff !important;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}

/* Remove the empty band above the custom registration form. */
body:has(#sb-sign-form) .main-content-area > .section-padding {
    padding-top: 0;
}

/* Unified login and registration experience. */
.auth-page { padding-top: 0; padding-bottom: 0; background: #fff; }
.auth-page .auth-shell { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 720px; margin: 0; padding: 0; background: #fff; }
.auth-page .auth-showcase { display: none; }
.auth-showcase { position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: clamp(36px, 6vw, 84px); color: #fff; background: linear-gradient(135deg, #7f111a 0%, #a7191d 52%, #d05032 140%); }
.auth-showcase:before, .auth-showcase:after { position: absolute; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; content: ''; pointer-events: none; }
.auth-showcase:before { top: -220px; right: -120px; }
.auth-showcase:after { bottom: -270px; left: -150px; width: 520px; height: 520px; background: rgba(255,255,255,.05); }
.auth-brand, .auth-brand:hover { position: relative; z-index: 1; width: max-content; color: #fff; font-size: 27px; font-weight: 700; letter-spacing: -.8px; text-decoration: none; }
.auth-showcase-copy { position: relative; z-index: 1; max-width: 470px; margin: auto 0; }
.auth-eyebrow, .auth-kicker { display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .09em; line-height: 1; text-transform: uppercase; }
.auth-eyebrow { color: #fff; background: rgba(255,255,255,.16); }
.auth-showcase h1 { max-width: 460px; margin: 20px 0 16px; color: #fff; font-size: clamp(34px, 4vw, 56px); font-weight: 700; letter-spacing: -1.8px; line-height: 1.08; }
.auth-showcase p { max-width: 440px; margin: 0; color: rgba(255,255,255,.84); font-size: 16px; line-height: 1.75; }
.auth-showcase-note { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.86); font-size: 14px; font-weight: 500; }
.auth-showcase-note span { display: inline-grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #a7191d; background: #fff; font-size: 13px; font-weight: 700; }
.auth-panel { display: grid; place-items: center; padding: 56px 32px; background: #fff; }
.auth-panel-inner { width: min(100%, 560px); padding: 42px 48px; border: 1px solid #e2e7ef; border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(25,32,45,.09); }
.auth-kicker { margin-bottom: 16px; color: #99151c; background: #fbecee; }
.auth-panel h2 { margin: 0; color: #19202d; font-size: 32px; font-weight: 700; letter-spacing: -.7px; line-height: 1.2; }
.auth-intro { margin: 9px 0 27px; color: #697386; font-size: 15px; line-height: 1.55; }
.auth-form-card { padding: 0; }
.auth-page .form-group { margin-bottom: 18px; }
.auth-page .form-group label { display: block; margin-bottom: 7px; color: #384152; font-size: 13px; font-weight: 600; }
.auth-page .form-control, .auth-page .select2-container--default .select2-selection--single { width: 100% !important; height: 50px !important; padding: 0 15px !important; border: 1px solid #dbe1ea !important; border-radius: 9px !important; color: #19202d; background: #fff !important; box-shadow: none !important; font-size: 14px; transition: border-color .2s, box-shadow .2s; }
.auth-page .form-control:focus, .auth-page .select2-container--default.select2-container--focus .select2-selection--single { border-color: #a7191d !important; box-shadow: 0 0 0 3px rgba(167,25,29,.11) !important; }
.auth-page .select2-container { width: 100% !important; }
.auth-page .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 !important; color: #697386; line-height: 48px; }
.auth-page .select2-container--default .select2-selection--single .select2-selection__arrow { top: 12px; right: 10px; }
.auth-page .row { margin-right: -8px; margin-left: -8px; }
.auth-page [class*="col-"] { padding-right: 8px; padding-left: 8px; }
.auth-page .skin-minimal .list { margin: 0; }
.auth-page .skin-minimal label, .auth-page .term-class a, .auth-page .help-block a { color: #697386; font-size: 13px; font-weight: 400; }
.auth-page .term-class a, .auth-page .help-block a, .auth-page .auth-form-switch a, .auth-switch a { color: #9c171c; font-weight: 600; text-decoration: none; }
.auth-page .btn-theme { height: 50px; margin-top: 7px; border: 0; border-radius: 9px; background: #a7191d !important; box-shadow: 0 10px 20px rgba(167,25,29,.18); color: #fff; font-size: 14px; font-weight: 700; transition: background .2s, transform .2s, box-shadow .2s; }
.auth-page .btn-theme:hover, .auth-page .btn-theme:focus { background: #861116 !important; box-shadow: 0 12px 25px rgba(167,25,29,.26); transform: translateY(-1px); }
.auth-page .auth-form-switch { display: none; }
.auth-switch { margin: 25px 0 0; color: #697386; font-size: 14px; text-align: center; }
.auth-page .social-btns-grid { display: flex; gap: 10px; margin: 0 0 18px; }
.auth-page .social-btns-grid > [class*="col-"] { flex: 1; width: auto; }
.auth-page .social-btns-grid .btn-social { min-height: 48px; border: 1px solid #dbe1ea; border-radius: 9px; box-shadow: none; font-size: 13px; }
/* Override legacy page-ID rules while those pages retain their existing WordPress IDs. */
.page-id-121975 .auth-page .row, .page-id-3106 .auth-page .row { display: block; flex-direction: initial; }
.page-id-121975 .auth-page .social-btns-grid, .page-id-3106 .auth-page .social-btns-grid { display: flex; }
.page-id-121975 .auth-page .form-control:not([type="checkbox"]), .page-id-3106 .auth-page .form-control:not([type="checkbox"]) { width: 100%; height: 50px; padding: 0 15px !important; border: 1px solid #dbe1ea; background: #fff; }
.page-id-121975 .auth-page .select2-container--default .select2-selection--single, .page-id-3106 .auth-page .select2-container--default .select2-selection--single { width: 100% !important; }
.page-id-121975 .auth-page .select2-container--default .select2-selection--single .select2-selection__arrow, .page-id-3106 .auth-page .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; transform: none; }
.page-id-121975 .auth-page button#sb_register_submit, .page-id-3106 .auth-page button#sb_login_submit { width: 100% !important; padding: 0; margin-top: 7px; border-radius: 9px; background: #a7191d; }
.page-id-121975 .auth-page p.text-center, .page-id-3106 .auth-page p.text-center { text-align: center !important; }
@media (max-width: 991px) { .auth-page .auth-shell { grid-template-columns: 1fr; min-height: 0; } .auth-showcase { min-height: 320px; padding: 38px 30px; } .auth-showcase-copy { margin: 54px 0 20px; } .auth-showcase h1 { max-width: 600px; font-size: 40px; } .auth-panel { padding: 48px 24px; } }
@media (max-width: 575px) { .auth-showcase { min-height: 285px; padding: 28px 22px; } .auth-brand { font-size: 24px; } .auth-showcase-copy { margin-top: 38px; } .auth-showcase h1 { margin: 14px 0 10px; font-size: 31px; letter-spacing: -1px; } .auth-showcase p { font-size: 14px; line-height: 1.55; } .auth-showcase-note { display: none; } .auth-panel { padding: 37px 18px; } .auth-panel-inner { padding: 30px 22px; border-radius: 12px; } .auth-panel h2 { font-size: 28px; } .auth-page .social-btns-grid { flex-direction: column; } .auth-page .row { margin-right: -5px; margin-left: -5px; } .auth-page [class*="col-"] { padding-right: 5px; padding-left: 5px; } }

/* Clean desktop header treatment. */
@media (min-width: 993px) {
    .colored-header .mega-menu > section.menu-list-items,
    .mega-menu.desktopTopFixed .menu-list-items {
        min-height: 80px;
        background: #a7191d !important;
        box-shadow: none;
    }

    .colored-header .mega-menu > section.menu-list-items > .container {
        max-width: 1200px;
        width: 100%;
    }

    .colored-header .mega-menu .menu-list-items .row > .col-md-12 {
        display: flex;
        align-items: center;
        min-height: 80px;
    }

    .colored-header .mega-menu .log-my-btn,
    .colored-header .mega-menu .cst-menu {
        display: none;
    }

    .colored-header .mega-menu ul.menu-logo.col-md-2 {
        display: flex;
        flex: 0 0 220px;
        align-items: center;
        width: 220px;
        margin: 0;
        padding: 0;
    }

    .colored-header .mega-menu ul.menu-logo #sb_site_logo {
        display: block;
        max-width: 170px;
        max-height: 54px;
        width: auto;
        height: auto;
    }

    .colored-header .mega-menu .head_main_menu {
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
        width: auto;
        padding: 0;
    }

    .colored-header .mega-menu .head_main_menu .menu-links {
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li > a {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 9px 14px !important;
        border-radius: 24px;
        color: #fff !important;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        transition: background-color .2s ease, color .2s ease;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li:hover > a,
    .colored-header .mega-menu .head_main_menu .menu-links > li.current-menu-item > a,
    .colored-header .mega-menu .head_main_menu .menu-links > li.current-menu-ancestor > a {
        background: #fff;
        color: #8f171b !important;
    }

    .colored-header .mega-menu .menu-list-items .row > .col-md-3:not(.log-my-btn) {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        width: auto;
        padding-right: 0;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar {
        gap: 6px;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:not(:nth-child(3)) {
        width: 40px;
        height: 40px;
        border: 1px solid transparent;
        border-radius: 50%;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:nth-child(3) {
        padding: 9px 12px;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:hover {
        background: rgba(255, 255, 255, .14);
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:hover svg {
        fill: #fff !important;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:nth-child(3):hover a,
    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:nth-child(3):hover a p {
        color: #fff !important;
    }

    .colored-header .mega-menu .drop-down-multilevel {
        top: 80px !important;
        min-width: 230px;
        padding: 10px 0;
        border: 1px solid #ececec;
        border-radius: 0 0 10px 10px;
        background: #fff;
        box-shadow: 0 16px 32px rgba(27, 24, 24, .14);
    }

    .colored-header .mega-menu .drop-down-multilevel a {
        padding: 10px 20px;
        color: #1f1f1f;
        font-size: 14px;
    }

    .colored-header .mega-menu .drop-down-multilevel a:hover {
        background: #fff3f3;
        color: #a7191d;
    }
}

/* Mobile app-style navigation. */
@media (max-width: 992px) {
    .colored-header,
    .colored-header .mega-menu {
        background: #a7191d;
    }

    .colored-header .mega-menu {
        position: sticky !important;
        top: 0;
        z-index: 9999;
        width: 100%;
        padding: 0 !important;
    }

    .colored-header .mega-menu > section.menu-list-items {
        min-height: 68px;
        height: 68px;
        overflow: visible;
        background: linear-gradient(110deg, #321057 0%, #a7191d 100%) !important;
    }

    .colored-header .mega-menu .menu-list-items > .container {
        width: 100%;
        padding: 0 14px;
    }

    .colored-header .mega-menu .menu-list-items .row > .col-md-12 {
        display: grid;
        grid-template-columns: 44px 1fr auto;
        align-items: center;
        min-height: 68px;
        padding: 0;
    }

    .colored-header .mega-menu .log-my-btn {
        display: none !important;
    }

    .colored-header .mega-menu .cst-menu {
        display: flex !important;
        grid-column: 1;
        grid-row: 1;
        align-items: center;
        justify-content: flex-start;
        width: 44px;
        cursor: pointer;
    }

    .colored-header .mega-menu .cst-menu svg {
        width: 26px;
        height: 26px;
    }

    .colored-header .mega-menu ul.menu-logo.col-md-2 {
        display: flex;
        grid-column: 2;
        grid-row: 1;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .colored-header .mega-menu ul.menu-logo #sb_site_logo {
        display: block;
        width: auto;
        max-width: 126px;
        max-height: 42px;
    }

    .colored-header .mega-menu .menu-list-items .row > .col-md-3:not(.log-my-btn) {
        display: flex;
        grid-column: 3;
        grid-row: 1;
        align-items: center;
        width: auto;
        padding: 0;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar {
        display: flex !important;
        align-items: center;
        gap: 2px;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 38px !important;
        height: 38px !important;
        margin: 0;
        padding: 0 !important;
        border: 0;
        border-radius: 50%;
        background: transparent;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:nth-child(3) {
        display: none !important;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li svg {
        width: 22px;
        height: 22px;
    }

    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:hover,
    .colored-header .mega-menu .menu-search-bar.right_searchbar > li:focus-within {
        background: rgba(255, 255, 255, .15);
    }

    .colored-header .mega-menu .head_main_menu {
        position: fixed !important;
        top: 0;
        left: -100%;
        z-index: 10000;
        width: min(86vw, 340px) !important;
        min-height: 100dvh !important;
        height: 100dvh !important;
        padding: 78px 20px 24px;
        background: #fff;
        box-shadow: 16px 0 40px rgba(0, 0, 0, .25);
        transition: left .28s ease;
    }

    .colored-header .mega-menu .head_main_menu.open {
        left: 0;
    }

    .colored-header .mega-menu .head_main_menu .menu-links {
        display: flex !important;
        flex-direction: column;
        gap: 4px;
        padding: 0 !important;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li > a {
        display: flex;
        align-items: center;
        min-height: 50px;
        padding: 13px 14px;
        border-radius: 12px;
        color: #202124 !important;
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li > a:hover,
    .colored-header .mega-menu .head_main_menu .menu-links > li.current-menu-item > a {
        background: #fff1f1;
        color: #a7191d !important;
    }

    .colored-header .mega-menu .head_main_menu .drop-down-multilevel {
        position: static;
        display: none;
        width: 100%;
        margin: 4px 0 8px;
        padding: 5px;
        border: 0;
        border-radius: 10px;
        background: #f7f7f8;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li:hover > .drop-down-multilevel {
        display: block;
    }

    .colored-header .mega-menu .head_main_menu .drop-down-multilevel a {
        padding: 10px 12px;
        color: #4b4b4b;
        font-size: 14px;
    }

    .colored-header .mega-menu .loggedin-menu {
        top: 56px;
        right: 8px;
        left: auto !important;
        min-width: 210px;
        padding: 10px;
        border: 0;
        border-radius: 14px;
        box-shadow: 0 16px 32px rgba(0, 0, 0, .18);
    }

    .colored-header .mega-menu .loggedin-menu.logout li {
        display: block !important;
        margin: 0;
        padding: 0;
        background: transparent !important;
        box-shadow: none;
    }

    .colored-header .mega-menu .loggedin-menu.logout li a {
        display: block;
        padding: 12px 14px;
        border-radius: 9px;
        color: #202124 !important;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 600;
    }
}

/* Compact navigation and an overlay search field. */
@media (min-width: 993px) {
    .colored-header {
        background: #000;
    }

    .colored-header .mega-menu > section.menu-list-items,
    .mega-menu.desktopTopFixed .menu-list-items {
        width: min(1280px, 100%);
        max-width: 1280px;
        margin-right: auto;
        margin-left: auto;
        height: 76px;
        min-height: 76px;
    }

    .colored-header .mega-menu .menu-list-items .row > .col-md-12 {
        min-height: 76px;
    }

    .colored-header .mega-menu ul.menu-logo.col-md-2 {
        flex-basis: 200px;
        width: 200px;
    }

    .colored-header .mega-menu ul.menu-logo #sb_site_logo {
        max-width: 160px;
        max-height: 48px;
    }

    .colored-header .mega-menu .head_main_menu {
        position: relative;
    }

    .colored-header .mega-menu .head_main_menu .menu-links > li > a {
        min-height: 36px;
        padding: 7px 12px !important;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .1px;
        white-space: nowrap;
    }

    /* Keep the menu in its place; the search field sits on top of it. */
    .colored-header .mega-menu .head_main_menu.search_open ul.menu-links {
        display: flex !important;
    }

    .colored-header .mega-menu .head_main_menu.search_open .search_bar.hidden {
        position: absolute;
        z-index: 3000;
        top: 50%;
        left: 50%;
        display: flex !important;
        align-items: center;
        width: min(480px, calc(100vw - 490px));
        min-height: 50px;
        margin: 0;
        padding: 7px 16px !important;
        transform: translate(-50%, -50%);
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 14px !important;
        background: #f8fafc;
        box-shadow: 0 12px 28px rgba(49, 8, 10, .28);
    }

    .colored-header .mega-menu .head_main_menu.search_open .search_bar.hidden input {
        height: 34px;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
    }

    .colored-header .mega-menu .head_main_menu.search_open .remove_search_bar {
        display: flex;
        align-items: center;
        color: #1f2937;
    }

    .colored-header .mega-menu .head_main_menu.search_open .remove_search_bar svg {
        width: 20px;
        height: 20px;
    }

    .colored-header .mega-menu .drop-down-multilevel {
        top: 76px !important;
        border-radius: 14px;
        overflow: hidden;
    }
}






/* ================================================================
   ULTRA-MODERN ARCHIVE & CUSTOM FILTER FORM DESIGN
   ================================================================ */

.mgb-archive-header-wrapper {
    background: #ffffff;
    padding: 24px 0 16px 0;
    border-bottom: 1px solid #eef2f5;
    margin-bottom: 25px;
}

.mgb-archive-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.mgb-archive-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: #181c32;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mgb-archive-count-badge {
    background: #740209;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}

.mgb-archive-breadcrumbs {
    font-size: 13px;
    color: #7e8299;
}

.mgb-archive-breadcrumbs a {
    color: #7e8299;
    text-decoration: none;
    transition: color 0.2s;
}
.mgb-archive-breadcrumbs a:hover {
    color: #740209;
}

/* Custom Filter Form Card */
.mgb-custom-filter-form {
    background: #ffffff;
    padding: 22px 24px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03);
    border: 1px solid #eef2f5;
    border-top: 3px solid #740209;
    margin-bottom: 25px;
}

.mgb-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    align-items: center;
}

.mgb-select-wrapper {
    position: relative;
    width: 100%;
}

.mgb-select-wrapper select {
    width: 100%;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 36px 0 14px !important;
    font-size: 13.5px;
    font-weight: 500;
    color: #1e293b;
    background-color: #f8fafc;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.mgb-select-wrapper select::-ms-expand {
    display: none !important;
}

.mgb-select-wrapper select:hover {
    border-color: #cbd5e1;
    background-color: #ffffff;
}

.mgb-select-wrapper select:focus {
    border-color: #740209;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.12);
    outline: none;
}

.mgb-select-wrapper select:hover {
    border-color: #cbd5e1;
    background-color: #ffffff;
}

.mgb-select-wrapper select:focus {
    border-color: #740209;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.12);
    outline: none;
}

.mgb-select-chevron {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #64748b;
    transition: color 0.2s;
}

.mgb-select-wrapper select:focus + .mgb-select-chevron {
    color: #740209;
}

.mgb-filter-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 44px;
}

.mgb-filter-btn {
    flex: 2;
    height: 44px;
    padding: 0 20px;
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(116, 2, 9, 0.25);
    text-decoration: none;
}

.mgb-filter-btn:hover {
    background: linear-gradient(135deg, #96030b 0%, #740209 100%);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(116, 2, 9, 0.35);
    transform: translateY(-1px);
}

.mgb-filter-btn:active {
    transform: translateY(0);
}

.mgb-reset-btn {
    flex: 1;
    height: 44px;
    padding: 0 14px;
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    gap: 4px;
}

.mgb-reset-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
    border-color: #cbd5e1;
}

/* Active Filter Chips Bar */
.mgb-active-chips-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed #e2e8f0;
}

.mgb-active-chips-title {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 4px;
}

.mgb-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #334155;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
}

.mgb-chip-remove {
    color: #94a3b8;
    text-decoration: none;
    font-weight: bold;
    margin-left: 2px;
    transition: color 0.15s;
}

.mgb-chip-remove:hover {
    color: #ef4444;
}

@media (max-width: 991px) {
    .mgb-filter-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .mgb-filter-grid {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   COMPACT MOBILE FILTER FORM DESIGN
   ================================================================ */

.mgb-mobile-filter-toggle {
    display: none;
    width: 100%;
    height: 40px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 10px;
}

.mgb-mobile-filter-toggle svg {
    transition: transform 0.25s ease;
}

.mgb-mobile-filter-toggle.active svg {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .mgb-mobile-filter-toggle {
        display: flex !important;
    }

    .mgb-custom-filter-form {
        padding: 12px 14px !important;
        margin-bottom: 16px !important;
        border-radius: 10px !important;
    }

    .mgb-filter-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        transition: all 0.3s ease-in-out;
    }

    /* Collapsible on mobile if toggled */
    .mgb-filter-grid.mgb-mobile-collapsed {
        display: none !important;
    }

    .mgb-select-wrapper select {
        height: 38px !important;
        font-size: 12px !important;
        padding: 0 24px 0 10px !important;
        background-position: right 8px center !important;
        background-size: 14px 14px !important;
        border-radius: 6px !important;
    }

    .mgb-filter-actions {
        height: 38px !important;
        gap: 6px !important;
    }

    .mgb-filter-btn {
        height: 38px !important;
        font-size: 12.5px !important;
        padding: 0 10px !important;
        border-radius: 6px !important;
        gap: 5px !important;
    }

    .mgb-filter-btn svg {
        width: 13px !important;
        height: 13px !important;
    }

    .mgb-reset-btn {
        height: 38px !important;
        font-size: 12px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
    }

    .mgb-reset-btn svg {
        width: 12px !important;
        height: 12px !important;
    }

    .mgb-active-chips-bar {
        margin-top: 10px !important;
        padding-top: 10px !important;
        gap: 6px !important;
    }

    .mgb-chip {
        padding: 3px 8px !important;
        font-size: 11px !important;
    }
}

/* ================================================================
   DESKTOP & MOBILE COLLAPSIBLE FILTER FORM DESIGN
   ================================================================ */

.mgb-filter-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid #eef2f5;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

.mgb-filter-header-bar.is-collapsed {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.mgb-filter-header-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
}

.mgb-filter-header-title svg {
    color: #740209;
}

.mgb-active-count {
    background: #740209;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
}

.mgb-filter-toggle-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.mgb-filter-header-bar:hover .mgb-filter-toggle-btn {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1;
}

.mgb-toggle-icon {
    transition: transform 0.25s ease;
}

.mgb-filter-header-bar.is-collapsed .mgb-toggle-icon {
    transform: rotate(180deg);
}

.mgb-filter-grid.mgb-collapsed-grid {
    display: none !important;
}

/* ================================================================
   USER DASHBOARD REDESIGN SYSTEM
   ================================================================ */

/* Panel & Card Containers */
.panel-headline {
    border: 1px solid #eef2f5 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
}

.panel-headline .panel-heading {
    padding: 20px 24px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.panel-headline .panel-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
}

.panel-headline .panel-body {
    padding: 24px !important;
}

/* User Profile Cards */
.profile-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.contact-box-bg {
    height: 110px;
    background-size: cover;
    background-position: center;
    background-color: #1e1e2d;
    position: relative;
}

.contact-img {
    margin-top: -45px;
    text-align: center;
}

.contact-img img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    object-fit: cover;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.contact-caption {
    padding: 16px;
    text-align: center;
}

.contact-caption h4 {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 8px 0 4px 0;
}

/* User Package Stats List */
dl.dl-horizontal {
    margin-top: 15px;
    padding: 14px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

dl.dl-horizontal dt {
    font-size: 12.5px;
    color: #64748b;
    font-weight: 600;
}

dl.dl-horizontal dd {
    font-size: 13px;
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 8px;
}

/* Table Styling for Published Ads */
.dashboard-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

.dashboard-table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 16px !important;
    border: none !important;
}

.dashboard-table tbody tr {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
    border-radius: 8px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.dashboard-table tbody tr:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.06) !important;
}

.dashboard-table tbody td {
    padding: 14px 16px !important;
    vertical-align: middle !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.dashboard-table tbody td:first-child {
    border-left: 1px solid #f1f5f9 !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.dashboard-table tbody td:last-child {
    border-right: 1px solid #f1f5f9 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* Status Badges */
.is-ad-featured {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 12px !important;
    display: inline-block !important;
    margin-left: 6px !important;
}

.badge-featured-req {
    background: #3b82f6 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 12px !important;
    display: inline-block !important;
}

/* Feature Request Button */
.btn-make-featured {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(116, 2, 9, 0.2) !important;
}

.btn-make-featured:hover {
    background: linear-gradient(135deg, #96030b 0%, #740209 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 14px rgba(116, 2, 9, 0.3) !important;
}


/* ================================================================
   WORLD-CLASS USER DASHBOARD DESIGN SYSTEM (PREMIUM 2026 UI)
   ================================================================ */

.panel-headline {
    border: 1px solid #eef2f5 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}

.panel-headline .panel-heading {
    padding: 22px 28px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.panel-headline .panel-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.4px !important;
    margin: 0 !important;
}

.panel-headline .panel-body {
    padding: 28px !important;
}

/* Stat Cards Widget Grid */
.mgb-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 25px;
}

.mgb-stat-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.2s ease;
}
.mgb-stat-card:hover {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
    transform: translateY(-2px);
}

.mgb-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(116, 2, 9, 0.08);
    color: #740209;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.mgb-stat-info h5 {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin: 0 0 2px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mgb-stat-info span {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

/* Table Styling for Published Ads */
.dashboard-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}

.dashboard-table thead th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    padding: 14px 20px !important;
    border: none !important;
}

.dashboard-table tbody tr {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
    border-radius: 12px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.dashboard-table tbody tr:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.07) !important;
    transform: translateY(-1px) !important;
}

.dashboard-table tbody td {
    padding: 16px 20px !important;
    vertical-align: middle !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.dashboard-table tbody td:first-child {
    border-left: 1px solid #f1f5f9 !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

.dashboard-table tbody td:last-child {
    border-right: 1px solid #f1f5f9 !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

/* Listing Thumbnail */
.ad-image-box img {
    width: 80px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    transition: transform 0.2s ease !important;
}
.ad-image-box img:hover {
    transform: scale(1.05) !important;
}

/* Feature Status Badges & Buttons */
.is-ad-featured {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    box-shadow: 0 3px 8px rgba(217, 119, 6, 0.25) !important;
}

.badge-featured-req {
    background: #3b82f6 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.btn-make-featured {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 7px 16px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(116, 2, 9, 0.25) !important;
}

.btn-make-featured:hover {
    background: linear-gradient(135deg, #96030b 0%, #740209 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(116, 2, 9, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Action Icons */
.ad-actions .nav > li > a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin-right: 4px !important;
    transition: all 0.2s ease !important;
}

.ad-actions .nav > li > a:hover {
    background: #740209 !important;
    color: #ffffff !important;
}

.ad-actions .delete_ad:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}

/* Modern Form Controls in Profile */
.mgb-form-group {
    margin-bottom: 20px;
}

.mgb-form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
    display: block;
}

.mgb-form-group .form-control {
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 13.5px;
    color: #0f172a;
    background-color: #f8fafc;
    transition: all 0.2s ease;
}

.mgb-form-group .form-control:focus {
    border-color: #740209;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.12);
    outline: none;
}


/* Profile Page Detail List */
.profile-details {
    list-style: none;
    padding: 0;
    margin: 0;
}

.profile-details li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}

.profile-details li:last-child {
    border-bottom: none;
}

.profile-details li i {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f8fafc;
    color: #740209;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.profile-meta h6 {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 2px 0;
}

.profile-meta span {
    font-size: 13.5px;
    font-weight: 600;
    color: #0f172a;
}

.btn-profile {
    background: #740209 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    border: none !important;
    margin-top: 10px !important;
    cursor: pointer !important;
}


/* Modern Messages & Chat Styling */
#megebeya_res {
    background: #ffffff;
    border-radius: 12px;
    padding: 10px;
}

.chat-messages, .message-history {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.messages-list-area .user-list, .message-body {
    border-bottom: 1px solid #f1f5f9;
    padding: 14px 12px;
    border-radius: 8px;
    transition: background 0.2s;
}

.messages-list-area .user-list:hover {
    background: #f8fafc;
}

.messages-list-area .user-list.active {
    background: rgba(116, 2, 9, 0.05);
    border-left: 3px solid #740209;
}

.chat-single-box {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.chat-single-box.me .chat-text {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    border-radius: 14px 14px 2px 14px;
    align-self: flex-end;
    padding: 12px 16px;
    box-shadow: 0 4px 12px rgba(116, 2, 9, 0.2);
}

.chat-single-box.other .chat-text {
    background: #f1f5f9;
    color: #0f172a;
    border-radius: 14px 14px 14px 2px;
    align-self: flex-start;
    padding: 12px 16px;
}


/* Ground-Up Dashboard Sidebar Styles */
.mgb-dashboard-sidebar {
    background: #ffffff;
    border: 1px solid #eef2f5;
    border-radius: 16px;
    padding: 24px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    margin-bottom: 25px;
}

.mgb-sidebar-user-card {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.mgb-sidebar-avatar-box {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
}

.mgb-sidebar-avatar {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}

.mgb-verified-dot {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #22c55e;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
}

.mgb-sidebar-username {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px 0;
    letter-spacing: -0.3px;
}

.mgb-sidebar-role-badge {
    background: #f1f5f9;
    color: #475569;
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 12px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mgb-sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mgb-sidebar-nav li {
    margin-bottom: 6px;
}

.mgb-sidebar-nav li.mgb-nav-divider {
    height: 1px;
    background: #f1f5f9;
    margin: 14px 0;
}

.mgb-sidebar-nav li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mgb-sidebar-nav li a svg {
    transition: color 0.2s ease;
}

.mgb-sidebar-nav li a:hover {
    background: #f8fafc;
    color: #0f172a;
}

.mgb-sidebar-nav li a.active {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(116, 2, 9, 0.25);
}

.mgb-sidebar-nav li a.active svg {
    color: #ffffff;
}

.mgb-nav-badge {
    margin-left: auto;
    background: #e2e8f0;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
}

.mgb-sidebar-nav li a.active .mgb-nav-badge {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}


/* ================================================================
   ULTRA-MODERN MESSAGES & INBOX DESIGN SYSTEM
   ================================================================ */

#megebeya_res {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.message-body {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 16px !important;
}

/* Inbox Left Column */
.message-inbox {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    margin-bottom: 20px !important;
}

/* Header Tabs */
.message-header {
    background: #f8fafc !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.message-header h4 {
    display: none !important;
}

.message-header span {
    display: inline-block !important;
}

.message-header .messages_actions {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.message-header .messages_actions:hover {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

.message-header .messages_actions.active {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%) !important;
    color: #ffffff !important;
    border-color: #740209 !important;
    box-shadow: 0 3px 10px rgba(116, 2, 9, 0.2) !important;
}

/* Message History / Contact & Ad List */
.message-history {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 480px !important;
    overflow-y: auto !important;
}

.message-history li {
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
}

.message-history li:last-child {
    border-bottom: none !important;
}

.message-history li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

.message-history li a:hover {
    background: #f8fafc !important;
}

.message-history li.active a, .message-history li a.active {
    background: rgba(116, 2, 9, 0.05) !important;
    border-left: 3px solid #740209 !important;
}

.message-history .image {
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: 1px solid #e2e8f0 !important;
}

.message-history .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.message-history .user-name {
    flex-grow: 1 !important;
}

.message-history .author span {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    display: block !important;
}

.message-history .time {
    font-size: 11.5px !important;
    color: #64748b !important;
    margin-top: 2px !important;
}

/* Message Content Pane (Right) */
.message-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    padding: 24px !important;
    min-height: 420px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Empty State & Prompt Messages */
.message-details .text-center, .message-content .text-center {
    padding: 50px 20px !important;
    background: #f8fafc !important;
    border: 1.5px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 40px auto !important;
    max-width: 450px !important;
}

/* Active Message Thread Chat Bubbles */
ul.messages {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    max-height: 380px !important;
    overflow-y: auto !important;
}

ul.messages li {
    margin-bottom: 16px !important;
    display: flex !important;
    flex-direction: column !important;
}

ul.messages li.me, ul.messages li.reply {
    align-items: flex-end !important;
}

ul.messages li.other, ul.messages li.sender {
    align-items: flex-start !important;
}

ul.messages li .message-text, ul.messages li p {
    max-width: 75% !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

ul.messages li.me .message-text, ul.messages li.reply p {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%) !important;
    color: #ffffff !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: 0 4px 12px rgba(116, 2, 9, 0.2) !important;
}

ul.messages li.other .message-text, ul.messages li.sender p {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-bottom-left-radius: 2px !important;
}

/* Chat Form Input */
.chat-form form {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.chat-form input[type="text"], .chat-form textarea {
    flex-grow: 1 !important;
    height: 46px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    background: #f8fafc !important;
    transition: all 0.2s ease !important;
}

.chat-form input[type="text"]:focus, .chat-form textarea:focus {
    border-color: #740209 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.12) !important;
    outline: none !important;
}

.chat-form button, .chat-form input[type="submit"] {
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(116, 2, 9, 0.25) !important;
    transition: all 0.2s ease !important;
}

.chat-form button:hover, .chat-form input[type="submit"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(116, 2, 9, 0.35) !important;
}


/* ================================================================
   GROUND-UP HOMEPAGE HERO SECTION DESIGN SYSTEM
   ================================================================ */

.mgb-hero-section {
    position: relative;
    background-image: url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center center;
    padding: 70px 0 60px 0;
    color: #ffffff;
    overflow: hidden;
}

.mgb-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.88) 0%, rgba(116, 2, 9, 0.82) 100%);
    z-index: 1;
}

.mgb-hero-content {
    max-width: 800px;
    margin: 0 auto 30px auto;
}

.mgb-hero-title {
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.8px;
    line-height: 1.25;
    margin: 0 0 12px 0;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.mgb-hero-subtitle {
    font-size: 16px;
    color: #e2e8f0;
    margin: 0 0 20px 0;
    line-height: 1.6;
    font-weight: 400;
}

.mgb-hero-trust-badges {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.mgb-trust-item {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Search Card Container */
.mgb-hero-search-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    padding: 24px;
    max-width: 1080px;
    margin: 0 auto;
}

/* Hero Tabs */
.mgb-hero-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 12px;
}

.mgb-tab-btn {
    background: transparent;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mgb-tab-btn:hover {
    color: #0f172a;
    background: #f1f5f9;
}

.mgb-tab-btn.active {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(116, 2, 9, 0.25);
}

/* Form Grid */
.mgb-hero-form-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: end;
}

@media (max-width: 992px) {
    .mgb-hero-form-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .mgb-hero-form-grid {
        grid-template-columns: 1fr;
    }
    .mgb-hero-title {
        font-size: 28px;
    }
}

.mgb-hero-field label {
    font-size: 12.5px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mgb-hero-field select {
    width: 100% !important;
    height: 48px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background-color: #f8fafc !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: all 0.2s ease !important;
}

.mgb-hero-field select:focus {
    border-color: #740209 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.12) !important;
    outline: none !important;
}

.mgb-hero-search-btn {
    width: 100%;
    height: 48px;
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(116, 2, 9, 0.3);
    transition: all 0.2s ease;
}

.mgb-hero-search-btn:hover {
    background: linear-gradient(135deg, #96030b 0%, #740209 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(116, 2, 9, 0.4);
}

/* Category Chips Bar */
.mgb-hero-chips-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}

.mgb-chips-label {
    font-size: 13px;
    font-weight: 600;
    color: #cbd5e1;
    flex-shrink: 0;
}

.mgb-chips-scroll {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mgb-hero-chip {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mgb-hero-chip:hover {
    background: #ffffff;
    color: #740209;
    border-color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.mgb-hero-chip.highlight-chip {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    border: none;
    color: #ffffff;
    box-shadow: 0 3px 10px rgba(217, 119, 6, 0.3);
}


/* ================================================================
   CLEAN & SIMPLE HOMEPAGE HERO SECTION (SVG ONLY)
   ================================================================ */

.mgb-hero-section {
    position: relative;
    background-image: url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center center;
    padding: 60px 0 50px 0;
    color: #ffffff;
    overflow: hidden;
}

.mgb-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.90) 0%, rgba(116, 2, 9, 0.84) 100%);
    z-index: 1;
}

.mgb-hero-content {
    max-width: 760px;
    margin: 0 auto 26px auto;
}

.mgb-hero-title {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.6px;
    line-height: 1.25;
    margin: 0 0 10px 0;
}

.mgb-hero-subtitle {
    font-size: 15px;
    color: #cbd5e1;
    margin: 0 0 18px 0;
    line-height: 1.5;
    font-weight: 400;
}

.mgb-hero-trust-badges {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.mgb-trust-item {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Search Card Container */
.mgb-hero-search-card {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
    padding: 20px;
    max-width: 1040px;
    margin: 0 auto;
}

/* Hero Tabs */
.mgb-hero-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 10px;
}

.mgb-tab-btn {
    background: transparent;
    border: none;
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
    padding: 7px 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mgb-tab-btn:hover {
    color: #0f172a;
    background: #f8fafc;
}

.mgb-tab-btn.active {
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    box-shadow: 0 3px 10px rgba(116, 2, 9, 0.2);
}

/* Form Grid */
.mgb-hero-form-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    align-items: end;
}

@media (max-width: 992px) {
    .mgb-hero-form-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .mgb-hero-form-grid {
        grid-template-columns: 1fr;
    }
    .mgb-hero-title {
        font-size: 26px;
    }
}

.mgb-hero-field label {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mgb-hero-field select {
    width: 100% !important;
    height: 44px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background-color: #f8fafc !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 15px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: all 0.2s ease !important;
}

.mgb-hero-field select:focus {
    border-color: #740209 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.12) !important;
    outline: none !important;
}

.mgb-hero-search-btn {
    width: 100%;
    height: 44px;
    background: linear-gradient(135deg, #800208 0%, #5f0106 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(116, 2, 9, 0.25);
    transition: all 0.2s ease;
}

.mgb-hero-search-btn:hover {
    background: linear-gradient(135deg, #96030b 0%, #740209 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(116, 2, 9, 0.35);
}

/* Category Chips Bar */
.mgb-hero-chips-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}

.mgb-chips-label {
    font-size: 12.5px;
    font-weight: 600;
    color: #cbd5e1;
    flex-shrink: 0;
}

.mgb-chips-scroll {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mgb-hero-chip {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.mgb-hero-chip:hover {
    background: #ffffff;
    color: #740209;
    border-color: #ffffff;
    transform: translateY(-1px);
}

.mgb-hero-chip.highlight-chip {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    border: none;
    color: #ffffff;
}


/* ================================================================
   ULTRA-SIMPLE & MINIMALIST HOMEPAGE HERO DESIGN SYSTEM
   ================================================================ */

.mgb-hero-simple {
    background: #f8fafc;
    padding: 55px 0 50px 0;
    border-bottom: 1px solid #e2e8f0;
}

.mgb-hero-simple-header {
    max-width: 600px;
    margin: 0 auto 28px auto;
}

.mgb-hero-simple-title {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0 0 8px 0;
    line-height: 1.25;
}

.mgb-hero-simple-subtitle {
    font-size: 15px;
    color: #64748b;
    margin: 0;
    font-weight: 400;
}

/* Single-Line Floating Search Bar */
.mgb-hero-simple-card {
    max-width: 720px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
    border: 1px solid #e2e8f0;
}

.mgb-hero-simple-form {
    display: flex;
    gap: 8px;
    align-items: center;
}

@media (max-width: 600px) {
    .mgb-hero-simple-form {
        flex-direction: column;
    }
}

.mgb-simple-field {
    flex: 1;
    width: 100%;
}

.mgb-simple-field select {
    width: 100% !important;
    height: 46px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 15px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: all 0.2s ease !important;
}

.mgb-simple-field select:focus {
    border-color: #740209 !important;
    box-shadow: 0 0 0 3px rgba(116, 2, 9, 0.08) !important;
    outline: none !important;
}

.mgb-simple-search-btn {
    height: 46px;
    padding: 0 24px;
    background: #740209;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.mgb-simple-search-btn:hover {
    background: #5f0106;
}

/* ==========================================================================
   Grid Alignment & Flexbox Fix (Prevents Float Lock & Single Card Drops)
   ========================================================================== */
.posts-masonry,
.ads-for-home,
.grid-style-1,
.grid-style-2,
.grid-style-3,
.category-grid-box-1-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
}

.posts-masonry > [class*="col-"],
.ads-for-home > [class*="col-"],
.category-grid-box-1-wrap {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
}

.category-grid-box-1,
.category-grid-box {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}