.navbar-brand {
    padding:0
   }
   .navbar-brand img {
    max-width:180px
   }
   .navbar-toggler {
    padding:0
   }
   
   .navbar-toggler:focus {
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none
   }
   .navbar-toggler .toggler-icon {
    width:30px;
    height:2px;
    background-color:#252f3f;
    display:block;
    margin:5px 0;
    position:relative;
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
   }
   .navbar-toggler.active .toggler-icon:nth-of-type(1) {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:7px
   }
   .navbar-toggler.active .toggler-icon:nth-of-type(2) {
    opacity:0
   }
   .navbar-toggler.active .toggler-icon:nth-of-type(3) {
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    top:-7px
   }
   
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item {
     padding:0
    }
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item:first-child {
     margin-top:20px
    }
   }
   .navbar-nav .nav-item:last-child a {
    border-bottom:none
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item:last-child {
     margin-bottom:20px
    }
   }
   .navbar-nav .nav-item.menu-item-has-children a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
   }
   .menu-item-has-children.has-mega-menu {
    margin-right:24px
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item.menu-item-has-children a {
     -webkit-box-pack:justify;
     -ms-flex-pack:justify;
     justify-content:space-between
    }
   }
   .navbar-nav .nav-item.menu-item-has-children a.collapsed i {
    -webkit-transform:rotate(0);
    transform:rotate(0)
   }
   .navbar-nav .nav-item.menu-item-has-children a i {
    font-size:12px;
    margin-left:10px;
    font-weight:700;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
   }
   .navbar-nav .nav-item:last-child a {
    border-bottom:none
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item:last-child a {
     border-bottom:none
    }
   }
   .navbar-nav .nav-item a {
    color:#252f3f;
    position:relative;
    font-weight:500;
    font-size:18px;
    text-align:center
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item a {
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-align:center;
     -ms-flex-align:center;
     align-items:center;
     -webkit-box-pack:justify;
     -ms-flex-pack:justify;
     justify-content:space-between;
     color:#252f3f;
     padding:8px 15px;
     border-bottom:1px solid rgba(230,231,235,.5)
    }
   }
   .navbar-nav .nav-item a:hover,
   .navbar-nav .nav-item a.active {
    color:#4f46e5
   }
   .navbar-nav .nav-item a:hover i path,
   .navbar-nav .nav-item a.active i path {
    fill:#4f46e5
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item a:hover i path,
    .navbar-nav .nav-item a.active i path {
     fill:#4f46e5
    }
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item a:hover,
    .navbar-nav .nav-item a.active {
     color:#4f46e5
    }
   }
   .navbar-nav .nav-item a.btn {
    padding:12px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#252f3f
   }
   .navbar-nav .nav-item a.btn.primary-btn {
    color:#fff
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item a.btn {
     display:-webkit-inline-box;
     display:-ms-inline-flexbox;
     display:inline-flex;
     margin-top:10px
    }
   }
   .navbar-nav .nav-item a.btn span {
    margin-right:8px
   }
   .navbar-nav .nav-item:hover>a {
    color:#4f46e5
   }
   .navbar-nav .nav-item:hover>a.primary-btn {
    color:#fff
   }
   .navbar-nav .nav-item:hover>a i path {
    fill:#4f46e5
   }
   @media only screen and (min-width:1400px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
    .navbar-nav .nav-item:hover .sub-menu {
     opacity:1;
     visibility:visible;
     top:100%
    }
   }
   .navbar-nav .nav-item>.sub-menu {
    position:absolute;
    width:270px;
    top:120%;
    left:0;
    opacity:0;
    visibility:hidden;
    background:#fff;
    -webkit-box-shadow:0 15px 44px rgba(140,140,140,.18);
    box-shadow:0 15px 44px rgba(140,140,140,.18);
    border-radius:5px;
    padding:20px;
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
   }
   .navbar-nav .nav-item>.sub-menu.left {
    left:-100%
   }
   .navbar-nav .nav-item>.sub-menu.collapse:not(.show) {
    display:block
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu.collapse:not(.show) {
     display:none
    }
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu {
     position:static;
     width:100%;
     opacity:1;
     visibility:visible;
     -webkit-box-shadow:none;
     box-shadow:none;
     padding:0
    }
   }
   .navbar-nav .nav-item>.sub-menu li {
    position:relative
   }
   .navbar-nav .nav-item>.sub-menu li:hover>a {
    color:#4f46e5;
    background:rgba(230,231,235,.3)
   }
   .navbar-nav .nav-item>.sub-menu li:hover>a path {
    fill:#4f46e5
   }
   .navbar-nav .nav-item>.sub-menu li:hover .sub-menu {
    opacity:1;
    visibility:visible;
    top:0
   }
   .navbar-nav .nav-item>.sub-menu li>.sub-menu {
    position:absolute;
    width:270px;
    top:20%;
    left:108%;
    opacity:0;
    visibility:hidden;
    background:#fff;
    -webkit-box-shadow:0 15px 44px rgba(140,140,140,.18);
    box-shadow:0 15px 44px rgba(140,140,140,.18);
    border-radius:5px;
    padding:20px
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu li>.sub-menu {
     padding:0
    }
   }
   .navbar-nav .nav-item>.sub-menu li>.sub-menu.left {
    left:-100%
   }
   .navbar-nav .nav-item>.sub-menu li>.sub-menu.collapse:not(.show) {
    display:block
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu li>.sub-menu.collapse:not(.show) {
     display:none
    }
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu li>.sub-menu {
     position:static;
     width:100%;
     opacity:1;
     visibility:visible;
     -webkit-box-shadow:none;
     box-shadow:none
    }
   }
   .navbar-nav .nav-item>.sub-menu li.menu-item-has-children a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:none
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu li.menu-item-has-children a {
     -webkit-box-pack:justify;
     -ms-flex-pack:justify;
     justify-content:space-between
    }
   }
   .navbar-nav .nav-item>.sub-menu li.menu-item-has-children a.collapsed i {
    -webkit-transform:rotate(0);
    transform:rotate(0)
   }
   .navbar-nav .nav-item>.sub-menu li.menu-item-has-children a i {
    font-size:12px;
    margin-left:10px;
    font-weight:700;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
   }
   .navbar-nav .nav-item>.sub-menu li a {
    padding:8px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:16px;
    border-radius:5px
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.sub-menu li a {
     padding:8px 15px;
     margin-left:10px;
     border:none
    }
   }
   .navbar-nav .nav-item>.sub-menu li:last-child a {
    border-bottom:none
   }
   .navbar-nav .nav-item:hover .mega-dropdown {
    top:100%;
    opacity:1;
    visibility:visible
   }
   .navbar-nav .nav-item>.mega-dropdown {
    position:absolute;
    width:100%;
    top:120%;
    margin-top:10px;
    left:0;
    opacity:0;
    background:#dfe5f0;
    -webkit-box-shadow:0 15px 44px rgba(140,140,140,.18);
    box-shadow:0 15px 44px rgba(140,140,140,.18);
    border-radius:5px;
    visibility:hidden;
    padding:0;
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.mega-dropdown {
     padding:0
    }
   }
   .navbar-nav .nav-item>.mega-dropdown.collapse:not(.show) {
    display:block
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.mega-dropdown.collapse:not(.show) {
     display:none
    }
   }
   .navbar-nav .nav-item>.mega-dropdown::after {
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    background:#dfe5f0;
    border-left:1px solid #dfe5f0;
    border-top:1px solid #e6e7eb;
    top:-8px;
    left:30px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index:-1;
    border-radius:2px
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.mega-dropdown::after {
     display:none
    }
   }
   @media only screen and (min-width:768px) and (max-width:991px),(max-width:767px) {
    .navbar-nav .nav-item>.mega-dropdown {
     position:static;
     width:100%;
     opacity:1;
     visibility:visible;
     -webkit-box-shadow:none;
     box-shadow:none
    }
   }
   .navbar-nav .nav-item>.mega-dropdown .mega-menu-box ul li a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    border-radius:5px;
    padding:15px;
    border:none
   }
   .navbar-nav .nav-item>.mega-dropdown .mega-menu-box ul li a:hover {
    background:rgba(230,231,235,.3)
   }
   .navbar-nav .nav-item>.mega-dropdown .mega-menu-box ul li a:hover .icon {
    background:#fff
   }
   .navbar-nav .nav-item>.mega-dropdown .mega-menu-box ul li a .icon {
    max-width:40px;
    width:100%;
    height:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:50%;
    background:rgba(230,231,235,.3);
    margin-right:12px
   }
   .navbar-nav .nav-item>.mega-dropdown .mega-menu-box ul li a .content {
    text-align:left;
    width:100%
   }
   .navbar-nav .nav-item>.mega-dropdown .mega-menu-box ul li a .content h5 {
    font-weight:600;
    margin-bottom:0 5px
   }
   
   
   
 /* Main Container Styles */
.login-container {
    width: 95%;
    height: calc(100vh - 70px); /* Adjust according to navbar height */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 300px; /* Adjust according to navbar height */
    position: relative;
}

.login-box {
    border-radius: 10px;
    max-width: 400px; /* Adjust the max width as needed */
    position: absolute;
    right: 12%;
}

.login-box h1 {
    margin-bottom: 20px;
    font-size: 36px;
    color: #F37021;
}

.login-box h2 {
    margin-bottom: 20px;
    font-size: 28px;
    color: #F37021;
}

.login-box form {
    flex-direction: column;
}

.login-box input {
    padding: 12px 20px 15px 20px;
    margin: 10px 0;
    border: 1px solid #FFFFFF;
    background: transparent;
    border-radius: 5px;
    font-size: 16px;
    color: #FFFFFF; /* White text */
}

.login-box input::placeholder {
    color: #FFFFFF; /* White placeholder text */
}

.login-box button {
    padding: 10px;
    background-color: #F37021;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    margin-top: 10px;
}

.login-box .forgot-password {
    margin-top: 10px;
    font-size: 14px;
    color: #F37021;
    text-decoration: none;
}

/* Responsive styles */


@media (max-width: 768px) {
    .login-box {
        margin: auto;
        left:60%
    }
    .login-box input{
    padding: 10px;
    }

    .login-box h1 {
        font-size: 28px;
    }

    .login-box h2 {
        font-size: 24px;
    }
}

@media screen and (min-width: 1075px) {
    .login-container {
        padding-right: 5%;
    }
}

@media screen and (max-width: 703px) {
    .login-container {
      width: 95%;
      height: calc(100vh - 70px); 
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-top: 100px; 
      position: relative;
    }
}
  
  
@media screen and (max-height: 640px) and (max-width: 703px) {
    .login-container {
      width: 95%;
      height: calc(100vh - 70px); 
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-top: 250px; 
      position: relative;
    }
}  

@media (max-width: 600px) {
    .login-box {
        margin: auto;
        left:30%
    }
}

@media screen and (max-width: 515px) {
    .login-container {
        width: 95%;
        height: calc(100vh - 20px);
        }
}