.intro-model-home_intro {
    padding:220px 0px 40px;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    align-items:center
}

.intro-model-home_intro::before {
    position:absolute;
    content:'';
    width:100%;
    height:514px;
    bottom:0;
    left:0;
    background-image:var(--iurl);
    background-repeat:no-repeat;
    z-index:-1;
    transform:rotateY(180deg)
}

.intro-model-home_intro::after {
    content:'';
    position:absolute;
    bottom:0;
    height:150px;
    background:linear-gradient(0deg,var(--bgcolor),transparent);
    right:0;
    width:100%;
    z-index:-1
}

.YourColor-IntroBoxes.intro-model-intro_v1 {
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:center
}

.-YourColor-Intro-Info {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    flex-wrap:wrap;
    text-align:start;
    flex:1;
    position:relative;
    margin-inline-end:50px;}

.-YourColor-Intro-Info>.widget__before_title {
    font-weight:400;
    font-size:27px;
    margin-bottom:15px;
    display:block;
    text-align:start;
    perspective:400px;
    color:#dfdfdf
}

.-YourColor-Intro-Info>h1 {
    font-size:42px;
    font-weight:600;
    line-height:1.6;
    margin-bottom:15px;
    max-width:100%
}

.-YourColor-Intro-Info>h1>strong {
    color:var(--intro-titlestrong-color);
    position:relative;
    display:inline-block
}

.-YourColor-Intro-Info>.-p-content {
    font-size: 19px;
    line-height:1.8;
    font-weight: 400;
    color:var(--secondarytext);
    max-width:700px
}

.-YourColor-IntroBoxInfo {
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    align-content:center;
    position:relative
}

.Intro-Container {
    display:flex;
    max-width:var(--container-width);
    min-width:var(--container-width);
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
    padding:var(--container-padding);
}

.--images--intro--area {
    min-width:570px;
}

.image-right {
    position:relative;
    width:100%;
    height:622px
}

.image-right .item1 {
    position:absolute;
    left:101px;
    top:36px;
    animation:movedown 3s infinite linear alternate
}

.image-right .item2 {
    width:19px;
    height:20px;
    position:absolute;
    left:455px;
    top:469px;
    animation:scale1 3s infinite linear alternate
}

.image-right .item3 {
    position:absolute;
    left:468px;
    top:293px;
    animation:movedown 3s infinite linear alternate
}

.image-right .item4 {
    position:absolute;
    left:396px;
    top:103px;
    animation:move1 7s infinite linear
}

.image-right .item5 {
    position:absolute;
    left:46px;
    top:49px;
    animation:moveleft 3s infinite linear alternate
}

.image-right .item6 {
    width:21px;
    height:21px;
    position:absolute;
    left:-100px;
    top:176px;
    animation:scale1 3s infinite linear alternate;
    animation-delay:1.5s
}

.image-right .item7 {
    position:absolute;
    width:80px;
    height:82px;
    left:-5px;
    top:200px;
    animation:rotate360 3s infinite linear
}

.image-right .item8 {
    position:absolute;
    width:16px;
    height:17px;
    left:-7px;
    top:412px;
    animation:rotate360 1.5s infinite linear
}

.icon-background .item1 {
    position:absolute;
    top:171px;
    right:-150px;
    z-index:-1;
    animation:move1 7s infinite linear
}

.icon-background .item2 {
    position:absolute;
    top:258px;
    right:-79px;
    z-index:-1;
    animation:flicker 3s infinite linear alternate;
    animation-delay:0.5s
}

.icon-background .item3 {
    position:absolute;
    top:165px;
    left:-86px;
    z-index:-1;
    animation:flicker 3s infinite linear alternate;
    animation-delay:1s
}

.icon-background .item4 {
    position:absolute;
    top:26px;
    right:-30px;
    z-index:-1;
    animation:movedown 3s infinite linear alternate
}

.icon-background .item6 {
    position:absolute;
    top:-30px;
    right:170px;
    z-index:-1;
    animation:flicker 3s infinite linear alternate;
    animation-delay:1.5s
}

.icon-background .item7 {
    position:absolute;
    bottom:0;
    left:100px;
    z-index:-1;
    animation:moveleft 3s infinite linear
}

.icon-background .item8 {
    position:absolute;
    bottom:200px;
    right:460px;
    z-index:-1;
    animation:flicker 3s infinite linear alternate;
    animation-delay:2s
}

.icon-background .item9 {
    position:absolute;
    top:109px;
    left:-50px;
    z-index:-1;
    animation:flicker 3s infinite linear alternate;
    animation-delay:2.5s
}

.icon-background .item10 {
    position:absolute;
    top:249px;
    left:0;
    z-index:-1;
    animation:rotate360 1.5s infinite linear
}

@keyframes rotate360 {
    from {
        transform:rotate(0deg) scale(1)
    }

    to {
        transform:rotate(360deg)
    }
}

@keyframes rotate360 {
    from {
        transform:rotate(0deg) scale(1)
    }

    to {
        transform:rotate(360deg)
    }
}

@keyframes scale1 {
    0% {
        transform:scale(1)
    }

    50% {
        transform:scale(1.2)
    }

    100% {
        transform:scale(1)
    }
}

@keyframes moveleft {
    0% {
        -webkit-transform:translate(0);
        transform:translate(0)
    }

    50% {
        -webkit-transform:translate(-15px);
        transform:translate(-15px)
    }

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

@keyframes move1 {
    0% {
        -webkit-transform:translate(0);
        transform:translate(0)
    }

    33% {
        -webkit-transform:translate(-15px,-15px);
        transform:translate(-15px,-15px)
    }

    66% {
        -webkit-transform:translate(-30px,0);
        transform:translate(-30px,0)
    }

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

@keyframes movedown {
    0% {
        -webkit-transform:translate(0);
        transform:translate(0)
    }

    50% {
        -webkit-transform:translateY(15px);
        transform:translateY(15px)
    }

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

@keyframes flicker {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

@media only screen and (max-width:1439px) {
    * {
    }
}

@media only screen and (max-width:1200px) {
    * {
    }

    .-Special-TextImage-widgets-image-v1 > img {
    }

    .intro-model-home_intro {
        padding-top:150px;
    }

    .-YourColor-Intro-Info {
        margin-inline-end:30px; }

    .image-right .item3 {
        display:none;
    }

    .--images--intro--area {
        min-width:400px;
        z-index:-1;
    }
}

@media only screen and (max-width:1125px) {
    * {
    }
}

@media (max-width:992px) {
    * {
    }

    .-YourColor-Intro-Info {
        margin-inline-end:0; text-align:center;
        justify-content:center;
        align-items:center;
        max-width:700px;
    }

    .--images--intro--area {
        display:none;
    }
}

@media (max-width:850px) {
    * {
    }

    .-YourColor-Intro-Info>h1 {
        font-size:30px;
    }
}

@media (max-width:768px) {
    * {
    }
}

@media (max-width:700px) {
    * {
    }
}

@media only screen and (max-width:580px) {
    * {
    }
}

@media (max-width:500px) {
    * {
    }

    .-YourColor-Intro-Info>h1 {
        font-size:25px;
    }.-YourColor-Intro-Info>.-p-content {
        font-size:18px;
    }
}

@media (max-width:380px) {
    * {
    }
}

@media (max-width:320px) {
    * {
    }
}

@media only screen and (max-width:410px) {
    * {
    }
}