body{
    background-color: black;
}

#sect1 {
    background-image: url('../images/Rectangle_65.png');
    background-size: 1920px 748px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 748px;
    /* min-width: 390px; */
}

video {
    position: absolute; 
    margin: 0 0;
    object-fit: cover;
  width: 1900px;
  height: 100vh;
}
.container-fluid {
    color: white;
}

.fas {
    margin-left: 8px; 
    margin-top: 10px;  
    position: absolute;
}
.btnreqs {
    color: #F63060 !important; 
    text-decoration: none;
}

.btnreqs:hover{
    color: white !important;
}
.fa-angle-double-down {
    transform: scale(0.8,0.8);
}
#sect2 {
    background-image: url('../images/ar1.png');
    background-size: 1920px 798px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 798px;
    /* min-width: 390px; */
}

#sect3 {
    background-image: url('../images/ar2.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect4 {
    background-image: url('../images/ar3.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect5 {
    background-image: url('../images/ar4.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect6 {
    background-image: url('../images/Rectangle_94.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect7 {
    background-image: url('../images/Rectangle_95.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect8 {
    background-image: url('../images/Rectangle_96.png');
    background-size: 1920px 928px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 920px;
    /* min-width: 390px; */
}

#sect9 {
    background-image: url('../images/Rectangle_81.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect10 {
    background-image: url('../images/Rectangle_82.png');
    background-size: 1920px 943px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 943px;
    /* min-width: 390px; */
}

#sect11 {
    background-image: url('../images/Rectangle_69.png');
    background-size: 1920px 952px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 952px;
    /* min-width: 390px; */
}

#sect12 {
    background-color: #F63060;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 100%;
    /* min-width: 390px; */
    width: 100vw;
}

.inpbox {
    width: 293px;
    margin-left: -30px;
    background-color: #E4E4E4;
    border: none;
}

.lab1 {

    font-family: 'Segoe UI';
    font-size: 18px;
}

.rfoot {
    height: 380px !important;
}

#add2 {
    margin-left: -200px;
}
#email1 {
    position: absolute;
    margin-top: -336px;
    margin-left: 1200px;
}


@media screen and (min-width: 1600px) and (max-width: 1799px) {
    #sect1 {
        background-repeat: no-repeat;
        background-size: 1799px;
    }

    #sect2 {
        background-size: 1799px 798px;
        background-repeat: no-repeat;
    }

    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 1799px 943px;
        background-repeat: no-repeat;
    }

    #sect11 {
        background-size: 1799px 952px;
        background-repeat: no-repeat;
    }

}

@media screen and (min-width: 1600px) {

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        transform: scale(0.8, 0.8);
        margin-left: -330px;
    }
    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: 0px;
        margin-top: -3px;
    }

    #pythonbg {
        width: 158px !important;
        height: 65px;
    }

    #finsysbg {
        width: 499px !important;
    }

    #managebg {
        width: 625px !important;
    }

    #dimenbg {
        width: 591px !important;
    }

    #projbg {
        width: 568px !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    #sect1 {
        background-repeat: no-repeat;
        background-size: 1590px;
    }

    #sect2 {
        background-size: 1590px 798px;
        background-repeat: no-repeat;
    }

    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 1590px 943px;
        background-repeat: no-repeat;
    }

    #sect11 {
        background-size: 1590px 952px;
        background-repeat: no-repeat;
    }

    #logo {
        margin-left: 10px !important;
    }

    #add1{
        position: absolute;
        margin-left: 10px !important;
    }
    #conthead {
        margin-left: 60px !important;
    }

    #add2 {
        margin-top: 8px !important;
        margin-left: -110px !important;
        /* width: 200px; */
        position: absolute;
    }

    .rfoot {
        height: 380px !important;
    }
    #email1 {
        position: absolute;
        margin-top: -200px;
        margin-left: 1050px;
    }

    #dots {
        margin-left: -251px;
    }


    #catline {
        margin-left: -40px;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        margin-left: -31px;

    }
    #long_line {
        height: 3263px !important;
    } 

    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -37px;
        margin-top: -3px;
    }

    #pythonbg {
        width: 158px !important;
        height: 65px;
    }

    #finsysbg {
        width: 499px !important;
    }

    #managebg {
        width: 625px !important;
    }

    #dimenbg {
        width: 591px !important;
    }

    #projbg {
        width: 568px !important;
    }

    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -38px;
        margin-top: -55px;
    }

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        transform: scale(0.8, 0.8);
        margin-left: -330px;
    }
}


@media screen and (min-width: 1400px) and (max-width: 1469px) {

    #sect1 {
        background-repeat: no-repeat;
        background-size: 1470px;
    }

    #sect2 {
        background-size: 1470px 798px;
        background-repeat: no-repeat;
    }

    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 1470px 943px;
        background-repeat: no-repeat;
    }

    #sect11 {
        background-size: 1470px 952px;
        background-repeat: no-repeat;
    }

    .rfoot {
        height: 380px !important;
    }
    #email1 {
        /* position: absolute; */
        margin-top: -200px;
        margin-left: 1050px;
    }

    #dots {
        margin-left: -251px;
    }


    #catline {
        margin-left: -40px;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        margin-left: -31px;

    }
    #long_line {
        height: 3263px !important;
    } 

    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -42px;
    }

    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -42px;
        /* margin-top: -600px !important; */
    }
}

@media screen and (min-width: 1469px) and (max-width: 1599px) {
    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        /* margin-left: -38px; */
        margin-top: -75px;
    }
    
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {

    #sect1 {
        background-repeat: no-repeat;
        /* background-size: 1470px; */
        background-size: 1470px 900px;
        /* max-width: 1300px; */
    }

    #sect2 {
        background-size: 1470px 798px;
        background-repeat: no-repeat;
    }

    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 1470px 943px;
        background-repeat: no-repeat;
    }

    #sect11 {
        background-size: 1470px 952px;
        background-repeat: no-repeat;
    }

    #logo {
        margin-left: 10px !important;
    }

    #add1{
        position: absolute;
        margin-left: 10px !important;
    }
    #conthead {
        margin-left: 60px !important;
    }

    #add2 {
        margin-top: 8px !important;
        margin-left: -110px !important;
        /* width: 200px; */
        position: absolute;
    }

    #email1 {
        position: absolute;
        margin-top: -200px;
        margin-left: 850px;
    }

    #dots {
        margin-left: -351px;
    }


    #catline {
        margin-left: -56px;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        margin-left: -49px;

    }
    #long_line {
        height: 3280px !important;
    } 

    /* #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -59px;
    } */

    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -56px;
        margin-top: -3px;
    }

    #pythonbg {
        width: 158px !important;
        height: 65px;
    }

    #finsysbg {
        width: 499px !important;
    }

    #managebg {
        width: 625px !important;
    }

    #dimenbg {
        width: 591px !important;
    }

    #projbg {
        width: 568px !important;
    }

    #btnline1 {
        margin-left: -59px;
        margin-top: -80px;
    }

    #btnline2 {
        margin-left: -59px;
        margin-top: -60px;
    }

    #btnline3 {
        margin-left: -59px;
        margin-top: -60px;
    }

    #btnline4 {
        margin-left: -59px;
        margin-top: -60px;
    }

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        transform: scale(0.8, 0.8);
        margin-left: -420px;
        margin-top: 100px;
    }
    #testvideo{
        position: absolute;
        left: 898px !important;
        top: 1521px !important;
        width: 239px !important;
        height: 452px;
        border-radius: 16%;
    }

    #testvideo1{
        position: absolute;
        left: 898px !important;
        top: 2318px !important;
        width: 239px !important;
        height: 452px;
        border-radius: 16%;
    }
    

    #testvideo3{
        position: absolute;
        left: 898px !important;
        top: 3258px !important;
        width: 239px !important;
        height: 452px;
        border-radius: 16%;
    }
    

    #testvideo4{
        position: absolute;
        left: 898px !important;
        top: 4203px !important;
        width: 239px !important;
        height: 452px;
        border-radius: 16%;
    }
    
}    


@media screen and (min-width: 360px) and (max-width: 575px) {

    p {
        font-size: 15px !important;
    }
    #sect1 {
        background-repeat: no-repeat;
        background-size: 575px 100% !important;
        height: 575px;
        background-size: 640px 100% !important;
        height: 640px;        

    }
    .ss1 {
        /*height: 340px !important;*/
        height: 270.5px !important;
    }

    .btnreqs {
        font-size: 26px !important;
        font-weight: bold;
        position: relative;
    }

    #sect2 {
        background-size: 100vw 900px !important;
        background-repeat: no-repeat;
        height: 900px !important;
    }


    #sect3, #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 100vw 910px !important;
        background-repeat: no-repeat;
        height: 900px;
    }


    #sect11 {
        background-size: 575px 400px;
        background-repeat: no-repeat;
    }

    .r1 {
        margin-top: 40px !important;
        text-align: center;
    }

    .r2 {
        margin-top: 10px !important;
        text-align: center;
    }
    h1 {
        font-size: 20px;
    }

    p {
        font-size: 15px;
    }

    .rfoot {
        height: 380px !important;
    }

    #logo {
        transform: scale(0.8,0.8);
        margin-left: 107px !important;
        margin-top: 7px !important;
    }

    #conthead {
        margin-top: 100px !important;
        margin-left: 40px !important;
    }
    
    #add1, #add2, #email1 {
        transform: scale(0.9,0.9);
    }

    #add1 {
        margin-top: 20px !important;
        margin-left: -110px !important;
    }

    #add2 {
        margin-top: -368px !important;
        margin-left: 190px !important;
        width: 200px;
        position: absolute;
    }

    #email1 {
        position: absolute;
        margin-top: -480px;
        margin-left: 83px;
    }

    /* .btnreqs {
        margin-left: 120px;
    } */
    /* #mainhead {
        margin-left: 50px;
    }
     */
    .heads {
        margin-left: 0px !important;
        text-align: center;
        background-color: #F63060;
        padding: 10px 0px 10px 0px;
    }

    #pyhead1 {
        min-width: 200px;
        /* margin-left: 70px; */
    }
    #dots {
        /* margin-left: -713px; */
        margin-top: -360px;
        /* margin-right: 900px; */
        position: absolute;
    }


    #catline {
        margin-left: -40px;
        display: none;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        margin-left: -31px;
        display: none;

    }
    #long_line {
        height: 6091px !important;
    } 

    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -120px;
        display: none;
        transform: scale(0.8,0.8);
        margin-top: -500px;
    }
    /* .bgs {
        background-color: #F63060;
        padding: 2px 1px;
        
    } */

    .bgspy {
        background-color: #F63060;
        padding: 5px 10px;
    }

    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -32px;
        margin-top: 0px;
        display: none;
    }

    #devimgmob1, #devimgmob2, #devimgmob3, #devimgmob4 {
        /* transform: scale(0.3, 0.3); */
        display: flex;
        justify-content: center;
        width: 250px;
        height: 400px;
        margin-left: 41px;
    }

    #testvideomb1, #testvideomb2, #testvideomb3, #testvideomb4
    {
            /* display: none !important; */
            position: absolute;
           /* transform: scale(0.2,0.2); */
            /* left: 0px; */
            
            width: 200px;
            height: 356px;  
            border-radius: 16%;
            
    }

    #testvideomb3 {
        height: 362px;
    }
    
    #testvideomb1 {
        top: 1172px;
    }

    #testvideomb2 {
        top: 2050.5px;
    }
    
    #testvideomb3 {
        top: 2958px;
    }
    
    #testvideomb4 {
        top: 3869px;
    }
}    

@media screen and (min-width: 426px) and (max-width: 575px ) {
    /* .add1 {
        margin-left: -25px !important;
    } */


    /* #mainhead {
        margin-left: -15px !important;
    } */

    #email1 {
     margin-left: 90px !important;
    }
    
}


@media screen and (min-width:465px) and (max-width:525px) {
    #email1 {
        margin-left: 120px !important;
    }
    #add2 {
        margin-left: 250px !important;
    }
}

@media screen and (min-width: 500px) and (max-width: 595px) 
{
    #maintit {
        margin-left: 40px;
    }
}

@media screen and (min-width: 517px) and (max-width: 595px) 
{
    #add2 {
        margin-left: 280px !important;
    }
}

/* dots */

#dots {
    /* Group 32 */

position: absolute;
left: 914px;
top: 800px;

}

#catline {
    /* Line 2 */

position: absolute;
left: 171px;
top: 1055px;

}

#pythonbg {
    /* Rectangle 18 */

position: absolute;
left: 364px;
top: 1162px;
width: 478px;
z-index: -1;
}

h1 {
    
}

.heads {
    margin-left: 34px;
    position: relative;
    z-index: 2;
}
#finsysbg {
    position: absolute;
left: 224px;
top: 1447px;
width: 600px;
height: 70px;
z-index: 1;

}

#managebg {
    position: absolute;
left: 224px;
top: 2245px;
width: 650px;
height: 70px;
z-index: 1;

}

#dimenbg {

    position: absolute;
left: 224px;
top: 3190px;
width: 630px;
height: 70px;
z-index: 1;

}

#projbg {

    position: absolute;
left: 224px;
top: 4133px;
width: 600px;
height: 70px;
z-index: 1;

}

#jobbg {

    position: absolute;
left: 224px;
top: 5227px;
width: 211px;
height: 70px;
z-index: 1;

}

#corebg {

    position: absolute;
left: 224px;
top: 6170px;
width: 174px;
height: 70px;
z-index: 1;

}

#erpbg {

    position: absolute;
left: 224px;
top: 7112px;
width: 134px;
height: 70px;
z-index: 1;

}

/* Verticle lines */

@media screen and (min-width: 992px) {
    h1 {
        min-width: 800px !important;
    }

    #sect2, #sect3, #sect4, #sect5, #sect6, #sect7, #sect8 {
        z-index: -2;
        margin-left: 57px;
    }

    #long_line {
        position: absolute;
        left: 164px;
        top: 1232px;
        height: 3263px;
    }
    .heads {
        margin-top: 180px;
        margin-left: 34px;
        position: relative;
        z-index: 2;
    }

    #line1 {
    
    position: absolute;
    left: 159px;
    top: 1240px;
    height: 250px;
    }

    #line2 {

        position: absolute;
    left: 159px;
    top: 2033px;
    height: 250px;
    }

    #line3 {

        position: absolute;
    left: 159px;
    top: 2976px;
    height: 250px;
    }
    
    #line4 {

        position: absolute;
    left: 159px;
    top: 3922px;
    }

    #line5 {

        position: absolute;
    left: 159px;
    top: 5014px;
    height: 248px;
    }

    #line6 {

        position: absolute;
    left: 159px;
    top: 5958px;
    height: 253px;
    }
    
    #line7 {

        position: absolute;
    left: 159px;
    top: 6902px;
    height: 250px;
    }

    .btnreqs {
        position: absolute;
        margin-top: 75px;
        font-size: 24px;
        font-weight: bold;
    }

    /* .btnreqs::after {
        content: url("/static/images/downarr.png")
    } */

    #btnline1 
    {
        position: absolute;
        left: 239px;
        top: 1810px;
        height: 4px;
        width: 185px;
    }

    #btnline2 
    {
        position: absolute;
        left: 239px;
        top: 2607px;
        height: 4px;
        width: 185px;
    }

    #btnline3 
    {
        position: absolute;
        left: 239px;
        top: 3550px;
        height: 4px;
        width: 185px;
    }

    #btnline4 
    {
        position: absolute;
        left: 239px;
        top: 4492px;
        height: 4px;
        width: 185px;
    }

    #btnline5 
    {
        position: absolute;
        left: 239px;
        top: 5587px;
        height: 4px;
        width: 185px;
    }

    #btnline6 
    {
        position: absolute;
        left: 230px;
        top: 6531px;
        height: 4px;
        width: 185px;
    }

    #btnline7
    {
        position: absolute;
        left: 230px;
        top: 7475px;
        height: 4px;
        width: 185px;
    }

    #devimg1 {

position: absolute;
left: 1280px;
top: 1350px;
    }

    #devimg2
    {
    position: absolute;
    left: 1280px;
    top: 2147px;
    }

    #devimg3
    {
    position: absolute;
    left: 1280px;
    top: 3088px;
    }

    #devimg4
    {
    position: absolute;
    left: 1280px;
    top: 4032px;
    }

    #devimg5
    {
    position: absolute;
    left: 1080px;
    top: 5174px;
    }

    #devimg6
    {
    position: absolute;
    left: 1080px;
    top: 6118px;
    }

    #devimg7
    {
    position: absolute;
    left: 1080px;
    top: 7061px;
    }
    #testvideo{
        position: absolute;
        left: 992px;
        top: 1420px;
        width: 232px;
        height: 453px;
        border-radius: 16%;
    
    }

    #testvideo1{
        position: absolute;
        left: 992px;
        top: 2218px;
        width: 232px;
        height: 454px;
        border-radius: 16%;
        
    }

    #testvideo3{
        position: absolute;
        left: 992px;
        top: 3158px;
        width: 232px;
        height: 452px;
        border-radius: 16%;
    }

    #testvideo4{
        position: absolute;
        left: 992px;
        top: 4103px;
        width: 234px;
        height: 453px;
        border-radius: 16%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    #sect1 {
        background-repeat: no-repeat;
        /* background-size: 1470px; */
        background-size: 1199px 900px;
        /* max-width: 1300px; */
    }

    #sect2 {
        background-size: 1199px 798px;
        background-repeat: no-repeat;
    }

    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 1199px 943px;
        background-repeat: no-repeat;
    }

    #sect11 {
        background-size: 991px 952px;
        background-repeat: no-repeat;
    }
    #sect2, #sect3, #sect4, #sect5, #sect6, #sect7, #sect8 {
        z-index: -2;
   
    }

    
    .heads {
        margin-top: 350px !important;
        /* margin-left: -480px !important; */
        font-size: 32px;
        margin-left: -20px !important;
        width: 440px;
        position: relative;
        z-index: 2;
    }

    .peas {
        /* width: 3px; */
        margin-left: -50px;
    }
    .arhead {
        margin-top: 100px;
        margin-left: -50px;
    }
    #pythonbg {
     
    
        position: absolute;
        left: 284px;
        top: 162px;
        width: 478px;
        z-index: -1;
        }
        
        h1 {
            
        }
        
        .heads {
            margin-top: 180px;
        
            position: relative;
            z-index: 2;
        }
        #finsysbg {
            position: absolute;
        left: 100px;
        top: 1600px;
        width: 430px;
        height: 70px;
        z-index: 1;
        
        }
        
        #managebg {
            position: absolute;
        left: 100px;
        top: 2400px;
        width: 480px;
        height: 70px;
        z-index: 1;
        
        }
        
        #dimenbg {
        
            position: absolute;
        left: 100px;
        top: 3341px;
        width: 495px;
        height: 70px;
        z-index: 1;
        
        }
        
        #projbg {
        
            position: absolute;
        left: 100px;
        top: 4283px;
        width: 485px;
        height: 70px;
        z-index: 1;
        
        }
        
        #jobbg {
        
            position: absolute;
        left: 224px;
        top: 5227px;
        width: 211px;
        height: 70px;
        z-index: 1;
        
        }
        
        #corebg {
        
            position: absolute;
        left: 224px;
        top: 6170px;
        width: 174px;
        height: 70px;
        z-index: 1;
        
        }
        
        #erpbg {
        
            position: absolute;
        left: 224px;
        top: 7112px;
        width: 134px;
        height: 70px;
        z-index: 1;
        
        }
    

   
        #long_line {
            position: absolute;
            left: 51px;
            top: 1382px;
            height: 3263px;
        }

    #line1 {
    
    position: absolute;
    left: 45px;
    top: 1390px;
    height: 250px;
    }

    #line2 {

        position: absolute;
    left: 45px;
    top: 2186px;
    height: 250px;
    }

    #line3 {

        position: absolute;
    left: 45px;
    top: 3129px;
    height: 250px;
    }
 

    .pyhead1 {
        /* width: 700px !important;  */
        margin-left: -50px;
    }

    
    #line4 {

        position: absolute;
    left: 45px;
    top: 4077px;
    }

    #line5 {

        position: absolute;
    left: 45px;
    top: 5014px;
    height: 248px;
    }

    #line6 {

        position: absolute;
    left: 45px;
    top: 5958px;
    height: 253px;
    }
    
    #line7 {

        position: absolute;
    left: 45px;
    top: 6902px;
    height: 250px;
    }

    .btnreqs {
        position: absolute;
        margin-top: 75px;
        font-size: 24px;
        font-weight: bold;
        margin-left: -50px;
    }

    #btnline1 
    {
        position: absolute;
        left: 124px;
        top: 1890px;
        height: 4px;
        width: 185px;
    }

    #btnline2 
    {
        position: absolute;
        left: 124px;
        top: 2710px;
        height: 4px;
        width: 185px;
    }

    #btnline3 
    {
        position: absolute;
        left: 124px;
        top: 3653px;
        height: 4px;
        width: 185px;
    }

    #btnline4 
    {
        position: absolute;
        left: 124px;
        top: 4594px;
        height: 4px;
        width: 185px;
    }

    #btnline5 
    {
        position: absolute;
        left: 100px;
        top: 5557px;
        height: 4px;
        width: 185px;
    }

    #btnline6 
    {
        position: absolute;
        left: 100px;
        top: 6501px;
        height: 4px;
        width: 185px;
    }

    #btnline7
    {
        position: absolute;
        left: 100px;
        top: 7445px;
        height: 4px;
        width: 185px;
    }

    #devimg1 {

position: absolute;
left: 650px;
transform: scale(0.5,0.5);
top: 1550px;
    }

    #devimg2
    {
    position: absolute;
    left: 650px;
transform: scale(0.5,0.5);;
    top: 2347px;
    }

    #devimg3
    {
    position: absolute;
    left: 650px;
transform: scale(0.5,0.5);;
    top: 3288px;
    }

    #devimg4
    {
    position: absolute;
    left: 650px;
transform: scale(0.5,0.5);;
    top: 4232px;
    }

    #devimg5
    {
    position: absolute;
    left: 450px;
transform: scale(0.5,0.5);;
    top: 5174px;
    }

    #devimg6
    {
    position: absolute;
    left: 450px;
transform: scale(0.5,0.5);;
    top: 6118px;
    }

    #devimg7
    {
    position: absolute;
    left: 450px;
transform: scale(0.5,0.5);;
    top: 7061px;
    }

    #testvideo{
        position: absolute;
        left: 726px;
        transform: scale(0.8, 0.8);
        top: 1673px;
        width: 182px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo1{
        position: absolute;
        left: 726px;
        transform: scale(0.8, 0.8);
        top: 2473px;  
        width: 182px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo3{
        position: absolute;
        left: 726px;
        transform: scale(0.8, 0.8);
        top: 3411px;
        width: 182px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo4{
        position: absolute;
        left: 726px;
        transform: scale(0.8, 0.8);
        top: 4354px;
        width: 182px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo5{
        position: absolute;
        left: 600px;
        transform: scale(0.8, 0.8);
        width: 430px !important;
        top: 5236px;
        height: 269px;
    }

    #testvideo6{
        position: absolute;
        left: 600px;
        transform: scale(0.8, 0.8);
        width: 430px !important;
        top: 6179px;
        height: 269px;
    }

    #testvideo7{
        position: absolute;
        left: 600px;
        transform: scale(0.8, 0.8);
        width: 430px !important;
        top: 7122px;
        height: 269px;
    }

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        /* display: none !important; */
        display: block !important;
    }

    #testvideo, #testvideo1, #testvideo3, #testvideo4, #testvideo5, #testvideo6, #testvideo7 {
        /* display: none !important; */
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    #sect1 {
        background-repeat: no-repeat;
        background-size: 767px 575px;
        background-position: center;
        height: 575px;

    }

    .ss1 {
        height: 340px !important;
    }

    .heads {
        margin-top: 50px;
    }

    /* .maintit {
        width: 450px !important;
    } */
    #sect2 {
        background-size: 767px 900px !important;
        background-repeat: no-repeat;
        height: 900px !important;
    }

    #sect3, #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 767px 900px;
        background-repeat: no-repeat;
        height: 900px;
    }

    #sect11 {
        background-size: 767px 400px;
        background-repeat: no-repeat;
    }

    .r1 {
        margin-top: 100px !important;
        text-align: center;
    }

    .r2 {
        margin-top: 10px !important;
        text-align: center;
      
    }
    h1 {
        font-size: 20px;
    }

    .peas {
        width: 390px;
        /* text-align: center !important; */
    
    }

    p {
        font-size: 15px;
    }

    .rfoot {
        height: 380px !important;
    }

    #logo {
        transform: scale(0.8,0.8);
        margin-left: 107px !important;
        margin-top: 7px !important;
    }

    #conthead {
        margin-top: 100px !important;
        margin-left: 40px !important;
    }
    
    #add1, #add2, #email1 {
        transform: scale(0.9,0.9);
    }

    #add1 {
        margin-top: 20px !important;
        margin-left: -110px !important;
    }

    #add2 {
        margin-top: -368px !important;
        margin-left: 190px !important;
        /* margin-right: 200px; */
        width: 200px;
        position: absolute;
    }

    #email1 {
        position: absolute;
        margin-top: -480px;
        margin-left: 83px;
    }

    
    #maintit {
        margin-left: 30px;
    }

    /* #mainhead {
        margin-left: 50px;
    } */
    
    .heads {
        margin-left: 0px !important;
        text-align: center;
    }
    /* #pyhead1 {
        max-width: 325px !important;
    } */
    #dots {
        /* margin-left: -736px; */
        margin-top: -500px;
        /* margin-right: 900px; */
        position: absolute;
    }


    #catline {
        margin-left: -40px;
        display: none;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        margin-left: -31px;
        display: none;

    }
    #long_line {
        height: 6091px !important;
    } 

    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -120px;
        display: none;
        transform: scale(0.8,0.8);
        margin-top: -500px;
    }

    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -32px;
        margin-top: 0px;
        display: none;
    }
    
    
    #devimgmob1, #devimgmob2, #devimgmob3, #devimgmob4, #devimgmob5, #devimgmob6, #devimgmob7 {

        transform: scale(0.6, 0.6);
        display: flex;
        justify-content: center;
        /* width: 500px; */
       /* height: 200px; */
    }
   


    #testvideomb1, #testvideomb2, #testvideomb3, #testvideomb4
    {
            /* display: none !important; */
            position: absolute;
           /* transform: scale(0.2,0.2); */
            /* left: 0px; */
            margin-top: 22px;
            width: 200px;
            height: 300px;  
            
    }
#testvideomb1 {
    top: 1190px;
}

#testvideomb2 {
    top: 2100px;
}

#testvideomb3 {
    top: 3010px;
}

#testvideomb4 {
    top: 3920px;
}

#testvideomb5 {
    top: 4830px;
}

#testvideomb6 {
    top: 5740px;
}

#testvideomb7 {
    top: 6649px;
}
}   

@media screen and (min-width: 768px) and (max-width: 991px) {

    #sect1 {
        background-repeat: no-repeat;
        /* background-size: 1470px; */
        background-size: 991px 900px;
        /* max-width: 1300px; */
    }

    .maintit {
        /* width: 840px !important; */
        /* font-size: 24px; */
        margin-left: 50px;
        
    }
    #sect2 {
        background-size: 991px 798px;
        background-repeat: no-repeat;
    }


    .arhead {
        margin-left: 34px;
    }
    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 991px 943px;
        background-repeat: no-repeat;
    }

    #sect11 {
        background-size: 991px 952px;
        background-repeat: no-repeat;
    }
    #sect2, #sect3, #sect4, #sect5, #sect6, #sect7, #sect8 {
        z-index: -2;
   
    }

    .heads {
        margin-top: 110px !important;
        /* margin-left: -480px !important; */
        font-size: 28px;
        width: 390px;
        position: relative;
        z-index: 2;
    }

    .peas {
        width: 325px;
    }

    #pythonbg {
        margin-left: -366px;
        /* display: none; */
        transform: scale(0.8,0.8);
        /* margin-top: -500px; */
    }

    #finsysbg {
        margin-left: -168px !important;
        /* display: none; */
        transform: scale(0.8,0.8);
        /* margin-top: -500px; */
    }

    #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -178px;
        /* display: none; */
        transform: scale(0.8,0.8);
        /* margin-top: -500px; */
    }
    


    #long_line {
        position: absolute;
        left: 50px;
        top: 1226px;
        height: 3277px;
    }

    #line1 {
    
    position: absolute;
    left: 45px;
    top: 1240px;
    height: 250px;
    }

    #line2 {

        position: absolute;
    left: 45px;
    top: 2046px;
    height: 250px;
    }

    #line3 {

        position: absolute;
    left: 45px;
    top: 2976px;
    height: 250px;
    }
 

    .pyhead1 {
        width: 700px; 
        margin-left: -50px;
    }

    
    #line4 {

        position: absolute;
    left: 45px;
    top: 3927px;
    }

    #line5 {

        position: absolute;
    left: 45px;
    top: 5014px;
    height: 248px;
    }

    #line6 {

        position: absolute;
    left: 45px;
    top: 5958px;
    height: 253px;
    }
    
    #line7 {

        position: absolute;
    left: 45px;
    top: 6902px;
    height: 250px;
    }

    .btnreqs {
        position: absolute;
        margin-top: 75px;
        font-size: 24px;
        font-weight: bold;
    }

    #btnline1 
    {
        position: absolute;
        left: 100px;
        top: 1800px;
        height: 4px;
        width: 185px;
    }

    #btnline2 
    {
        position: absolute;
        left: 100px;
        top: 2600px;
        height: 4px;
        width: 185px;
    }

    #btnline3 
    {
        position: absolute;
        left: 100px;
        top: 3543px;
        height: 4px;
        width: 185px;
    }

    #btnline4 
    {
        position: absolute;
        left: 100px;
        top: 4484px;
        height: 4px;
        width: 185px;
    }

    #btnline5 
    {
        position: absolute;
        left: 100px;
        top: 5557px;
        height: 4px;
        width: 185px;
    }

    #btnline6 
    {
        position: absolute;
        left: 100px;
        top: 6501px;
        height: 4px;
        width: 185px;
    }

    #btnline7
    {
        position: absolute;
        left: 100px;
        top: 7445px;
        height: 4px;
        width: 185px;
    }

    #devimg1 {

position: absolute;
left: 520px;
transform: scale(0.5, 0.5);
top: 1400px;
    }

    #devimg2
    {
    position: absolute;
    left: 520px;
transform: scale(0.5, 0.5);;
    top: 2187px;
    }

    #devimg3
    {
    position: absolute;
    left: 520px;
transform: scale(0.5, 0.5);
    top: 3138px;
    }

    #devimg4
    {
    position: absolute;
    left: 520px;
transform: scale(0.5, 0.5);
    top: 4082px;
    }

    #devimg5
    {
    position: absolute;
    left: 520px;
transform: scale(0.5, 0.5);;
    top: 5174px;
    }

    #devimg6
    {
    position: absolute;
    left: 520px;
transform: scale(0.5, 0.5);;
    top: 6118px;
    }

    #devimg7
    {
    position: absolute;
    left: 520px;
transform: scale(0.5, 0.5);;
    top: 7061px;
    }

    #testvideo{
        position: absolute;
        left: 596px;
        transform: scale(0.8, 0.8);
        width: 182px;
        top: 1526px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo1{
        position: absolute;
        left: 596px;
        transform: scale(0.8, 0.8);
        width: 182px;
        top: 2309px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo3{
        position: absolute;
        left: 596px;
        transform: scale(0.8, 0.8);
        width: 182px;
        top: 3260px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo4{
        position: absolute;
        left: 596px;
        transform: scale(0.8, 0.8);
        width: 182px;
        top: 4204px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo5{
        position: absolute;
        left: 599px;
        transform: scale(0.8, 0.8);
        width: 178px;
        top: 5236px;
        height: 360px;
        border-radius: 16%;
    }

    #testvideo6{
        position: absolute;
        left: 599px;
        transform: scale(0.8, 0.8);
        width: 178px;
        top: 6179px;
        height: 360px;
    }

    #testvideo7{
        position: absolute;
        left: 599px;
        transform: scale(0.8, 0.8);
        width: 178px;
        top: 7122px;
        height: 360px;
    }

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        /* display: none !important; */
        display: block !important;
    }

    #testvideo, #testvideo1, #testvideo3, #testvideo4, #testvideo5, #testvideo6, #testvideo7 {
        /* display: none !important; */
    }
}

/* @media screen  and (max-width: 991px) {
    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        display: none;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        display: none;

    }
    
}  */

/* New footer work */

@media screen and (max-width: 575px) {
    .newadd1 {
        font-size: 17px;
    }
    #newadd2 {
        margin-top: 44px;
    }
    
}
@media screen and (min-width: 360px) and (max-width: 991px) {

    #newlogo {
        margin-top: 12px;
        transform: scale(0.9,0.9);
    }
    
}

/* @media screen and (min-width: 360px) and (max-width: 385px) {
    #newaddr1,#newaddr2 {
        font-size: 14px !important;
    }

    #newaddr1 {
        padding-left: -11px;
    }

    #newaddr2 {
        margin-top: 0px;
        padding-left: 5px;
    }

} */

@media screen and (min-width: 360px) and (max-width: 575px) {
    #newaddr1,#newaddr2, #newemail {
        font-size: 16px !important;
        text-align: center;
    }

    /* #newaddr1 {
        padding-left: -11px;
    } */

    #newaddr2 {
        margin-top: 0px;
        padding-left: 5px;
    }

}


@media screen and (min-width: 768px) {
    #newemail {
        margin-top: 120px;
    }
    
}

@media screen and (min-width: 992px) {
    #newlogo {
        margin-top: 55px;
    }

    .newadd1 {
        margin-top: -70px;
    }

    #map1 {
        position: absolute;
        margin-top: -295px;
        /* margin-left: 680px; */
        height: 200px;
        width: 300px;
    }
    
}

@media screen and (min-width: 1070px) and (max-width: 1199px) {
    #map1 {
        position: absolute;
        margin-top: -295px;
        margin-left: 740px;
        height: 200px;
        width: 300px;
    }
}


@media screen and (min-width: 1400px) {
    #map1 {
        margin-left: 1040px;

    }
} 

@media screen and (min-width: 1500px) {
    #map1 {
        display: flex !important;
        justify-content: end !important;

    }
} 

@media screen and (min-width: 1600px) {
    #map1 {
        margin-left: 1200px;

    }
}