[mn="8223"] {   
    margin-top: auto; 
}
[mn="8223"] .sitemap :is(ul) {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
} 
[mn="8223"] a {
    color: inherit !important;
    text-decoration: none;
    
}
[mn="8223"] a:hover{
    text-decoration: underline;
}
[mn="8223"] .info- {
    padding: 9px 15px;
}
[mn="8223"] .mediabx:not(.mediabx-coloricon) {
    --a-pd: 9px;
    --iconclr: #fff;
    --iconhovclr: #fff;
    --bgclr: var(--clr02x, transparent);
    --bghovclr: var(--clr01,#fff);
    --square: 35px;
    --mediaborderradius: 3px;
    --mediaborder: 0;
    --mediahovborder: 0;
    margin: 15px 0
}
[mn="8223"] .mediabx > *  {
    justify-content: center;
    gap: 6px;
 } 
[mn="8223"] .ttl {
    font-size: 130%;
    line-height: 1;
    margin: 0 0 12px;
    font-family: var(--ft-t2);
    color: var(--clr03)
}
[mn="8223"] .sitemap ._content ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;

    @media(width>767px){
        gap: 15px 45px;
    }
} 
@media (max-width: 991px) {
    [mn="8223"] .empty {
        display: none;
    }
}
@media (max-width: 767px) {
    [mn="8223"] .sitemap ._content ul { 
        justify-content: center; 
    }
    [mn="8223"] .newsletterbx {
        width: 250px;
    margin: 0 auto;
    }
    [mn="8223"] .newsletterbx,
    [mn="8223"] {
        text-align: center
    }  
    [mn="8223"] .bottomwrap > *{ 
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 767px) {
    [mn="8223"] .imagelink {
        text-align: right
    } 
}
@media (max-width: 575px) {
    [mn="8223"] .sitemap ._content ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ========================== */
/* ========================== */
[mn="8223"] .barbx{
    --div: 200px;
    border: 1px solid rgba(255,255,255,.3);

    .bar-l{
        flex: 0 0 var(--div);
        max-width: var(--div);
        background-color: #fff;
        line-height: 0;

        .bimgw{ 
            padding: 15px 15px;

            .bimg{
                padding-top: 18%;
                
                @media(width<767px){
                    padding-top: 10%; 
                }
            }
        }
    }
    .bar-r{
        flex: 0 0 calc(100% - var(--div));
        max-width: calc(100% - var(--div));
        padding: 15px;
    }
    ._content{
        margin: 0;
    }

    @media(width<767px){
        .bar-l,
        .bar-r{
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
}  
/* ========================== */
/* ========================== */

[mn="8223"] .iconlistbx {

    --flex: 50%;
    gap: 15px;

    @media(width<767px){
        --flex: 100%;
    }

    .iconbx {
        flex: initial;
        max-width: 100%; 

        @media(width<767px){ 
             flex: 0 0 100%;
             max-width: 100%; 
         }

         .title{
            font-family: var(--ft-t1); 
         }

        .icon-l{
            flex: initial;
            max-width: 60px;
            width: 60px;

            @media(width>767px){
                padding-right: 12px;
            }
        }
        .icon-r {
            flex: initial;
            max-width: initial;
        }

        @media(width<767px){
           .icon- {
            flex: 0 0 100%;
            max-width: 100%;

            ._imgobj{
                margin: 0;
            }
           }
        }
    }
}
[mn="8223"] .formfieldbx{
    width: min(350px, 100%);
    margin: 15px 0;

    @media(width<767px){
        margin: 15px auto;
    }
    ::placeholder{
        color: #fff;
    }
    & input{
        background-color: transparent;
        border: 1px solid #ccc; 
    }
}
[mn="8223"] .bottomwrap {
margin: 21px 0 0;
}