.header-btn {
    margin-left: 12px;
}

.dropdown-item:hover, .navbar-expand-md:hover, .navbar-nav:hover, .nav-link:hover {
    color: #007bff!important;
}

.icon-solution {
 /* padding: calc(50% - 70px) 25px 25px 25px; */
    height: 104px;
    margin-top: 30%;
    margin-bottom: 30px;
}

.carousel-control-next, .carousel-control-prev{
    border: transparent;
    color: transparent;
    background-color: transparent;
}

.carousel-control-next:hover span, .carousel-control-prev:hover span{
    filter: invert(1);
}

.flip-card-front {
    color: black;
    background-color: transparent;
    background-clip: content-box!important;
    -webkit-background-clip: content-box!important;
    background: linear-gradient(0deg, #F3F9FD, #F3F9FD);
    height: 350px;
    padding: 10px;
}

.flip-card-back {
    color: white!important;
    transform: rotateY(180deg);
    background: linear-gradient(104deg, #05A5F3, #26EAA3);
    height: 350px;
    display: flex;
    /* padding: 100px 10px 10px 10px; */
}

.gb:hover {
    color: rgba(255, 255, 255, 1)!important;
}

.gb {
    color: rgba(0, 0, 0, 1)!important;
}

@media (max-width: 1024px) {
    .tc-black {
        font-size: 28px!important;
    }

    #footer, .p-1-style {
        font-size: 12px!important;
    }

    .h1-style, .h1-our-partners-style, h1 {
        font-size: 28px!important;
    }

    .text-span-color {
        font-size: 12px!important;
    }

    .mg-md text-lg-center h3-style text-md-center tc-black-3 {
        font-size: 14px!important;
    }

    .feedback-slider-item {
        font-size: 14px!important;
    }

    .p-bloc-2-style {
        font-size: 12px!important;
        line-height: 18px!important;
        margin-top: 5px!important;
    }

    .bloc-xxl {
        padding: 100px!important;
    }

    .h2-style {
        font-size: 24px!important;
    }

    .flip-card-back {
        font-size: 14px!important;
    }

    .newsletter-button {
        margin-left: -20px!important;
        position: relative!important;
    }
}

@media (max-width: 575px) {
    #footer, #socialiconfooter {
        text-align: center!important;
    }
}

@media (max-width: 774px) {
    .header-btn {
        margin-left:0px;
        margin-top: 10px;
    }

    .flip-card-back, .flip-card-front {
        height: 180px!important;
    }

    .col {
        flex-basis: auto!important;
    }

    .slider-img-k {
        width: 66%!important;
    }

    #slider_main,.carousel-item {
        height: 70vh!important;
    }

    h1 {
        text-align: center;
    }

    #newsletter-form {
        flex: 0 0 100%!important;
    }

    .tc-black {
        font-size: 16px!important;
    }

    #footer, .p-1-style {
        font-size: 10px!important;
    }

    .h1-style, .h1-our-partners-style, h1 {
        font-size: 18px!important;
    }

    .text-span-color {
        font-size: 10px!important;
    }

    .mg-md text-lg-center h3-style text-md-center tc-black-3 {
        font-size: 10px!important;
    }

    .feedback-slider-item {
        font-size: 10px!important;
        position: relative!important;
        padding: 20px!important;
        margin-top: 0px!important;
    }

    .customer-feedback .owl-item img {
        width: 50px!important;
        height: 50px!important;
    }

    .p-bloc-2-style {
        font-size: 10px!important;
        line-height: 14px!important;
        margin-top: 5px!important;
    }

    .bloc-xxl {
        padding: 50px!important;
    }

    .h2-style {
        font-size: 16px!important;
    }

    .icon-solution {
        padding: 30px 25px 25px 25px;
        margin-top: inherit;
        margin-bottom: inherit;
    }

    /*
    .flip-card-back {
        font-size: 8px!important;
    }
    */

    .customer-name {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 12px!important;
    }

    .owl-carousel .owl-item img {
        margin: auto!important;
    }

    .feedback-slider-item:after {
        background-color: white;
        padding: 100px;
    }

    .bg-bg-videos {
        background-image: url(img/bg-videos.png);
        background-position: top;
        background-size: inherit;
    }

    .btn-style {
        width: 100%;
    }

    .btn-contact-us-style {
        width: max-content!important;
        margin-top: -40px!important;
    }

    .h3-style {
        font-size: inherit;
    }

    img.mg-lg {
        margin-bottom: 0px;
    }

    .icon-k {
        padding: 3px!important;
        width: 25px;
    }

    .box-services {
        height: 180px;
    }
}