body{
    background-color: black;
    overflow-x: hidden;
}

#sect1 {
    background-image: url('../images/Rectangle_83.png');
    background-size: 1920px 900px;
    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/Rectangle_84.png');
    background-size: 1920px 798px;
    background-repeat: no-repeat;
    /* min-width: 1400px; */
    height: 798px;
    /* min-width: 390px; */
}

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

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

.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: 1600px) {

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

    #testvideo, #testvideo1, #testvideo2, #testvideo3, #testvideo4, #testvideo5, #testvideo6, #testvideo7{
        left: 1143px !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: -213px;
    }


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

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

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

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

    #pythonbg {
        margin-top: 6px;
        width: 380px !important;
        height: 65px;
    }

    #finsysbg {
        width: 183px !important;
    }

    #managebg {
        width: 321px !important;
    }

    #dimenbg {
        width: 284px !important;
    }

    #projbg {
        width: 378px !important;
    }

      #jobbg {
        width: 205px !important;
    }

    #erpbg {
        width: 284px !important;
    } 

    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {
        margin-left: -45px;
        margin-top: -50px; 
    }
    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        transform: scale(0.8, 0.8);
        margin-left: -380px;
    }
}


@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: 6091px !important;
    } 
/*
    #pythonbg, #finsysbg, #managebg, #dimenbg, #projbg, #jobbg, #corebg, #erpbg {
        margin-left: -42px;
    }*/

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

@media screen and (min-width: 1463px) and (max-width: 1599px) {
    #btnline1, #btnline2, #btnline3, #btnline4, #btnline5, #btnline6, #btnline7 {

        margin-top: -68px !important;
    }
    
}
@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: -52px;
    }
    #long_line, #line1, #line2, #line3, #line4, #line5, #line6, #line7 {
        margin-left: -49px;

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

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

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

    #pythonbg {
        margin-top: 6px;
        width: 380px !important;
        height: 65px;
    }

    #finsysbg {
        width: 182px !important;
    }

    #managebg {
        width: 321px !important;
    }

    #dimenbg {
        width: 284px !important;
    }

    #projbg {
        width: 378px !important;
    }

    #jobbg {
        width: 205px !important;
    }

    #erpbg {
        width: 284px !important;
    } 

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

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

    #testvideo{
        position: absolute;
        left: 750px !important; 
        top: 1631px !important;
        width: 377px !important;
        height: 243px !important;
    }

    #testvideo1{
        position: absolute;
        left: 750px !important; 
        top: 2422px !important;
        width: 377px !important;
        height: 243px !important;
    }

    #testvideo3{
        position: absolute;
        left: 750px !important; 
        top: 3362px !important;
        width: 377px !important;
        height: 243px !important;
    }

    #testvideo4{
        position: absolute;
        left: 750px !important; 
        top: 4306px !important;
        width: 377px !important;
        height: 243px !important;
    }

    #testvideo5{
        position: absolute;
        left: 750px !important; 
        top: 5249px !important;
        width: 377px !important;
        height: 243px !important;
    }

    #testvideo6{
        position: absolute;
        left: 750px !important; 
        top: 6192px !important;
        width: 377px !important;
        height: 243px !important;
    }

    #testvideo7{
        position: absolute;
        left: 750px !important; 
        top: 7135px !important;
        width: 377px !important;
        height: 243px !important;
    }
}    


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

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

    }

    .ss1 {
        height: 340px !important;
    }

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

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

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

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

    p {
        font-size: 15px;
    }

    .peas {
        width: 290px !important;
    }
    .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;
        background-color: #F63060;
        padding: 10px 0px 10px 0px;
    }
    /* #pyhead1 {
        max-width: 325px !important;
    } */
    #dots {
        /* margin-left: -736px; */
        margin-top: -500px;
        /* margin-right: 900px; */
        position: absolute;
    }

    .btnreqs {
        font-size: 26px;
        font-weight: bold;
    }

    #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.4, 0.5); */
        display: flex;
        justify-content: center;
        width: 340px !important;
        height: 200px !important;
    }
   


    #testvideomb1, #testvideomb2, #testvideomb3, #testvideomb4, #testvideomb5, #testvideomb6, #testvideomb7
{
        /* display: none !important; */
        position: absolute;
       /* transform: scale(0.2,0.2); */
        /* left: 0px; */
        
        width: 256px !important;
        height: 159px !important; 
              
}
#testvideomb1, #testvideomb1::-webkit-media-controls-fullscreen-button {
    top: 1141px;
}

#testvideomb2, #testvideomb2::-webkit-media-controls-fullscreen-button {
    top: 2051px;
}

#testvideomb3, #testvideomb3::-webkit-media-controls-fullscreen-button {
    top: 2961px;
}

#testvideomb4, #testvideomb4::-webkit-media-controls-fullscreen-button {
    top: 3871px;
}

#testvideomb5, #testvideomb5::-webkit-media-controls-fullscreen-button {
    top: 4781px;
}

#testvideomb6, #testvideomb6::-webkit-media-controls-fullscreen-button {
    top: 5690px;
}

#testvideomb7, #testvideomb7::-webkit-media-controls-fullscreen-button {
    top: 6600px;
}
}   

/* min bg width at < 390px */
/* @media screen and (max-width: 390px) {
    #sect1 {
        background-repeat: no-repeat;
        background-size: 390px 575px !important;
        background-position: center;
        height: 575px;

    }

    .ss1 {
        height: 340px !important;
    }

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

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

    #sect11 {
        background-size: 390px 575px !important;
        background-repeat: no-repeat;
    }
    
} */
@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 (max-width: 991px) {
    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
        display: none;
    }
    
} 

/* dots */

#dots {
    /* Group 32 */

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

}

#catline {
    /* Line 2 */

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

}

#pythonbg {
    /* Rectangle 18 */

position: absolute;
left: 372px;
top: 1262px;
width: 478px;
z-index: -1;
}

h1 {
    
}

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

}

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

}

#dimenbg {

    position: absolute;
left: 224px;
top: 3341px;
width: 324px;
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: 462px;
height: 70px;
z-index: 1;

}

#erpbg {

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

}

/* Verticle lines */

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

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

    .heads {
        margin-top: 180px;
        margin-left: 34px;
        position: relative;
        z-index: 2;
    }

    #long_line {
        position: absolute;
        left: 164px;
        top: 1386px;
        height: 6093px
    }

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

    .pyhead1 {
        width: 700px; 
    }
    
    #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;
    }

    #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: 843px;
        top: 1611px;
        width: 429px;
        height: 269px;
    }

    #testvideo1{
        position: absolute;
        left: 843px;
        top: 2409px;
        width: 429px;
        height: 269px;
    }

    #testvideo3{
        position: absolute;
        left: 843px;
        top: 3349px;
        width: 429px;
        height: 269px;
    }

    #testvideo4{
        position: absolute;
        left: 843px;
        top: 4294px;
        width: 429px;
        height: 269px;
    }

    #testvideo5{
        position: absolute;
        left: 843px;
        top: 5236px;
        width: 429px;
        height: 269px;
    }

    #testvideo6{
        position: absolute;
        left: 843px;
        top: 6179px;
        width: 429px;
        height: 269px;
    }

    #testvideo7{
        position: absolute;
        left: 843px;
        top: 7122px;
        width: 429px;
        height: 269px;
    }
}

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

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

    .peas {
        width: 325px;
    }

    #pythonbg {
        margin-left: -185px !important;
        /* display: none; */
        transform: scale(0.8,0.8);
        /* margin-top: -500px; */
        width: 550px;
    }

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

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

   
    #long_line {
        position: absolute;
        left: 50px;
        top: 1386px;
        height: 6093px
    }

    #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: 100px;
        top: 1930px;
        height: 4px;
        width: 185px;
    }

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

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

    #btnline4 
    {
        position: absolute;
        left: 100px;
        top: 4614px;
        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.6, 0.6);
top: 1550px;
    }

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

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

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

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

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

    #devimg7
    {
    position: absolute;
    left: 450px;
transform: scale(0.6, 0.6);;
    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 (min-width: 1600px) {
    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
     left: 800px;
    }

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

    #pythonbg {
        margin-top: 6px;
        width: 430px !important;
        height: 65px;
    }

    #finsysbg {
        width: 183px !important;
    }

    #managebg {
        width: 321px !important;
    }

    #dimenbg {
        width: 284px !important;
    }

    #projbg {
        width: 378px !important;
    }

      #jobbg {
        width: 205px !important;
    }

    #erpbg {
        width: 284px !important;
    } 
    
}

@media screen and (max-width: 991px) {
    #devimg1, #devimg2, #devimg3, #devimg4, #devimg5, #devimg6, #devimg7 {
     display: none !important;
    }
    
}

/* 576px+ */

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

    #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: 767px) 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;
        /* 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: 1386px;
        height: 6093px
    }

    #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.6, 0.6);
top: 1550px;
    }

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

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

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

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

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

    #devimg7
    {
    position: absolute;
    left: 210px;
transform: scale(0.6, 0.6);;
    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;

    }
}