@media (max-width: 768px) {
    .font-size-20{
        font-size: 16px !important;
    }
    .font-size-40{
        font-size: 18px !important;
    } 
   
    /* .row-padding{
        padding: 20px 15px 15px 15px !important;
    } */
    .col-padding{
        padding: 15px !important;
    }
    
    .sub-item-color a{
        font-size: 12.8px !important;
    }
    nav{
        font-size: 16px !important;
    }
   
    .item-color a:active{
        background-color: #0A3161 !important;
    }
    .item-color a:hover{
        background-color: #0A3161 !important;
    }
    .content-width{
        padding-bottom: 20px !important;
        padding-top: 20px !important;

    }

    .item-color a{
        
        margin-right: 0px;
        
    }

}

@media screen and (max-width:991px) {
    .collapse:not(.show) {
        display: block !important;
    }
    
    .item-color a{
        border-bottom: 1px solid #fff;
        margin-right: 0px !important;
        
        }
}

@media screen and (min-width: 1200px) {
    .content-width
     {
        margin-left:auto;
        margin-right:auto;
        max-width: 1200px !important;
        
    }
    .col-padding{
        padding: 38px 30px 30px 30px !important;
    }
}




@media screen and (min-width: 1024px) {
    .aph_mobile_header_content {
        display: none;
        transition: transform 0.5s ease-in;
    }
    .aph_desktop_header_content{
        display: flex;
        transition: transform 0.5s ease-in;
    }
    /* div.aph_row_01{
        background-repeat: no-repeat !important;
        background-image: url(../images/pexels-photo-2510428-2880w.jpg) !important;
        background-size: cover !important;
    } */
    .aph_header_logo{
        width: 350px;
        height: 42px;
    }
    #aphheader ul li a{
        padding: 10px 0px;
    }
    ul.aph_nav_menu li:nth-child(3), ul.aph_nav_menu li:nth-child(3) a {
        padding-left: 0px;
        padding-right: 0px;
        width: 28%;
    }
    #aphheader ul li a{
        font-size: 20px;
    }

    .m-font-size-48 {
        font-size: 48px;
    }
}

@media screen and (min-width: 1200px) {
    ul.aph_nav_menu li:nth-child(3), ul.aph_nav_menu li:nth-child(3) a {
        padding-left: 0px;
        padding-right: 0px;
        width: 28%;
    }
    #aphheader ul li a{
        font-size: 24px;
    }
    
}

@media screen and (min-width: 1400px) { 
    #aphheader ul li a{
        font-size: 28px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   #aph_mobile_header .mobile_header_hamburger-lines #menu{
        width: 72vw;
        transition: transform .3s linear;
    }
}


.styled-select {

border: 2px solid #0563af; /* Custom border color */
padding: 20px 120px 8px 12px; /* Adjust padding for better spacing */
color: white; /* White text color for contrast */
font-size: 20px; /* Adjusted font size for consistency */
background-color: #0563af; /* Matching background color */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg); /* Custom arrow */
background-repeat: no-repeat;
background-position: right 10px center; /* Position the arrow */
background-size: 1.5em; /* Scale the arrow */
cursor: pointer;
appearance: none; /* Remove default dropdown styles */
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

.styled-select:focus {
outline: none; /* Remove focus outline */
}


#dropdown #nav-ul {
height: auto !important;
padding-top: 15px !important; 
width: 100%;
max-width: fit-content;
justify-content: left;
align-items: left;
}
                           
 
.styled-select option {
background-color: white; /* White background for options */
color: #0A3161; /* Blue text for options */
font-size: 20px;

}

 .styled-select option:hover {
 background-color: #6B7386 !important; /* Hover color */

 }

 .custom-select-container {
 margin: 0px;
 }
