:root{
  --web-theme: #003878;
  --web-theme-bg:#fbfbfb;
  
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
{
    padding-left: calc(var(--geeks-gutter-x)*.7) !important;
    padding-right: calc(var(--geeks-gutter-x)*.7) !important;
}

  .topbar{
    position: relative;
    background-color: var(--main);
    color: var(--main-sec);
    font-size: var(--small-font-size);
    width: 100%;
    padding:2px;
    text-align: center;
    z-index: 300;
  }



.nav-overflow
{
  background-color: black;
  opacity: 0.2;
  position: fixed;
  z-index: 303;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.1s ease 0s;
}

.display-flex{
  display: flex;width: 100%;
}
.flex-col
{
  width:50%;
  
}
.flex-col-80
{
  width:80%;
}
.flex-col-20
{
  width:20%;
}

.nav-bar{
  background-color: white;
  width:300px;
  position: fixed;
  z-index: 304;
  top:0px;
  height: 100%;
  transition: all 0.3s ease 0s;
}

.nav-bar-next{
  background-color: white;
  width: 100%;
  position: absolute;

  top:0px;
  height: 100%;
  transition: all 0.3s ease 0s;
}


.dropdown-item{
  line-height: 28px;
  text-align: left;
}


.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .nav-link:hover
{
  color:var(--web-theme) !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show
{
  color:var( --web-theme) !important;
}

.btn-adj-m{
    display: none;
  } 
  .btn-adj-d{
    display: block;
  }

  .sl-h{
    font-size: 50px;
  }
  .sl-p
  {
    font-size: 16px;
  }

.point-theme{
  margin-bottom: 15px;
    position: relative;
    background-color: var(--web-theme);
    color: black;
    padding: 3px 10px;
    line-height: 50px;
}

.drop-glow:hover{
  box-shadow:0 4px 40px rgb(17 24 39 / 4%);
}

.drop-glow-high:hover{
  box-shadow:0 4px 40px rgb(17 24 39 / 11%);
 
}

@media (max-width: 991px) {
  .sl-h{
    font-size: calc(1.325rem + .9vw);
  }
  .sl-p
  {
    font-size: 1rem!important;
  }
  
.carousel-inner{
  height: 365px;
}

    .btn-adj-m{
      display: block;
    } 
    .btn-adj-d{
        display: none;
      }

      .dropdown-item{
        line-height: 38px;
        text-align: left;
      }
  }
  
  .controls-testimonial{
    bottom: -77px !important;
  }

  @media (min-width: 450px)
  {
    .carousel-inner{
      height: 240px;
    }
  }

  @media (min-width: 991px) {
    .carousel-inner{
      height: 400px;
    }
    

    
  }