h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0.01em;
}

.video_banner.common_banner {
    .banner-content {
        top: 33%;

        h1 {
            line-height: 70px;
            margin: 0 0px 4rem;
        }
    }
}

.accelerate_ai {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: 30%;
        top: 25%;
        width: 600px;
        height: 250px;
        transform: matrix(-0.9, -0.44, 0.07, -1, 0, 0);
        background: #367C9B;
        opacity: 0.8;
        border-radius: 50%;
        filter: blur(200px);
    }

    &::after {
        content: "";
        position: absolute;
        right: 35%;
        top: 10%;
        width: 162.29px;
        height: 168.72px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        opacity: 0.8;
        filter: blur(100px);
        transform: matrix(-1, 0, 0.38, 0.92, 0, 0);
    }

    h2 {
        margin-bottom: 32px;
    }

    p {
        line-height: 20px;
        margin-bottom: 15px;

        &:last-child {
            margin-bottom: 0px;
        }
    }

    .accelerate_ai_desc {
        position: relative;
        z-index: 1;
    }
}

.ai_innovation {
    background: url(../../../darkTheme_Assets/images/ai/ai_driven_banner.svg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 450px;
    display: flex;
    align-items: center;

    h2 {
        font-size: 30px;
        line-height: 40px;
        color: var(--black);
    }

    p {
        color: var(--black);
        font-size: 24px;
        line-height: 40px;
    }

    .btn_sec {
        margin-top: 32px;
        text-align: center;

        .get_started_btn {
            display: inline-block;
            line-height: 50px;
            text-align: center !important;
            border-radius: 30px !important;
            background: transparent !important;
            font-family: "Geist-SemiBold";
            border: 2px solid var(--black) !important;

            &:hover {
                background: transparent !important;
                border: 2px solid var(--black) !important;
            }
        }
    }
}

.blueprints_section {
    background: url(../../../darkTheme_Assets/images/ai/blueprint.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position:left 50px;
    padding: 0px;
    margin: 5rem 0rem;

    .blueprints_section_right {
        padding-left: 48px;

        h5 {
            font-size: 20px;
            margin: 15px 0px 45px;
        }

        .blueprints_phases {
            margin-bottom: 24px;
            display: flex;
            position: relative;

            &:last-child {
                &::before {
                    display: none;
                }
            }

            &::before {
                content: "";
                width: 3px;
                height: 100%;
                background: linear-gradient(rgb(0 0 0 / 0%), var(--primary-14), rgb(0 0 0 / 0%));
                position: absolute;
                top: 50px;
                left: 25px;
            }

            .count {
                width: 50px;
                height: 50px;
                background: linear-gradient(132.02deg, var(--light-1) -2.1%, var(--primary-15) 103.68%);
                border-radius: 7px;
                font-size: 24px;
                font-family: "Geist-Bold";
                color: var(--black);
                margin-right: 35px;
                flex-shrink: 0;
                text-align: center;
                line-height: 50px;
            }

            h6 {
                font-size: 20px;
                line-height: 24px;
                margin:12px 0px 24px;
                font-family: "Geist-Bold";
            }
        }
    }
}
.ai_enablement_section{
.ai_enablement_box
 {
    border-radius: 20px;
    background: #151515;
    .ai_enablement_content{
            padding: 0px 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            h3{
                font-family: "CalSans-SemiBold";
                font-size: 24px;
            }
            p{
                font-size: 16px;
                line-height: 22px;
                margin:25px 0px;
            }
            .ai_info{ 
                 margin:0px;
                 position: relative;
                 font-family:"Geist-SemiBold" ;
                 line-height:33px;
                 padding-left:20px;
                 &::before{
                    content:"";
                    position:absolute;
                    left:0px;
                    top:15px;
                    width:5px;
                    height:5px;
                    border-radius:50%;
                    background:var(--light);
                 }
            }
    }
}
}

.feature_section {
    .card {
        border: 1px solid #3F3F3F !important;
        border-radius: 16px !important;
        background: transparent;
        margin-right:20px;
        padding: 20px 0px;
        color: var(--light);

        img {
            margin: 35px 0px 45px;
        }

        .card-title {
            text-align: center;
            font-size: 30px;
            font-family: "CalSans-SemiBold";
        }

        h6 {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 15px;
            font-family: "Geist-Bold";
        }

        p {
            line-height: 22px;
        }

        .card-body {
            padding: 0px 25px;
        }
        &:last-child{
            margin-right:0px;
        }
    }
}

.inovation_sec {
    position: relative;

    &::before {
        content: '';
        position: absolute;
        top: 35%;
        left: 20.5%;
        background: url(../../images/ai/innovation/innovation-effect-after.svg) no-repeat;
        width: calc(100% - 20.5%);
        height: 100%;
    }
}

.inovation_sec_inner {
    position: relative;

    &::before {
        content: '';
        position: absolute;
        left: 15px;
        top: 218px;
        background: url(../../images/ai/innovation/innovation-effect-before.svg) no-repeat;
        width: 563px;
        height: 100%;

    }

    .inovation_sec_desc {
        padding-left: 5rem;
        position: relative;

        h3 {
            font-size: 36px;
            font-family: "CalSans-SemiBold";
            margin-bottom: 25px;
        }

        p {
            line-height: 20px;
            margin-bottom: 20px
        }
    }

    .inovation_sec_img {
        padding-left: 5rem;
        position: relative;
        &::before {
            content: "";
            position: absolute;
            width: 465px;
            height: 400px;
            left: 69px;
            top: -25px;
            border-radius: 100%;
            transform: rotate(-142.87deg);
            background: linear-gradient(257.72deg, rgba(120, 182, 205, 0.5) 0.77%, rgba(255, 255, 255, 0.5) 101.27%);
            opacity: 0.8;
            filter: blur(150px);
        }

        &.complex_sec_img {
            img{
                max-width:90%;
            }
            &::before {
                left: -40px;
                transform: rotate(-37.13deg);
            }
        }
    }

    .padd {
        padding-top: 11rem;
    }

    .innovation_icon {
        position: absolute;
        top: -46px;
        left: -48px;
    }

    .complex_icon {
        left: -38px;
    }
}
@media only screen and (max-width:767px){
    .accelerate_ai {
    &::before {
        left: 61px;
        width: 200px;
        height: 250px;
    }
}
.inovation_sec {
    &::before {
     display:none;
    }
    .innovation_icon {
        position: absolute;
        top: -30px;
        left: -15px;
        width: 85px;
    }
}
.inovation_sec_inner {
    &::before {
            position: absolute;
            left: 25px;
            top: 207px;
            background: #98dcfa;
            width: 2px;
            height: 90%;
        }
    .inovation_sec_img {
        &::before {
          display:none;
       }
    }
 .padd {
        padding-top: 5rem;
    }
    .inovation_sec_desc {
        h3 {
            font-size: 20px;
            margin-bottom: 15px;
        }
    }
    
}
.ai_enablement_section {
    .ai_enablement_box {
        padding: 20px;
        .ai_enablement_content {
            .ai_info {
                line-height: 25px;
            }
            h3 {
                font-size: 21px;
            }
        }
        img{
            margin-top:20px;
        }
    }
}
.blueprints_section {
    background:none;
    .blueprints_section_right {
        padding-left: 15px;
    }
}
.ai_innovation {
    h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom:15px;
    }   
    p {
        font-size: 18px;
        line-height: 25px;
    }
}
.feature_section {
    .card {
        margin-right:0px;
        .card-title {
            font-size: 20px;
        }
        h6 {
            font-size: 18px;
            line-height: 20px;
        }
        img {
            margin: 20px 0px;
        }
    }
        .card-group {
        flex-flow: column wrap;
    }
}
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:768px) and (max-width:1199px){
.inovation_sec {
    &::before {
     display:none;
    }
    .innovation_icon {
        position: absolute;
        top: -30px;
        left: -15px;
        width: 85px;
    }
}
.inovation_sec_inner {
    &::before {
            position: absolute;
            left: 25px;
            top: 185px;
            background: #98dcfa;
            width: 2px;
            height: 90%;
        }
    .inovation_sec_img {
        padding-left: 2rem;
        &::before {
            position: absolute;
            width: 200px;
            height: 282px;
            left: 100px;
            top: -44px;
       }
    }
 .padd {
        padding-top: 5rem;
    }
    .inovation_sec_desc {
        h3 {
            font-size: 20px;
            margin-bottom: 15px;
        }
    }
    
}
.ai_enablement_section {
    .ai_enablement_box {
        padding: 25px;
    }
}
.feature_section {
    & .card {
        .card-title {
            font-size: 20px;
        }
    }
}
.blueprints_section {
    background:none;
    .blueprints_section_right {
        padding-left: 15px;
    }
}
.accelerate_ai {
    &::before {
        left: 0px;
        width: 500px;
    }}
}
@media only screen and (min-width:1599px) and (max-width:1600px){
    .inovation_sec {
        &::before {
            left: 14.8%;
            width: calc(100% - 14.8%);
        }
    }
}
@media only screen and (min-width:1439px) and (max-width:1440px){
    .inovation_sec {
        &::before {
            left: 10.9%;
            width: calc(100% - 10.9%);
        }
    }
}
@media only screen and (min-width:1365px) and (max-width:1366px){
    .inovation_sec {
        &::before {
            left: 8.8%;
            width: calc(100% - 8.8%);
        }
    }
}
@media only screen and (min-width:1359px) and (max-width:1360px){
    .inovation_sec {
        &::before {
            left: 8.6%;
            width: calc(100% - 8.6%);
        }
    }
}
@media only screen and (min-width:1279px) and (max-width:1280px){
    .inovation_sec {
        &::before {
            left: 6%;
            width: calc(100% - 6%);
        }
    }
    .inovation_sec_inner {
        & .inovation_sec_img {
            &::before {
                width: 440px;
                height: 390px;
            }
        }
    }
}
@media only screen and (min-width:993px) and (max-width:1024px){
    .inovation_sec_inner {
        &::before {
            top: 245px;
            height: 85%;
        }
    }
}