:root {
    --fx-viollet: rgb(90, 35, 200);
    --black: rgb(0, 0, 0);
    --white: #ffff;
    --green : #28e3bf;
    --yellow: #ffc510;
    --viollet:#712cf9;
    --blue: #00b8ff;
   
}


.header{
    z-index: 1000;
    position: fixed;
    width: 100%;
    top:0;
  
}
.bg-light {
    background-color: var(--viollet)!important;
}
.navbar-expand-lg .navbar-nav{
    padding-left: 10rem;
    color: var(--white);
}
.navbar-light .navbar-nav .nav-link {
    color:  var(--white);
}


.dropdown-item:focus, .dropdown-item:hover {
    color: var(--green);
    background-color: var(--viollet);
    font: 18px;
}


.navbar-nav .dropdown-menu {
    position: static;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.7rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: var(--viollet);
    background-clip: none;
    border:none;
    border-radius:0 0 .25 .25rem;
   
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: var(--white);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: var(--viollet);
    border: none;
}


.container, .container-lg, .container-md, .container-sm {
    
    margin-top: 6rem;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: var(--green);
}
.navbar-brand{
    padding-left: 2rem;
}
.menu-icon{

    margin-right: 2rem !important;
}
.navbar-light .navbar-nav .nav-link.active {
    color: var(--green) !important;
    font-weight: bold;
}

.active{
    color: var(--green) !important;
    font-weight: bold;
}
.contact-sec{
    background: linear-gradient(180deg, #03122b 20.2%, #00287a 99.64%);
}
.footer{
    background-image: linear-gradient(180deg, #03122b 20.2%, #00287a 99.64%);
}
.footer a{
    text-decoration: none;
    color: var(--blue);
}
.d-flex{
    background-color: var(--viollet);
}
.footer p:hover .text-white{
    color: var(--blue) !important;
}
.footer p:hover a{
    color: var(--green) !important;
}
.footer hr{
    background-color: var(--blue);
    width: 150px;
    height: 3px;
}
.navbar-light .navbar-toggler-icon {
    background-image:none;
   
}
.navbar-light .navbar-toggler {
    color: var(---white);
    margin-right: 2rem !important;
    border-color: var(--white);
}
.menu-lg{
    filter: invert(8%) sepia(1000%) saturate(6481%) hue-rotate(246deg) brightness(1000%) contrast(100%); 
    
}
.navbar-toggler:focus {
    box-shadow: none ;
   
}


@media (max-width: 720px){
    .col-4 {
      
        width: 50%;
    }
    
}