*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;     
    box-sizing: border-box;
    letter-spacing: 1px;
   
}

html {
    scroll-behavior: smooth;
}

#show_more {
    scroll-margin-top: 90px;
}

/*********** ========== Navbar ===========***********/

.navbar-nav{ 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    font-weight: 500;     
}
.dropdown-menu{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    letter-spacing: 0.5px;     
}/* underline transition */
/*
.nav-item::after{
    content:'';
    display:block;
    width:0;
    height:4px;
    background:rgb(79, 135, 238);
    transition:width .3s;    
}
.nav-item:hover::after{
    width:100%;
    transition:width .3s;    
}*/
/* underline transition ends here*/
.nav-item:hover::after{
    width:100%;
    transition:width .3s;
    
    }
.nav-item:hover .dropdown-menu {
        display: block;
        margin: 0;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {   
    color: orangered;
    text-decoration: none;
}

/*********** ========== Header ===========***********/

header {          
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
  }
  
.hero-text-box {    
    position: absolute;   
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    letter-spacing: 1px;
  }

  .Webinars_info{
    background-color:  rgb(79, 135, 238);
  }
  .btn-webinar:hover{
   background-color: white;
  }
 .footer-top{
     background-color:  rgb(79, 135, 238);;
 }
.customer-story{
  background-color:  rgb(29, 49, 85);
}
.footer_logo{

border-radius: 1rem;
}
.fab{
  color:white;
  font-size: 1rem;
  float: right;
  margin-top: 0.5rem;
}
.fab:hover{
  color: thistle;
}

.webinar-list::before{
  font-family: "Font Awesome 5 Free";
  content: '\f144';
  margin-right: 1rem;
  margin-left: 1rem;
 
  
}
.webinar-link{
  text-decoration: none;
  color: rgb(27, 27, 27);
}
.webinar-link:hover{
  
  text-decoration: underline;
  color:  rgb(79, 135, 238);
}
.webinar-list{
  font-size: 1.5rem;
  background-color: rgb(243, 240, 240);
}
.list{
  font-size: 1.5rem;
}
span{
  font-size:medium;
}

.success{
  color:rgb(0, 255, 0);
}
.error{
  color: red;
}
footer{
  margin-top: 10rem;
}
.about_img{
  min-width: 100%;
  max-height:300px ; 
}
.ih-item{
    box-shadow:.3rem .3rem 0.5rem rgb(95, 94, 94);

}  
/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: black;
    }
}