:root {
    /* Blue */
    /* --main-color:#0099BC ; */
    --main-color:#0077B6 ;
    --second-color:#0077B6;
    /* --second-color:#002D62; */
    /* Purple */
    /* --main-color: #D746AC ;
    --second-color:#6D2457; */
  }
  .mgt50 {
      margin-top: 20px;
  }
  .bg {
      background-image: url('../img/bgdk2.png');
      background-repeat: no-repeat;
      background-size: contain;
  }
  .margT {
      margin: 150px auto;
      
  }
.bg-primary {
   /*  background: #0077B6 ;
   background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,153,188,1) 35%, rgba(0,212,255,1) 100%);
    (0,153,188);*/
    background: rgb(2,0,36);
    background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,153,188,1) 35%, rgba(0,212,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,153,188,1) 35%, rgba(0,212,255,1) 100%);
    background: linear-gradient(90deg, #002b64 0%, #0077e6 35%, #0077B6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1); 
/* purple */
    /* background: rgb(88, 24, 69);
    background: -moz-linear-gradient(90deg, rgba(9, 2, 148,1) 0%, rgba(0,153,188,1) 35%, rgba(0,212,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(89, 144, 248,1) 0%, rgba(0,153,188,1) 35%, rgba(0,212,255,1) 100%);
    background: linear-gradient(90deg, rgba(88, 24, 69,1) 0%, rgb(99, 27, 77,1) 35%, rgb(215, 70, 172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);  */
}
.cover-para {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)), url('../img/computer1.jpg') right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* height: 50vh; */
  }
.paral {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url('../img/laptop.jpg') right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center ;
    background-attachment: fixed;
    /* height: 50vh; */
  }
.logo {
    width: 150px;
}
.my-icon{
    font-size: 80px !important;
    color:var(--main-color) ;
}
.my-icon-color{
    /* font-size: 80px !important; */
    color:var(--main-color) ;
}
.services-container {
    border: 0.5px solid var(--main-color);
    padding: 25px;
    cursor: pointer;
    transition: 200ms all ease-in-out;
}
.services-container:hover {
    /* background: #01579b; */
    background: var(--second-color);
    color: white;
    border-radius: 20px;
}
.myColor {
    color: var(--main-color);
}
label:active{
    color:var(--second-color);
}

.input-field .prefix.active{
    color: var(--second-color);
}
.myPic {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
html {
    position: relative;
    min-height: 100%;
}
 
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* height: 60px;
    background: #000000;
    color: #FFFFFF; */
}
.bgConst {
    /* background-image: url('../img/enconstruction.PNG'); */
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1px auto;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--second-color);
    -webkit-box-shadow: 0 1px 0 0 var(--second-color);
    box-shadow: 0 1px 0 0 var(--second-color);
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    h3 {
        font-size: 1.92rem;
        line-height: 110%;
        margin: 1.9466666667rem 0 1.168rem 0;
    }
  
  .bgConst {
    /* background-image: url('../img/enconstruction.PNG'); */
    background-repeat: no-repeat;
    /* background-size: contain; */
     width: 100%; 
    margin:60px auto 5px;
  }
  .logo {
    width: 100px;
 }
} 
/* @media screen and (max-width: 320px) {
    .myPic {
        width: px;
    }
}
@media screen and (max-width: px) {
    .myPic {
        width: px;
    }
}
@media screen and (max-width: 568px) {
    .myPic {
        width: 315px;
    }
}
@media screen and (max-width: 6px) {
    .myPic {
        width: 319px;
    }
} */

/* .imgPrlx {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                  url(../img/bg-parallax-code2.jpg) right bottom;
    background-repeat: no-repeat;
    background-color: cover;
    height: 50vh;
  
} */