body {
    background-color: #11151a;

}

.solution-1 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 200px;
    left: 52%;
    width: 30%;
}

.active {
    color: #7C40FF;
    font-size: 22px;
}

.text-1 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 350px;
    left: 52.2%;
    width: 27%;
}

.solution-1 img {
    width: 25%;
    height: 500px;
    position: absolute;
    top: 200px;
    left: 22%;
    border-radius: 10px;
}


.solution-2 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 1000px;
    left: 22%;
    width: 30%;
}

.text-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 1160px;
    left: 22%;
    width: 27%;
}

.solution-2 img {
    width: 25%;
    height: 500px;
    position: absolute;
    top: 980px;
    left: 52.2%;
    border-radius: 10px;
}

.solution-3 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 1790px;
    left: 52%;
    width: 30%;
}

.text-3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 1950px;
    left: 52.2%;
    width: 27%;
}

.solution-3 img {
    width: 25%;
    height: 500px;
    position: absolute;
    top: 1760px;
    left: 22%;
    border-radius: 10px;
}

.solution-4 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 2580px;
    left: 22%;
    width: 30%;
}

.text-4 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 2740px;
    left: 22%;
    width: 27%;
}

.solution-4 img {
    width: 25%;
    height: 500px;
    position: absolute;
    top: 2540px;
    left: 52.2%;
    border-radius: 10px;
}

.solution-5 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 3350px;
    left: 52%;
    width: 30%;
}

.text-5 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 3510px;
    left: 52.2%;
    width: 27%;
}

.solution-5 img {
    width: 25%;
    height: 500px;
    position: absolute;
    top: 3320px;
    left: 22%;
    border-radius: 10px;
}

.solution-6 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 4140px;
    left: 22%;
    width: 30%;
}

.text-6 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 4260px;
    left: 22%;
    width: 27%;
}

.solution-6 img {
    width: 25%;
    height: 500px;
    position: absolute;
    top: 4100px;
    left: 52.2%;
    border-radius: 10px;
}

.solution-7 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 4930px;
    left: 52%;
    width: 30%;
}

.text-7 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 5080px;
    left: 52.2%;
    width: 27%;
}

.solution-7 img { 
    width: 25%;
    height: 500px;
    position: absolute;
    top: 4880px;
    left: 22%;
    border-radius: 10px;
}

.solution-8 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 5700px;
    left: 22%;
    width: 30%;
}

.text-8 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 5820px;
    left: 22%;
    width: 27%;
}

.solution-8 img { 
    width: 25%;
    height: 500px;
    position: absolute;
    top: 5660px;
    left: 52%;
    border-radius: 10px;
}

.solution-9 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 6480px;
    left: 52%;
    width: 30%;
}

.text-9 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 6650px;
    left: 52.2%;
    width: 27%;
}

.solution-9 img { 
    width: 25%;
    height: 500px;
    position: absolute;
    top: 6440px;
    left: 22%;
    border-radius: 10px;
}

.offer {
    background-color: transparent;
    color: #7C40FF;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #7C40FF;
    border-radius: 5px;
    position: fixed;
    bottom: 70px;
    left: 35%;
    width: 30%;
    height: 70px;
    cursor: pointer;
    transition: all .3s ease-in-out;
 }
 
 .offer:hover{
   background-color: #8d58ff; 
   color: #fff;
 }

.footer {
    position: absolute;
    top: 7200px;
    left: 0%;
}




/*RESPONSIVE*/
@media (min-width: 240px) and (max-width: 359.98px) and (orientation: portrait)  { 
    body {
        background-color: #11151a;
    
    }

    .active {
        color: #7C40FF;
        font-size: 16px;
    }

    .solution-1 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 80px;
        left: 5%;
        width: 90%;
    }
    
    .text-1 {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 400px;
        left: 5%;
        width: 90%;
    }
    
    .solution-1 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 170px;
        left: 5%;
        border-radius: 10px;
    }
    
    
    .solution-2 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 700px;
        left: 5%;
        width: 90%;
    }
    
    .text-2 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 1020px;
        left: 5%;
        width: 90%;
    }
    
    .solution-2 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 790px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-3 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 1240px;
        left: 5%;
        width: 90%;
    }
    
    .text-3 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 1560px;
        left: 5%;
        width: 90%;
    }
    
    .solution-3 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 1330px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-4 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 1780px;
        left: 5%;
        width: 90%;
    }
    
    .text-4 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 2100px;
        left: 5%;
        width: 90%;
    }
    
    .solution-4 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 1870px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-5 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 2300px;
        left: 5%;
        width: 90%;
    }
    
    .text-5 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 2620px;
        left: 5%;
        width: 90%;
    }
    
    .solution-5 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 2390px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-6 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 2810px;
        left: 5%;
        width: 90%;
    }
    
    .text-6 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 3110px;
        left: 5%;
        width: 90%;
    }
    
    .solution-6 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 2880px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-7 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 3300px;
        left: 5%;
        width: 90%;
    }
    
    .text-7 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 3620px;
        left: 5%;
        width: 90%;
    }
    
    .solution-7 img { 
        width: 90%;
        height: 200px;
        position: absolute;
        top: 3390px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-8 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 3820px;
        left: 5%;
        width: 90%;
    }
    
    .text-8 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 4120px;
        left: 5%;
        width: 90%;
    }
    
    .solution-8 img {  
        width: 90%;
        height: 200px;
        position: absolute;
        top: 3890px;
        left: 5%;
        border-radius: 10px;
    }
    
    .solution-9 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 4320px;
        left: 5%;
        width: 90%;
    }
    
    .text-9 { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 4640px;
        left: 5%;
        width: 90%;
    }
    
    .solution-9 img {  
        width: 90%;
        height: 200px;
        position: absolute;
        top: 4410px;
        left: 5%;
        border-radius: 10px;
    }
    
    .offer {
        background-color: #7C40FF;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        border-style: solid;
        border-width: 1px;
        border-color: #7C40FF;
        border-radius: 5px;
        position: fixed;
        bottom: 20px;
        left: 5%;
        width: 90%;
        height: 40px;
        cursor: pointer;
        transition: all .3s ease-in-out;
     }
     
     .offer:hover{
       background-color: #8d58ff; 
       color: #fff;
     }
    
    .mobile-footer {
        position: absolute;
        top: 4900px;
        left: 0%;
        z-index: 2;
    }
     
}
  
@media (min-width: 360px) and (max-width: 575.98px) and (orientation: portrait) {
    body {
        background-color: #11151a;
    
    }

    .active {
        color: #7C40FF;
        font-size: 16px;
    }

    .solution-1 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 80px;
        left: 10%;
        width: 80%;
    }
    
    .text-1 {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 400px;
        left: 10%;
        width: 80%;
    }
    
    .solution-1 img { 
        width: 80%;
        height: 200px;
        position: absolute;
        top: 170px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-2 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 740px;
        left: 10%;
        width: 80%;
    }
    
    .text-2 { 
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 1060px;
        left: 10%;
        width: 80%;
    }
    
    .solution-2 img { 
        width: 80%;
        height: 200px;
        position: absolute;
        top: 830px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-3 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 1310px;
        left: 10%;
        width: 80%;
    }
    
    .text-3 {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 1630px;
        left: 10%;
        width: 80%;
    }
    
    .solution-3 img { 
        width: 80%;
        height: 200px;
        position: absolute;
        top: 1400px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-4 h1 {  
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 1900px;
        left: 10%;
        width: 80%;
    }
    
    .text-4 {  
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 2220px;
        left: 10%;
        width: 80%;
    }
    
    .solution-4 img { 
        width: 80%;
        height: 200px;
        position: absolute;
        top: 1990px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-5 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 2450px;
        left: 10%;
        width: 80%;
    }
    
    .text-5 {  
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 2770px;
        left: 10%;
        width: 80%;
    }
    
    .solution-5 img {  
        width: 80%;
        height: 200px;
        position: absolute;
        top: 2540px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-6 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 2980px;
        left: 10%;
        width: 80%;
    }
    
    .text-6 {  
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 3270px;
        left: 10%;
        width: 80%;
    }
    
    .solution-6 img {  
        width: 80%;
        height: 200px;
        position: absolute;
        top: 3040px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-7 h1 {  
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 3490px;
        left: 10%;
        width: 80%;
    }
    
    .text-7 {  
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 3810px;
        left: 10%;
        width: 80%;
    }
    
    .solution-7 img {  
        width: 80%;
        height: 200px;
        position: absolute;
        top: 3580px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-8 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 4020px;
        left: 10%;
        width: 80%;
    }
    
    .text-8 { 
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 4310px;
        left: 10%;
        width: 80%;
    }
    
    .solution-8 img { 
        width: 80%;
        height: 200px;
        position: absolute;
        top: 4080px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-9 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 4520px;
        left: 10%;
        width: 80%;
    }
    
    .text-9 { 
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 4840px;
        left: 10%;
        width: 80%;
    }
    
    .solution-9 img { 
        width: 80%;
        height: 200px;
        position: absolute;
        top: 4610px;
        left: 10%;
        border-radius: 10px;
    }
    
    .offer {
        background-color: #7C40FF;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        border-style: solid;
        border-width: 1px;
        border-color: #7C40FF;
        border-radius: 5px;
        position: fixed;
        bottom: 20px;
        left: 10%;
        width: 80%;
        height: 50px;
        cursor: pointer;
        transition: all .3s ease-in-out;
     }
     
     .offer:hover{
       background-color: #8d58ff; 
       color: #fff;
     }
    
    .mobile-footer {
        position: absolute;
        top: 5200px;
        left: 0%;
        z-index: 2;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait)  {
    body {
        background-color: #11151a;
    
    }

    .active {
        color: #7C40FF;
        font-size: 22px;
    }

    .solution-1 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 100px;
        left: 10%;
        width: 80%;
    }
    
    .text-1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 570px;
        left: 10%;
        width: 80%;
    }
    
    .solution-1 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 240px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-2 h1 {  
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 1000px;
        left: 10%;
        width: 80%;
    }
    
    .text-2 {  
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 1470px;
        left: 10%;
        width: 80%;
    }
    
    .solution-2 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 1140px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-3 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 1800px;
        left: 10%;
        width: 80%;
    }
    
    .text-3 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 2270px;
        left: 10%;
        width: 80%;
    }
    
    .solution-3 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 1940px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-4 h1 {  
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 2560px;
        left: 10%;
        width: 80%;
    }
    
    .text-4 {  
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 3030px;
        left: 10%;
        width: 80%;
    }
    
    .solution-4 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 2700px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-5 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 3300px;
        left: 10%;
        width: 80%;
    }
    
    .text-5 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 3770px;
        left: 10%;
        width: 80%;
    }
    
    .solution-5 img {  
        width: 80%;
        height: 300px;
        position: absolute;
        top: 3440px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-6 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 4080px;
        left: 10%;
        width: 80%;
    }
    
    .text-6 {  
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 4500px;
        left: 10%;
        width: 80%;
    }
    
    .solution-6 img {  
        width: 80%;
        height: 300px;
        position: absolute;
        top: 4170px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-7 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 4800px;
        left: 10%;
        width: 80%;
    }
    
    .text-7 {  
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 5270px;
        left: 10%;
        width: 80%;
    }
    
    .solution-7 img {  
        width: 80%;
        height: 300px;
        position: absolute;
        top: 4940px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-8 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 5580px;
        left: 10%;
        width: 80%;
    }
    
    .text-8 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 6000px;
        left: 10%;
        width: 80%;
    }
    
    .solution-8 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 5670px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-9 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 6300px;
        left: 10%;
        width: 80%;
    }
    
    .text-9 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 6770px;
        left: 10%;
        width: 80%;
    }
    
    .solution-9 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 6440px;
        left: 10%;
        border-radius: 10px;
    }
    
    .offer { 
        background-color: #7C40FF;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        border-style: solid;
        border-width: 1px;
        border-color: #7C40FF;
        border-radius: 5px;
        position: fixed;
        bottom: 20px;
        left: 10%;
        width: 80%;
        height: 70px;
        cursor: pointer;
        transition: all .3s ease-in-out;
     }
     
     .offer:hover{
       background-color: #8d58ff; 
       color: #fff;
     }
    
    .mobile-footer { 
        position: absolute;
        top: 7200px;
        left: 0%;
        z-index: 2;
    }
}
     
@media  (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
    body {
        background-color: #11151a;
    }

    .active {
        color: #7C40FF;
        font-size: 22px;
    }

    .solution-1 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 150px;
        left: 10%;
        width: 80%;
    }
    
    .text-1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 620px;
        left: 10%;
        width: 80%;
    }
    
    .solution-1 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 290px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-2 h1 {  
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 1000px;
        left: 10%;
        width: 80%;
    }
    
    .text-2 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 1470px;
        left: 10%;
        width: 80%;
    }
    
    .solution-2 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 1140px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-3 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 1760px;
        left: 10%;
        width: 80%;
    }
    
    .text-3 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 2200px;
        left: 10%;
        width: 80%;
    }
    
    .solution-3 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 1860px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-4 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 2450px;
        left: 10%;
        width: 80%;
    }
    
    .text-4 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 2880px;
        left: 10%;
        width: 80%;
    }
    
    .solution-4 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 2550px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-5 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 3140px;
        left: 10%;
        width: 80%;
    }
    
    .text-5 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 3610px;
        left: 10%;
        width: 80%;
    }
    
    .solution-5 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 3280px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-6 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 3850px;
        left: 10%;
        width: 80%;
    }
    
    .text-6 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 4270px;
        left: 10%;
        width: 80%;
    }
    
    .solution-6 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 3940px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-7 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 4550px;
        left: 10%;
        width: 80%;
    }
    
    .text-7 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 4980px;
        left: 10%;
        width: 80%;
    }
    
    .solution-7 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 4650px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-8 h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 5250px;
        left: 10%;
        width: 80%;
    }
    
    .text-8 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 5680px;
        left: 10%;
        width: 80%;
    }
    
    .solution-8 img {
        width: 80%;
        height: 300px;
        position: absolute;
        top: 5350px;
        left: 10%;
        border-radius: 10px;
    }
    
    .solution-9 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 5960px;
        left: 10%;
        width: 80%;
    }
    
    .text-9 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 6390px;
        left: 10%;
        width: 80%;
    }
    
    .solution-9 img { 
        width: 80%;
        height: 300px;
        position: absolute;
        top: 6060px;
        left: 10%;
        border-radius: 10px;
    }
    
    .offer { 
        background-color: #7C40FF;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        border-style: solid;
        border-width: 1px;
        border-color: #7C40FF;
        border-radius: 5px;
        position: fixed;
        bottom: 40px;
        left: 10%;
        width: 80%;
        height: 70px;
        cursor: pointer;
        transition: all .3s ease-in-out;
     }
     
     .offer:hover{
       background-color: #8d58ff; 
       color: #fff;
     }
    
    .mobile-footer { 
        position: absolute;
        top: 6900px;
        left: 0%;
        z-index: 2;
    }
}
     
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait)  {
}

@media  (min-width: 1200px) and (max-width: 1399.98px)  {  
}
     
@media  (min-width: 1400px) and (max-width: 1599.98px)  {     
}
     
@media  (min-width: 3840px) and (max-width: 7679.98px)  {  
}
     
@media  (min-width: 7680px) and (max-width: 7681px) {  
}





/* LANDSCAPE RESPONSIVE*/
@media (min-width: 500px) and (max-width: 639.98px) and (orientation: landscape) {
}

@media (min-width: 640px) and (max-width: 811.98px) and (orientation: landscape) {
}

@media (min-width: 812px) and (max-width: 959.98px) and (orientation: landscape) {
}

@media (min-width: 960px) and (max-width: 999.98px) and (orientation: landscape) {
}

@media (min-width: 1000px) and (max-width: 1200px) and (orientation: landscape) {
}