body{
    background-color: black;
}

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

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

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

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

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

#sect5 {
    background-image: url('../images/Rectangle_93.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%;
    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;
}

.btnreqs {
    color: #F63060 !important; 
    text-decoration: none;
}

.btnreqs:hover{
    color: white !important;
}

@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: 1400px) and (max-width: 1599px) {
    #sect1 {
        background-repeat: no-repeat;
        background-size: 1590px 910px;
    }

    #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;
    } */

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

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

    #finsysbg {
        width: 564px !important;
        margin-top: -2px !important;
    }

    #managebg {
        width: 562px !important;
        margin-top: -2px !important;
    }

    #dimenbg {
        width: 580px !important;
        margin-top: -2px !important;
    }

    #projbg {
        width: 351px !important;
        margin-top: -2px !important;
    }


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

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        transform: scale(0.7, 0.6) !important;
        margin-left: -300px !important;
    }
}


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

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

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

    #sect4, #sect5, #sect6, #sect7, #sect8, #sect9, #sect10 {
        background-size: 1470px 953px !important;
        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: -32px;
        margin-top: -70px;
    }

 
}

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

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

    #sect2 {
        background-size: 1470px 808px;
        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: -59px;
        margin-top: 5px !important;
    }

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

    #finsysbg {
        width: 564px !important;
        margin-top: -2px !important;
    }

    #managebg {
        width: 562px !important;
        margin-top: -2px !important;
    }

    #dimenbg {
        width: 580px !important;
        margin-top: -2px !important;
    }

    #projbg {
        width: 351px !important;
        margin-top: -2px !important;
    }

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

    #btnline2 {
        margin-left: -49px;
        margin-top: -80px;
    }

   #btnline3 {
        margin-left: -49px;
        margin-top: -80px;
    }

    #btnline4 {
        margin-left: -49px;
        margin-top: -80px;
    }

    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        transform: scale(0.6, 0.5);
        margin-left: -500px;
        margin-top: 200px;
    }

    
    #testvideo{
        position: absolute;
        left: 777px !important; 
        top: 1806px !important;
        width: 323px !important;
        height: 303px !important;
    }

    #testvideo1{
        position: absolute;
        left: 777px !important; 
        top: 2602px !important;
        width: 323px !important;
        height: 303px !important;
    }

    #testvideo3{
        position: absolute;
        left: 777px !important;
        top: 3543px !important;
        width: 323px !important;
        height: 303px !important;
    }

    #testvideo4{
        position: absolute;
        left: 777px !important;
        top: 4485px !important;
        width: 323px !important;
        height: 303px !important;
    }
}    


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

    #sect1 {
        background-repeat: no-repeat;
        background-size: 100vw 575px;
        height: 575px;

    }
    h1, .peas, #mainhead, #maintit{
        text-align: center !important;
    }

    p {
        font-size: 15px;
    }
    .peas {
        width: 290px !important;
    }
  

    #projhead {
        margin-top: -50px !important;
    }

    .heads {
        margin-top: -60px;
        margin-bottom: 30px;
        z-index: 1 !important;
        background-color: #F63060;
        padding: 10px 0px 10px 0px;
        
    }
    .ss1 {
        height: 340px !important;
    }
    #mainbg1 {
        background-color: #F63060; 
        padding: 5px 10px 5px 10px;
    }

    #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;
        background-repeat: no-repeat;
        height: 900px;
    }


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

    .btnreqs {
        font-size: 26px;
        font-weight: bold;
    }
    .r1 {
        margin-top: 100px !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: 200px !important;
        /* width: 200px; */
        position: absolute;
    }

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


    /* #mainhead {
        margin-left: 50px;
    } */
    
    #pyhead1 {
        max-width: 325px !important;
        margin-left: 30px;
    }
    


    #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;
    } 
    
    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -32px;
        margin-top: 0px;
        display: none;
    }
    #testvideo {
        display: none;
    }

    #pythonbgmb, #finsysbgmb, #managebgmb, #dimenbgmb, #projbgmb, #jobbgmb, #corebgmb, #erpbgmb {
        margin-left: 60px;
        /* display: none; */
        /* transform: scale(0.8,0.8); */
        position: absolute;
        margin-top: -2200px;
        width: 298px;        
    }    

    #devimgmob1, #devimgmob2, #devimgmob3, #devimgmob4 {
        /* transform: scale(0.5, 0.5); */
        display: flex;
        justify-content: center;
        width: 368px !important;
        height: 196px;
    }

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

#testvideomb1 {
    top: 1086px;
}

#testvideomb2 {
    top: 1996px;
}

#testvideomb3 {
    top: 2903px;
}

#testvideomb4 {
    top: 3813px !important;
}

/* source {
    width: 235px;
    height: 220px !important;

} */

/* #testvideomb1::-webkit-media-controls-fullscreen-button
{
    
    object-fit: scale-down;
   
} */
}

@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;
    }
}
/* @media screen and (min-width: 360px) and (max-width: 399px) {

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

    }

    #projhead {
        margin-top: -50px !important;
    }

    .heads {
        margin-top: -60px;
        margin-bottom: 30px;
        z-index: 1 !important;
        
    }
    .ss1 {
        height: 300px !important;
    }

    #sect2 {
        background-size: 575px 575px;
        background-repeat: no-repeat;
        height: 575px;
    }

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

    #sect11 {
        background-size: 575px 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;
    }

    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;
    }


    #maintit {
        margin-left: -20px;
    }


    #mainhead {
        margin-left: 35px;
    }
    
   
    #pyhead1 {
        max-width: 325px !important;
        margin-left: 30px;
    }



    #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;
    } 
    
    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -32px;
        margin-top: 0px;
        display: none;
    }
    #testvideo {
        display: none;
    }

    #pythonbgmb, #finsysbgmb, #managebgmb, #dimenbgmb, #projbgmb, #jobbgmb, #corebgmb, #erpbgmb {
        margin-left: 60px;
       
        position: absolute;
        margin-top: -2200px;
        width: 298px;
        
        

        
    }

    
    
    
} */



/* dots */

#dots {
    /* Group 32 */

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

}

#catline {
    /* Line 2 */

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

}


/* Verticle lines */

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

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

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

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

    #line2 {

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

    #line3 {

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

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

    #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;
    }

    #btnline1 
    {
        position: absolute;
        left: 230px;
        top: 1963px;
        height: 4px;
        width: 185px;
    }

    #btnline2 
    {
        position: absolute;
        left: 230px;
        top: 2760px;
        height: 4px;
        width: 185px;
    }

    #btnline3 
    {
        position: absolute;
        left: 230px;
        top: 3703px;
        height: 4px;
        width: 185px;
    }

    #btnline4 
    {
        position: absolute;
        left: 230px;
        top: 4644px;
        height: 4px;
        width: 185px;
    }

    /* .heads {
        width: 500px !important;
    } */
    #btnline5 
    {
        position: absolute;
        left: 230px;
        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: 1080px;
top: 1550px;
    }

    #devimg2
    {
    position: absolute;
    left: 1080px;
    top: 2347px;
    }

    #devimg3
    {
    position: absolute;
    left: 1080px;
    top: 3288px;
    }

    #devimg4
    {
    position: absolute;
    left: 1080px;
    top: 4232px;
    }

    #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: 948px;
        top: 1647px;
        width: 380px;
        height: 213px;
    }

    #testvideo1{
        position: absolute;
        left: 948px;
        top: 2446px;
        width: 380px;
        height: 213px;
    }

    #testvideo3{
        position: absolute;
        left: 948px;
        top: 3386px;
        width: 380px;
        height: 213px;
    }

    #testvideo4{
        position: absolute;
        left: 948px;
        top: 4330px;
        width: 380px;
        height: 213px;
    } 

    h1 {
        width: 800px;
    }

    #pythonbg {
     
    
    position: absolute;
    left: 364px;
    top: 1262px;
    width: 478px;
    z-index: -1;
    }
    
    h1 {
        
    }
    
    .heads {
        margin-top: 180px;
        margin-left: 34px;
        position: relative;
        z-index: 2;
    }
    #finsysbg {
        position: absolute;
    left: 224px;
    top: 1600px;
    width: 560px;
    height: 70px;
    z-index: 1;
    
    }
    
    #managebg {
        position: absolute;
    left: 224px;
    top: 2400px;
    width: 580px;
    height: 70px;
    z-index: 1;
    
    }
    
    #dimenbg {
    
        position: absolute;
    left: 224px;
    top: 3341px;
    width: 500px !;
    height: 70px;
    z-index: 1;
    
    }
    
    #projbg {
    
        position: absolute;
    left: 224px;
    top: 4283px;
    width: 385px;
    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;
    
    }
    
}

@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: 1199px 952px;
        background-repeat: no-repeat;
    }
    #sect2, #sect3, #sect4, #sect5, #sect6, #sect7, #sect8 {
        z-index: -2;
   
    }

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

    .peas {
        /* width: 325px; */
    }

    #pythonbg {
     
    
        position: absolute;
        left: 284px;
        top: 1262px;
        width: 478px;
        z-index: -1;
        }
        
        h1 {
            
        }
        
        .heads {
            margin-top: 180px;
            margin-left: 34px;
            position: relative;
            z-index: 2;
        }
        #finsysbg {
            position: absolute;
        left: 100px;
        top: 1600px;
        width: 600px;
        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: 500px;
        height: 70px;
        z-index: 1;
        
        }
        
        #projbg {
        
            position: absolute;
        left: 100px;
        top: 4283px;
        width: 385px;
        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;
    }

    #btnline1 
    {
        position: absolute;
        left: 170px;
        top: 1900px;
        height: 4px;
        width: 185px;
    }

    #btnline2 
    {
        position: absolute;
        left: 170px;
        top: 2690px;
        height: 4px;
        width: 185px;
    }

    #btnline3 
    {
        position: absolute;
        left: 170px;
        top: 3643px;
        height: 4px;
        width: 185px;
    }

    #btnline4 
    {
        position: absolute;
        left: 170px;
        top: 4584px;
        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: 450px;
transform: scale(0.5,0.5);
top: 1550px;
    }

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

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

    #devimg4
    {
    position: absolute;
    left: 450px;
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: 600px;
        transform: scale(0.8, 0.8);
        width: 430px !important;
        top: 1621px;
        height: 269px;
    }

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

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

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

    #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 (max-width: 991px) {
    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        display: none;
    }

    .heads {
        max-width: 480px;
    }
    
} 
@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;
    }

    /* .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.5, 0.5);
        display: flex;
        justify-content: center;
        /* width: 500px; */
       /* height: 200px; */
    }
   


    #testvideomb1, #testvideomb2, #testvideomb3, #testvideomb4, #testvideomb5, #testvideomb6, #testvideomb7
{
        /* display: none !important; */
        position: absolute;
       /* transform: scale(0.2,0.2); */
        /* left: 0px; */
        
        width: 275px;
        height: 170px;  
        
}
#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: 1470px 900px;
        /* max-width: 1300px; */
    }

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

    #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;
        /* margin-left: -480px !important; */
        font-size: 32px;
        position: relative;
        z-index: 2;
    }

    .peas {
        width: 325px;
    }

    #pythonbg {
        margin-left: -206px;
        transform: scale(0.8,0.8);
        margin-top: -1000px;
        display: none !important;
    }


    #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -0px;
        transform: scale(0.8,0.8);
        margin-top: -1000px;
        z-index: -1 !important;
        display: none !important;
    }
    


    #long_line {
        position: absolute;
        left: 50px;
        top: 1386px;
        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; 
        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;
    }

    #btnline1 
    {
        position: absolute;
        left: 80px;
        top: 1930px;
        height: 4px;
        width: 185px;
    }

    #btnline2 
    {
        position: absolute;
        left: 80px;
        top: 2730px;
        height: 4px;
        width: 185px;
    }

    #btnline3 
    {
        position: absolute;
        left: 80px;
        top: 3673px;
        height: 4px;
        width: 185px;
    }

    #btnline4 
    {
        position: absolute;
        left: 80px;
        top: 4614px;
        height: 4px;
        width: 185px;
    }

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

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

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

    #devimg1 {

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

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

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

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

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

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

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

    #testvideo{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        top: 1621px;
        height: 269px;
    }

    #testvideo1{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        top: 2409px;
        height: 269px;
    }

    #testvideo3{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        top: 3349px;
        height: 269px;
    }

    #testvideo4{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        top: 4294px;
        height: 269px;
    }

    #testvideo5{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        top: 5236px;
        height: 269px;
    }

    #testvideo6{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        top: 6179px;
        height: 269px;
    }

    #testvideo7{
        position: absolute;
        left: 363px;
        transform: scale(0.8, 0.8);
        width: 409px;
        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; */
    }
}



/* 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;

    }
} 

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

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

    #testvideo, #testvideo1, #testvideo2, #testvideo3, #testvideo4, #testvideo5, #testvideo6, #testvideo7{
        position: absolute;
        left: 1048px !important;

    }

    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: 0px;
        margin-top: 5px !important;
    }

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

    #finsysbg {
        width: 564px !important;
        margin-top: -2px !important;
    }

    #managebg {
        width: 562px !important;
        margin-top: -2px !important;
    }

    #dimenbg {
        width: 580px !important;
        margin-top: -2px !important;
    }

    #projbg {
        width: 351px !important;
        margin-top: -2px !important;
    }

    /* #map1 {
        margin-left: 1100px;
    } */
}