main {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    & section { grid-column: 1 / -1; }
}
aside{grid-column: 1 / -1;}

/* DEPRECATED CSS: .viewAllBtn { */
/* DEPRECATED CSS:     --bs-btn-font-weight: 600; */
/* DEPRECATED CSS:     --bs-btn-color: var(--color-primary); */
/* DEPRECATED CSS:     --bs-btn-font-size: 1.1em; */
/* DEPRECATED CSS:     --bs-btn-font-family: 'Poppins', sans-serif; */
/* DEPRECATED CSS:     --bs-btn-border-color: var(--color-primary); */
/* DEPRECATED CSS:     --bs-btn-active-color: var(--color-primary-active); */
/* DEPRECATED CSS:     --bs-btn-active-border-color: var(--color-primary-active); */
/* DEPRECATED CSS:     --bs-btn-active-bg: var(--color-primary-contrast); */
/* DEPRECATED CSS:     --bs-btn-hover-color: var(--color-primary-contrast); */
/* DEPRECATED CSS:     --bs-btn-hover-border-color: var(--color-primary); */
/* DEPRECATED CSS:     --bs-btn-hover-bg: var(--color-primary); */
/* DEPRECATED CSS:     width: 110px; */
/* DEPRECATED CSS: } */
.box{ background-color: #fff; margin-bottom: 10px; padding: 10px 15px; }
.form-check-input:focus{border-color: var(--color-primary); box-shadow: 0 0 0 .25rem rgb(96 85 205 / 20%);}

@media screen and (min-width: 565px) {
    main { grid-template-columns: 1fr 264px; grid-template-rows: auto; gap: 20px;}
    .sideBox{max-width: 250px;}
}
@media screen and (min-width: 992px) {
    main section { grid-column: 1 / 2; }
    .ipos_status_column{ grid-column: 1 / 2;}
    aside, .ipos_status_column + div{grid-column: 2 / -1;}
    aside{grid-row: 1 / 5;}
    .form-check {margin-right: 3em;}
}

.ad-container {
    text-align: center; /* Center the ad container */
    width: 100%; /* Ensure the container takes full width */
}

.desktop-ad, .mobile-ad {
    display: none; /* Hide both ads by default */
}

.ad-padding {
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 1024px) {
    .desktop-ad {
        display: inline-block; /* Show desktop ad on larger screens */
        /* Ensure smaller desktop ads are centered within the container */
        text-align: center;
    }

    .desktop-ad img {
        display: block; /* Ensure image is treated as a block element */
        margin: 0 auto; /* Center the image horizontally */
    }
}

@media (max-width: 1023px) {
    .mobile-ad {
        display: inline-block; /* Show mobile ad on smaller screens */
        /* Ensure smaller mobile ads are centered within the container */
        text-align: center;
    }
}
@media screen and (max-width: 575.5px) {
    .explore_filter_col .card {
         padding: 0;
         margin: 0;
         border: none;
         box-shadow: none;
         background: transparent;
         gap: 0 !important;
       
     }
     .exlpore_sec .box{
        padding: 0 !important;
         margin: 0 !important;
         border: none !important;
         box-shadow: none !important;
         display: block !important;
         gap: 0 !important;
         background: transparent !important;
         margin-bottom: 0.5rem !important;
     }
     .seg-filter{
         width: 100% !important;
         background: white !important;
     }
     .seg-btn{
         width: 100% !important;
     }
     .explore_filter_col .card h2,h1{
        display: none;
    }
 
 }