.UIFooterControl .grid {
        display: grid;
        gap: 20px;
}
.UIFooterControl .items-center {
        align-items: center;
}
.UIFooterControl .logo {
        width: 50px;
}
.UIFooterControl ul {
        padding-left: 20px;
}
.UIFooterControl ul li {
        font-size: 18px;
}
.UIFooterControl .border-t.border-blue-800.pt-8.text-center.text-blue-300.text-sm {
        border-top: 1px solid #fff;
        padding-top: 15px;
}
.UIFooterControl .logo img {
        width: 100%  !important;
        height: unset !important;
}
.UIFooterControl .flex {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.UIFooterControl .text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
    font-size: 15px;
}
.UIFooterControl .flex h3 {
        font-size: 18px;
}
.UIFooterControl .container.mx-auto.px-4 {
        max-width: var(--main-width);
        padding: 30px 0 !important;
        padding-bottom: 0 !important;
}
.UIFooterControl .grid-cols-1 {
        grid-template-columns: 2fr 1fr 1fr 1fr;
}
.UIFooterControl  .mb-12 {
        margin-bottom: 3rem;
}
.UIFooterControl .flex.space-x-4 {
        display: none;
}
.UIFooterControl .text-blue-200 p {
        margin-bottom: 4px;
}
@media only screen and (max-width: 1320px){
        .UIFooterControl .grid-cols-1 {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        }
}
@media only screen and (max-width: 768px){
        .UIFooterControl .container.mx-auto.px-4 {
                padding: 10px !important;
        }
        .UIFooterControl {
                text-align: center;
        }
        .UIFooterControl ul {
                list-style-type: none;
                padding: 0;
        }
        .UIFooterControl p, .UIFooterControl ul li {
                margin-bottom: 7px;
        }
        .UIFooterControl .grid-cols-1 {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 10px;
        }
}
@media only screen and (max-width: 450px){
        .UIFooterControl .flex {
                flex-direction: column;
        }
        .UIFooterControl .logo {
                width: 100px;
                margin-top: 20px;
        }
        h4.text-lg.font-bold.mb-4 {
                margin-bottom: 10px !important;
                padding-top: 10px;
                border-top: 1px dashed #dddbdb;
        }
        .UIFooterControl  .mb-12 {
                margin-bottom: 10px;
        }
        .UIFooterControl .text-blue-200 p {
                margin-bottom: 10px;
        }
        .UIBannerControl h1 { 
                margin-bottom: 0 !important;
        }
}