:root {
    --theme-primary:#E2771C;
    --theme-section-backgrund-color:#f7f5f4;
    --theme-button-color:#f09c54;
    --black-color:#000000;
    --white-color:#ffffff;
    --theme-navbar-link:#333;
    --p-text-color:#666666;
    --backgroudnd-color:#fdf5ed;
  }

.local-background-color{
    background-color: var(--backgroudnd-color);
}
.secondary-color{
    color: var(--theme-button-color);
}

.awsm-filter-wrap{
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.awsm-job-search-btn:hover{
    background-color: var(--theme-primary);
}

.awsm-job-search-btn{
    color: var(--theme-button-color);
    background-color: var(--theme-button-color);
}

.awsm-selectric-awsm-filter-option,
.awsm-filter-item-search-in input{
    border: 1px solid var(--theme-button-color);
    
}
.awsm-filter-item-search-in input[type="text" i]:focus{
    border: 1px solid var(--theme-primary) !important;
    outline: none;
}

.awsm-selectric .awsm-selectric-arrow-drop:after{
    border-top-color: var(--theme-button-color);
}
.awsm-selectric-hover .awsm-selectric .awsm-selectric-arrow-drop:after{
    border-top-color: var(--theme-primary);
}
.awsm-selectric-items{
    border: none;
    margin-top: 2px;
}

/* for job listing card design  */



/* div .awsm-grid-item,
.awsm-job-post-title{
    text-align: center !important;
} */
.awsm-job-post-title{
    font-weight: 700;
}


/* Border None */
.awsm-grid-item .awsm-job-item{
    border:none !important;
}

.awsm-job-more:hover{
    color: var(--theme-primary);
}


.awsm-job-specifications-row{
    display: none !important;
}

.awsm-job-form-inner{
    border: 1px solid var(--theme-primary) !important;
}



.awsm-form-file-control::-webkit-file-upload-button {
    background-color: var(--theme-button-color); /* Desired background color */
    color: var(--white-color);              /* Text color */
    /*border: 1px solid var(--theme-button-color);*/
    padding: 10px 20px;       /* Adjust padding */
    cursor: pointer;          /* Pointer cursor for better UX */
}

.awsm-form-file-control::-moz-file-upload-button {
    background-color: var(--theme-button-color); /* Desired background color */
    color: var(--white-color);              /* Text color */
    border: 1px solid var(--theme-button-color);   /* Optional border */
    padding: 10px 20px;       /* Adjust padding */
    cursor: pointer;    
}

.awsm-form-file-control {
    background-color: transparent; /* Optional to ensure input area matches */
}


.cust-check:checked {
    border-color: var(--theme-primary);
  }
  
  /* Remove default checkbox appearance */
  .cust-check {
    appearance: none;
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    width: 20px;
    height: 20px;
    border: 2px solid var(--theme-button-color); /* No border color on unchecked */
    border-radius: 4px; /* Rounded corners */
    position: relative;
    background-color: transparent; /* Transparent background */
    transition: background-color 0.3s, border-color 0.3s;
  }
  
  /* When checkbox is checked */
  .cust-check:checked {
    background-color: var(--theme-primary); /* Primary background when checked */
    border-color: var(--theme-primary); /* Border color when checked */
  }
  
  /* Custom checkmark when checked */
  .cust-check:checked::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
  }
  
  /* Focus state for checkbox */
  .cust-check:focus {
    outline: none;
    box-shadow: none; /* Remove any default focus outline or glow */
  }