html, body {
    min-height: 100vh;
    overflow-x: hidden;
}


.body {
    margin: 0;
    padding: 0;

}
.pb-4, .py-4 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}


.page_index_screen_1 {
    margin: 0;
    padding: 0;
    background-blend-mode: multiply;
    /*background-image: url("../images/background_image.jpg");*/
    /*background-image: url("../images/banner-img2.jpg");*/
    /*background-image: url("../images/8.jpeg");*/
    /*background-image: url("https://ld-wp.template-help.com/rockthemes/19676/wp-content/uploads/2018/08/avantgarde-concept-769583-unsplash.jpg");*/
    background-image: url("../image/background_img.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: #1f2731;*/
    background-color: #545454;



    /*background-image: url("../images/banner-img2.jpg");*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-color: black;*/
    /*opacity: 0.2;*/
    min-height: 70vh;
    width: 100vw;
}
.page_index_screen_2 {
    color: white;

    animation-timing-function: ease-in;
    animation-duration: 10s;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.elementor-img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    flex-grow: 1;
}
.element1 {

   /*margin-bottom: 5rem;*/

}
/* ANIMATIONS */
@keyframes fadeInUp {
    0% {
        transform: translateY(100px);
        opacity: 0; }
    100% {
        transform: translateY(0);
        opacity: 1; } }
@keyframes fadeInDown {
    0% {
        transform: translateY(-100px);
        opacity: 0; }
    100% {
        transform: translateY(0);
        opacity: 1; } }
@keyframes fadeInLeft {
    0% {
        transform: translateX(200px);
        opacity: 0; }
    100% {
        transform: translateX(0);
        opacity: 1; } }
@keyframes fadeInRight {
    0% {
        transform: translateX(-200px);
        opacity: 0; }
    100% {
        transform: translateX(0);
        opacity: 1; } }
@keyframes scale {
    0% {
        transform: scale(0, 0);
        opacity: 0; }
    100% {
        transform: scale(1, 1);
        opacity: 1; } }
.animated {
    animation-duration: 1000ms;
    animation-timing-function: ease-out;
    animation-delay: 100ms;
    animation-play-state: paused;
    animation-fill-mode: backwards;
    /*animation-fill-mode: forwards;*/
}

.animated-fade-in-up {
    animation-name: fadeInUp; }

.animated-fade-in-down {
    animation-name: fadeInDown; }

.animated-fade-in-left {
    animation-name: fadeInLeft; }

.animated-fade-in-right {
    animation-name: fadeInRight; }

.animated-scale {
    animation-name: scale; }

.animated-start {
    animation-play-state: running; }

.animated-delay-100 {
    animation-delay: 100ms; }

.animated-delay-200 {
    animation-delay: 200ms; }

.animated-delay-300 {
    animation-delay: 300ms; }

.animated-delay-400 {
    animation-delay: 400ms; }

.animated-delay-500 {
    animation-delay: 500ms; }

.animated-delay-600 {
    animation-delay: 600ms; }

.animated-delay-700 {
    animation-delay: 700ms; }

.animated-delay-800 {
    animation-delay: 800ms; }

.animated-delay-900 {
    animation-delay: 900ms; }

.animated-delay-1000 {
    animation-delay: 1000ms; }

.animated-delay-1100 {
    animation-delay: 1100ms; }

.animated-delay-1200 {
    animation-delay: 1200ms; }

.animated-delay-1300 {
    animation-delay: 1300ms; }

.animated-delay-1400 {
    animation-delay: 1400ms; }

.animated-delay-1500 {
    animation-delay: 1500ms; }

.animated-delay-1600 {
    animation-delay: 1600ms; }

.animated-delay-1700 {
    animation-delay: 1700ms; }

.animated-delay-1800 {
    animation-delay: 1800ms; }

.animated-delay-1900 {
    animation-delay: 1900ms; }

.animated-delay-2000 {
    animation-delay: 2000ms; }