@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

*:not([class^="ti-"], [class*=" ti-"], .fas, .fab, .fa) {
  font-family: 'Rubik' !important;
}

@media (max-width: 768px) {
  .footer-section h4 {
    margin-top: 30px;
    margin-bottom: 12px;
  }

  .btn.primary-solid-btn.animated-btn {
    margin-top: 12px;
  }

  .single-pricing-pack,
  .single-service-plane {
    margin-bottom: 15px !important;
  }

  .contact-us-promo .card {
    margin-bottom: 15px !important;
  }

  .single-promo-2.card {
    margin-bottom: 15px !important;
  }
}

.hero-equal-height.gradient-overlay:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#8cd5ee), to(#367dd1));
  background-image: linear-gradient(90deg, #8cd5ee, #367dd1);
}

.green-overlay.gradient-overlay:before {
  background: #119084;
}

.light-blue-overlay.gradient-overlay:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#8cd5ee), to(#367dd1));
  background-image: linear-gradient(90deg, #8cd5ee, #367dd1);
}

#pagesSubMenu {
  height: auto;
}

.outline-btn,
.secondary-solid-btn,
.primary-solid-btn,
.solid-white-btn,
.outline-white-btn,
.secondary-outline-btn {
  -webkit-transition: none;
  transition: none;
}

.menu-item-icon i {
  color: #2862b7;
}

.login-signup-form .form-group .input-group.input-group-merge>.form-control {
  text-indent: 0;
}

.speaker-inner-border{
  background: linear-gradient(180deg, #54bced,  #052da0);
  padding: 7px;
  border: 5px solid white;

}
.speaker-outer-border{
  background: linear-gradient(180deg, #052da0, #54bced);
  padding: 7px;
}

.banner-h1{
  font-size: 60px;
}

.webinar-speaker{ 
  width: 50%;
}

.gap-between-speakers{
  gap: 3rem;
}

.list-item-webinar{
  font-size: 1.4rem;
}
 
  
.missing-field-input  {
  border-color : #f80630;
}


@media (min-width: 768px) and (max-width: 992px) {
  .container {
    max-width: 95%;
  }

  .navbar-expand-md .main-navbar-nav .custom-nav-link {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-right: 0.400rem;
    padding-left: 0.400rem;
  }
  .speaker-name{
    font-size: 20px;
    }
}

.pricing-feature-list li {
  display: block;
  width: 100%;
}

@media  (max-width: 768px) {
  .banner-h1{
    font-size: 2.5rem;
  }
  .webinar-speaker{ 
    width: 50%;
  }
  .gap-between-speakers{
    gap: 10px;
  }
  .speaker-name{
  font-size: 20px;
  }
  .list-item-webinar{
    font-size: 1.2em;
  }
}