.our-product-section-container
{
    visibility: visible;
}
.our-heading{
    margin: 0 0 0 2rem;
}
.our-product-container{
    padding-top: 6rem;
} 
.our-product-container{

} 
.our-product-stylesheet{
    /*width: 1306px;*/
}
.our-product-contant{
    position: relative;
}
.background-img-svg{
    position: absolute;
    max-width: 100%;
    top: -78px;
}
.our-product-stylesheet > h1{
    padding: 0 3rem;
}
svg#Layer_1{
    position: relative;
    padding-top:8vh;
    width: 56%;
}
.our-product-img{
    position: relative;
    z-index: 1;
}
.parkgenie-logo-svg{
    position: absolute;
    width: 6%;
    top: 21%;
    left: 7.9%;
    opacity: 0;
    animation:parkgenie-logo-svg-animation .5s 1s linear forwards; 
}
@keyframes parkgenie-logo-svg-animation {
    from {
        width: 1%;
        opacity: 1;
    }
    to {
        width: 6%;
        opacity: 1;
    }
} 
.our_product_intro
{
    position: absolute; 
    top: 30%; 
    right: 70px;
    width: 44%;
    opacity: 0;
    height: 0px;
    animation: our_product_intro_animation 2.2s .8s linear forwards;
    overflow: hidden;
    font-size: 1em;
    color: #fff;
}
@keyframes our_product_intro_animation {
    0% {
        opacity: 0;
        height: 0px;
    }
    20% {
        opacity: 0.2;
        height: 80px;
    }
    40% {
        opacity: 0.4;
        height: 160px;
    }
    60% {
        opacity: 0.6;
        height: 240px;
    }
    80% {
        opacity: 0.8;
        height: 320px;
    }
    100% {
        opacity: 1;
        height: 380px;
    }
} 
.st0{
    stroke-dasharray: 5000px;
    stroke-dashoffset: 10000px;
    animation: move 5s linear alternate-reverse none; 
}
@keyframes move {
    100% {
        stroke-dashoffset: 5000px;
    }
}
.allindiabazaar-logo-svg{
    position: absolute;
    left: 26%;
    top: 18%;

    opacity: 0;
    animation:allindiabazaar-logo-svg-animation .5s 2s linear forwards;
}
@keyframes allindiabazaar-logo-svg-animation {
    0% {
        width: 1%;
        opacity: 1;
    }
    100%{
        width: 9%;
        opacity: 1;
    }
} 
.safewebkey-logo-svg{
    position: absolute;
    width: 15%;
    left: 39%;
    top: 36%;
    opacity: 0;
    animation:safewebkey-logo-svg-animation .5s 2.8s linear forwards;
}
@keyframes safewebkey-logo-svg-animation {
    0% {
        width: 1%;
        opacity: 1;
    }
    100%{
        width: 9%;
        opacity: 1;
    }
} 
.svg-logo-one{
    position: absolute;
    width: 12%;
    bottom:5%;
    left: 1.8%;
    opacity: 0;
    animation:svg-logo-one-animation .5s 4.8s linear forwards;
}
@keyframes svg-logo-one-animation {
    0% {
        width: 1%;
        opacity: 1;
    }
    100%{
        width: 6%;
        opacity: 1;
    }
} 
.svg-logo-two{
    position: absolute;
    width:9%;
    bottom: 6%;
    left: 12.9%;
    opacity: 0;
    animation:svg-logo-two-animation .5s 4.2s linear forwards;
}
@keyframes svg-logo-two-animation {
    0% {
        width: 1%;
        opacity: 1;
    }
    100%{
        width: 9%;
        opacity: 1;
    }
} 
.svg-logo-three{
    position: absolute;
    width: 5%;
    bottom: 20%;
    left: 27.8%;
    opacity: 0;
    animation:svg-logo-three-animation .5s 3.5s linear forwards;
}
@keyframes svg-logo-three-animation {
    0% {
        width: 1%;
        opacity: 1;
    }
    100%{
        width: 6%;
        opacity: 1;
    }
}