.allDropdowns {
    border-top: 1.5px solid black;
    display: flex;
}

.allDropdowns__columnLeft {
    width: 100%;
    border-right: 1px solid black;
}

.allDropdowns__columnRight {
    width: 100%;
}

.allDropdowns__columnLeft div:nth-child(odd){
    background-color:#f0f0f0;
}


.allDropdowns__columnLeft div:nth-child(7){
    background-color:white;
}

.allDropdowns__columnRight div:nth-child(odd){
    background-color:#f0f0f0;
}

.dropdown {
    border-bottom: 1.5px solid black;
}

.dropdown:nth-child(7){
    border-bottom:none;
}

.allDropdowns__columnRight .dropdown:nth-child(6){
    border-bottom:none;
}


.dropdown ul {
    max-height: 0; /* Start with zero height */
    overflow: hidden; /* Hide overflow to avoid content spilling out */
    list-style: none;
    margin: 0;
    padding: 0px 15px;
    font-size: 16.15px; /* 5% smaller than 17px */
    transition: all .4s ease;   
}

.dropdown input[type=checkbox] {
    display: none;
}

.dropdown input[type=checkbox]:checked ~ ul {
    max-height: 500px;
    display: block;
    opacity: 1;
}

.dropdown label {
    cursor: pointer;
    font-size: 16px; /* 5% smaller than 22px */
    display: flex;
    justify-content: space-between;
    align-items: center; /* Align items center to ensure proper vertical alignment */
    color: black;
    padding: 15px;
    transition: all .3s ease;
}


.dropdown li p {
    margin-top: 0px;
}

.dropdown label p {
    margin: 0px;
    padding: 0px;
}

.dropdown .fa-chevron-down {
    transition: transform .6s ease; /* Smooth transition for rotation */
}

.dropdown input[type=checkbox]:checked ~ label .fa-chevron-down {
    transform: rotate(180deg); /* Rotate icon 180 degrees */
}

.dropdown input[type=checkbox]:not(:checked) ~ label:hover .fa-chevron-down {
    transform: rotate(90deg); /* Rotate icon 90 degrees when checkbox is unchecked and label is hovered */
}

.sideNavDropdown ul {
    max-height: 0; /* Start with zero height */
    overflow: hidden; /* Hide overflow to avoid content spilling out */
    list-style: none;
    margin: 0;
    padding: 0px;
    font-size: 16.15px; /* 5% smaller than 17px */
    transition: all .4s ease;   
}

.sideNavDropdown input[type=checkbox] {
    display: none;
}

.sideNavDropdown input[type=checkbox]:checked ~ ul {
    max-height: 500px;
    display: block;
    opacity: 1;
}

.sideNavDropdown label {
    cursor: pointer;
    font-size: 16px; /* 5% smaller than 20px */
    display: flex;
    gap: 8px;
    color: black;
    background-color: white;
    transition: all .3s ease;
    padding:0px 27px;
}

.sideNavDropdown li {
    margin: 5px 0px;
}
.sidNavDropdownPL li{
    margin: 15px 0px;
}

.sideNavDropdown li a {
    font-size: 14.25px; /* 5% smaller than 15px */
    transition: all .2s ease;
}

.sideNavDropdown li a:hover {
    font-size: 14.49px; /* 5% smaller than 15.2px */
    color: blue;
}

.sideNavDropdown label p {
    margin: 0px;
    padding: 0px;
}

.sideNavDropdown .fa-chevron-down {
    transition: transform .4s ease; /* Smooth transition for rotation */
}

.sideNavDropdown input[type=checkbox]:checked ~ label .fa-chevron-down {
    transform: rotate(-180deg); /* Rotate icon 180 degrees */
}

.sideNavDropdown input[type=checkbox]:not(:checked) ~ label:hover .fa-chevron-down {
    transform: rotate(-90deg); /* Rotate icon 90 degrees when checkbox is unchecked and label is hovered */
}

.sideNavDropdown.custom-sideNavDropdown ul li:nth-child(1) { 
    margin-bottom: 15px !important; 
} 

.sideNavDropdown.custom-sideNavDropdown ul li:nth-child(3) { 
    margin-bottom: 15px !important; 
} 

.subNavDropdown ul {
    position: absolute;
    background-color: #11286a;
    right: 0;
    max-height: 0; /* Start with zero height */
    overflow: hidden; /* Hide overflow to avoid content spilling out */
    list-style: none;
    margin: 0;
    padding: 0% 27px 0% 27px;
    transition: all .4s ease;   
    text-align: right;
    border-radius: 12px;
    border-bottom-right-radius: 0px;
    z-index:10;
}

.subNavDropdown input[type=checkbox] {
    display: none;
}

.subNavDropdown input[type=checkbox]:checked ~ ul {
    max-height: 900px;
    padding-top: .5%;
    padding-bottom: .5%;
    display: block;
    opacity: 1;
    z-index: 10;
}

.subNavDropdown ul li {
    padding: 2px 0px;
}

.subNavDropdown label {
    cursor: pointer;
    font-size: 14px; /* 5% smaller than 94.5% */
    display: flex;
    gap: 8px;
    color: white;
    transition: all .3s ease;
    justify-content: end;
    align-items: center;
}

.subNavDropdown li {
    margin: 0px 0px;
}

.subNavDropdown li a {
    font-size: 14.25px; /* 5% smaller than 15px */
    transition: all .2s ease;
}

.subNavDropdown label p {
    margin: 0px;
    padding: 0px;
}

.subNavDropdown .fa-chevron-down {
    transition: transform .3s ease; /* Smooth transition for rotation */
}

.subNavDropdown input[type=checkbox]:checked + .subnavbartesting label .fa-chevron-down {
    transform: rotate(180deg); /* Rotate icon 180 degrees */
}

.subNavDropdown input[type=checkbox]:not(:checked) + .subnavbartesting label:hover .fa-chevron-down {
    transform: rotate(90deg); /* Rotate icon 90 degrees when checkbox is unchecked and label is hovered */
}

.mobileHamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    cursor: pointer;
    width: 32px; /* Adjust size as needed */
    height: 42px; /* Adjust size as needed */
}

.hamDropdown{
    display: none;
    align-items: center;
}

.hamDropdown label{
    display: flex;
    justify-content: end;
    align-items: center;
}

.mobileHamburgerTop, .mobileHamburgerCenter, .mobileHamburgerBottom {
    background-color: #ffffff; 
    width: 27.45px; 
    height: 3px; 
    transition: all 0.3s ease; 
    border-radius: 2px; 
}

.mobileHamburgerCenter {
    margin: 6px 0; /* Space between lines */
}

.hamDropdown input[type=checkbox]{
    display: none;
}

.hamDropdown ul {
    position: absolute;
    max-height: 0; /* Start with no height */
    overflow: hidden; /* Hide overflow */
    list-style: none;
    top: 37%;
    right: 0;
    background-color: #11286a;
    border-bottom-left-radius: 12px;
    text-align: right;
    transition: all .5s ease;   
}

.hamDropdown ul li{
    opacity: 0;
    transition: all .2s ease;
    color: white;
    text-decoration: none;
    font-size: 25px;
}

.hamDropdown input[type=checkbox]:checked ~ ul {
    max-height: 500px; /* Adjust to a value that fits the content */
    opacity: 1; /* Make it fully visible */
    transition: all 0.3s ease;
    padding: 0 10px;
    padding-bottom: 12px;
}

.hamDropdown input[type=checkbox]:checked ~ ul li {
    color: white;
    text-decoration: none;
    opacity: 1;
}

.subHamDropdown ul{
    font-size: 14px;
    padding:0px 0px;
}

.subHamDropdown input[type=checkbox]:checked ~ ul {
    color: white;
    text-decoration: none;
    padding:0px 0px;
    opacity: 1;
}

.subitems__line{
    border:.1px solid white;
    border-radius: 20px;
}

.hamDropdown input[type=checkbox]:checked + label .mobileHamburgerTop {
    transform: rotate(45deg) translateY(-5px) translateX(5px);
    transform-origin: top left;
}

.hamDropdown input[type=checkbox]:checked + label .mobileHamburgerCenter {
    opacity: 0; /* Hide the center line */
}

.hamDropdown input[type=checkbox]:checked + label .mobileHamburgerBottom {
    transform: rotate(-45deg) translateY(5px) translateX(5px);
    transform-origin: bottom left;
}

.subHamDropdown ul{
    color:white;
    position: relative;
    padding:0;
}

.hamDropdown li a{
    color:white;
    text-decoration: none;
}

.hamDropdown .fa-chevron-down{
    padding:0px 0px 0px 5px;
    transition: all .3s ease;
}

.hamDropdown input[type=checkbox]:checked + label .fa-chevron-down {
    transform: rotate(180deg); /* Rotate icon 180 degrees */
    padding:0px 5px 3px 0px;
}

.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown1 input[type="checkbox"] {
    display: none; /* Hide the checkbox */
}

.dropdown1 label {
    cursor: pointer;
    display: flex;
    gap:8px;
    align-items: center;
    background: white;
    border-radius: 8px;
    padding:10px 15px;
    border: 1px solid #ccc;
    transition:all .3s ease;
}
.dropdown1 label:hover{
    background-color: #f15900;
}

.dropdown1 p{
    margin:0;
    color:black;
    font-size:16px;
}

.dropdown1-content {
    max-height:0;
    box-sizing:border-box;
    visibility:hidden;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    width: 100%;
    transition:all .3s ease;
    opacity:0;
}

.dropdown1 input[type="checkbox"]:hover + label .fa-chevron-down{
    transform: translateY(1px) rotate(90deg);
}

.dropdown1 input[type="checkbox"]:not(:checked) + label .fa-chevron-down{
    transition: all .3s ease;
}

.dropdown1 input[type="checkbox"]:checked + label + .dropdown1-content {
    visibility: visible;
    border-radius:0px;
    max-height:100px;
    opacity:100;
}

.dropdown1 input[type="checkbox"]:checked + label .fa-chevron-down{
    transition: all .3s ease;
    transform: translateY(3px) rotate(180deg);
}

.dropdown1 input[type="checkbox"]:checked + label{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius: 8px;
    border-top-left-radius:8px;
}

.dropdown1-content a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
}

.dropdown1-content a:nth-child(1){
    border-bottom:1px solid black;
}

.dropdown1-content a:hover {
    background: #f0f0f0;
}

@media screen and (max-width: 800px) {
    .mobileHamburger{
        display: flex;
    }
    .hamDropdown{
        display: block;
    }
}
@media screen and (max-width:1700px){
    .sideNavDropdown li a {
        font-size: 12.5px; /* 20% smaller than 14.25px */
    }
}

/* Media query for viewport width 1440px */
@media screen and (max-width: 1560px) {
    /* Adjust text sizes for .allDropdowns */
    .allDropdowns .dropdown label {
        font-size: .95rem; /* 20% smaller than 20.9px */
    }
   
    .allDropdowns .dropdown ul {
        font-size: 12.92px; /* 20% smaller than 16.15px */
    }

    /* Adjust text sizes for .sideNavDropdown */
    .sideNavDropdown label {
        font-size: .9em; /* 20% smaller than 19px */
        padding:0px 15px;
    }
  
    .sideNavDropdown li a {
        font-size: 12.5px; /* 20% smaller than 14.25px */
    }

    /* Adjust text sizes for .subNavDropdown */
    .subNavDropdown label {
        font-size: 71.82%; /* 20% smaller than 89.775% */
    }
  
    .subNavDropdown li a {
        font-size: 12.5px; /* 20% smaller than 14.25px */
    }

    .dropdown1 p{
        font-size:15.2px;
    }
}

@media screen and (max-width: 1024px){
    .allDropdowns .dropdown label {
        font-size: 14px;
    }

    .dropdown1 p{
        font-size:15.2px;
    }
}

@media screen and (max-width: 450px) {

.allDropdowns{
    display:flex;
    flex:wrap;
}

.dropdown label p{
    font-size: 12px;
}

.subNavDropdown input[type=checkbox]:not(:checked) + .subnavbartesting label:hover .fa-chevron-down {
    transform: none;
}

.allDropdowns input[type=checkbox]:not(:checked) + label:hover .fa-chevron-down {
    transform: none;
}

.subNavDropdown input[type=checkbox]:checked ~ ul {
    padding-left: 2.5%;
    padding-right:2.5%;
}

.subNavDropdown label {
    font-size: 14px;
}

.subNavDropdown label:hover{
    color:white;
}

.subNavDropdown li a:hover {
    color: white;
}

.hamDropdown{
    display: block;
}

.dropdown1 label{
    padding:3px 5px;
}
}
