/* #00569c */

.vl-blue-text {
    color: #00569c !important;
}

.vl-soc-cont {
    padding: 10px 10px;
    text-align: center;
}

.vl-soc-cont>i {
    color: #00569c !important;
    font-size: 19px;
}

.vl-soc-cont>i:hover,
.vl-soc-cont>i:focus {
    color: #043a66 !important;
    font-size: 19px;
    transition: 0.3s;
}

.menu-item-object-custom>a {
    color: #00569c !important;
    font-weight: 500 !important;
    transition: 0.3s !important;
}

.menu-item-object-custom>a:focus,
.menu-item-object-custom>a:hover {
    color: rgb(0, 0, 28) !important;
    transition: 0.3s !important;
}

.menu-item-type-custom>ul>li>a:hover,
.menu-item-type-custom>ul>li>a::after,
.menu-item-type-custom>ul>li>a:focus {
    background: #044071 !important;
    color: white !important;
    transition: 0.3s !important;
}

.elementor-button,
.bdt-modal-close-full {
    background: #00569c !important;
    color: white !important;
    transition: 0.3s !important;
}

.elementor-button:hover,
.bdt-modal-close-full:hover {
    background: #033863 !important;
    color: white !important;
    transition: 0.3s !important;
}

.vl-sec-top-1 {
    background: #00569c !important;
}

.top-box-2-vl {
    background: rgb(91, 91, 91) !important;
}

.top-box-3-vl {
    background: rgb(0, 0, 0) !important;
}

.vl-menu {
    overflow-y: scroll !important;
}

.vl-link-1 {
    color: #00569c !important;
    transition: 0.3s !important;
}

.vl-link-1:hover {
    padding-left: 5px;
    color: #023b6a !important;
    transition: 0.3s !important;
}

.vl-link-2 {
    color: rgb(1, 1, 1) !important;
    transition: 0.3s !important;
}

.vl-link-2:hover {
    color: #00569c !important;
    transition: 0.3s !important;
}

.premium-banner-ib-title,
.premium-banner-ib-content {
    color: rgb(255, 255, 255);
}

.premium-banner-ib-desc:hover {
    transition: 0.3s;
    background: #00000095 !important;
}

.remarc {
    display: inline-block;
    font-size: 15px !important;
    text-align: center !important;
    background-color: rgb(255, 254, 254) !important;
    padding: 8px 15px !important;
    border-radius: 50px;
    color: rgb(41, 41, 41) !important;
}

.elementor-element-1a0d94a {
    background: rgb(83, 83, 83) !important;
    background-image: url('/img/smart-home.jpg') !important;
    background-position: bottom !important;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
}

.vl-he {
    height: 250px !important;
}

.vl-he>.elementskit-box-header>.elementskit-info-box-icon>i {
    color: white !important;
    font-size: 35px !important;
}

.mob-vl>li>a,
.mob-vl>li>ul>li>a {
    color: #00569c !important;
    font-size: 15px !important;
    transition: 0.3s !important;
}

.mob-vl>li>a:hover,
.mob-vl>li>ul>li>a:hover {
    color: #ffffff !important;
    transition: 0.3s !important;
}

.mob-vl>li {
    background: #ffffff !important;
    transition: 0.3s !important;
}

.mob-vl>li:hover {
    background: #00569c !important;
    transition: 0.3s !important;
}

.mob-vl>li>ul>li {
    background: #ffffff !important;
    transition: 0.3s !important;
}

.mob-vl>.menu-item-22:hover {
    background: #00569c !important;
    transition: 0.3s !important;
}

.mob-vl>li>ul>li:hover {
    background: #00569c !important;
    transition: 0.3s !important;
}

.mob-vl>.menu-item-22:focus {
    background: #00569c !important;
    transition: 0.3s !important;
}

.mob-vl>li>ul>li:focus {
    background: #00569c !important;
    transition: 0.3s !important;
}

.vl-item-m:hover {
    background: #00569c !important;
    transition: 0.3s !important;
}

.vl-item-m1 {
    background-color: #ffffff !important;
}

.vl-btn {
    color: white !important;
    padding: 13px 18px !important;
    font-size: 16px !important;
    background: #00569c !important;
    border-radius: 3px !important;
    transition: 0.3s !important;
}

.vl-btn:hover,
.vl-btn:focus {
    color: white !important;
    background: #023e6f !important;
    transition: 0.3s !important;
}

.elementor-slideshow__header {
    display: none !important;
}

.eicon-close {
    display: none !important;
}

.vl-b-bott {
    padding: 10px;
    border-top: 1px solid #ccc;
}

.vl-text-shadow {
    text-shadow: 2px 2px 10px #000000a3;
}

.vl-por-cat {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    margin-top: -20px;
    margin-bottom: 20px;
}

.vl-por-cat>.x-vl-scr {
    display: inline-block;
    padding: 6px 10px;
    background: #eee;
    color: black !important;
    transition: 0.3s;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
}

.vl-por-cat>.x-vl-scr.active {
    display: inline-block;
    background: #00569c;
    color: white !important;
    transition: 0.3s;
}

.vl-por-cat>.x-vl-scr:hover {
    display: inline-block;
    background: #00569c;
    color: white !important;
    transition: 0.3s;
}

@media screen and (min-width:1024px) {
    .vl-por-cat {
        width: 100%;
        overflow-x: hidden;
        white-space: nowrap;
        margin-top: -20px;
        margin-bottom: 20px;
    }
}

.container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.column {
    box-shadow: 2px 2px 10px #ccc;
    height: 320px;
    background-position: center;
    background-size: cover;
    transition: 0.3s !important;
    cursor: pointer;
    position: relative;
    transition: 0.3s !important;
}

.overal-vl {
    width: 100%;
    height: 320px;
    background: #0000003f;
    transition: 0.3s !important;
}

.column:hover>.overal-vl {
    background: #00000084;
    transition: 0.3s !important;
}

.x-port-body {
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.x-port-body>p {
    padding: 5px 10px;
    color: white;
    font-size: 14px;
    background: #00569c;
    display: inline-block;
}

.x-port-body>h4 {
    color: white;
    font-size: 22px;
    display: inline-block;
    text-shadow: 1px 1px 10px #000;
}

.chasbhb {
    padding: 10px;
    border: 1px solid #ccc;
    position: relative;
    margin-bottom: 20px !important;
    display: flex;
}

.chasbhb>h1>i {
    color: #00569c;
    display: inline-block;
    padding-right: 20px;
    align-self: center;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .container {
        grid-template-columns: 1fr;
    }
    .chasbhb>h1>i {
        color: #00569c;
        display: inline-block;
        padding-right: 20px;
        align-self: center;
        margin-top: 27px;
    }
}

.chasbhb>h4 {
    display: block;
    width: 100%;
    margin-top: 35px;
}

.chasbhb>h4>p {
    width: 100%;
    font-size: 14px;
    display: block;
    font-weight: 400;
}