.main{
    height: 3000px;
    width: 100%;
    background-color: rgb(196, 228, 186);
}
#OurSoftware{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
     
}
.navbar{
    height: 60px;
    width: 97%;
    text-decoration: none;
    background-color: aqua;
    font-family: calibri;
    padding-right: 15px; padding-left: 15px;
    display: flex; align-items: center;
    justify-content: space-between;  
}
 .soft1{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;  
} 
   .tube1{
    height: 300px;
    width: 100%;
    background-color: cadetblue;   
}   
.text1{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}
.soft1>span{
    font-family: sans-serif; 
    border: 5px solid rgb(51, 128, 190);
    border-radius: 10px; 
    padding: 5px;
    font-weight: bolder;
} 

/* finish row 1 */

 .soft2{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube2{
    height: 300px;
    width: 100%;
    background-color: skyblue;
    left: 70px;
     padding-top: 16px;
   
} 
.text2{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px; */
    
}  


/* new */


.software{
    height: 40px;
    width: 20%;
    background-image: linear-gradient(skyblue, white);
    margin-top: 5px; 
    margin-left: 70px;
         
} 
.software>h3{
    position: absolute;
    left: 120px;
    top: 3px;
    font-family: sans-serif;
    text-decoration: none;
    color: black;
    
}

.google{
    height: 40px;
    width: 30%;
    background-image: linear-gradient(skyblue, white);
    margin-top: 5px; 
    margin-left: 80px;     
} 
.google>h3{
    position: absolute;
    left: 405px;
    top: 3px;
    font-family: sans-serif;
    text-decoration: none;
}

.feedback{
    height: 40px;
    width: 20%;
    background-image: linear-gradient(skyblue, white);
    margin-top: 5px; 
    margin-left: 90px;       
} 
.feedback>h3{
    position: absolute;
    left: 750px;
    top: 3px;
    font-family: sans-serif;
}

/* container 2 */

.container2{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);

}
.soft3{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;
    
    
} 
   .tube3{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    
    
}   
.text3{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    
}

/* soft 4 */
.soft4{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube4{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    left: 70px;  
} 
.text4{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}  

/* container 3 */
.container3{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);

}
.soft5{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;
    
    
} 
   .tube5{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    
    
}   
.text5{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    
}
/* soft 6 */

.soft6{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube6{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    left: 70px;  
} 
.text6{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}  

/* container 4 */

.container4{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
}
.soft7{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;      
} 
   .tube7{
    height: 300px;
    width: 100%;
    background-color: cadetblue;    
}   
.text7{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}

 /* soft 6 */

 .soft8{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube8{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    left: 70px;  
} 
.text8{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}   

/* container 5 */

.container5{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
}
.soft9{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;      
} 
   .tube9{
    height: 300px;
    width: 100%;
    background-color: cadetblue;    
}   
.text9{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}

/* soft 10 */

.soft10{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube10{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    left: 70px;  
} 
.text10{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}  

/* container 6 */

#Googletraining{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
}
.soft11{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;      
} 
   .tube11{
    height: 300px;
    width: 100%;
    background-color: cadetblue; 
    
}   
.text11{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}
.soft11>span{
    font-family: sans-serif; 
    border: 5px solid rgb(51, 128, 190);
    border-radius: 10px; 
    padding: 5px;
    font-weight: bolder;
} 

/* soft 12 */

.soft12{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube12{
    height: 300px;
    width: 100%;
    background-color: skyblue;
    left: 70px;   
    padding-top: 16px; 
} 
.text12{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    
}  

/* container 7 */

.container7{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
}
.soft13{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;      
} 
   .tube13{
    height: 300px;
    width: 100%;
    background-color: cadetblue;    
}   
.text13{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}

/* soft 14 */

.soft14{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube14{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    left: 70px;  
} 
.text14{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}  

/* container 8 */

#CustomerFeedback{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
}
.soft15{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;      
} 
   .tube15{
    height: 300px;
    width: 100%;
    background-color: cadetblue;    
}   
.text15{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}
.soft15>span{
    font-family: sans-serif; 
    border: 5px solid rgb(51, 128, 190);
    border-radius: 10px; 
    padding: 5px;
    font-weight: bolder; 
} 
/* soft 16 */

.soft16{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube16{
    height: 300px;
    width: 100%;
    background-color: skyblue;
    left: 70px;  
    padding-top: 16px;
} 
.text16{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}  

/* container 9 */

.container9{
    height: 450px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
}
.soft17{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    position: absolute;
    margin-left: 30px;      
} 
   .tube17{
    height: 300px;
    width: 100%;
    background-color: cadetblue;    
}   
.text17{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);   
}
/* soft 18 */

.soft18{
    height: 400px;
    width: 45%;
    background-color: skyblue;
    float: right;
    margin-right: 30px;    
}  
.tube18{
    height: 300px;
    width: 100%;
    background-color: cadetblue;
    left: 70px;  
} 
.text18{
    height: 100px;
    width: 100%;
    background-image: linear-gradient(skyblue, white);
    /* padding-top: 16px;    */
}  

/* finish container */