:root {
    --primary-color1: #2a964e;
    --primary-dark: #6e2424;
    --title-color1: #b85e29;
    --text-color1: #595959;
    --white: #ffffff;
    --font-exo2: "Exo 2", sans-serif;
    --font-work-sans: "Work Sans", sans-serif
}

.bg-blue {
    background-color: rgba(47, 102, 59, 0.85) !important;
}

.py-60 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.text-white {
    color: white !important;
}

.text-gold {
    color: rgb(243, 182, 15) !important;
}

.white-btn a span::after {
    content: url(../images/icon/white-right-arrow.svg);
    position: relative;
    left: -35px;
    top: 3px;
    transition: 0.35s;
}

figcaption.attachment__caption {
    display: none;
}

.filament-tiptap-grid-builder {
    display: grid;
}

.swiper-slide-duplicate {
    display: none;
}

.fixed-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;

}

/* .class-for-scroll {
    overflow-y: auto !important;
} */

/* .select2{
    width: unset !important;
} */
rte-bottom {
    display: none !important;
}

rte-floatpanel {
    display: none !important;
}

/* .select2-dropdown {
    width: max-content !important;
} */

.black {
    background-color: black;
}

.disabled {
    pointer-events: none;
}

.select2-container {
    width: 100% !important;
}

.sticky {
    z-index: 50 !important;
}

/* .main-content {
    min-height: calc(100vh - 189px);
} */
/* by me  */
.main-content {
    min-height: 100vh;
}


.modal-backdrop.in {
    opacity: .5;
}

#html:focus {
    outline: auto;
}

#html {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #bcbcbc;
    border-radius: 2px;
    cursor: pointer;
    margin: 5px;
}

.outline-focus:focus {
    outline: auto;
}

.form-inner .errorMsgDiv {
    height: 3px;
}

.contact::before {
    left: 85px !important;
}

.contact input {
    padding: 15px !important;
}

.contact select {
    border: none;
    background-color: transparent;
}

.contact select:focus {
    outline: none;
}


.home1-top-recruiters .recruters-card .job-details-vacancies .apply-btn,
.home1-top-recruiters .recruters-card .company-area .name-location h5:hover {
    color: var(--primary-color1)
}

.home1-top-recruiters .recruters-card .job-details-vacancies .apply-btn span {
    display: inline-block;
    margin-left: 10px;
    margin-right: -20px;
    position: relative;
    transition: .35s
}

.home1-top-recruiters .recruters-card .company-area .name-location h5 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--title-color1);
    font-family: var(--font-exo2);
    transition: .35s
}


.home1-top-recruiters .recruters-card .job-details-vacancies .apply-btn {
    font-size: .938rem;
    font-weight: 500;
    color: var(--primary-color1);
    font-family: var(--font-exo2);
    transition: .35s;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1
}

.home1-top-recruiters .recruters-card .job-details-vacancies .apply-btn span::after {
    content: url(../images/icon/apply-arrow.svg);
    position: relative;
    left: -26px;
    top: 2px;
    transition: .35s
}

.home1-top-recruiters .recruters-card .job-details-vacancies .apply-btn:hover span::after {
    left: -22px;
}

.apply-btn span::after {
    content: url(../images/icon/apply-arrow.svg);
    position: relative;
    left: -26px;
    top: 0;
    transition: .35s;
}

.job-listing-card .apply-btn span::after {
    content: none;
    position: relative;
    left: -26px;
    top: 0;
    transition: .35s;
}