/* Default container styling */

.custom-nav-link {
    color: #747579 !important; /* Corrected usage of !important */
    padding: 4px 16px;
    font-weight: 500;
    line-height: 30px;
    font-size: 15px !important; /* Corrected usage of !important */
    font-family: 'Roboto', sans-serif;

}
.custom-container  {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto; /* Center the container by default */
}

/* For screen sizes 1024px and above */
@media (min-width: 1024px) and (max-width: 1439px) {
    .custom-container  {
        max-width: 1024px;  /* Set a max-width for 1024px screens */
        margin: 0 auto;     /* Center the content */
    }
}

/* For larger screens (1440px) */
@media (min-width: 1440px) {
    .custom-container  {
        max-width: 1440px;  /* Set a max-width for 1440px screens */
        margin: 0 auto;     /* Center the content */
    }
}

/* Ensure elements within container align centrally */
.custom-navbar-collapse {
    display: flex;
    justify-content: center; /* Center the navbar items */
}

.custom-navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;  /* Center the nav items horizontally */
    gap: 15px;
    padding: 0;
}
.custom-navbar-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.custom-nav-item {
    list-style: none;
}

/*.custom-nav-link {*/
/*    text-decoration: none;*/
/*    padding: 8px 12px;*/
/*    color: #000;*/
/*}*/

.custom-nav-link:hover {
    color: #007bff;
}

.custom-navbar-collapse {
    transition: all 0.3s ease-in-out;
}

@media (min-width: 769px) {
    .custom-navbar-collapse {
        display: flex !important;
    }

    .navbar-toggler {
        display: none;
    }
}

@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 50px;
    }


    .custom-navbar-collapse {
        position: absolute; /* Position it relative to the parent */
        top: 100%; /* Position it below the button */
        /*left: 0; !* Align to the left edge of the parent *!*/
        background-color: rgba(253, 249, 249, 0.94); /* Background color */
        z-index: 550; /* Ensure it appears above other elements */
        padding: 10px; /* Inner spacing */
        display: none; /* Hidden by default */
        transition: all 0.1s ease-in-out; /* Smooth show/hide */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for dropdown look */
        border-radius: 4px; /* Optional: rounded corners for dropdown */
        min-width: 150px; /* Optional: adjust dropdown size */
    }
    .custom-navbar-collapse.show {
        right: 0;
    }

    .custom-navbar-nav {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .custom-nav-link {
        padding: 15px;
        width: 100%;
        text-align: center;
    }


}


.navbar-toggler.collapsed span:nth-child(4) {
    transform: translateY(10px) rotate(45deg); /* Top line moves down and rotates */
}

.navbar-toggler.collapsed span:nth-child(5) {
    transform: scaleX(0.7); /* Middle line shrinks horizontally */
}

.navbar-toggler.collapsed span:nth-child(6  ) {
    transform: translateY(-10px) rotate(-45deg); /* Bottom line moves up and rotates */
}

@media (max-width: 1199.98px) {
    .custom-navbar-nav {
        top: 0% !important;
    }
    .navbar-expand-xl .navbar-collapse {
        top: 1% !important;
    }
}
.navbar-brand img {
    height: auto;
    max-height: 70px; /* Ensure a maximum height */
    width: auto; /* Maintain aspect ratio */
}

@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 50px; /* Adjust for smaller screens */
    }
    . custom-toggler{
        /*top: 15px;*/
        left: 100%;
    }
    .custom-navbar-collapse {
        flex-direction: column; /* Stack items vertically */
        align-items: center;    /* Center-align items vertically */
        justify-content: center; /* Center-align items horizontally */
    }

    .custom-navbar-nav {
        flex-direction: column; /* Stack items vertically */
        align-items: center;    /* Center-align items */
        justify-content: center; /* Center-align items */
        gap: 10px;              /* Adjust space between items */
        width: 100%;            /* Stretch full width */
    }

    .custom-nav-link {
        text-align: center;     /* Ensure text is centered */
        width: auto;            /* Adjust width if needed */
    }
}

.custom-toggler {
    position: absolute;
    /*top: 15px;*/
    /*left: 70%;*/
    transform: translateX(-50%);
    z-index: 1060; /* Ensure it appears above other elements */
}

.navbar-toggler span {
    display: block;
}

@media (min-width: 320px) {
    .custom-toggler{
        /*top: 15px;*/
        left: 50%;!important;
    }
}
@media (min-width: 375px) {
    .custom-toggler {
        /*top: 0px;*/
        left: 60%;
        transform: translateX(-50%);
        z-index: 1060; /* Ensure it appears above other elements */
    }
    .custom-nav-item {
        margin-left: 0; /* Align to left */
        margin-right: auto;
    }
    .custom-nav-item {
        margin-left: auto; /* Align to right */
        margin-right: 0;
    }
}
/*.custom-nav-link {*/
/*    text-decoration: none;*/
/*    color: #000; !* Default color for links *!*/
/*    padding: 10px 15px;*/
/*    font-size: 16px; !* Set a consistent font size *!*/
/*}*/

/* Hover effect for links */
.custom-nav-link:hover {
    color: #007bff; /* Example hover color */
}

/* Specific style for the "License used" text */
.custom-nav-search a {
    color: #ff4500 !important; /* Update color from red (#e01313) to orange-red */
    font-size: 16px; /* Ensure same font size as other links */
    font-weight: bold; /* Optional: make it bold */
}
.custom-navbar-collapse {
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center;    /* Vertical alignment */
    text-align: center;     /* Ensure text is centered */
}

/* For screen sizes 1024px */
@media (min-width: 1024px) and (max-width: 1439px) {
    .custom-navbar-collapse {
        max-width: 1024px;
        margin: 0 auto; /* Center horizontally within the page */
    }
}

/* For larger screens (1440px) */
@media (min-width: 1440px) {
    .custom-navbar-collapse {
        max-width: 1440px;
        margin: 0 auto; /* Center horizontally */
    }
}

/* Center alignment for navbar items */
.custom-navbar-nav {
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center;    /* Vertical alignment */
    gap: 20px;              /* Space between items */
    padding: 0;
    margin: 0;
    list-style: none;       /* Remove default list styles */
}

/* Style individual links */
.custom-nav-link {
    text-decoration: none;
    color: #000; /* Default color */
    padding: 10px 15px;
}

/* Responsive alignment for smaller screens */
@media (max-width: 768px) {
    .custom-navbar-collapse {
        flex-direction: column; /* Stack items vertically */
    }

    .custom-navbar-nav {
        flex-direction: column;
        gap: 10px;
        width: 100%; /* Stretch full width */
    }

    .custom-nav-link {
        text-align: center;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .d-flex.align-items-center {
        flex-direction: column; /* Stack items vertically */
        justify-content: center; /* Center them horizontally */
        text-align: center; /* Center text alignment */
    }

    .custom-nav-item {
        margin-bottom: 10px; /* Add spacing between items */
    }

    .custom-toggler{
        position: relative;
        margin-top: 30px; /* Add spacing from the elements above */
        margin-right: auto; /* Align to the left */
        margin-left: auto; /* Center align horizontally */
    }
}