.common_banner {
        .banner-content {
            .discover_product_btn{
                background: var(--primary-5);
                color: var(--black);
                min-width: 190px !important;
            }
        }
    }
.finops_slider_section{
    margin-bottom: 50px;
    margin-bottom: -30px;
}
h2, h3{
    font-family:"CalSans-SemiBold";
}
.finops_section{
    h3{
        font-size: 48px;
        margin-bottom: 25px;
    }
    h5{
        font-family:"CalSans-SemiBold";
    }
    p{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
        &:last-child{
            margin-bottom: 0;
        }
    }
    .text-center span{
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        margin-bottom: 35px;
    }
    &.finops_section1{
        margin-top: 100px;
        margin-bottom: 50px;
        padding: 60px 0;
        /* height: 550px; */
        background: linear-gradient(to right, #00131E, #0A3A3A, #00131E);
    }
    &.finops_section2{
        margin: 100px 0;
        .row{
            --bs-gutter-x: 2rem !important;
        }
    }
    &.finops_section3{
        margin: 50px 0;
        .row{
            --bs-gutter-x: 2rem;
            .col-xxl-6, col-xxl-12{
                padding: 0 16px;
            }
        }
        .finops_section3_inner{
            padding: 0 50px;
        }        
    }
    &.finops_section4{
        margin: 50px 0 75px 0;
        .row{
            margin: 0px -7px;
            .col-xxl-3, col-xxl-12{
                padding: 0 7px;
            }
        }
        h5{
            font-family:"Geist-Bold";
        }
    }
}

.cloudintel-bg-background {
    width: 100%!important;
    background: url("../../images/finops/finopscost_video_cover.svg") center/100% 100% no-repeat;
    height: 280px;
    position: relative;
}
.video_icon{
    position: absolute;
    top: 39%;
    left: 45%;    
    img{
        height: 80%;
        width: 80%;
    }
}

.finops_section2{
    margin: 100px 0;
    p{
        font-size: 16px;
        line-height: 24px;
    }
    ul.finops_list{
        padding: 0;
        list-style: none;
        margin-top: 30px;
        li{
            margin-bottom: 15px;
            position: relative;
            padding-left: 37px;
            img{

            }
            h5{
                font-size: 20px;
                line-height: 24px;
                color: var(--primary-5);
                margin-bottom: 10px;
            }
            span{
                font-size: 16px;
                line-height: 20px;
            }
            &:last-child{
                margin-bottom: 0;
            }
            &::before{
                content: "";
                position: absolute;
                background: url("../../images/finops/Inform.svg") center/100% 100% no-repeat;
                height: 20px;
                width: 16px;
                top: 2px;
                left: 0;
            }
            &:nth-child(2){
                &::before{
                    background: url("../../images/finops/Optimize.svg") center/100% 100% no-repeat;
                    height: 20px;
                    width: 20px;
                }
            }
            &:nth-child(3){
                &::before{
                    background: url("../../images/finops/Operate.svg") center/100% 100% no-repeat;
                    height: 20px;
                    width: 22px;
                }
            }
        }
    }
    .finops_cms{
        position: relative;
        .text_head{
            position: absolute;
            top: 35px;
            left: 30px;
        }
        h5{
            font-size: 30px;
        }
        p{
            font-size: 16px;
            line-height:33px;
        }
    }
}

.common_box{
    background: url("../../images/finops/frame.svg") center/100% 100% no-repeat;
    /* width: 520px; */
    width: 513px;
    height: 300px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 25px 20px 20px 20px;
    .img_box{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .text_box{      
        margin-left: 5px;  
        h5{
            font-size: 30px;
        }
    }
    ul.items_list{
        padding: 0;
        list-style: none;
        margin-top: 15px;
        li{
            margin-bottom: 7px;
            position: relative;
            padding-left: 30px;
            span{
                font-size: 16px;
                line-height: 100%;
            }
            &:last-child{
                margin-bottom: 0;
            }
            &::before{
                content: "";
                position: absolute;
                background: url("../../images/finops/right_check.svg") center/100% 100% no-repeat;
                height: 17px;
                width: 18px;
                top: 2px;
                left: 0;
            }           
        }
    }
}
.finops_section4{
    .bg_effect_sec{
        position: relative;
        &::before {
            content: "";
            position: absolute;
            left: 24%;
            top: 15%;
            background: #1AC5FF;
            border-radius: 50%;
            filter: blur(185px);
            z-index: 1;
            height: 32%;
            width: 49%;
            transform: rotate(135deg);
        }
        &::after {
            content: "";
            position: absolute;
            left: 14%;
            bottom: 28%;
            background: #fff;
            width: 70%;
            height: 24%;
            border-radius: 50%;
            filter: blur(250px);
        }
    }
    .text-center.z_index{
        position: relative;
        z-index: 1;
    }
    .common_box{
        background: url("../../images/finops/finopscost_key_benefits_frame.svg") center/100% 100% no-repeat;
        /* width: 280px; */
        width: 270px;
        height: 350px;
        flex-direction: column;
        margin-bottom: 10px;
        padding: 25px 18px 20px 18px;
        transition: background 0.3s ease;
        position: relative;
        z-index: 1;
        &:hover{
            background: url("../../images/finops/finopscost_key_benefits_frame_2.svg") center/100% 100% no-repeat;
        }
        img{
            width: 100px;
            height: 100px;
        }
        h5{
            margin-top: 15px;
            margin-bottom: 20px;
        }
    }
}
@media only screen and (max-width:1279px){
    .finops_section {
    h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }
}
.finops_section2 {
    .finops_cms {
        .text_head {
            position: unset;
            margin-bottom: 2rem;
        }
    }
}
.common_box{
    flex-direction: column;
    background: linear-gradient(270deg, #031014, #014e5a) padding-box, linear-gradient(269deg, #02353f, #547378, #465b5e, #45575d) border-box;
    border: 1px solid transparent !important;
    border-radius: 20px;
    width: 100%;
    height: auto;
    .img_box {
           justify-content: flex-start;
           margin-bottom: 1rem;
     }
    .text_box {
        h5 {
            font-size: 20px;
        }
    }
    img{
        height:80px;
    }
}
 .finops_section3_inner {
            padding: 0px !important;
}
.finops_section4 {
   .common_box {
            background: linear-gradient(222deg, #090f10, #0d2f3c) padding-box, linear-gradient(269deg, #02353f, #547378, #465b5e, #45575d) border-box;
            border: 1px solid transparent !important;
            border-radius: 20px;
            width:100%;
            height: auto;
            &:hover{
               background: linear-gradient(222deg, #090f10, #095673) padding-box, linear-gradient(269deg, #0d788d, #24808f, #478d97, #28738c) border-box;
            } 
        img {
            width: 70px;
            height: 70px;
        }
    }
    .bg_effect_sec {
        &::after,&::before {
            display:none;
        }
    }
}
}
@media only screen and (min-width: 768px) and (max-width: 1179px) {
    .video_banner.common_banner {
        top: -85px;
    }
    .client_section {
        margin-top: 10rem;
    }
        .common_box {
        height: calc(100% - 20px);
    }
        .finops_section4 {
        .common_box {
            height: calc(100% - 20px);
        }
    }
    h5 {
            font-size: 16px;
    }
}