.blog-post-content h2 {
color:#000 !important;
text-align:left !important;
}
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Custom arrow */
.domain-searh-form select,.submit-field22  select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z" fill="rgba(0, 0, 0, 0.54)"/></svg>') no-repeat right 10px center/32px 32px !important;
    padding-right: 30px;
}

.domain-searh-form  select {
    width: 120px;
    color: #5d5c64;
    border: none;
    background: transparent; /* Use transparent instead of 0 0 for clarity */
}

select {
    font-family: 'plus jakarta sans', 'nunito', 'helveticaneue', 'helvetica neue', 'Helvetica', 'Arial', sans-serif;
    text-transform: none;
}
/* For Safari to add a custom arrow */
select::-ms-expand {
    display: none;             /* Removes the default arrow in Internet Explorer */
}


///////////////////

select option {
    background: #fff !important;          /* White background for options */
    color: #5d5c64  !important;            /* Font color for options */
}

/* Fixes for Safari */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {

        select {
            padding-right: 30px  !important; /* Add padding to make space for the custom arrow */
        }

        .select-container::after {
            pointer-events: none  !important; /* Ensure the custom arrow is not interactive */
        }
    }
}<style>