/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 19 2026 | 13:46:35 */
.home #qodef-page-header {
    background: rgb(2 7 91);
}

/* Smooth Animation */
.four-image-box .img-one,
.four-image-box .img-one:before,
.four-image-box .img-one:after,
.four-image-box .img-one strong,
.four-image-box .img-one .elementor-button{
    transition:all .35s ease;
}

/* Strong Hover Highlight */
.four-image-box .img-one:hover{
    border-color:#29c2de;
    box-shadow:
        0 0 0 1px #29c2de,
        0 0 20px rgba(41,194,222,.35),
        0 0 40px rgba(41,194,222,.15);
}

/* Image Zoom */
.four-image-box .img-one:hover:before{
    transform:scale(1.12);
}

/* Overlay Becomes Lighter */
.four-image-box .img-one:hover:after{
    background:linear-gradient(
        90deg,
        rgba(0,17,51,.75) 0%,
        rgba(0,17,51,.45) 40%,
        rgba(0,17,51,.10) 100%
    );
}

/* Heading Highlight */
.four-image-box .img-one:hover strong{
    color:#29c2de;
    text-shadow:0 0 10px rgba(41,194,222,.4);
}

/* Button Highlight */
.four-image-box .img-one:hover .elementor-button{
    color:#fff !important;
}

/* Arrow Animation */
.four-image-box .img-one:hover .elementor-button-icon{
    transform:translateX(6px);
}
.four-image-box .img-one:hover{
    outline:2px solid #29c2de;
    outline-offset:-2px;
}
/* Equal Height Cards */
.four-image-box{
    display:flex;
    gap:0;
    align-items:stretch;
}

.four-image-box .img-one{
    position:relative;
    min-height:220px;
    height:220px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.15);
    background:#021a42;
    padding:18px 20px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

/* Image */
.four-image-box .img-one:before{
    content:'';
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1;
}

/* Dark Overlay */
.four-image-box .img-one:after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,17,51,.90) 0%,
        rgba(0,17,51,.70) 40%,
        rgba(0,17,51,.30) 100%
    );
    z-index:2;
}

/* Content */
.four-image-box .img-one > *{
    position:relative;
    z-index:3;
}

/* Reduce Heading Size */
.four-image-box strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:8px;
}

/* Reduce Text Size */
.four-image-box .elementor-widget-text-editor{
    color:#fff;
    font-size:14px;
    line-height:1.5;
    margin-bottom:10px;
}

/* Button */
.four-image-box .elementor-button{
    background:none !important;
    padding:0 !important;
    color:#00b7ff !important;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
}

.four-image-box .elementor-button-icon{
    margin-left:6px;
}

/* Remove extra Elementor spacing */
.four-image-box .elementor-widget{
    margin-bottom:0 !important;
}

/* Tablet */
@media(max-width:1024px){
    .four-image-box{
        flex-wrap:wrap;
    }

    .four-image-box .img-one{
        width: 100%;
        height:180px;
    }
}
@media (max-width:767px){

    .four-image-box{
        display:block !important;
    }

    /* Card */
    .four-image-box .img-one{
        position:relative;
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-height:180px;
        height:180px;
        margin-bottom:15px;
        padding:0;
        overflow:hidden;
        border:1px solid rgba(255,255,255,.15);
        border-radius:08px;
        background:#021a42;
    }

    /* Image Area */
    .four-image-box .img-one:before{
        content:'';
        position:absolute;
       left: 40%;
        top: 0;
        width: 55%;
        height:100%;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        z-index:1;
    }

    /* Darkest behind text */
    .four-image-box .img-one:after{
        content:'';
        position:absolute;
        inset:0;
        background:linear-gradient(
            90deg,
            rgba(2,26,66,.10) 0%,
            rgba(2,26,66,.25) 35%,
            rgba(0,0,0,.75) 60%,
            rgba(0,0,0,.90) 100%
        );
        z-index:2;
    }

    /* Text Block */
    .four-image-box .img-one .elementor-widget-text-editor{
        position:relative;
        z-index:3;
        width:58%;
        margin-left:42%;
        padding:0 15px;
        margin-bottom:5px !important;
    }

    /* Button Block */
    .four-image-box .img-one .elementor-widget-button{
        position:relative;
        z-index:3;
        width:58%;
        margin-left:42%;
        padding:0 15px;
        margin-top:0;
    }

    /* Title */
    .four-image-box strong{
        display:block;
        color:#fff;
        font-size:14px;
        font-weight:700;
        line-height:1.2;
        margin-bottom:4px;
        text-transform:uppercase;
    }

    /* Description */
    .four-image-box .elementor-widget-text-editor{
        color:#fff;
        font-size:12px;
        line-height:1.35;
    }

    /* Button */
    .four-image-box .elementor-button{
        background:none !important;
        padding:0 !important;
        color:#00b7ff !important;
        font-size:12px;
        font-weight:600;
        text-transform:uppercase;
    }

    .four-image-box .elementor-button-icon{
        margin-left:5px;
    }

    .four-image-box .elementor-widget{
        margin-bottom:0 !important;
    }
}

@media (max-width:767px){

    .three-icon-box{
        display:flex !important;
        flex-direction:column !important;
        gap:0;
        border:1px solid rgba(255,255,255,.15);
        border-radius:8px;
        overflow:hidden;
    }

    .three-icon-box .elementor-widget-icon-box{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:18px 15px;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .three-icon-box .elementor-widget-icon-box:last-child{
        border-bottom:none;
    }

    .three-icon-box .elementor-icon-box-wrapper{
        display:flex;
        flex-direction:row;
        align-items:center;
        text-align:left;
    }

    .three-icon-box .elementor-icon-box-icon{
        flex:0 0 40px;
        margin-right:15px !important;
        margin-bottom:0 !important;
    }

    .three-icon-box .elementor-icon svg{
        width:32px;
        height:32px;
    }

    .three-icon-box .elementor-icon-box-content{
        flex:1;
    }

    .three-icon-box .elementor-icon-box-title{
        margin:0 0 4px !important;
        line-height:1.1;
    }

    .three-icon-box .elementor-icon-box-title span{
        color:#fff;
        font-size:18px;
        font-weight:700;
        text-transform:uppercase;
    }

    .three-icon-box .elementor-icon-box-description{
        color:#fff;
        font-size:12px;
        line-height:1.4;
        margin:0;
    }
}