.body {
    background-color: rgb(233, 233, 233) !important;
    padding-top: 106px;
    background-image: url("../../images/2023/bg.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}

.container-fullwidth {
    position: relative;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col {
    padding-left: 0;
    padding-right: 0;
}

.card {
    height: 100%;
    padding: 1.5em .5em .5em;
    border-radius: 2em;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.card-img-top {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.card-title {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    color: white;
}

.card-text {
    text-align: center;
}

.carousel-inner {
    height: 0;
    padding-bottom: 100%;
}

.carousel-item {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.carousel-item img {
    height: 100%;
    object-fit: cover;
}

.slide-title {
    text-shadow: 2px 2px 8px #000000;
}

.solution-container {
    padding-left: auto;
    padding-right: auto;
}

.section {
    scroll-margin-top: 106px;
}

.section-title {
    color: #003366;
}

.about-us-content-title {
    color: #595959;
    text-align: center;
}

.about-us-content-text {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-align: justify;
    color: gray;
}

.card-img-top {
    object-fit: cover;
}

.unstyle-link {
    color: #fff;
    text-decoration: none;
}

.floating-a {
    animation-name: floating-a;
}

.floating-b {
    animation-name: floating-b;
}

.floating-how-a {
    animation-name: floating-how-a;
}

.floating-how-b {
    animation-name: floating-how-b;
}

.floating-how-c {
    animation-name: floating-how-c;
}

.floating-how-d {
    animation-name: floating-how-d;
}

@keyframes floating-a {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 10px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

@keyframes floating-b {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, -10px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

@keyframes floating-how-a {
    0% {
        transform: scale(1, 1);
    }

    12% {
        transform: scale(1.05, 1.05);
    }

    24% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes floating-how-b {
    0% {
        transform: scale(1, 1);
    }

    24% {
        transform: scale(1, 1);
    }

    36% {
        transform: scale(1.05, 1.05);
    }

    48% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes floating-how-c {
    0% {
        transform: scale(1, 1);
    }

    48% {
        transform: scale(1, 1);
    }

    60% {
        transform: scale(1.05, 1.05);
    }

    72% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes floating-how-d {
    0% {
        transform: scale(1, 1);
    }

    72% {
        transform: scale(1, 1);
    }

    84% {
        transform: scale(1.05, 1.05);
    }

    96% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@media screen and (min-width: 768px) {
    .carousel-inner {
        height: 0;
        padding-bottom: 25%;
    }

    .about-us-content-title {
        color: #595959;
        text-align: left;
    }


}

@media only screen and (min-width: 992px) {
    .floating-a {
        animation-name: floating-a;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .floating-b {
        animation-name: floating-b;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .floating-how-a {
        animation-name: floating-how-a;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .floating-how-b {
        animation-name: floating-how-b;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .floating-how-c {
        animation-name: floating-how-c;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    .floating-how-d {
        animation-name: floating-how-d;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }
}

@media only screen and (min-width: 1440px) {
    .solution-container {
        padding-left: 8em;
        padding-right: 8em;
    }
}

/* * {
    outline: 1px solid red;
} */