.main {
}

.home-wrapper {
    background-color: var(--black-color);
    background-repeat: no-repeat;
    background-size: cover;
}

    .home-wrapper .img-box img {
        width: 100%;
    }

.bg-temp__02 {
    background-image: url("../img/home/temp_02.jpg");
}

.bg-temp__03 {
    background-image: url("../img/home/temp_03.jpg");
}

.bg-contact {
    background-image: url("../img/home/bgcontact.jpg");
}

.first-home .img-wrapper {
    border-radius: 20px;
    padding: 3px;
}

.first-home .content-box > a {
    display: inline-block;
    position: relative;
}

.first-home .img-wrapper_item {
    border-radius: 20px;
    padding: 3px;
    text-align:center;
}

    .first-home .img-wrapper_item img {
        max-width: 100px;
        width: 100%;

    }

.first-home a, .second-home a {
    color: var(--white-color);
}

.second-home .img-wrapper {
    border-radius: 20px;
    border: 2px solid rgb(111, 168, 220);
    padding: 15px 0;
    height: 100%;
    text-align: center;
}

    .second-home .img-wrapper img {
        max-width: 50px;
        width: 100%;
        margin-bottom: 10px;
    }

    .second-home .img-wrapper p {
        margin: 0;
    }

.second-home .content-box .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.second-home .content-box a {
    height: 100%;
}

.second-home .content-box .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.third-home ul {
    list-style-type: none;
    color: var(--white-color);
    margin: 0;
    padding: 0;
}

    .third-home ul li {
        padding: 3px;
        background-image: linear-gradient(to right, #56B8FE, #FD84EC, #B008D5);
        border-radius: 20px;
        margin-bottom: 10px;
    }

        .third-home ul li p {
            margin: 0;
            padding: 10px;
            color: var(--white-color);
            background-color: var(--black-color);
            border-radius: 20px;
        }

.third-home .content-box .text a {
    background-color: #AFC409;
    color: white;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 20px;
}

    .third-home .content-box .text a:hover {
        opacity: 0.7;
    }

.fifth-home .fifth-home__wrapper {
    background-color: rgba(1, 18, 33, 0.62);
    padding: 10px;
    border-width: 1px;
    border-style: solid;
}

.fifth-home__wrapper .form-group {
    margin-bottom: 10px;
}