:root{
    --font-family-primary:"Poppins", sans-serif;
    --font-family-secondary:"Outfit", sans-serif;

 
  --bg-one: #06202B;
  --bg-two: #077A7D;
  --bg-three: #7AE2CF;
  --bg-four: #F5EEDD;
  --bg-five: #1cb098;
  --bg-six: #ff255c;
  --bg-seven: #1cb098;
  --bg-eight: #eff5ff;
  --bg-nine: #fdf8f4;
  --back-color1: #fff7ee;
  --back-color2: #f7efff;
  --back-color3: #effafd;
  --bg-footer: #111a24;

  --text-one: #06202B;
  --text-two: #077A7D;
  --text-three: #7AE2CF;
  --text-four: #F5EEDD;
}
@media (max-width:997px) {
        .mobile-navbar {
        position: sticky !important;
        width: 100% !important;
        top: 0;
        backdrop-filter: blur(10px);
        background-color: white !important;
        z-index: 999;
    }
}
.navbar-main{
    display: flex;
    position: fixed;
    width: 100%;
    margin: 0px;
    z-index: 999;
    height: 100px;
    /* backdrop-filter: blur(10px); */
   
}
.logo{
    width: 10%;
    padding: 10px;
    background-color: white;
    height: 100px;

}


.navbar-header{
    width: 90%;
}
.header-info{

    background-color: var(--bg-one);
    display: flex;
    padding: 8px 20px ;
    padding-bottom: 10px;
    align-items: center;
    border-bottom: 1px solid white;
}
.navbar-info{
    height: 100px;
    padding-right: 30px;
    background-color:white;
    display: flex;
    justify-content: space-between;
}
.header-info p{
    color: var(--bg-four);
    margin: 0px;
    font-family: var(--font-family-secondary);
    font-size: 15px;
}
.call-info , .mail-info{
    width: 33.33%;
    display: flex;
    gap: 20px;
    align-items: center;
}
.social-info{
    display: flex;
    width: 33.33%;
    justify-content:end;
    gap: 20px;
     padding-right: 30px;
}
.social-info a{
    text-decoration: none;
}

.header-icon{
    width: 25px;
    height: 25px;
    background-color: rgb(41,49,58);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.header-icon i{
    font-size: 12px;
}
.navbar-main-links {
    width: 100%;
}
.navbar-main-links .nav-link{
    font-family: var(--font-family-primary);
    color: black;
    font-weight: 700;
}
.navbar-main-links .nav-item{
    padding: 0px 15px;
}
.navbar-main-links .nav-link.active{
   
    color: black !important;
}
.btn-enroll{
    background-color: var(--bg-one);
    color: white;
    font-family: var(--font-family-primary);
    border: none;
    padding: 5px 20px;
    letter-spacing: 1px ;
    font-size: 15px;
    border-radius: 20px;
}
.btn-join{
   
    color: white;
    font-family: var(--font-family-primary);
   border: none;
    background-color: rgb(41,49,58) !important;
    padding: 5px 20px;
    letter-spacing: 1px ;
     font-size: 15px;

}
.mobile-logo{
    width: 100px;
    height: auto;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url(/assets/images/hamurger-icon-menu.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-toggler{
    border: none !important;
    background-color: transparent !important;
}
.navbar-toggler{
    box-shadow: none !important;
}
.offcanvas-body{
    background-color: var(--bg-one);
}
.offcanvas-body .nav-item{
    color: white;
    font-family: var(--font-family-secondary);
    border-bottom: 1px solid var(--bg-four);
    padding-bottom: 10px;
}

.nav-link:hover{
    color: var(--bg-five) !important;
}