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

.aidp-hero{

    position:relative;

    overflow:hidden;

    padding:100px 0 110px;

    background:#F7F8FC;

}


/* ==========================================
   BACKGROUND
========================================== */

.aidp-hero::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    top:-250px;
    right:-180px;

    background:
        radial-gradient(
            circle,
            rgba(91,75,255,.12),
            transparent 70%
        );

    pointer-events:none;

}


.aidp-hero::after{

    content:"";

    position:absolute;

    width:400px;
    height:400px;

    bottom:-250px;
    left:-150px;

    background:
        radial-gradient(
            circle,
            rgba(6,182,212,.08),
            transparent 70%
        );

    pointer-events:none;

}


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

.aidp-hero-container{

    max-width:1240px;

    margin:0 auto;

    padding:0 30px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    align-items:center;

    gap:80px;

    position:relative;

    z-index:2;

}


/* ==========================================
   LEFT SIDE
========================================== */

.aidp-hero-content{

    max-width:620px;

}


/* LABEL */

.aidp-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:24px;

    color:#5B4BFF;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}


.aidp-label span{

    width:30px;

    height:2px;

    background:
        linear-gradient(
            90deg,
            #5B4BFF,
            #06B6D4
        );

}


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

.aidp-hero h1{

    margin:0;

    max-width:650px;

    color:#111827;

    font-size:62px;

    line-height:1.08;

    letter-spacing:-2.5px;

    font-weight:750;

}


.aidp-hero h1 span{

    display:block;

    background:
        linear-gradient(
            90deg,
            #5B4BFF,
            #7C3AED
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


/* ==========================================
   DESCRIPTION
========================================== */

.aidp-hero-content > p{

    max-width:570px;

    margin:28px 0 35px;

    color:#667085;

    font-size:17px;

    line-height:1.8;

}


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

.aidp-buttons{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:45px;

}


.aidp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:15px 25px;

    border-radius:10px;

    font-size:14px;

    font-weight:650;

    text-decoration:none !important;

    transition:.3s ease;

}


/* PRIMARY */

.aidp-btn-primary{

    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            #5B4BFF,
            #7C3AED
        );

    box-shadow:
        0 10px 25px
        rgba(91,75,255,.22);

}


.aidp-btn-primary span{

    font-size:18px;

    transition:.3s;

}


.aidp-btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
        0 15px 35px
        rgba(91,75,255,.30);

}


.aidp-btn-primary:hover span{

    transform:translateX(4px);

}


/* SECONDARY */

.aidp-btn-light{

    background:#fff;

    border:1px solid #E1E4EA;

    color:#111827 !important;

}


.aidp-btn-light:hover{

    border-color:#5B4BFF;

    color:#5B4BFF !important;

    transform:translateY(-3px);

}


/* ==========================================
   TRUST ROW
========================================== */

.aidp-trust-row{

    display:flex;

    align-items:center;

    gap:22px;

}


.aidp-trust-item{

    display:flex;

    flex-direction:column;

    gap:4px;

}


.aidp-trust-item strong{

    color:#111827;

    font-size:21px;

    font-weight:750;

}


.aidp-trust-item span{

    color:#8A92A3;

    font-size:11px;

    white-space:nowrap;

}


.aidp-trust-line{

    width:1px;

    height:35px;

    background:#DDE1E8;

}


/* ==========================================
   RIGHT IMAGE AREA
========================================== */

.aidp-hero-image-area{

    position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* ==========================================
   MAIN IMAGE
========================================== */

.aidp-main-image{

    position:relative;

    width:500px;

    height:510px;

    overflow:hidden;

    border-radius:28px;

    box-shadow:
        0 30px 80px
        rgba(17,24,39,.16);

    z-index:2;

}


.aidp-main-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(17,24,39,.35)
        );

}


.aidp-main-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:
        transform .8s ease;

}


.aidp-main-image:hover img{

    transform:scale(1.05);

}


/* ==========================================
   GLOW
========================================== */

.aidp-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(50px);

}


.aidp-glow-one{

    width:220px;
    height:220px;

    top:10px;
    right:20px;

    background:
        rgba(91,75,255,.18);

}


.aidp-glow-two{

    width:180px;
    height:180px;

    bottom:30px;
    left:0;

    background:
        rgba(6,182,212,.13);

}


/* ==========================================
   FLOATING CARDS
========================================== */

.aidp-info-card{

    position:absolute;

    z-index:5;

    display:flex;

    align-items:center;

    gap:13px;

    padding:15px 20px;

    background:
        rgba(255,255,255,.96);

    border:1px solid #E7E9EF;

    border-radius:14px;

    box-shadow:
        0 20px 45px
        rgba(17,24,39,.12);

}


/* TOP */

.aidp-ai-card{

    top:75px;

    left:-35px;

}


/* BOTTOM */

.aidp-status-card{

    right:-25px;

    bottom:70px;

}


/* ICON */

.aidp-icon{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:11px;

    color:#fff;

    font-size:20px;

}


.aidp-icon.purple{

    background:
        linear-gradient(
            135deg,
            #5B4BFF,
            #7C3AED
        );

}


/* CARD TEXT */

.aidp-info-card small{

    display:block;

    color:#98A0AE;

    font-size:9px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:4px;

}


.aidp-info-card strong{

    display:block;

    color:#111827;

    font-size:13px;

}


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

.aidp-status-icon{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#ECFDF5;

}


.aidp-status-icon span{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#10B981;

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

}


/* ==========================================
   DECORATIVE CIRCLE
========================================== */

.aidp-circle-decoration{

    position:absolute;

    width:90px;

    height:90px;

    right:5px;

    top:35px;

    border-radius:50%;

    border:18px solid
        rgba(91,75,255,.08);

    z-index:1;

}


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

@media(max-width:991px){

    .aidp-hero{

        padding:80px 0;

    }

    .aidp-hero-container{

        grid-template-columns:1fr;

        gap:60px;

    }

    .aidp-hero-content{

        max-width:750px;

    }

    .aidp-hero h1{

        font-size:52px;

    }

    .aidp-hero-image-area{

        min-height:520px;

    }

}


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

@media(max-width:600px){

    .aidp-hero{

        padding:65px 0;

    }

    .aidp-hero-container{

        padding:0 20px;

    }

    .aidp-hero h1{

        font-size:40px;

        letter-spacing:-1.5px;

    }

    .aidp-hero-content > p{

        font-size:15px;

    }

    .aidp-buttons{

        flex-direction:column;

        align-items:stretch;

    }

    .aidp-btn{

        width:100%;

    }

    .aidp-trust-row{

        gap:12px;

        justify-content:space-between;

    }

    .aidp-trust-item strong{

        font-size:17px;

    }

    .aidp-trust-item span{

        font-size:9px;

    }

    .aidp-trust-line{

        height:30px;

    }

    .aidp-hero-image-area{

        min-height:430px;

    }

    .aidp-main-image{

        width:100%;

        height:400px;

        border-radius:22px;

    }

    .aidp-ai-card{

        left:-5px;

        top:20px;

    }

    .aidp-status-card{

        right:-5px;

        bottom:25px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d0e47d *//* ==========================================
   WHY CHOOSE AIDATAPORTAL
========================================== */

.aidp-why-section{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}


/* ==========================================
   BACKGROUND EFFECT
========================================== */

.aidp-why-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    top:-250px;

    right:-200px;

    border-radius:50%;

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

    pointer-events:none;

}


.aidp-why-section::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    bottom:-250px;

    left:-220px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(29,78,216,.06),
            transparent 70%
        );

    pointer-events:none;

}


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

.aidp-why-container{

    position:relative;

    z-index:2;

    max-width:1240px;

    margin:0 auto;

    padding:0 30px;

}


/* ==========================================
   TOP AREA
========================================== */

.aidp-why-top{

    display:grid;

    grid-template-columns:
        .95fr 1.05fr;

    gap:70px;

    align-items:center;

    margin-bottom:55px;

}


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

.aidp-why-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    color:#1649A5;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.5px;

}


.aidp-why-label span{

    width:40px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#ffffff;

    font-size:15px;

    font-weight:700;

}


.aidp-why-label b{

    width:40px;

    height:2px;

    display:block;

    background:
        linear-gradient(
            90deg,
            #1769E0,
            #4F46E5
        );

}


/* ==========================================
   MAIN HEADING
========================================== */

.aidp-why-intro h2{

    margin:0;

    color:#0D2047;

    font-size:52px;

    line-height:1.08;

    letter-spacing:-1.8px;

    font-weight:750;

}


.aidp-why-intro h2 strong{

    display:block;

    font-weight:750;

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

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

}


/* ==========================================
   HEADING LINE
========================================== */

.aidp-why-line{

    width:70px;

    height:4px;

    margin:20px 0 20px;

    border-radius:10px;

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

}


/* ==========================================
   INTRO SUBHEADING
========================================== */

.aidp-why-intro h4{

    max-width:550px;

    margin:0 0 10px;

    color:#1649A5;

    font-size:16px;

    line-height:1.6;

    font-weight:700;

}


/* ==========================================
   INTRO TEXT
========================================== */

.aidp-why-intro p{

    max-width:550px;

    margin:0;

    color:#475467;

    font-size:15px;

    line-height:1.8;

}


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

.aidp-why-image{

    position:relative;

    height:350px;

    overflow:hidden;

    border-radius:0 0 0 35px;

    border:1px solid #D9E5F7;

    background:#071A3D;

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

}


/* IMAGE */

.aidp-why-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .6s ease;

}


.aidp-why-image:hover img{

    transform:scale(1.04);

}


/* IMAGE OVERLAY */

.aidp-why-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(7,26,61,.15),
            transparent 60%
        );

    pointer-events:none;

}


/* ==========================================
   IMAGE GLOW
========================================== */

.aidp-image-glow{

    position:absolute;

    width:180px;

    height:180px;

    right:-80px;

    top:-80px;

    border-radius:50%;

    background:
        rgba(0,119,255,.28);

    filter:blur(50px);

    pointer-events:none;

}


/* ==========================================
   BENEFITS GRID
========================================== */

.aidp-benefits-grid{

    display:grid;

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

    gap:12px;

    margin-bottom:18px;

}


/* ==========================================
   BENEFIT CARD
========================================== */

.aidp-benefit-card{

    position:relative;

    min-height:285px;

    padding:25px 18px;

    text-align:center;

    background:#ffffff;

    border:1px solid #E6EAF0;

    border-radius:15px;

    box-shadow:
        0 5px 18px
        rgba(16,24,40,.035);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


.aidp-benefit-card:hover{

    transform:translateY(-7px);

    border-color:#B7CDF4;

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

}


/* ==========================================
   BENEFIT ICON
========================================== */

.aidp-benefit-icon{

    width:68px;

    height:68px;

    margin:0 auto 18px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#ffffff;

    font-size:24px;

    font-weight:800;

    box-shadow:
        0 10px 22px
        rgba(23,105,224,.22);

}


/* ==========================================
   CARD TITLE
========================================== */

.aidp-benefit-card h3{

    margin:0;

    color:#123C9C;

    font-size:15px;

    line-height:1.3;

    text-transform:uppercase;

    font-weight:750;

    letter-spacing:.2px;

}


/* ==========================================
   CARD DIVIDER
========================================== */

.aidp-benefit-divider{

    width:35px;

    height:3px;

    margin:14px auto 15px;

    border-radius:5px;

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

}


/* ==========================================
   CARD DESCRIPTION
========================================== */

.aidp-benefit-card p{

    margin:0;

    color:#667085;

    font-size:12px;

    line-height:1.7;

}


/* ==========================================
   COMMITMENT STRIP
========================================== */

.aidp-commitment{

    display:grid;

    grid-template-columns:
        1.2fr 1.8fr;

    align-items:center;

    gap:35px;

    padding:22px 28px;

    border:1px solid #C9DCF5;

    border-radius:14px;

    background:
        linear-gradient(
            90deg,
            #F1F7FF,
            #F8FBFF
        );

}


/* ==========================================
   COMMITMENT MAIN
========================================== */

.aidp-commitment-main{

    display:flex;

    align-items:center;

    gap:18px;

    padding-right:25px;

    border-right:1px solid #C7D6E8;

}


.aidp-commitment-icon{

    flex-shrink:0;

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#ffffff;

    font-size:25px;

    box-shadow:
        0 10px 22px
        rgba(18,60,156,.20);

}


.aidp-commitment-main h3{

    margin:0 0 5px;

    color:#1649A5;

    font-size:17px;

    font-weight:750;

}


.aidp-commitment-main p{

    margin:0;

    color:#475467;

    font-size:12px;

    line-height:1.65;

}


/* ==========================================
   COMMITMENT STATS
========================================== */

.aidp-commitment-stats{

    display:grid;

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

}


.aidp-commitment-stat{

    text-align:center;

    padding:5px 15px;

    border-right:1px solid #C7D6E8;

}


.aidp-commitment-stat:last-child{

    border-right:none;

}


.aidp-commitment-stat strong{

    display:block;

    margin-bottom:4px;

    color:#123C9C;

    font-size:19px;

    font-weight:800;

}


.aidp-commitment-stat span{

    color:#667085;

    font-size:11px;

    line-height:1.4;

}


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

@media(max-width:1100px){

    .aidp-why-top{

        grid-template-columns:1fr 1fr;

        gap:40px;

    }


    .aidp-why-intro h2{

        font-size:44px;

    }


    .aidp-benefits-grid{

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

    }


    .aidp-benefit-card{

        min-height:270px;

    }


    .aidp-commitment{

        grid-template-columns:1fr;

    }


    .aidp-commitment-main{

        padding-right:0;

        padding-bottom:20px;

        border-right:none;

        border-bottom:1px solid #C7D6E8;

    }

}


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

@media(max-width:768px){

    .aidp-why-section{

        padding:80px 0;

    }


    .aidp-why-container{

        padding:0 22px;

    }


    .aidp-why-top{

        grid-template-columns:1fr;

        gap:35px;

        margin-bottom:40px;

    }


    .aidp-why-intro h2{

        font-size:40px;

    }


    .aidp-why-image{

        height:300px;

        border-radius:0 0 0 25px;

    }


    .aidp-benefits-grid{

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

        gap:15px;

    }


    .aidp-commitment-stats{

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

        row-gap:20px;

    }


    .aidp-commitment-stat:nth-child(2){

        border-right:none;

    }


    .aidp-commitment-stat:nth-child(3){

        border-right:1px solid #C7D6E8;

    }

}


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

@media(max-width:520px){

    .aidp-why-section{

        padding:65px 0;

    }


    .aidp-why-container{

        padding:0 18px;

    }


    .aidp-why-label{

        font-size:11px;

        letter-spacing:1.2px;

    }


    .aidp-why-label span{

        width:36px;

        height:29px;

        font-size:13px;

    }


    .aidp-why-label b{

        width:28px;

    }


    .aidp-why-intro h2{

        font-size:35px;

        letter-spacing:-1px;

    }


    .aidp-why-intro h4{

        font-size:14px;

    }


    .aidp-why-intro p{

        font-size:14px;

    }


    .aidp-why-image{

        height:240px;

    }


    .aidp-benefits-grid{

        grid-template-columns:1fr;

        gap:12px;

    }


    .aidp-benefit-card{

        min-height:auto;

        padding:25px 22px;

    }


    .aidp-benefit-card p{

        max-width:320px;

        margin-left:auto;

        margin-right:auto;

    }


    .aidp-commitment{

        padding:22px 18px;

    }


    .aidp-commitment-main{

        align-items:flex-start;

    }


    .aidp-commitment-icon{

        width:50px;

        height:50px;

        font-size:21px;

    }


    .aidp-commitment-main h3{

        font-size:15px;

    }


    .aidp-commitment-main p{

        font-size:11px;

    }


    .aidp-commitment-stats{

        grid-template-columns:1fr 1fr;

    }


    .aidp-commitment-stat{

        padding:5px 8px;

    }


    .aidp-commitment-stat strong{

        font-size:17px;

    }

}/* End custom CSS */
/* Start custom CSS *//* ==========================================
   SECTION 3 - OUR SOLUTIONS
========================================== */

.aidp-solutions-section{

    position:relative;

    padding:120px 0;

    background:#F7F8FC;

    overflow:hidden;

}


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

.aidp-solutions-container{

    max-width:1240px;

    margin:0 auto;

    padding:0 30px;

}


/* ==========================================
   HEADER
========================================== */

.aidp-solutions-header{

    display:grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:80px;

    align-items:end;

    margin-bottom:55px;

}


.aidp-solutions-header
.aidp-section-label{

    align-self:start;

}


.aidp-solutions-heading{

    max-width:650px;

}


.aidp-solutions-heading h2{

    margin:0 0 18px;

    color:#111827;

    font-size:48px;

    line-height:1.12;

    letter-spacing:-1.5px;

    font-weight:750;

}


.aidp-solutions-heading h2 span{

    display:block;

    background:
        linear-gradient(
            90deg,
            #5B4BFF,
            #7C3AED
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


.aidp-solutions-heading p{

    margin:0;

    color:#667085;

    font-size:16px;

    line-height:1.8;

}


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

.aidp-solutions-grid{

    display:grid;

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

    gap:20px;

}


/* ==========================================
   CARD
========================================== */

.aidp-solution-card{

    position:relative;

    min-height:350px;

    padding:34px;

    display:flex;

    overflow:hidden;

    border-radius:24px;

    background:#ffffff;

    border:1px solid #E6E8EF;

    text-decoration:none !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.aidp-solution-card:hover{

    transform:translateY(-7px);

    border-color:#D4D0FF;

    box-shadow:
        0 25px 60px
        rgba(17,24,39,.10);

}


/* ==========================================
   FEATURED CARD
========================================== */

.aidp-solution-card.featured{

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #F5F3FF 100%
        );

}


/* ==========================================
   DARK CARD
========================================== */

.aidp-solution-card.dark{

    background:#111827;

    border-color:#111827;

    color:#fff;

}


.aidp-solution-card.dark:hover{

    border-color:#5B4BFF;

    box-shadow:
        0 25px 60px
        rgba(17,24,39,.20);

}


.aidp-solution-card.dark h3{

    color:#ffffff;

}


.aidp-solution-card.dark p{

    color:#AAB3C2;

}


.aidp-solution-card.dark
.aidp-solution-number{

    color:#7C3AED;

}


/* ==========================================
   CONTENT
========================================== */

.aidp-solution-content{

    position:relative;

    z-index:3;

    max-width:500px;

}


/* NUMBER */

.aidp-solution-number{

    margin-bottom:25px;

    color:#A1A7B3;

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

}


/* ICON */

.aidp-solution-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

    border-radius:14px;

    color:#5B4BFF;

    background:#EFEDFF;

    font-size:22px;

    font-weight:600;

}


.aidp-solution-icon.blue{

    color:#2563EB;

    background:#EFF6FF;

}


.aidp-solution-icon.purple{

    color:#7C3AED;

    background:#F5F3FF;

}


.aidp-solution-icon.cyan{

    color:#0891B2;

    background:#ECFEFF;

}


.aidp-solution-icon.green{

    color:#059669;

    background:#ECFDF5;

}


/* DARK ICON */

.dark .aidp-solution-icon{

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #5B4BFF,
            #7C3AED
        );

}


/* ==========================================
   TITLE
========================================== */

.aidp-solution-card h3{

    margin:0 0 12px;

    color:#111827;

    font-size:23px;

    font-weight:700;

    letter-spacing:-.4px;

}


/* ==========================================
   DESCRIPTION
========================================== */

.aidp-solution-card p{

    max-width:460px;

    margin:0 0 25px;

    color:#667085;

    font-size:14px;

    line-height:1.75;

}


/* ==========================================
   LINK
========================================== */

.aidp-solution-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#5B4BFF;

    font-size:12px;

    font-weight:700;

}


.aidp-solution-link b{

    font-size:17px;

    transition:.3s;

}


.aidp-solution-card:hover
.aidp-solution-link b{

    transform:translate(4px,-3px);

}


/* DARK LINK */

.dark .aidp-solution-link{

    color:#A78BFA;

}


/* ==========================================
   CLOUD VISUAL
========================================== */

.aidp-solution-visual{

    position:absolute;

    right:-60px;

    bottom:-80px;

    width:300px;

    height:300px;

}


.cloud-orb{

    position:absolute;

    width:180px;

    height:180px;

    right:20px;

    bottom:20px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,75,255,.20),
            rgba(91,75,255,.02) 70%
        );

    filter:blur(5px);

}


.cloud-lines{

    position:absolute;

    width:180px;

    height:180px;

    right:20px;

    bottom:20px;

    border:1px solid
        rgba(91,75,255,.15);

    border-radius:50%;

}


/* ==========================================
   GPU VISUAL
========================================== */

.aidp-gpu-visual{

    position:absolute;

    right:-50px;

    bottom:-80px;

    width:280px;

    height:280px;

}


.gpu-core{

    position:absolute;

    width:100px;

    height:100px;

    top:90px;

    left:90px;

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            #5B4BFF,
            #C026D3
        );

    box-shadow:
        0 0 60px
        rgba(124,58,237,.5);

}


.gpu-ring{

    position:absolute;

    border:1px solid
        rgba(167,139,250,.35);

    border-radius:50%;

}


.ring-one{

    width:180px;

    height:180px;

    top:50px;

    left:50px;

}


.ring-two{

    width:260px;

    height:260px;

    top:10px;

    left:10px;

}


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

@media(max-width:991px){

    .aidp-solutions-section{

        padding:90px 0;

    }


    .aidp-solutions-header{

        grid-template-columns:1fr;

        gap:20px;

        margin-bottom:40px;

    }


    .aidp-solutions-heading h2{

        font-size:42px;

    }

}


@media(max-width:600px){

    .aidp-solutions-section{

        padding:70px 0;

    }


    .aidp-solutions-container{

        padding:0 20px;

    }


    .aidp-solutions-grid{

        grid-template-columns:1fr;

    }


    .aidp-solutions-heading h2{

        font-size:36px;

    }


    .aidp-solution-card{

        min-height:330px;

        padding:27px;

    }


    .aidp-solution-card h3{

        font-size:21px;

    }

}/* End custom CSS */