*:focus {
    outline: none !important;
}


body {
    font-family: 'Poppins', sans-serif !important;
}

.glass {

    /* 
     * Make the initial position to be the center of the circle you want this
     * object follow.
     */
    position: relative;
    left: 0;
    top: 0;

    
     /* Sets up the animation duration, timing-function (or easing)
     * and iteration-count. Ensure you use the appropriate vendor-specific 
     * prefixes as well as the official syntax for now. Remember, tools like 
     * CSS Please are your friends!
     */
    -webkit-animation: myOrbit 4s linear infinite;
       -moz-animation: myOrbit 4s linear infinite; 
         -o-animation: myOrbit 4s linear infinite; 
            animation: myOrbit 4s linear infinite; 



}

/*
 * Set up the keyframes to actually describe the begining and end states of 
 * the animation.  The browser will interpolate all the frames between these 
 * points.  Again, remember your vendor-specific prefixes for now!
 */
@-webkit-keyframes myOrbit {
    from { -webkit-transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

@-moz-keyframes myOrbit {
    from { -moz-transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { -moz-transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

@-o-keyframes myOrbit {
    from { -o-transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { -o-transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

@keyframes myOrbit {
    from { transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

.how-section1{
  margin-top:-15%;
  padding: 10%;
}
.how-section1 h4{
  color: rgb(50, 50, 50);
  font-weight: bold;
  font-size: 30px;
}
.how-section1 .subheading{
  color: #1D6EA9;
  font-size: 20px;
}
.how-section1 .row
{
  margin-top: 10%;
}
.how-img 
{
  text-align: center;
}
.how-img img{
  width: 40%;
}

#navbartext1, #navbartext2, #navbartext3{
  display:none;
}


@media screen and (max-width: 575px){
  #navbartext1, #navbartext2, #navbartext3{
    display:inline-block;
  }
}