﻿.main-services-section {
    margin-top: 60px;
}

.wrapper-div {
    background-color: #1A508E;
    color: white;
    padding: 40px 0px;
}

.project-col {
    background-color: white;
    color: black;
}

.swd-col {
    padding: 10% 18%;
    color: white;
}





.main-services-section .clientCol {
    padding: 10% 10%;
}

.mystro-image {
    height: 30%;
    width:50%;
    padding-top: 4%;
    padding-left: 4%;
    padding-bottom: 0px;
}


/*_________________________________________________________________________________________________________________________*/
/*software development section*/

.software-dev {
    background-color: #fbfbfb;
}

.swd-h3 {
    margin-bottom: 30px;
    margin-top: 15px;
}

#getConsultationbtn {
    background-color: #2969b3;
    border-radius: 0px;
    margin-top:20px;
}

#getConsultationbtn:hover {
        background-color: #1a508e;
    }

/*_________________________________________________________________________________________________________________________*/
/*web development section*/


/*.webDev-section {
margin-top:50px;
}*/
    .webDev-section h3 {
        margin-bottom: 40px;
    }
.about-webapp {
        background-color:#1A508E;
        color:white;
    padding:30px;
}
.webapp-p {
    margin-bottom: 40px;
}
.web-img {
    background-color: #F2F3F4;
}


/*_________________________________________________________________________________________________________________________*/
/*web development section*/

.wa-img {
margin-bottom:20px;
}
.mobileAppimg {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mobileApphead {
    margin-bottom: 20px;
}
.mobileApppara {
    margin-bottom: 20px;
}
.mobileAppwrapper {
padding:3%;
}
.mobileApp-section {
    margin-top:50px;
    margin-bottom:50px;

}

    .mobileApp-section h3 {
        margin-bottom: 30px;
    }

    .mobileApp-section h5 {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .mobileApp-section p {
        margin-bottom: 20px;
    }

    /*Large screen according to bootstrap*/
    @media (min-width: 992px) {
        .ma-col {
        border-right: 1px solid #F2F3F4;
    }
    
    .ma-col1 {
        border-top: 1px solid #F2F3F4;
    }
}



/*_________________________________________________________________________________________________________________________*/
/*saas section*/

.saas-img {
    height:70px;
    width:70px;
    margin-bottom:20px;
}
.saas-col {
    background-color: #1A508E;
    color: white;
    padding: 20px;
}

    .saas-col h3 {
        margin-bottom: 30px;
    }

    .saas-col p {
        margin-bottom: 30px;
    }
.saas-body {
    padding: 30px;
}
    .saas-body h5 {
        margin-bottom: 20px;
    }

.sad-col {
    margin-top:20px;
}

.sad-h, .saad-h {
    margin-top: 50px;
}
.sad-p, .saad-p {
    margin-top: 30px;
    margin-bottom: 10px;
}



/*_________________________________________________________________________________________________________________________*/
/*saas section*/


.IotDev-section{
    margin-top:50px;
    
}
.iotDiv{
    padding:20px;
}
.iotDiv h3{
    margin-bottom:30px;
}

.iotservices {
    margin-top: 50px;
    
}
.is-h3 {
    margin-bottom: 30px;
}
.is-p {
    margin-bottom: 30px;
}
.is-col {
    padding-left: 20px;
    padding-right: 20px;
}
.is-col h5{
    margin-bottom:25px;
}

    .is-col p {
       
        padding-bottom:30px;
    }
/*Large screen according to bootstrap*/
@media (min-width: 992px){
    .is-p1 {
        border-bottom: 1px solid #1A508E;
    }
}
/*medium screen according to bootstrap*/

@media (min-width: 768px) {
    .is-p1 {
        border-bottom: 1px solid #1A508E;
    }
}

.whyUsCol{
    overflow-y:hidden;
}
.ma-col {
    overflow-y: hidden;
}
.sad-col {
    overflow-y: hidden;
}
