﻿/*LOADER*/
a.button {
    cursor: pointer;
}

/* THE CARD */
.cards {
    display: flex;
}

.card {
    margin: 10px;
    width: 300px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    .image

{
    img

{
    max-width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

}

.content {
    padding: 20px 30px;
}

}

.card.is-loading {
    .image, h2, p

{
    background: #eee;
    background: linear-gradient( 110deg, #ececec 8%, #f5f5f5 18%, #ececec 33% );
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.image {
    height: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

h2 {
    height: 10px !important;
    padding: 5px 0 !important;
}

p {
    height: 70px;
}

}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

@media screen and (min-width: 769px) {
    .hide-lg {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .hide-xs {
        display: none !important;
    }

    .boxx {
        padding: 0;
        transform: scale(0.93);
        text-align: center;
    }

        .boxx p {
            text-align: center;
        }

    .solution p {
        margin-top: 20px;
        margin-bottom: -10px;
        text-align: left !important;
    }

    .solution {
        padding: 10px 20px;
        margin-top: -20px;
    }

    .block03 {
        padding: 10px 20px;
    }

    .block06 {
        padding: 0 30px;
    }

        .block06 .col-md-6 {
            padding-left: 0;
            padding-right: 0;
        }

        .block06 ul,
        .block07,
        .airpuri,
        .block08,
        .block8 {
            padding: 0 20px;
        }

        .block06 h2 {
            margin: 0 !important;
        }

    .block07 .ml-4 {
        margin-left: 0 !important;
    }

    .block04 {
        padding: 0;
    }
}

/* End LOADER */

.slick-prev:before, .slick-next:before {
    color: #cccccc;
    font-size: 30px;
}