/* Red :: #f83539 Blue :: #0057ff Dark Grey :: #1a1a1a */
*{
  margin: 0;
   padding: 0;
   box-sizing: border-box;
}
html, body{
  min-width: 375px;
   font-family: 'Poppins', sans-serif;
   color: #1a1a1a;
   font-size: 14px;
   line-height: 1.6rem;
   scroll-behavior: smooth;
}
a, a:active, a:visited, a:hover{
   text-decoration: none;
}
.navbar-light .navbar-toggler{border-color: transparent}

.logo{
   height: 50px;
}
.bold-text{
   font-weight: 600;
}
.white{
  color: #fff;
}
.upper{
  text-transform: uppercase;
}
.p35{
   padding: 10px 35px;

 }
.h10{
  height: 10px;
}
.h20{
  height: 20px;
}
.h50{
  height: 50px;
}
.h100{
  height: 100px;
}
.h150{
  height: 150px;
}
.h400{
   height: 400px;
 }
.center{
  text-align: center;
}
.navbar-light .navbar-nav .nav-link{
   padding: .5rem 1rem;
   text-transform: uppercase;
   font-weight: 600;
}
.bg-white{
  background-color: #fff;
}
.heading{
   height:90vh;
   background-image:url(../img/home-banner.jpg);
  background-size: cover;
   background-repeat: no-repeat;
   position: relative;
}
.heading-content h1{
   font-weight: 800;
   font-size: 3.5rem;
}
.btn-blue{
  font-size:.8rem;
   background-color: #0057ff;
   padding: 1rem 1.5rem;
   border-radius: 5px;
}
.btn-red{
  font-size:.8rem;
   background-color: #f83539;
   padding: 1rem 1.5rem;
   border-radius: 5px;
   color: #fff;
   text-transform: uppercase;
}
.btn-blue:hover, .btn-red:hover{
  color: #fff;
   opacity: .7;
   transition: .7s ease;
}
.text-small{
   color: #0057ff;
   text-transform: uppercase;
   font-weight: 600;
}
.text-medium{
   font-size: 1.3rem;
   font-weight: 600;
}
.text-large{
   font-size: 2.5rem;
   font-weight: 600;
   line-height: 3rem;
}
.new-card{
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   box-shadow: 0px 10px 14px 6px rgba(0,0,0,0.13);
   -webkit-box-shadow: 0px 10px 14px 6px rgba(0,0,0,0.13);
   -moz-box-shadow: 0px 10px 14px 6px rgba(0,0,0,0.13);
   border-bottom: 6px solid transparent;
}
.new-card-content{
  padding: 2rem 1.5rem;
}
.new-card-image-wrapper{
  overflow: hidden;
}
.new-card-image{
  z-index: 1;
}
.new-card-image:hover{
  transform: scale(1.2);
   transition: 1.5s ease;
}
.new-card:hover{
  border-bottom: 6px solid #f83539;
   transition: .7s ease-out;
}
.new-card-icon-wrapper{
   border-radius: 10px;
   background-color: #fff;
   position:absolute;
   bottom:50%;
   z-index: 9;
   padding: 5px;
}
.new-card-icon{
  height: 4rem;
   margin: 20px 20px 0;
}
.carousel-indicators li {
   background-color: #1a1a1a;
   width: 50px;
}
.carousel-indicators .active{
   background-color: #0057ff;
   height: 10px;
   margin-top: -5px;
}
.accordion .card-header:after {
   font-family: 'FontAwesome';
   content: "\f068";
   float: left;
}
.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
   content: "\f067";
}
.card{
  border: none;
}
.card-title{
  margin-left: 20px;
   font-weight: 400;
   font-size: 1.2rem;
}
.card-header{
  background-color: #fff;
   padding: 1.5rem;
}
.contact-wrapper{
   background-color: #0057ff;
   border-radius: 20px;
   padding: 20px;
   color: #fff;
}
.contact-content{
  margin-left: 15%;
}
ul{
   list-style: none;
}
ul li{
  line-height: 2.5rem;
}
.contact-item li {
   border-radius:10px;
   display: block;
   padding: 15px;
   margin: 10px 0;
   border: 1px solid transparent;
}
.contact-item li:hover{
  border: 1px solid #fff;
}
ul li i {
  width: 25px;
}
.social li {
   display: inline-block;
}
.social li a i {
  width: auto;
}
.social li a{
  background-color: #fff;
   padding: 7px 12px;
   border-radius: 25px;
   color: #1a1a1a;
   margin-right: 7px;
}
.frm-wrapper{
   color: #1a1a1a;
   border-radius: 20px;
   background-color: #fff;
   padding: 20px;
   margin: 0 20px ;
}
.form-control{
   border-radius: 10px;
   color: #1a1a1a;
   padding: 10px;
}
.form-control:focus{
   box-shadow: none;
   border-color: #0057ff;
}
footer{
  background-color: #cdddfe;
}
.multi-form {
   
   background-color: #ffffff;
   margin: 0 auto;
   padding: 10px;
}
.profile-pic{
   height: 75px;
   width: 75px;
   border-radius: 50%;
   margin: 10px 0 20px 40%;
}
/* Style the input fields */
input {
   padding: 10px;
   width: 100%;
   font-size: 17px;
   font-family: Raleway;
   border: 1px solid #aaaaaa;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
   background-color: #ffdddd;
}
/* Hide all steps by default: */
.tab {
   display: none;
}
/* Make circles that indicate the steps of the form: */
.step {
   height: 15px;
   width: 15px;
   margin: 0 2px;
   background-color: #bbbbbb;
   border: none;
   border-radius: 50%;
   display: inline-block;
   opacity: 0.5;
}
/* Mark the active step: */
.step.active {
   opacity: 1;
}
/* Mark the steps that are finished and valid: */
.step.finish {
   background-color: #04AA6D;
}
.utility{

   border: 1px solid #ced4da;
   height: 42.2px;
   border-radius: 10px;
   margin-bottom: 10px;
}
.utility span, .elc {float: left;}
.elc{
   border: none;
   width: 65%;
}
.utility span {
   color: #6c757d;
   
   margin-top: 10px;
   margin-left: 10px;
   font-weight: 600;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input::placeholder{font-weight: 600;}
@media only screen and (max-width: 575.98px) {
   .elc{
      border: none;
      width: 55%;
   }
   .heading{
      height:auto;
      text-align: center;
  }
   .heading-content h1{
       font-weight: 800;
       font-size: 2.5rem;
  }
   .new-card{
      margin-bottom: 20px;
  }
  .new-card-icon-wrapper{
   margin-bottom: -8%;
   }
   .contact-content{
      margin-left: 5%;
  }
   .frm-wrapper{
       margin: 0;
  }
   .client-img {
      width: 150px;
       transform: translateX(15%);
  }
   .multi-form{
      height: 500px;
  }
   .h150{
      height: 50px;
  }
   .profile-pic{
     margin-left: 0;
   }
   .text-large2{ font-size: 1.8rem;}
   .left{text-align: left;}
   .card-header {
      padding: .7rem 0;
   }
   .card-title{ font-size: 1rem;}
   
}
@media only screen and (min-width: 575.99px) and (max-width: 767.98px) {
  .profile-pic{
    margin-left: 0;
  }
  .heading{
   height:auto;
   text-align: center;
}
   .heading-content h1{
       font-weight: 800;
       font-size: 2.5rem;
  }
   .new-card{
      margin-bottom: 20px;
  }
  .new-card-icon-wrapper{
   bottom: 42%;
   }
   .contact-content{
      margin-left: 5%;
  }
   .frm-wrapper{
       margin: 0;
  }
   .client-img {
      width: 150px;
       transform: translateX(15%);
  }
   .h150{
      height: 50px;
  }
}
@media only screen and (min-width: 767.99px) and (max-width: 991.98px) {
   html, body{
      font-size: 12px;
  }
  .elc{
   border: none;
   width: 60%;
}
   .new-card-icon-wrapper{
       bottom: 65%;
  }
  .p35{ padding: 15px;}
  .frm-wrapper{margin:0}
}