/*
CTC Separate Stylesheet
Updated: 2024-09-17 08:55:52
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1726563352
*/
button.hustle-button-close {
	top: 16px !important;
	right: 16px !important;
}
.popmake-content p {
	padding-right: 24px !important;
}
.popmake-close {
	padding: 4px !important;
}
.popupformcls textarea.form7popup {
	visibility: hidden;
	height:0;
}
.borderrad iframe {
	border-radius: 10px;
}
.noheight {
	height: 0px;
}
.noheightlabel,
.noheightlabel span {
	height: 0;
	display: block;
}
.footerform .wpcf7-response-output {
	color: #ffffff;
}
.hideresponse .wpcf7-response-output {
	display: none;
}
.setheight {
    height: 24px;
}
a {
    color: unset;
}
.nomarginp p {
	margin-bottom: 0;
}
a:hover {
    color: unset;
}
.elementor-icon i, .elementor-icon svg {
    width: auto;
    height: auto;
}
#page {
    background: #f6f6f6;
}

.height147 {
    height: 147px;
}

/* CIRCLE IMAGE STYLES */
.relativepos {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.center-image {
    position: relative;
}
.boldspans {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}
.animeclass {
    opacity: 0;
    animation: none;
    -webkit-user-select: none;
    user-select: none;
}
.animatepls {
    animation: turnon 1s ease-out forwards;
}

.arrow1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-229px, -279px);
    animation-delay: 0.1s;
}

.text1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-550px, -308px);
    animation-delay: 0.1s;
}
.arrow2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-320px, -107px);
    animation-delay: 0.2s;
}
.text2 {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-658px, -92px);
    animation-delay: 0.2s;
}
.arrow3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-286px, 78px);
    animation-delay: 0.3s;
}
.text3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-658px, 78px);
    animation-delay: 0.3s;
}
.arrow4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(106px, -270px);
    animation-delay: 0.4s;
}
.text4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(265px, -310px);
    animation-delay: 0.4s;
}
.arrow5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(200px, -100px);
    animation-delay: 0.5s;
}
.text5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(337px, -94px);
    animation-delay: 0.5s;
}
.arrow6 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(182px, 77px);
    animation-delay: 0.6s;
}
.text6 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(318px, 71px);
    animation-delay: 0.6s;
}
.roundediframe iframe {
	border-radius: 10px;
}
/* ANIMATION */

@keyframes turnon {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* ///// END CIRCLE IMAGE STYLES ///// */

/* Hero icons */
.moveicon {
    transition: transform 0.1s ease;

}

/* moving windows */
.movedown {
    z-index: 9;
}
.block4 {
    transition: transform 1s ease;
}
.block5 {
    transition: transform 1.5s ease;
}
.block6 {
    transition: transform 2s ease;
}
.block3.hovered {
    transform: translateY(0);
}
.block4.hovered {
    transform: translateY(205px);
}
.block5.hovered {
    transform: translateY(205px);
}
.block6.hovered {
    transform: translateY(205px);
}

.constheight {
    height: 250px;
}
.height665 {
    height: 665px;
}
#moveicon0 {
    overflow: hidden;
}
.height735 {
    height: 735px;
}

.animcarts {
    overflow: hidden;
}
@media screen and (min-width: 1024px) {
    .cart1 {
        transition: 1s ease;
        transform: rotate(-7deg) translate(124px, 20px);
    }
    .cart2 {
        transition: 1s ease;
        transform: translateX(-32px);
    }
    .cart3 {
        transition: 1s ease;
        transform: rotate(11deg) translate(-118px, 43px);
    }
    .cart1.hoveredcarts {
        transform: rotate(0deg) translate(0px, 0px);
    }
    .cart2.hoveredcarts {
        transform:  translateX(0px);
    }
    .cart3.hoveredcarts {
        transform: rotate(0deg) translate(0px, 0px);
    }
}


/* Footer  */

.ylwfooter {
    color: #CFFF71;
}
.form7field {
    background: transparent;
    border-width: 0 0 1px 0 !important;
    color: #f9f9f9;
}

.footerform .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
}
.footerform .wpcf7-form p {
    flex-basis: 32%;
}
.footerform .wpcf7-form p:nth-child(5) {
    flex-basis: 100%;
    margin-right: 0;
}

.footerform .wpcf7-form p:nth-child(6) {
    flex-basis: 100%;
    text-align: right;
}
.footerform .wpcf7-form p:nth-child(3) {
    margin-right: 2%;
    margin-left: 2%;
}
.wpcf7-form label {
    width: 100%;
}
.sbmbtn {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    background: #CFFF71;
    padding: 12px 24px;
    border-radius: 4px;
    border: none;
    color: #111111;
    margin-top: 32px;
}
.sbmbtn:hover, .sbmbtn:focus {
    color: #cfff71;
    background: #070707;
}

.wpcf7-spinner {
    display: none;
}
  /* POPUP */
#popmake-1863 {
    padding: 12px 16px 12px 52px;
}
.form7popup {
    background: transparent;
    border-width: 0 0 1px 0 !important;
    color: #070707;
}
.form7popup::placeholder {
    color: #7c7c7c;
}
.tpopup-window {
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background: rgba(129, 129, 129, 0.3);
    backdrop-filter: blur(10px);
    display:none;
    z-index: 9999;
}
.tpopup-box {
    overflow: auto;
    top:0;
    left:50%;
    transform: translate(-50%, 0);
    text-align: center;
    margin-top: 30px;
}

.tbutton {
    cursor: pointer;
    pointer-events: none;
}
.tbutton a {
    pointer-events: auto;
}
.popupbtn {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: #CFFf71;
    width: 100%;
    color: #070707;
    border: none;
    border-radius: 4px;
}
.popupbtn:hover, .popupbtn:focus {
    background: #070707;
    color: #cfff71;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .dynamicheight {
        transition: height 0.8s ease-in-out;
        height: 513px;
    }
    .dynamicheight.hoveredheight {
        height: 840px;
    }
    .cart2 {
        transition: 1s ease-in-out;
    }
    .cart3 {
        transition: 1.5s ease-in-out;
    }
    .cart1.hoveredcarts {
        transform: translateY(0px);
    }
    .cart2.hoveredcarts {
        transform:  translateY(165px);
    }
    .cart3.hoveredcarts {
        transform: translateY(330px);
    }

    .setheightmob {
        height: 490px;
    }
    .height665 {
        height: 560px;
    }
    .tabicons svg {
        width: 32px;
    }
    .boldspans {
        font-size: 14px;
    }
    .text1 {
        width: 40%;
        transform: translate(40px, -250px);
    }
    .text2 {
        width: 40%;
        transform: translate(40px, -173px);
    }
    .text3 {
        width: 40%;
        transform: translate(40px, -96px);
    }
    .text4 {
        width: 40%;
        transform: translate(40px, -5px);
    }
    .text5 {
        width: 40%;
        transform: translate(40px, 72px);
    }
    .text6 {
        width: 40%;
        transform: translate(40px, 163px);
    }
    .block3 {
        transition: transform 1.25s ease;
    }
    .block4 {
        transition: transform 1.5s ease;
    }
    .block5 {
        transition: transform 1.75s ease;
    }
    .block6 {
        transition: transform 2s ease;
    }
    .block3.hovered {
        transform: translateY(205px);
    }
    .block4.hovered {
        transform: translateY(205px);
    }
    .block5.hovered {
        transform: translateY(410px);
    }
    .block6.hovered {
        transform: translateY(410px);
    }
    .animcart {
        min-height: 225px !important;
    }
    .footerform .wpcf7-form {
        display: block;
    }
    .footerform .wpcf7-form p:nth-child(3) {
        margin-right: auto;
        margin-left: auto;
    }

}


/* half-borders container responsive */
@media only screen and (max-width: 1440px) and (min-width: 1293px) {
    .elementor-element-b09ddd5 {
        width: 1000px;
    }
    .setheightmob {
        height: 620px;
    }
    .halbrdcont {
        width: 1000px !important;
    }
    .height147 {
        min-height: unset;
        height: 114px;
    }
    .halbrdrnumbers p{
        font-size: 20px;
    }
    .halbrdrtexts p {
        font-size: 14px;
    }
    .buttonbrder .elementor-button-text {
        font-size: 14px;
    }
    .buttonbrder .elementor-widget-container {
        margin-left: 0 !important;
    }
    .height735 {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1292px) and (min-width: 768px) {
    .elementor-element-b09ddd5 {
        width: 767px;
    }
    .setheightmob {
        height: 490px;
    }
	.halbrdrtexts {
		width: 64% !important;
	}
    .halbrdcont {
        width: 767px !important;
    }
    .height147 {
        min-height: unset;
        height: 87.5px;
    }
    .halbrdrnumbers p{
        font-size: 16px;
    }
    .halbrdrtexts p {
        font-size: 12px;
    }
    .buttonbrder .elementor-button-text {
        font-size: 11px;
    }
    .buttonbrder .elementor-widget-container {
        margin-left: 0 !important;
    }
    .buttonbrder .elementor-button {
        padding: 6px 12px;
    }
    .height735 {
        padding-left: 0;
    }
    .sameheight {
        height: 154px;
    }
}

/* circle image container */
@media only screen and (max-width: 1440px) and (min-width: 1024px) {

    .boldspans {
        font-size: 16px;
    }
    .text1 p, .text2 p, .text3 p, .text4 p, .text5 p, .text6 p{
        font-size: 13px;
    }
    .text1, .text2, .text3, .text4, .text5, .text6 {
        width: 30%;
    }
    .text1 {
        transform: translate(-470px, -308px);
    }
    .text2 {
        transform: translate(-500px, -92px);
    }
    .arrow2 {
        transform: translate(-300px, -130px);
    }
    .text3 {
        transform: translate(-500px, 78px);
    }
    .arrow3 {
        transform: translate(-286px, 55px);
    }
    .text4 {
        transform: translate(195px, -310px);
    }
    .arrow4 {
        transform: translate(50px, -270px);
    }
    .text5 {
        transform: translate(255px, -94px);
    }
    .arrow5 {
        transform: translate(175px, -130px);
    }
    .text6 {
        transform: translate(250px, 71px);
    }
    .arrow6 {
        transform: translate(180px, 50px);
    }
    /*.maintitle h2 {*/
        /*font-size: 42px !important;*/
    /*}*/
    /*.mainp p {*/
        /*font-size: 17px;*/
    /*}*/
    .moveonhover p {
        font-size: 14px;
    }
    .animcarts p, .animcarts span {
        font-size: 13px !important;
    }
    .animcarts svg {
        width: 32px;
    }
    .footerh2 h2 {
        font-size: 38px !important;
    }

}
@media screen and (max-width: 767px) {
    .maintitle h2{
        font-size: clamp(1.125rem, 3.44vw + 0.351rem, 2rem) !important;
        line-height: clamp(1.688rem, 5.16vw + 0.527rem, 3rem) !important;
    }
    .mainp p {
        font-size: clamp(0.875rem, 0.491vw + 0.764rem, 1rem) !important;
        line-height: clamp(1.313rem, 0.737vw + 1.147rem, 1.5rem) !important;
    }
    .footerh2 h2 {
        font-size: clamp(1.25rem, 0.983vw + 1.029rem, 1.5rem) !important;
    }
    .text1, .text2, .text3, .text4, .text5, .text6 {
        position: relative;
        transform: translate(0px, 0px);
        left: unset;
        width: 100%;
        text-align: left;
    }
    .text1 br, .text2 br, .text3 br, .text4 br, .text5 br, .text6 br {
        display: none;
    }
    .height665 {
        height: 460px;
    }
    .animcart {
        min-height: 225px;
    }

    .tabicons svg {
        width: 32px;
    }
    .sameheight {
        height: 116px;
    }
    #white1 {
        order: 1;
    }
    #white2 {
        order: 3;
    }
    #white3 {
        order: 2;
    }

    .block2 {
        transition: transform 0.5s ease;
    }
    .block3 {
        transition: transform 1s ease;
    }
    .block4 {
        transition: transform 1.25s ease;
    }
    .block5 {
        transition: transform 1.5s ease;
    }
    .block6 {
        transition: transform 1.75s ease;
    }
    .block1.hovered {
        justify-content: space-evenly;
    }
    .block2.hovered {
        justify-content: space-evenly;
        transform: translateY(205px);
    }
    .block3.hovered {
        justify-content: space-evenly;
        transform: translateY(410px);
    }
    .block4.hovered {
        justify-content: space-evenly;
        transform: translateY(615px);
    }
    .block5.hovered {
        justify-content: space-evenly;
        transform: translateY(820px);
    }
    .block6.hovered {
        justify-content: space-evenly;
        transform: translateY(1025px);
    }

    /* Animated Carts */
    .animcart {
        height: 370px;
    }
    .dynamicheight {
        height: 582px;
        transition: height 0.8s ease;
    }
    .dynamicheight.hoveredheight {
        height: 1214px;
    }
    .cart1 {
        justify-content: start;
    }
    .cart2 {
        justify-content: start;
        transition: transform 1s ease-in-out;
    }
    .cart3 {
        justify-content: space-evenly;
        transition: transform 1.5s ease-in-out;
    }
    .cart1.hoveredcarts {
        justify-content: space-evenly;
        transform: translateY(0);
    }
    .cart2.hoveredcarts {
        justify-content: space-evenly;
        transform: translateY(316px);
    }
    .cart3.hoveredcarts {
        justify-content: space-evenly;
        transform: translateY(632px);
    }
    .footerform .wpcf7-form {
        display: block;
    }
    .footerform .wpcf7-form p:nth-child(3) {
        margin-left: auto;
        margin-right: auto;
    }
    .sbmbtn {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 12px;
    }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
    .cart3 .elementor-icon-box-description,
    .cart2 .elementor-icon-box-description,
    .cart1 .elementor-icon-box-description,
    .cart1 span,
    .cart2 span,
    .cart3 span {
        font-size: 16px !important;
        line-height: 21px !important;
    }
}
@media screen and (min-width: 767px) {
    .footerh2 h2 {
        font-size: clamp(1.5rem, 3.571vw - 0.214rem, 3rem) !important;
        line-height: clamp(2rem, 4.762vw - 0.286rem, 4rem) !important;
    }

    .maintitle h2{
        font-size: clamp(2rem, 3.269vw + 0.433rem, 3.375rem) !important;
        line-height: clamp(3rem, 3.566vw + 1.29rem, 4.5rem) !important;
    }
    .mainp p {
        font-size: clamp(1rem, 0.594vw + 0.715rem, 1.25rem) !important;
        line-height: clamp(1.5rem, 0.446vw + 1.286rem, 1.688rem) !important;
    }
}
@media screen and (min-width: 450px) and (max-width: 767px) {
    .fontsizecst p {
        font-size: 16px;
        line-height: 24px;
    }
}

/* HERO ANIMATION */
#moveicon0 {
    animation: icon0 10s ease-in-out infinite;
}
@keyframes icon0 {
    0% {
        top: -71px;
        right: -68px;
    }
    23% {
        top: -93px;
        right: -46px;
    }
    33% {
        top: -93px;
        right: -46px;
    }
    56% {
        top: -75px;
        right: -28px;
    }
    66% {
        top: -75px;
        right: -28px;
    }
    90% {
        top: -71px;
        right: -68px;
    }
    100% {
        top: -71px;
        right: -68px;
    }
}

#moveicon1 {
    animation: icon1 10s ease-in-out infinite;
}
@keyframes icon1 {
    0% {
        top: 3.6%;
        right: 19.2%;
    }
    23% {
        top: 4.95%;
        right: 18.33%;
    }
    33% {
        top: 4.95%;
        right: 18.33%;
    }
    56% {
        top: 5.67%;
        right: 15.7%;
    }
    66% {
        top: 5.67%;
        right: 15.7%;
    }
    90% {
        top: 3.6%;
        right: 19.2%;
    }
    100% {
        top: 3.6%;
        right: 19.2%;
    }
}

#moveicon2 {
    animation: icon2 10s ease-in-out infinite;
}
@keyframes icon2 {
    0% {
        top: 27.3%;
        right: 2.9%;
    }
    23% {
        top: 28.7%;
        right: 1.9%;
    }
    33% {
        top: 28.7%;
        right: 1.9%;
    }
    56% {
        top: 26.6%;
        right: 3.4%;
    }
    66% {
        top: 26.6%;
        right: 3.4%;
    }
    90% {
        top: 27.3%;
        right: 2.9%;
    }
    100% {
        top: 27.3%;
        right: 2.9%;
    }

}

#moveicon3 {
    animation: icon3 10s ease-in-out infinite;
}
@keyframes icon3 {
    0% {
        top: 39.3%;
        right: 13.3%;
    }
    23% {
        top: 38.4%;
        right: 14%;
    }
    33% {
        top: 38.4%;
        right: 14%;
    }
    56% {
        top: 39.8%;
        right: 13%;
    }
    66% {
        top: 39.8%;
        right: 13%;
    }
    90% {
        top: 39.3%;
        right: 13.3%;
    }
    100% {
        top: 39.3%;
        right: 13.3%;
    }
}

#moveicon4 {
    animation: icon4 10s ease-in-out infinite;
}
@keyframes icon4 {
    0% {
        right: 33.1%;
        bottom: 23.4%;
    }
    23% {
        right: 34.2%;
        bottom: 21.9%
    }
    33% {
        right:  34.2%;
        bottom: 21.9%;
    }
    56% {
        right: 32.6%;
        bottom: 20.4%;
    }
    66% {
        right: 32.6%;
        bottom: 20.4%;
    }
    90% {
        right: 33.1%;
        bottom: 23.4%;
    }
    100% {
        right: 33.1%;
        bottom: 23.4%;
    }
}

#moveicon5 {
    animation: icon5 10s ease-in-out infinite;
}
@keyframes icon5 {
    0% {
        right: 22.4%;
        bottom: 18.4%;
    }
    23% {
        right: 21.4%;
        bottom: 16.9%;
    }
    33% {
        right: 21.4%;
        bottom: 16.9%;
    }
    56% {
        right: 19.9%;
        bottom: 14.7%;
    }
    66% {
        right: 19.9%;
        bottom: 14.7%;
    }
    90% {
        right: 22.4%;
        bottom: 18.4%;
    }
    100% {
        right: 22.4%;
        bottom: 18.4%;
    }
}

#moveicon6 {
    animation: icon6 10s ease-in-out infinite;
}
@keyframes icon6 {
    0% {
        right: 4.4%;
        bottom: 18.6%;
    }
    23% {
        right: 5.1%;
        bottom: 19.6%;
    }
    33% {
        right: 5.1%;
        bottom: 19.6%;
    }
    56% {
        right: 3.5%;
        bottom: 21.9%;
    }
    66% {
        right: 3.5%;
        bottom: 21.9%;
    }
    90% {
        right: 4.4%;
        bottom: 18.6%;
    }
    100% {
        right: 4.4%;
        bottom: 18.6%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    @keyframes icon0 {
        0% {
            top: 224px;
            right: -24px;
        }
        23% {
            top: 193px;
            right: -73px;
        }
        33% {
            top: 193px;
            right: -73px;
        }
        56% {
            top: 223px;
            right: -103px;
        }
        66% {
            top: 223px;
            right: -103px;

        }
        90% {
            top: 224px;
            right: -24px;
        }
        100% {
            top: 224px;
            right: -24%;
        }
    }
    @keyframes icon1 {
        0% {
            top: 41.1%;
            right: 9.8%;
        }
        23% {
            top: 45.8%;
            right: 3.6%;
        }
        33% {
            top: 45.8%;
            right: 3.6%;
        }
        56% {
            top: 48.1%;
            right: 6.6%;
        }
        66% {
            top: 48.1%;
            right: 6.6%;
        }
        90% {
            top: 41.1%;
            right: 9.8%;
        }
        100% {
            top: 41.1%;
            right: 9.8%;
        }
    }
    @keyframes icon2 {
        0% {
            top: 67.7%;
            right: 2.1%;
        }
        23% {
            top: 64.9%;
            right: -1.6%;
        }
        33% {
            top: 64.9%;
            right: -1.6%;
        }
        56% {
            top: 65.9%;
            right: -2.9%;
        }
        66% {
            top: 65.9%;
            right: -2.9%;
        }
        90% {
            top: 67.7%;
            right: 2.1%;
        }
        100% {
            top: 67.7%;
            right: 2.1%;
        }
    }
    @keyframes icon3 {
        0% {
            top: 58.7%;
            right: 25.1%;
        }
        23% {
            top: 61.3%;
            right: 28.5%;
        }
        33% {
            top: 61.3%;
            right: 28.5%;
        }
        56% {
            top: 59.4%;
            right: 31%;
        }
        66% {
            top: 59.4%;
            right: 31%;
        }
        90% {
            top: 58.7%;
            right: 25.1%;
        }
        100% {
            top: 58.7%;
            right: 25.1%;
        }
    }
    @keyframes icon4 {
        0% {
            right: 60.6%;
            bottom: 20%;
        }
        23% {
            right: 63.3%;
            bottom: 22%;
        }
        33% {
            right: 63.3%;
            bottom: 22%;
        }
        56% {
            right: 63.4%;
            bottom: 18%;
        }
        66% {
            right: 63.4%;
            bottom: 18%;
        }
        90% {
            right: 60.6%;
            bottom: 20%;
        }
        100% {
            right: 60.6%;
            bottom: 20%;
        }
    }
    @keyframes icon5 {
        0% {
            right: 44.3%;
            bottom: 12.3%;
        }
        23% {
            right: 47.5%;
            bottom: 9.8%;
        }
        33% {
            right: 47.5%;
            bottom: 9.8%;
        }
        56% {
            right: 49.1%;
            bottom: 8.6%;
        }
        66% {
            right: 49.1%;
            bottom: 8.6%;
        }
        90% {
            right: 44.3%;
            bottom: 12.3%;
        }
        100% {
            right: 44.3%;
            bottom: 12.3%;
        }
    }
    @keyframes icon6 {
        0% {
            right: 9.4%;
            bottom: 12.2%;
        }
        23% {
            right: 14%;
            bottom: 15.8%;
        }
        33% {
            right: 14%;
            bottom: 15.8%;
        }
        56% {
            right: 17.6%;
            bottom: 13%;
        }
        66% {
            right: 17.6%;
            bottom: 13%;
        }
        90% {
            right: 9.4%;
            bottom: 12.2%;
        }
        100% {
            right: 9.4%;
            bottom: 12.2%;
        }
    }
}

@media screen and (max-width: 767px) {
    @keyframes icon0 {
        0% {
            top: 224px;
            right: -37px;
        }
        23% {
            top: 227px;
            right: -22px;
        }
        33% {
            top: 227px;
            right: -22px;
        }
        56% {
            top: 207px;
            right: -37px;
        }
        66% {
            top: 207px;
            right: -37px;
        }
        90% {
            top: 224px;
            right: -37px;
        }
        100% {
            top: 224px;
            right: -37px;
        }
    }
    @keyframes icon1 {
        0% {
            top: 62.4%;
            right: 28.3%;
        }
        23% {
            top: 63.6%;
            right: 26.1%;
        }
        33% {
            top: 63.6%;
            right: 26.1%;
        }
        56% {
            top: 65%;
            right: 23.3%;
        }
        66% {
            top: 65%;
            right: 23.3%;
        }
        90% {
            top: 62.4%;
            right: 28.3%;
        }
        100% {
            top: 62.4%;
            right: 28.3%;
        }
    }
    @keyframes icon2 {
        0% {
            top: 72.3%;
            right: 0;
        }
        23% {
            top: 70.3%;
            right: 3.9%;
        }
        33% {
            top: 70.3%;
            right: 3.9%;
        }
        56% {
            top: 72%;
            right: 7.5%;
        }
        66% {
            top: 72%;
            right: 7.5%;
        }
        90% {
            top: 72.3%;
            right: 0;
        }
        100% {
            top: 72.3%;
            right: 0;
        }
    }
    @keyframes icon3 {
        0% {
            top: 77.4%;
            right: 43.9%;
        }
        23% {
            top: 76%;
            right: 46.7%;
        }
        33% {
            top: 76%;
            right: 46.7%;
        }
        56% {
            top: 77.1%;
            right: 48.9%;
        }
        66% {
            top: 77.1%;
            right: 48.9%;
        }
        90% {
            top: 77.4%;
            right: 43.9%;
        }
        100% {
            top: 77.4%;
            right: 43.9%;
        }
    }
    @keyframes icon4 {
        0% {
            right: 68.9%;
            bottom: 19.7%;
        }
        23% {
            right: 65.3%;
            bottom: 21.7%;
        }
        33% {
            right: 65.3%;
            bottom: 21.7%;
        }
        56% {
            right: 62.5%;
            bottom: 23.1%;
        }
        66% {
            right: 62.5%;
            bottom: 23.1%;
        }
        90% {
            right: 68.9%;
            bottom: 19.7%;
        }
        100% {
            right: 68.9;
            bottom: 19.7%;
        }
    }
    @keyframes icon5 {
        0% {
            right: 78.9%;
            bottom: 2.6%;
        }
        23% {
            right: 81.7%;
            bottom: 6.3%;
        }
        33% {
            right: 81.7%;
            bottom: 6.3%;
        }
        56% {
            right: 84.2%;
            bottom: 7.9%;
        }
        66% {
            right: 84.2%;
            bottom: 7.9%;
        }
        90% {
            right: 78.9%;
            bottom: 2.6%;
        }
        100% {
            right: 78.9%;
            bottom: 2.6%;
        }
    }
    @keyframes icon6 {
        0% {
            right: 20.7%;
            bottom: 2.1%;
        }
        23% {
            right: 23.5%;
            bottom: 3.5%;
        }
        33% {
            right: 23.5%;
            bottom: 3.5%;
        }
        56% {
            right: 20.2%;
            bottom: 1.8%;
        }
        66% {
            right: 20.2%;
            bottom: 1.8%;
        }
        90% {
            right: 20.7%;
            bottom: 2.1%;
        }
        100% {
            right: 20.7%;
            bottom: 2.1%;
        }
    }
}
.iconwidth svg {
    width: 40px;
}