.elementor-6009 .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-6009:not(.elementor-motion-effects-element-type-background), body.elementor-page-6009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}/* Start custom CSS for html, class: .elementor-element-8508145 *//* =========================================================
   AIDATAPORTAL CLOUD STORAGE PAGE
========================================================= */

.aidp-cloud-page{

    --navy:#071B49;
    --navy2:#0D2E78;
    --blue:#1769E0;
    --blue2:#2563EB;
    --cyan:#0EA5E9;
    --light:#F5F9FF;
    --border:#D9E5F5;
    --text:#475467;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color:var(--navy);

    overflow:hidden;

}


/* =========================================================
   COMMON CONTAINER
========================================================= */

.aidp-cloud-container{

    width:100%;

    max-width:1240px;

    margin:auto;

    padding-left:25px;

    padding-right:25px;

}


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

.aidp-cloud-hero{

    position:relative;

    padding:90px 0 85px;

    background:
        linear-gradient(
            135deg,
            #F8FBFF 0%,
            #FFFFFF 55%,
            #F1F7FF 100%
        );

    overflow:hidden;

}


.aidp-cloud-hero::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    right:-250px;

    top:-280px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.13),
            transparent 68%
        );

}


.aidp-cloud-hero-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    align-items:center;

    gap:70px;

}


/* =========================================================
   LABEL
========================================================= */

.aidp-page-label{

    display:flex;

    align-items:center;

    gap:12px;

    color:#1649A5;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:25px;

}


.aidp-page-label span{

    width:42px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #123C9C,
            #1769E0
        );

    font-size:14px;

}


/* =========================================================
   HERO HEADING
========================================================= */

.aidp-cloud-hero h1{

    margin:0;

    font-size:52px;

    line-height:1.08;

    letter-spacing:-2px;

    font-weight:750;

    color:var(--navy);

}


.aidp-cloud-hero h1 strong{

    display:block;

    background:
        linear-gradient(
            90deg,
            #1649A5,
            #1769E0,
            #2563EB
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

}


.aidp-heading-line{

    width:70px;

    height:4px;

    margin:22px 0;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #123C9C,
            #1769E0,
            #38BDF8
        );

}


.aidp-cloud-hero p{

    max-width:570px;

    margin:0;

    color:#475467;

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   HERO BUTTONS
========================================================= */

.aidp-cloud-buttons{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:32px;

}


.aidp-btn-primary{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 25px;

    border-radius:8px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #123C9C,
            #1769E0
        );

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    box-shadow:
        0 12px 30px
        rgba(23,105,224,.20);

    transition:.3s ease;

}


.aidp-btn-primary span{

    font-size:18px;

}


.aidp-btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px
        rgba(23,105,224,.28);

}


.aidp-btn-secondary{

    padding:14px 24px;

    border:1px solid #B8CBE5;

    border-radius:8px;

    color:#123C9C;

    background:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:.3s ease;

}


.aidp-btn-secondary:hover{

    border-color:#1769E0;

    color:#1769E0;

    transform:translateY(-3px);

}


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

.aidp-cloud-hero-visual{

    position:relative;

    min-height:430px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.aidp-cloud-hero-visual img{

    position:relative;

    z-index:2;

    width:100%;

    height:430px;

    object-fit:cover;

    border-radius:28px 28px 28px 5px;

    border:8px solid #fff;

    box-shadow:
        0 25px 60px
        rgba(9,43,100,.16);

}


.aidp-cloud-image-glow{

    position:absolute;

    width:85%;

    height:80%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.20),
            transparent 68%
        );

    filter:blur(25px);

}


/* =========================================================
   FLOATING STATUS
========================================================= */

.aidp-cloud-floating-card{

    position:absolute;

    z-index:4;

    left:-25px;

    bottom:30px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:15px 20px;

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 15px 40px
        rgba(16,24,40,.15);

}


.aidp-live-dot{

    width:11px;

    height:11px;

    border-radius:50%;

    background:#10B981;

    box-shadow:
        0 0 0 6px
        rgba(16,185,129,.12);

}


.aidp-cloud-floating-card small{

    display:block;

    margin-bottom:3px;

    color:#98A2B3;

    font-size:9px;

    letter-spacing:1px;

}


.aidp-cloud-floating-card strong{

    color:#123C9C;

    font-size:13px;

}


/* =========================================================
   FEATURES
========================================================= */

.aidp-cloud-features{

    padding:105px 0;

    background:#fff;

}


.aidp-section-heading{

    max-width:700px;

    margin-bottom:45px;

}


.aidp-section-heading.center{

    margin-left:auto;

    margin-right:auto;

    text-align:center;

}


.aidp-section-heading > span{

    display:inline-block;

    margin-bottom:14px;

    color:#1769E0;

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

}


.aidp-section-heading h2{

    margin:0;

    color:#0B204A;

    font-size:40px;

    line-height:1.15;

    letter-spacing:-1.2px;

}


.aidp-section-heading h2 strong{

    display:block;

    color:#1769E0;

}


.aidp-section-heading p{

    margin:15px 0 0;

    color:#667085;

    font-size:15px;

    line-height:1.7;

}


/* =========================================================
   FEATURE GRID
========================================================= */

.aidp-feature-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:18px;

}


.aidp-feature-card{

    position:relative;

    padding:30px;

    min-height:230px;

    border:1px solid var(--border);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #F8FBFF
        );

    transition:.35s ease;

    overflow:hidden;

}


.aidp-feature-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    right:-70px;

    bottom:-70px;

    border-radius:50%;

    background:
        rgba(37,99,235,.06);

}


.aidp-feature-card:hover{

    transform:translateY(-7px);

    border-color:#B9D1F5;

    box-shadow:
        0 20px 45px
        rgba(16,60,130,.09);

}


.aidp-feature-icon{

    width:54px;

    height:54px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:13px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #123C9C,
            #1769E0
        );

    margin-bottom:20px;

}


.aidp-feature-icon svg{

    width:28px;

    height:28px;

}


.aidp-feature-card h3{

    margin:0 0 10px;

    color:#123C9C;

    font-size:18px;

}


.aidp-feature-card p{

    margin:0;

    color:#667085;

    font-size:13px;

    line-height:1.7;

}


/* =========================================================
   PLANS
========================================================= */

.aidp-cloud-plans{

    padding:105px 0;

    background:
        linear-gradient(
            180deg,
            #F6F9FE,
            #EDF4FD
        );

}


.aidp-plans-grid{

    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:14px;

}


.aidp-plan-card{

    position:relative;

    background:#fff;

    border:1px solid #D6E2F2;

    border-radius:14px;

    overflow:hidden;

    text-align:center;

    box-shadow:
        0 8px 25px
        rgba(16,60,130,.05);

    transition:.3s ease;

}


.aidp-plan-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 18px 40px
        rgba(16,60,130,.11);

}


.aidp-plan-top{

    padding:12px 8px;

    color:#fff;

    background:
        linear-gradient(
            90deg,
            #123C9C,
            #1769E0
        );

    font-size:12px;

    font-weight:800;

    letter-spacing:.5px;

}


.aidp-plan-card h3{

    margin:22px 0 3px;

    color:#1649A5;

    font-size:27px;

}


.aidp-plan-sub{

    color:#667085;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

}


.aidp-plan-card ul{

    margin:20px 18px;

    padding:15px 0;

    list-style:none;

    border-top:1px solid #E5EAF1;

}


.aidp-plan-card li{

    padding:7px 0;

    color:#475467;

    font-size:12px;

    text-align:left;

}


.aidp-plan-card li::before{

    content:"✓";

    margin-right:7px;

    color:#1769E0;

    font-weight:bold;

}


.aidp-plan-card > a{

    display:block;

    margin:0 18px 20px;

    padding:11px;

    border-radius:7px;

    color:#123C9C;

    border:1px solid #BFD1E9;

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    transition:.3s ease;

}


.aidp-plan-card > a:hover{

    color:#fff;

    background:#1769E0;

    border-color:#1769E0;

}


/* FEATURED PLAN */

.aidp-plan-card.featured-plan{

    border:2px solid #1769E0;

    transform:translateY(-10px);

    box-shadow:
        0 20px 45px
        rgba(23,105,224,.15);

}


.aidp-plan-card.featured-plan::before{

    content:"POPULAR";

    position:absolute;

    top:0;

    right:0;

    padding:5px 10px;

    border-radius:0 0 0 8px;

    color:#fff;

    background:#0EA5E9;

    font-size:9px;

    font-weight:800;

}


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

.aidp-cloud-why{

    padding:90px 0;

    background:#fff;

}


.aidp-cloud-why-box{

    display:grid;

    grid-template-columns:
        1.5fr repeat(4,1fr);

    align-items:center;

    border-radius:20px;

    overflow:hidden;

    border:1px solid #D4E2F3;

    background:
        linear-gradient(
            100deg,
            #0B2D75,
            #1769E0
        );

    box-shadow:
        0 20px 50px
        rgba(15,64,140,.15);

}


.aidp-cloud-why-title{

    padding:35px;

    color:#fff;

}


.aidp-cloud-why-title span{

    font-size:11px;

    font-weight:800;

    letter-spacing:1.5px;

    opacity:.8;

}


.aidp-cloud-why-title h2{

    margin:10px 0;

    font-size:25px;

    line-height:1.2;

}


.aidp-cloud-why-title h2 strong{

    display:block;

    color:#7DD3FC;

}


.aidp-cloud-why-title p{

    margin:0;

    color:#DCEBFF;

    font-size:12px;

}


.aidp-why-item{

    min-height:125px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    border-left:1px solid
        rgba(255,255,255,.18);

    text-align:center;

}


.aidp-why-item strong{

    color:#fff;

    font-size:21px;

}


.aidp-why-item span{

    margin-top:5px;

    color:#D8E8FF;

    font-size:11px;

}


/* =========================================================
   CTA
========================================================= */

.aidp-cloud-cta{

    padding:20px 0 110px;

    background:#fff;

}


.aidp-cloud-cta-box{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding:45px 55px;

    border-radius:22px;

    overflow:hidden;

    background:
        linear-gradient(
            120deg,
            #071B49,
            #123C9C,
            #1769E0
        );

    box-shadow:
        0 25px 60px
        rgba(15,55,120,.18);

}


.aidp-cloud-cta-box::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-180px;

    top:-180px;

    border-radius:50%;

    border:60px solid
        rgba(255,255,255,.06);

}


.aidp-cloud-cta-box > div{

    position:relative;

    z-index:2;

}


.aidp-cloud-cta-box span{

    color:#7DD3FC;

    font-size:11px;

    font-weight:800;

    letter-spacing:2px;

}


.aidp-cloud-cta-box h2{

    max-width:650px;

    margin:10px 0;

    color:#fff;

    font-size:34px;

    line-height:1.2;

}


.aidp-cloud-cta-box h2 strong{

    color:#7DD3FC;

}


.aidp-cloud-cta-box p{

    margin:0;

    color:#D9E8FF;

    font-size:14px;

}


.aidp-cloud-cta-box > a{

    position:relative;

    z-index:2;

    flex-shrink:0;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 25px;

    border-radius:8px;

    color:#0B204A;

    background:#fff;

    text-decoration:none;

    font-size:13px;

    font-weight:800;

    transition:.3s ease;

}


.aidp-cloud-cta-box > a:hover{

    transform:translateY(-3px);

    box-shadow:
        0 15px 30px
        rgba(0,0,0,.15);

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    .aidp-cloud-hero-grid{

        grid-template-columns:1fr 1fr;

        gap:35px;

    }


    .aidp-cloud-hero h1{

        font-size:43px;

    }


    .aidp-feature-grid{

        grid-template-columns:
            repeat(2,1fr);

    }


    .aidp-plans-grid{

        grid-template-columns:
            repeat(3,1fr);

    }


    .aidp-plan-card.featured-plan{

        transform:none;

    }


    .aidp-cloud-why-box{

        grid-template-columns:
            repeat(2,1fr);

    }


    .aidp-cloud-why-title{

        grid-column:1/-1;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .aidp-cloud-hero{

        padding:70px 0;

    }


    .aidp-cloud-hero-grid{

        grid-template-columns:1fr;

    }


    .aidp-cloud-hero h1{

        font-size:38px;

    }


    .aidp-cloud-hero p{

        font-size:14px;

    }


    .aidp-cloud-hero-visual{

        min-height:300px;

    }


    .aidp-cloud-hero-visual img{

        height:300px;

    }


    .aidp-cloud-floating-card{

        left:10px;

        bottom:15px;

    }


    .aidp-section-heading h2{

        font-size:32px;

    }


    .aidp-feature-grid{

        grid-template-columns:1fr;

    }


    .aidp-plans-grid{

        grid-template-columns:
            repeat(2,1fr);

    }


    .aidp-cloud-why-box{

        grid-template-columns:
            repeat(2,1fr);

    }


    .aidp-cloud-why-title{

        grid-column:1/-1;

    }


    .aidp-cloud-cta-box{

        flex-direction:column;

        align-items:flex-start;

        padding:35px;

    }


    .aidp-cloud-cta-box h2{

        font-size:28px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:520px){

    .aidp-cloud-container{

        padding-left:18px;

        padding-right:18px;

    }


    .aidp-cloud-hero h1{

        font-size:34px;

        letter-spacing:-1px;

    }


    .aidp-cloud-buttons{

        flex-direction:column;

        align-items:stretch;

    }


    .aidp-btn-primary,
    .aidp-btn-secondary{

        text-align:center;

        justify-content:center;

    }


    .aidp-cloud-hero-visual img{

        height:250px;

    }


    .aidp-cloud-floating-card{

        padding:11px 14px;

    }


    .aidp-plans-grid{

        grid-template-columns:1fr;

    }


    .aidp-cloud-why-box{

        grid-template-columns:1fr 1fr;

    }


    .aidp-cloud-why-title{

        grid-column:1/-1;

    }


    .aidp-why-item{

        min-height:100px;

    }


    .aidp-cloud-cta-box{

        padding:30px 22px;

    }


    .aidp-cloud-cta-box h2{

        font-size:25px;

    }

}/* End custom CSS */