/*=== Attached CSS Files
=============================================================================*/
@import url("reset.css");
@import url("base.css");
@import url("bootstrap.min.css");


@import url("style.css");
@import url("responsive.css");



/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,300,600,700);
*/

.d-none::before{display: none;}
.ServiceIcon img{border-radius: 50%;}
.serviceTablet .ServicesTopRight img{width: 80%; margin: 0 0 0 30%;}
.align-items-end{align-items:flex-end;}
.serviceWeb .ServicesTopRight img{width: 90%; margin: 0 0 0 20%;}
.software-development p, .edecx-app p{font-size: 1vmax; text-align: justify; line-height: 28px;}
.edecx-app{margin-top: 60px;}
.edecx-app h1{font-size: 3vmax; line-height: 3vmax; color: #3f3d40; padding-bottom: 5%;}
.edecx-app h1 span{color: #1bcbe4; background: linear-gradient( #37efa6,  #17c6ec); 
    -webkit-text-fill-color: transparent; 
    -webkit-background-clip: text; 
    background-clip: text;}
.mr-top-80{margin-top: -80px;}
.edecx-app-img{position: absolute; top: 200px; max-width: 40%;}

@media screen and (max-width:1000px) {
    .software-development{margin-top: 20px;}
    .software-development p, .edecx-app p{font-size: 16px; padding: 0 15px;}
}

@media screen and (max-width:767px) {
    .edecx-app{text-align: center; margin-top: 10px;}
    .edecx-app h1{font-size: 35px; line-height: 35px; font-weight: 700;}
    .edecx-app img{margin-bottom: 10px;}
    .edecx-app-img{position: relative; max-width: 90%; margin: 0 5%; top: inherit;}
}