.elementor-12721 .elementor-element.elementor-element-61e9eec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12721 .elementor-element.elementor-element-ff7e3d6 .elementor-button{background-color:#E2E3E4;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:6px 6px 6px 6px;padding:15px 25px 15px 25px;}.elementor-12721 .elementor-element.elementor-element-ff7e3d6.elementor-element{--align-self:center;}.elementor-12721 .elementor-element.elementor-element-ff7e3d6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-12721 .elementor-element.elementor-element-ff7e3d6 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-12721 .elementor-element.elementor-element-ff7e3d6 .elementor-button:hover, .elementor-12721 .elementor-element.elementor-element-ff7e3d6 .elementor-button:focus{border-color:#7A7A7A;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12721 .elementor-element.elementor-element-c3300bc.elementor-element{--align-self:center;}.elementor-12721 .elementor-element.elementor-element-c3300bc{text-align:center;}.elementor-12721 .elementor-element.elementor-element-c3300bc .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:40px;font-weight:400;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12721 .elementor-element.elementor-element-ff5c8c9{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;text-align:center;}.elementor-12721 .elementor-element.elementor-element-ff5c8c9.elementor-element{--align-self:center;}.elementor-12721 .elementor-element.elementor-element-1f0228b2{--display:flex;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-12721 .elementor-element.elementor-element-aa232bf{--display:flex;}@media(max-width:1024px){.elementor-12721 .elementor-element.elementor-element-61e9eec{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-12721 .elementor-element.elementor-element-ff5c8c9{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}}@media(max-width:767px){.elementor-12721 .elementor-element.elementor-element-ff5c8c9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for button, class: .elementor-element-ff7e3d6 */.elementor-12721 .elementor-element.elementor-element-ff7e3d6 svg {
    width: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f0228b2 *//* ===============================
   GRID LAYOUT
================================= */
.awsm-job-listings {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
}

.awsm-grid-item {
    width: 100% !important;
}

/* ===============================
   CARD STYLE
================================= */
.awsm-job-item {
    background: white;
    border: 1px solid white !important;
    border-radius: 16px!important;
    position: relative;
    transition: 0.3s ease;
    gap: 10px;
}

.awsm-job-item:hover {
    transform: translateY(-5px);
}
.awsm-job-more {
    color: black !important;
    margin-top:24px !important;
    
}

/* ===============================
   LETTER BOX
================================= */
.job-letter-box {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 20px;
    font-family: DM Sans!important;
}

/* Alternate colors */
.awsm-job-listings .awsm-grid-item:nth-child(odd) .job-letter-box {
    background: #000000;
}

.awsm-job-listings .awsm-grid-item:nth-child(even) .job-letter-box {
    background: #F58634;
}

/* ===============================
   DATE BADGE (Top Right)
================================= */
.awsm-job-item .awsm-job-date {
    position: absolute;
    background: #e9e9e9;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    font-family: Manrope;
}

/* ===============================
   TITLE
================================= */
.awsm-job-post-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #111;
     font-family: Manrope;
}

/* ===============================
   META ROW
================================= */
.awsm-job-meta {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 25px;
    flex-wrap: wrap;
     font-family: Manrope;
}

.awsm-job-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #555;
     font-family: Manrope;
}

/* ===============================
   APPLY BUTTON
================================= */
.awsm-job-item a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #111;
    text-decoration: none;
     font-family: Manrope;
}

.awsm-job-more::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 6px;

    background-image: url("https://dev.theblufig.com/zinios/wp-content/uploads/2026/02/Vector-4.svg");
    background-size: contain;
    background-repeat: no-repeat;
}




/* ===============================
   RESPONSIVE
================================= */
@media(max-width: 991px){
    .awsm-job-listings {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 600px){
    .awsm-job-listings {
        grid-template-columns: 1fr;
    }
}



.awsm-job-item {
    position: relative;
}

.awsm-job-item .awsm-job-specification-date {
    position: absolute;
    top: 27px;
    right: 35px;
     font-family: Manrope;
}

/* Style the date badge */
.awsm-job-item .awsm-job-specification-date .awsm-job-specification-term {
    background: #e9e9e9;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #444 !important;
     font-family: Manrope;
}

.awsm-job-specification-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
     font-family: Manrope;/* keeps responsive safe */
}

/* Each item aligned properly */
.awsm-job-specification-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: black !important;
     font-family: Manrope;
}
.awsm-job-specification-item i {
    font-size: 14px;
}

.awsm-job-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
     font-family: Manrope;
}

.awsm-job-more span {
    display: none;
}


.awsm-job-specification-date {
    margin-left: auto;
}
.awsm-grid-item{
   padding: 6px!important;
}
.awsm-row{
    margin: 0px !important;
}
.awsm-grid-item .awsm-job-item {
    margin-bottom: 0px!important;
}
.awsm-load-more-main {
  display: none !important;
}

.awsm-job-item h2.awsm-job-post-title {
    margin:0px!important;
}
.awsm-job-specification-date{
    margin-top: -10px;
    margin-right:-10px;
}/* End custom CSS */