h1,h2,h3,h4{font-family: Mukta;}
h2.abouth2{font-size:1.7rem !important; color:#999 }
body,.jumbotron {background: #161616 !important; color:#f6f6f6 !important}
.byebye{color:#161616;}
.jumbotron,body{padding: 0  !important;margin:0 !important}
hr{height: 1px;background-color: #555;border: none;}
.trusted-by{padding: 1rem 0 0 0}
.trusted-by img{display: inline-block; margin-right:30px;}
.ibm{width: 80px}
.uoft{width: 110px;}
.concordia{width: 120px;}
.fleetcor{width: 160px;}
.lg{width: 80px;}
.huawei{width:50px;}
footer { height: 60px;bottom: 0;font-size: 10px;color:#ddd; padding-top:1rem;border-top:1px solid #3a3a3a; }
footer .fab{color:#ddd; font-size:24px;}
footer a{color:#ddd;text-decoration: none}
footer a:hover{color:#fff; text-decoration: underline}
i:hover{color:white}
.about{margin:2rem 0;}
.fixed-bottom{background: #161616}
strong{font-weight: normal !important; color:#ba931c}
small.colo, strong.colo, .gree{color:#32ca60} 
small.text-mut{color:#1e8dda}
small.collo, strong.collo{color:#bb214c}
.div{margin: 5rem 0}
.social a i{padding: 5px; display: inline-block; font-size: 24px}
.block article{font-size: 14px}
.gap{margin:5rem 0; clear: both; display: block}
.badge i{color:#fff} 
.block-img img{max-width:150px}
.square{overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 259px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
 font-family: Mukta;}
.sq-btn{ display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #000000;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;}
/*about*/
.explore{color: #ba931c;text-decoration:none}
.explore:hover{color: #fff;text-decoration:underline}
/*consultancy*/ 
.consultancy img{width:100%;}
section.consultancy{margin-top:4rem}
ul.list{padding:0px; display:block;background: #161616;
background: linear-gradient(90deg, rgba(22, 22, 22, 1) 0%, rgba(31, 31, 31, 1) 51%);}
ul.list li{list-style: none;padding: 10px;border-bottom:1px solid #1F1F1F}
ul.list li:last-child{border:0;}
/*mentorship*/ 
.mentorship img{width:100%;}
section.mentorship{margin-top:4rem}
.list-group-item-dark{background:#161616 !important; color:#fff !important}
/*contact*/
.contact input,.contact textarea{width: 100%; margin: 0.5rem 0; padding: 10px; background: rgba(255,255,255,0.03); border-bottom:1px solid #999; outline: none; border:none; color:#fff; border-radius: 5px}
.contact .btn{width: 50%}
.contact input:focus,.contact textarea:focus{background: rgba(255,255,255,0.05);}
input.hide{display: none;}
.contact img{width: 80%; margin:2rem 0; opacity: 0.5}
.clearfix{display: block; content:""; clear: both;}
.testimonials {padding: 100px 0;}
.testimonials h3 {  margin-bottom: 20px;}
.testimonials .card { 
  transition: 0.5s;
  margin: 1rem 0;
}
.avatar{width: 48px; float: left; height: 48px; margin-right: 8px;border-radius: 50%; }
.avatar img{border-radius: 50%; height: 48px; width:48px;}
.card-text{padding-bottom: 0.5rem}
.testimonials .card i { 
  color: #ffffff;
  width: 75px;
  height: 75px;
  line-height: 75px;
  margin: -40px auto 0 auto;
}

.blockquote{font-size: 1rem !important}
.blockquote-footer{height: auto}

/*Mobile view*/
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
    .row{margin:auto 2rem} 
    .trusted-by,.mobile-fix{ text-align: center;}
    .trusted-by img{margin-bottom:30px;}
    .trusted-by{margin-bottom:5rem}
    .consultancy img{margin-top:4rem}
.avatar img{margin-top:0}
    .navbar-dark .navbar-toggler{border:none !important; color:#fff !important;}
    .navbar-collapse{background-color:#3a3a3a !important; padding:1rem; margin-bottom:3rem}
    .fab{font-size: 1.6rem !important}
    .nav-item a{font-size: 1.3rem !important; padding: 0.6rem 0rem !important}
    h1.name{margin-top:5rem !important}
    .navbar-toggler:focus{box-shadow: none !important}
    .card-text hr{margin-bottom:0 !important}
    .card{ margin-bottom:2rem}
    .social{text-align: center; margin-bottom:5rem}
}