/* body {
    width: 100vw !important;
    overflow-x: hidden !important;
} */
@media (max-width: 767px) {
    .overflow-x-hidden-mobile {
        overflow-x: clip !important;
        overflow-y: visible !important;
    }
    .overflow-x-visible-mobile {
        overflow-x: visible !important;
    }
}
.blur-image {
    background: rgba(255, 255, 255, 0.4);
    /* border: 1px solid rgba(255, 255, 255, 0.18); */
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    /* transform: rotate(-5deg); */
    box-shadow:
        0px 3px 7px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.blur-image::before {
    content: "";
    position: absolute;
    inset: -20% -20%;
    background: radial-gradient(circle at 22% 22%, rgba(255, 255, 255, 0.5), transparent 45%),
        radial-gradient(circle at 78% 12%, rgba(59, 130, 246, 0.45), transparent 40%),
        radial-gradient(circle at 42% 82%, rgba(236, 72, 153, 0.4), transparent 45%);
    filter: blur(42px);
    opacity: 0.9;
    z-index: 0;
}
.blur-image::after {
    content: "";
    position: absolute;
    top: 10%;
    left: 8%;
    width: 55%;
    height: 30%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 70%);
    opacity: 0.35;
    /* transform: rotate(-8deg); */
    z-index: 1;
}
/* .blur-image-1 {
    transform: rotate(-1deg);
}
.blur-image-2 {
    transform: rotate(-1deg);
}
.blur-image-3 {
    transform: rotate(-1deg);
} */
.widget-img-1 {
    top: 5%;
    left: 55%;
    box-shadow:
        0px 5px 19px 7px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: rotate(1deg);
}
.widget-img-2 {
    top: 50%;
    left: 55%;
    box-shadow:
        0px 5px 5px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: rotate(-1deg);
}
.widget-img-3 {
    top: 65%;
    left: -10%;
    box-shadow:
        0px 5px 12px 5px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: rotate(1deg);
}
.widget-img-4 {
    top: 5%;
    left: -5%;
    box-shadow:
        0px 5px 26px 10px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: rotate(-1deg);
}
.blur-back-image {
    position: absolute;
    top: calc(45% - 250px);
    left: calc(50% - 250px);
    width: 500px;
    z-index: -1;
    /* animation:
        back-image-rotation 300s infinite,
        back-image-pulsating 5s infinite;
    animation-timing-function: linear; */
    opacity: 0.3;
}
.blur-back-image-radar {
    position: absolute;
    top: calc(45% - 250px);
    left: calc(50% - 250px);
    width: 500px;
    z-index: 0;
    animation: back-image-rotation 10s infinite;
    /* animation-timing-function: linear; */
    opacity: 1;
}
.widget-img-5 {
    top: 0%;
    left: 0%;
    transform: rotate(0deg);
}
.widget-img-6 {
    top: 40%;
    left: 30%;
    transform: rotate(0deg);
    opacity: 0.7;
}
.widget-img-7 {
    top: 10%;
    left: 10%;
    transform: rotate(0deg);
}
.widget-img-8 {
    transform: rotate(0deg);
    background: #fff;
}
.widget-img-9 {
    top: 10%;
    left: 20%;
    transform: rotate(0deg);
    background: #fff;
}

.widget-img-10 {
    top: 68%;
    left: -5%;
    transform: rotate(0deg);
    background: #0958d9;
}

.widget-img-11 {
    top: 52%;
    left: 130px;
    transform: rotate(0deg);
    background: #00ba69;
    height: 100px !important;
}

.widget-img-12 {
    top: 54%;
    left: 260px;
    transform: rotate(0deg);
    background: #53c71a;
    height: 100px !important;
}

.widget-img-13 {
    top: 52%;
    left: 390px;
    transform: rotate(0deg);
    background: #b6b6b6;
    height: 100px !important;
}

.widget-img-14 {
    top: 26%;
    left: 0%;
    transform: rotate(0deg);
    background: #0958d7;
    height: 100px !important;
}

.widget-img-15 {
    top: 24%;
    left: 130px;
    transform: rotate(0deg);
    background: #0078ac;
    height: 100px !important;
}

.widget-img-16 {
    top: 26%;
    left: 260px;
    transform: rotate(0deg);
    background: #0086a5;
    height: 100px !important;
}

.widget-img-17 {
    top: 24%;
    left: 390px;
    transform: rotate(0deg);
    background: #0094a1;
    height: 100px !important;
}

.widget-img-18 {
    top: 54%;
    left: -6%;
    transform: rotate(0deg);
    background: #00a691;
    height: 100px !important;
}

.widget-img-19 {
    top: 30%;
    left: 25%;
    position: absolute;
    transform: rotate(0deg);
}

.widget-img-20 {
    top: 100px;
    left: 0%;
    transform: rotate(-5deg);
    position: absolute;
    width: 200px;
    z-index: -1;
    opacity: 0.1;
}

.widget-img-21 {
    top: 0px;
    left: 70%;
    transform: rotate(5deg);
    position: absolute;
    width: 350px;
    z-index: -1;
    opacity: 0.1;
}

.widget-img-22 {
    margin-top: 400px;
    margin-left: 10%;
    transform: rotate(-5deg);
    position: absolute;
    width: 230px;
    z-index: -1;
    opacity: 0.1;
}

.widget-img-23 {
    top: 20%;
    right: 0%;
    position: absolute;
    width: 416px;
    transform: rotate(0deg);
}

.widget-img-24 {
    top: 0%;
    left: 0%;
    position: absolute;
    width: 196px;
    transform: rotate(0deg);
}

.img-peice .img-one {
    top: 50px;
    left: -7%;
    z-index: 8;
}
.img-peice .img-two {
    top: 130px;
    left: 70%;
    z-index: 8;
}
.img-peice .img-three {
    top: 220px;
    left: -6%;
    z-index: 8;
}
.img-peice .img-four {
    top: 270px;
    left: 72%;
    z-index: 8;
}
.img-peice .img-five {
    top: 380px;
    left: -6%;
    z-index: 8;
}
.img-peice .img-six {
    top: 420px;
    left: 71%;
    z-index: 8;
}
.img-peice .img-seven {
    top: 50px;
    left: 69%;
    z-index: 8;
}
.img-peice .img-eight {
    top: 220px;
    left: 71%;
    z-index: 8;
}
.img-peice .img-nine {
    top: 400px;
    left: 67%;
    z-index: 8;
}
.cards-rapoarte {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 8;
}

@keyframes back-image-rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    .widget-img-1 {
        top: -10%;
        left: 45%;
    }
    .widget-img-2 {
        top: 50%;
        left: 55%;
    }
    .widget-img-3 {
        top: 35%;
        left: -20%;
    }
    .widget-img-4 {
        top: -50%;
        left: -20%;
    }
    .widget-img-7 {
        left: 0;
        width: 300px;
    }
    .img-two,
    .img-four,
    .img-six,
    .img-seven,
    .img-eight,
    .img-nine {
        display: none;
    }
    .widget-img-17,
    .widget-img-13 {
        display: none;
    }
    .widget-img-18,
    .widget-img-12 {
        top: 58%;
    }
    .widget-img-11 {
        top: 56%;
    }
    .widget-img-19 {
        top: 15%;
        left: 10%;
    }
}
@media (max-width: 992px) {
    .widget-img-1 {
        top: 5%;
        left: 52%;
    }
    .widget-img-2 {
        top: 50%;
        left: 52%;
    }
    .widget-img-3 {
        top: 65%;
        left: 0%;
    }
    .widget-img-4 {
        top: 5%;
        left: 0%;
    }
    .hero-subscribe-form-wrap {
        max-width: 280px;
    }
    .widget-img-7 {
        margin-left: calc(50% - 230px) !important;
        width: 427px;
    }
    .image-cut-mobile-1 {
        max-height: 380px;
    }
    .image-cut-mobile-2 {
        display: none;
    }
    .image-cut-mobile-3 {
        max-height: 280px;
    }
    .widget-img-17,
    .widget-img-13 {
        display: block;
    }
    .widget-img-18,
    .widget-img-12 {
        top: 64%;
    }
    .widget-img-11,
    .widget-img-13 {
        top: 62%;
    }
    .widget-img-14,
    .widget-img-16 {
        top: 15%;
    }
    .widget-img-15,
    .widget-img-17 {
        top: 13%;
    }
    .widget-img-19 {
        top: 0%;
        left: calc(50% - 180px);
    }
}
@media (max-width: 768px) {
    .hero-section {
        min-height: 1150px;
    }
    .blur-back-image,
    .blur-back-image-radar {
        top: 100px;
    }
    .buton-download {
        margin-bottom: 20px;
    }
    .widget-img-1 {
        top: 300px;
        left: calc(50% - 180px);
        transform: rotate(0deg);
    }
    .widget-img-2 {
        display: none;
    }
    .widget-img-3 {
        top: 500px;
        left: calc(50% - 175px);
        transform: rotate(0deg);
    }
    .widget-img-4 {
        top: 0%;
        left: calc(50% - 175px);
        transform: rotate(0deg);
    }
    .widget-img-5 {
        top: -5%;
    }
    .widget-img-6 {
        left: 20%;
    }
    .image-cut-mobile-4 {
        height: 430px;
    }
    .widget-img-7 {
        margin-left: 0 !important;
        left: 0;
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        display: block;
    }
    .widget-img-7-wrap {
        padding-bottom: 120px !important;
    }
    .widget-img-17,
    .widget-img-13 {
        display: none;
    }
    .widget-img-20 {
        top: -20px;
        left: -30px;
    }
    .widget-img-21 {
        width: 220px;
    }
    .widget-img-22 {
        display: none;
    }
}
.no-padding {
    padding: 0px !important;
}