.blgcomment-list>li:nth-child(n+2) {
    margin-block-start: 15px !important;
}
.custom-card {
    border: 1px solid #ced4da;
}
.customizer-action svg{
    width: 23px !important;
    color: #ffffff !important;
}
.active-mode{
    border: solid 2px #000000 !important;
}
.property-img{
    max-width: 507px;
    max-height: 286px;
}
.text-justify{
    text-align: justify;
}
.custom .media{
    padding: 10px !important;
}
.user-avatar{
    width: 30px;
    height: 30px;
}
@media only screen and (max-width: 410px) {
    .header_li {
        display: none !important;
    }
}
.blgcomment-list li .media img{
    width: auto;
    height: 40px !important;
}

#card-element {
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    padding: 13px !important;
}
.codex-sidebar .logo-gridwrap{
    padding: 0px 16px !important;
}

.setting-logo{
    width:300px !important;;
}

.landing-logo{
    width: 180px !important;
}
.lan-footer .codex-brand{
    margin-block-end: 0px !important;
}
.email-sidebar ul.custom-sidebarmenu-list {
    margin-block-start: 0px;
}
.invoice-logo{
    width: 250px;
}

.codex-calendar .events-list li{
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
}
.codex-calendar .events-list{
    overflow: auto;
    height: 863px;
}
.landing_logo{
    filter: drop-shadow(2px 3px 7px #011C4B);
}
.head-invoice img{
    width: 250px;
}
.cdx-invoice .body-invoice .table tr td{
    padding: 10px 10px !important;
}

.codex-brand img{
    width: 300px;
}
.codex-authbox .auth-header .codex-brand {
    margin-block-end: 50px;
}

.auth-main .authbox-img .img-fluid {
    transform: translateX(-0%); /* Shift image 5% of its width to the left */
}

.intro {
    background-repeat: no-repeat;
    background-size: cover;
    /* Ensure height is correct for the content */
    min-height: 80vh;
    display: flex;
    align-items: center;
    padding-block: 100px; 
}

/* LANDING DASH CONTAINER: CLEAN BOOTSTRAP GRID FLOW */
.landing_dash {
    position: relative;
    overflow: hidden !important;
    border-radius: 10px !important; 
    
    /* Ensure it behaves like a block and has dimension */
    height: max-height;
    width: max-width;
    
    /* Center/Right align the image horizontally inside the column */
    display: flex; 
    justify-content: flex-end; /* This justifies the image to the right end */
    align-items: center;
    
    /* Added background for visible border-radius */
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* LANDING DASH IMAGE: CLEAN FLOW */
.landing_dash img {
    object-fit: contain;
    border-radius: 10px !important;
    
    /* Image sizing and display */
    width: 100% !important;
    max-width: 100%; 
    height: 100% !important;
    display: block; 

    /* BORDER-RADIUS FIX TRICK: Scale up slightly to force clipping */
    transform: scale(1.02);
    transition: transform 0.4s ease-in-out;
}

/* Hover Effect */
.landing_dash:hover img {
    transform: scale(1.07);
}

/* --- Responsive Fix for Hamburger/Desktop Breakpoint --- */
@media only screen and (max-width: 1000px) {
    /* 1. Hides the Image Column/Dashboard */
    .landing_dash {
        display: none !important;
    }

    /* 2. Forces the Text Content Column to take full width (100%) */
    /* Target the container of the text content directly */
    .intro .row > div:first-child { 
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

.lan-footer {
    text-align: center;
    background-color: unset;
}
.lan-footer .support-contain p {
    color: #051722;
    font-size: calc(16px + 4*(100vw - 420px) / 1500);
}
.select2-container .select2-selection--single {
    height: 43px !important;
    border-color: #e5e5e5;
}
.select2-container .select2-selection--multiple{
    min-height: 43px !important;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #e5e5e5;
}
.form-check-input
{
    height: 17px;
}