body {
    background: #fff;
}

.padding-card-footer {
    padding: 20px;
}

a.btn-secondary img.mobile-view {
    width: 10%;
}

.text-xs-center {
    align-items: center;
}

@media (min-width:600px) and (max-width: 970px) {
    .desktoplogo {
        position: relative;
        z-index: 1;
        display: none;
    }
}


@media (min-width: 1000px) {
    .mobile-view {
        display: none;
    }
}

@media (max-width: 1000px) {
    .Destop-view {
        display: none;
    }

    #mobile-view-paragraph {
        display: none !important;
    }
}

@media (max-width: 768px) {


    .Destop-view {
        display: none;
    }

    .center a {
        margin: 15px 0;
        padding: 17px 17px !important;
        font-size: 15px;
        background-color: #3590bb66;
        color: white;
        border-radius: 10px;
        cursor: pointer;
    }
}

.center {
    text-align: center;
    padding: 20px;
    height: 75px;
}

    .center a {
        margin: 15px 0;
        padding: 17px 47px;
        font-size: 15px;
        background-color: #3590bb66;
        color: white;
        border-radius: 10px;
        cursor: pointer;
    }

.carousel-inner {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #082740;
    opacity: 0.4;
}

.carousel {
    height: 767px;
}

.carousel-item {
    height: 767px !important;
}

    .carousel-item img {
        height: 767px !important;
    }

.active-1 {
    /*color: red !important;*/
}

.styled {
    margin: -530px auto 0;
    position: relative;
    z-index: 1;
    color: #fff;
}

    .styled h1 {
        font-size: 42px;
    }

    .styled .text-black {
        font-size: 24px;
        font-weight: 500;
    }

.sptb {
    background: #f3f2ee;
}

@media (max-width: 576px) {
    .carousel {
        height: 800px;
    }

    .carousel-item {
        height: 800px !important;
    }

    .styled {
        margin: -365px auto 0;
    }

    .styled {
        margin: -600px auto 0;
    }
}

@media screen and (max-width: 768px) {
    .carousel {
        height: 685px;
        background: linear-gradient(180deg,#4ea7f9,#012169) !important;
    }

    .carousel-inner {
        background-color: unset;
    }

    .carousel img {
        display: none !important;
    }
}