.elementor-6035 .elementor-element.elementor-element-fb0d679{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-6035:not(.elementor-motion-effects-element-type-background), body.elementor-page-6035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}/* Start custom CSS for html, class: .elementor-element-8508145 *//* =========================================================
   AIDATAPORTAL - CLOUD GAMING SOLUTIONS
   ========================================================= */

.aidp-gaming-section{
    width:100%;
    background:#ffffff;
    padding:70px 20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#07183f;
    box-sizing:border-box;
}

.aidp-gaming-container{
    max-width:1180px;
    margin:auto;
}


/* =========================================================
   TOP SECTION
   ========================================================= */

.aidp-gaming-top{
    display:grid;
    grid-template-columns:46% 54%;
    min-height:315px;
    align-items:stretch;
}


/* LEFT */

.aidp-gaming-heading{
    padding:15px 45px 25px 10px;
}

.aidp-page-label{
    display:flex;
    align-items:center;
    gap:12px;
    color:#123d91;
    font-size:17px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.aidp-page-label span{
    background:#123d91;
    color:#fff;
    padding:7px 11px;
    font-size:17px;
}

.aidp-page-label i{
    width:42px;
    height:2px;
    background:#155bd7;
    display:block;
    position:relative;
}

.aidp-page-label i:after{
    content:"";
    width:6px;
    height:6px;
    background:#155bd7;
    border-radius:50%;
    position:absolute;
    right:-1px;
    top:-2px;
}


.aidp-gaming-heading h2{
    margin:0;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    color:#081a42;
}

.aidp-gaming-heading h2 strong{
    display:block;
    color:#145bd7;
    font-weight:800;
}


.aidp-heading-line{
    width:65px;
    height:5px;
    background:#145bd7;
    margin:20px 0 15px;
}

.aidp-gaming-heading p{
    margin:0;
    max-width:500px;
    font-size:15px;
    line-height:1.65;
    color:#18233b;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.aidp-gaming-image{
    position:relative;
    height:315px;
    overflow:hidden;

    border-radius:0 0 0 55px;

    background:#061b44;
}

.aidp-gaming-image:before{
    content:"";
    position:absolute;
    left:-45px;
    top:-10px;
    width:90px;
    height:350px;
    background:#fff;
    transform:skewX(-13deg);
    z-index:2;
}

.aidp-gaming-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


.aidp-image-overlay{
    position:absolute;
    right:30px;
    top:115px;
    color:#fff;
    text-align:center;
    z-index:4;
    text-shadow:0 3px 12px rgba(0,0,0,.5);
}

.aidp-image-overlay span{
    display:block;
    font-size:15px;
    letter-spacing:2px;
}

.aidp-image-overlay strong{
    display:block;
    font-size:18px;
    line-height:1.15;
}


/* =========================================================
   FEATURE STRIP
   ========================================================= */

.aidp-gaming-features{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border:1px solid #d5dfed;
    border-radius:12px;
    margin-top:10px;
    background:#fff;
    overflow:hidden;
}

.aidp-gaming-feature{
    min-height:100px;
    padding:15px 13px;
    display:flex;
    align-items:center;
    gap:12px;
    border-right:1px solid #d7dfeb;
}

.aidp-gaming-feature:last-child{
    border-right:0;
}


.feature-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    background:#eef5ff;
    border:1px solid #c9dcfb;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#1256c8;
    font-size:19px;
    font-weight:800;
}

.aidp-gaming-feature h4{
    margin:0 0 7px;
    font-size:11px;
    line-height:1.3;
    color:#0b398f;
}

.aidp-gaming-feature p{
    margin:0;
    font-size:10px;
    line-height:1.4;
    color:#283650;
}


/* =========================================================
   LOWER SECTION
   ========================================================= */

.aidp-gaming-bottom{
    display:grid;
    grid-template-columns:29% 30% 41%;
    gap:10px;
    margin-top:10px;
}


.aidp-gaming-box{
    border:1px solid #d3deed;
    border-radius:11px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(15,58,130,.04);
}


.aidp-box-title{
    background:#123f91;
    color:#fff;
    font-size:13px;
    font-weight:700;
    padding:9px 13px;
    line-height:1.2;
}

.center-title{
    text-align:center;
}


/* =========================================================
   WHY CHOOSE
   ========================================================= */

.why-box{
    padding-bottom:5px;
}

.aidp-benefit{
    display:flex;
    gap:12px;
    padding:10px 12px;
    border-bottom:1px solid #edf1f6;
}

.aidp-benefit:last-child{
    border-bottom:0;
}

.aidp-benefit > span{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:#edf5ff;
    color:#155bd2;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
    font-weight:800;
}

.aidp-benefit h4{
    margin:0 0 3px;
    font-size:10px;
    color:#122d69;
}

.aidp-benefit p{
    margin:0;
    font-size:9px;
    line-height:1.4;
    color:#33415b;
}


/* =========================================================
   MIDDLE
   ========================================================= */

.aidp-gaming-middle{
    display:flex;
    flex-direction:column;
    gap:10px;
}


.gaming-icons{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    padding:18px 8px 15px;
}

.gaming-icons div{
    text-align:center;
    border-right:1px solid #dbe3ef;
}

.gaming-icons div:last-child{
    border-right:0;
}

.gaming-icons span{
    display:block;
    font-size:27px;
    color:#134fae;
    margin-bottom:8px;
}

.gaming-icons p{
    margin:0;
    font-size:8px;
    font-weight:700;
    line-height:1.25;
    color:#172a53;
}


/* BENEFITS */

.benefits-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:12px;
    gap:8px 12px;
}

.benefits-grid p{
    margin:0;
    font-size:9px;
    line-height:1.4;
    color:#172a53;
}


/* =========================================================
   GAMES
   ========================================================= */

.games-box{
    min-width:0;
}

.games-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:9px;
    padding:14px;
}

.game-card{
    min-width:0;
    text-align:center;
}

.game-placeholder{
    height:62px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:15px;
    font-weight:800;
    background:linear-gradient(135deg,#071a40,#1765d9);
    box-shadow:0 4px 10px rgba(9,42,100,.18);
}

.game-card span{
    display:block;
    margin-top:5px;
    font-size:7px;
    font-weight:700;
    color:#17294e;
    line-height:1.15;
}


/* Individual game styles */

.gta{
    background:linear-gradient(135deg,#222,#555);
}

.cs{
    background:linear-gradient(135deg,#7c4318,#d18a2a);
}

.valorant{
    background:linear-gradient(135deg,#870b32,#ed315e);
}

.fc{
    background:linear-gradient(135deg,#111,#4774ad);
}

.forza{
    background:linear-gradient(135deg,#1261a0,#2db8e8);
}

.cod{
    background:linear-gradient(135deg,#111,#444);
}

.apex{
    background:linear-gradient(135deg,#1e2530,#9c302d);
}

.pubg{
    background:linear-gradient(135deg,#222,#80652d);
}

.lol{
    background:linear-gradient(135deg,#071e42,#a8791e);
}

.dota{
    background:linear-gradient(135deg,#111,#a93227);
}

.rocket{
    background:linear-gradient(135deg,#075b9e,#26a3dc);
}

.minecraft{
    background:linear-gradient(135deg,#31783c,#78ad3d);
}


/* =========================================================
   HOVER EFFECTS
   ========================================================= */

.aidp-gaming-feature{
    transition:.25s ease;
}

.aidp-gaming-feature:hover{
    background:#f5f9ff;
}

.aidp-gaming-feature:hover .feature-icon{
    background:#125bd0;
    color:#fff;
}

.game-card{
    transition:.25s ease;
}

.game-card:hover{
    transform:translateY(-4px);
}

.game-card:hover .game-placeholder{
    box-shadow:0 8px 18px rgba(15,83,180,.3);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

    .aidp-gaming-heading h2{
        font-size:40px;
    }

    .aidp-gaming-features{
        grid-template-columns:repeat(3,1fr);
    }

    .aidp-gaming-feature{
        border-bottom:1px solid #d7dfeb;
    }

    .aidp-gaming-bottom{
        grid-template-columns:1fr 1fr;
    }

    .games-box{
        grid-column:1 / -1;
    }

}


@media(max-width:800px){

    .aidp-gaming-section{
        padding:50px 15px;
    }

    .aidp-gaming-top{
        grid-template-columns:1fr;
    }

    .aidp-gaming-heading{
        padding:10px 5px 30px;
    }

    .aidp-gaming-heading h2{
        font-size:38px;
    }

    .aidp-gaming-image{
        height:260px;
        border-radius:0 0 0 35px;
    }

    .aidp-gaming-features{
        grid-template-columns:1fr 1fr;
    }

    .aidp-gaming-feature{
        border-right:1px solid #d7dfeb;
    }

    .aidp-gaming-bottom{
        grid-template-columns:1fr;
    }

    .games-box{
        grid-column:auto;
    }

}


@media(max-width:500px){

    .aidp-gaming-heading h2{
        font-size:32px;
    }

    .aidp-page-label{
        font-size:13px;
    }

    .aidp-gaming-features{
        grid-template-columns:1fr;
    }

    .aidp-gaming-feature{
        border-right:0;
    }

    .benefits-grid{
        grid-template-columns:1fr;
    }

    .games-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .game-placeholder{
        height:58px;
    }

}/* End custom CSS */