.bg-dark{
    background-color: #020202 !important;
}

.bg-image {
    height: 900px;
    background-image: url('../assets/img/beautiful_apps.png') !important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 2px !important;
    margin-right: 2px !important;

}
.triagles-image {
    height: 320px;
    background-image: url('../assets/img/BG1.jpg') !important;
    background-repeat: no-repeat;
    background-size: 100%;
}

.bottom-border{
    border-bottom: 9px solid #009FE3;
    
}

.right-side-content{
    margin-bottom: 7.3rem !important;
    
}

.btn-blue{
    background-color: #009FE3 !important;
    border-radius: 15px !important;
    text-transform: uppercase !important;
    color: white !important;
    width: 231px !important;
    height: 57px !important;
    font-weight: 600 !important;
    margin-right: 20px;
}

.content{
    margin-left: 0;
}

.btns{
    display: flex !important;
    flex-wrap: nowrap !important; 
    margin-top: 40px;
 }


@media (max-width: 768px) and (min-width: 200px) {
    .btn-blue{
        color: white !important;
        width: 160px !important;
        height: 40px !important;
        font-size: 13px !important;
        border-radius: 9px !important;
    }


    .right-side{
        height: 400px;
        background-image: url('../assets/img/BG1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .adapt-hide{
    display: none;
    }


}

@media (max-width: 1412px) and (min-width: 880px) {
    .btn-blue{
        color: white !important;
    width: 195px !important;
    height: 50px !important;
    font-size: 16px !important;
    border-radius: 13px !important;
    }

    .img-laptop{
        width: 100%;
    }

    .c6{
        width: 90% !important;
    }
}

.icon{
    width: 180px;
}

.bg-blur{
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12px);
    padding: 30px 20px 30px 71px;
}

.bg-cont{
    background-image: url(../assets/img/Rectangle15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 880px) and (min-width: 557px) {

    .adapt-hide1{
        display: none;
        }

        .bg-blur{
            width: 100% !important;
            padding: 14px;
        }

        .col-img-laptop{
            display: none !important;
        }

        .c6-logo{
            width: 110px !important;
            height: 110px !important;
        }

        .c6{
            width: 90% !important;
        }

        .menu{
            display: none !important;
        }
}

@media (max-width: 557px) and (min-width: 417px) {

    .adapt-hide1{
        display: none;
        }

        .bg-blur{
            width: 100% !important;
            padding: 14px;
        }

        .t-18-400-align-left{
            font-size: 14px !important;
            line-height: 200% !important;
        }

        .col-img-laptop{
            display: none !important;
        }

        .content{
            margin: 0;
        }

        .c6-logo{
            width: 100px !important;
            height: 100px !important;
        }

        .c6{
            width: 90% !important;
        }

        .menu{
            display: none !important;
        }

}

@media (max-width: 417px) and (min-width: 200px) {
    .adapt-hide3{
        display: none !important;
    }

    .adapt-hide1{
        display: none;
        }

        .bg-blur{
            width: 100% !important;
            padding: 14px;
        }

        .t-18-400-align-left{
            font-size: 14px !important;
            line-height: 200% !important;
        }

        .col-img-laptop{
            display: none !important;
        }

        .content{
            margin: 0;
        }

        .c6-logo{
            width: 90px !important;
            height: 90px !important;
        }

        .c6{
            width: 90% !important;
            margin-bottom: 50px;
        }

        .menu{
            display: none !important;
        }

        .btns{
           flex-wrap: wrap !important; 
           margin: 0 !important;
           gap: 20px;
        }

        .btn-blue{
            width: 100% !important;
            margin-top: 15px;
            margin-right: 0 !important;
        }

        .right-side-content{
            margin-top: 70px;
        }

        
}

.c6{
    width: 63%;
    margin-top: 143px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10vw !important;
    margin-top: 10vw !important;
    margin: 0 auto;
    }
    
    .c6-logo{
    display: flex;
    flex-direction: column;
    width: 162px;
    height: 162px;
    margin-top: 28px;
    opacity: 69%;
    margin-left: 20px;
    margin-right: 20px;
    }
    
    .c6-logos{
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 60px;
    justify-content: center;
    }

    .footer-bg{
        background-image: url(../assets/img/footer.png);
        background-size: cover;
        background-repeat: no-repeat;
    }