.btn-white-border {
    border-color: #fff;
    color: #fff !important;
    background-color: transparent;
}

.primary-text {
    color: #d8262f !important;
}

.gray-text {
    color: #474747;
}

.red-oval:before {
    content: "";
    width: 37vw;
    height: 554px;
    position: absolute;
    top: -113px;
    background: #d8262f;
    border-radius: 50%;
    left: -80px;
}
.downloadLabel {
    margin-left: 17px;
}
.card-img {
    width: 260px;
    height: 216px;
    float: right;
    position: relative;
    right: -68px;
    bottom: -49px;
}

.accordion-row {
    width: 100%;
}

.accordion > .card > .card-header {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: 0;
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 1px solid;
    overflow: hidden;
}

.jobs-body {
    padding-left: 15px;
    padding-right: 15px;
}

.result-containers {
    width: 89%;
    margin: 0 auto;
    margin-top: 30px;
}
.ul-smart-home {
    padding: 12px;
    margin: 12px 24px 12px 24px;
}
#careers-body-container .slick-slider .slick-list,
#careers-body-container .slick-slider .slick-track {
    direction: ltr !important;
}

.product-images.slick-initialized.slick-slider {
    direction: ltr !important;
}

.apply-now-icon {
    width: 8px;
    margin-left: 2px;
}

#careers-body-container {
    width: 89%;
    margin: 0 auto;
    margin-top: 30px;
}

.job-post-header {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 20px;
}

.job-information {
    padding-top: 5px;
    padding-right: 20%;
    padding-left: 10px;
    background-color: #d72630;
    display: flex;
    justify-content: space-between;
    width: 80%;
    border-radius: 3px;
    align-items: baseline;
}

body.rtl .job-information {
    padding-right: 15px;
    padding-left: 20%;
}

.job-apply-now {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    background-color: #d72630;
    border-radius: 3px;
    width: 19%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

    .job-apply-now p {
        margin-bottom: 0;
    }

.job-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.job-location {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}

#careers-body-container .slick-dots li button::before {
    color: red !important;
    opacity: 0.3 !important;
}

#careers-body-container .slick-dots li.slick-active button::before {
    color: red !important;
    opacity: 1 !important;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.recent-job-opening-header {
    color: #474747;
    font-weight: 700;
    font-size: 80px;
    margin-bottom: 20px;
}

.slider-images {
    height: 277px;
}

.cover-letter-heading {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #b8b8b8;
}

    .cover-letter-heading p {
        margin-bottom: 0;
        font-size: 12px;
        opacity: 0.6;
    }

.cover-letter-container {
    padding-left: 0;
    padding-right: 0;
}

    .cover-letter-container textarea {
        border-radius: 0 !important;
        border: 1px solid #b8b8b8;
    }

.job-post-requirements {
    margin-bottom: 20px;
}

body.rtl .rtl-apply-now-icon {
    transform: rotate(180deg);
}

.marginleft-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.job-requirments-accordion-toggler {
    font-weight: 700;
}

.job-requriments-accordion {
    background-color: #f2f2f2;
    padding: 15px;
    padding-bottom: 25px;
}

.job-application-form {
    background-color: #f2f2f2;
    padding: 15px;
    padding-bottom: 25px;
}

.white-hyperlink {
    color: #fff;
}

    .white-hyperlink:hover {
        color: #fff;
    }

.job-requirment-captions {
    font-size: 12px;
}

.job-requirment-headers {
    margin-top: 25px;
    color: #474747;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}

.interested-pdf-note {
    color: #d72630;
}

.invert-triangle {
    transform: rotate(90deg) !important;
}

#slider-container {
    width: 100%;
}

.job-post-description {
    margin-top: 10px;
    padding-left: 10px;
    width: 80%;
}

.padding-left-0 {
    padding-left: 0;
}

.job-post-description p {
    font-size: 16px;
}

textarea {
    resize: none;
}

    textarea:focus {
        outline: 0;
    }

@media (max-width: 756px) {
    .resize-mobile {
        padding: 5px !important;
    }

    .hidden-mobile {
        display: none;
    }

    #careers-body-container {
        width: 100%;
    }

    .jobs-body {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .slider-images {
        height: unset;
    }

    .recent-job-opening-header {
        color: #474747;
        font-weight: 700;
        font-size: 50px;
        margin-bottom: 20px;
        text-align: unset;
    }

    .apply-now-icon {
        width: 4px;
        margin-left: 1px;
    }

    .recent-job-opening-body {
        text-align: unset;
    }

    .job-information {
        padding-top: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .job-apply-now {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        background-color: #d72630;
        border-radius: 3px;
        width: 19%;
        font-size: 10px;
        color: #fff;
        text-align: center;
        font-weight: 700;
    }

    .job-title {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 0;
    }

    .job-location {
        font-size: 10px;
        color: #fff;
        margin-bottom: 0;
    }
}

@media (max-width: 500px) {
    #careers-body-container {
        width: 100%;
    }

    .recent-job-opening-header {
        color: #474747;
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 20px;
        text-align: unset;
    }

    .recent-job-opening-body {
        text-align: unset;
    }
}

@media (min-width: 1440px) {
    #careers-body-container {
        width: 80%;
    }
}

.left-checkmark {
    margin-right: 20px;
}

.right-checkmark {
    margin-left: 20px;
}

.checkbox-controls {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
    font-size: 15px;
    font-family: OpenSansRegular;
}

    .checkbox-controls input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: relative;
    height: 22px;
    width: 26px;
    background-color: transparent;
    border-radius: 0;
    background-image: url("../../styleLibrary/images/MadaJordan/uncheck.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.checkbox-controls input:checked ~ .checkmark {
    background-image: url(../../styleLibrary/images/MadaJordan/check.png);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.hp-gridCard .center-image .card-img {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    position: absolute;
    right: -68px;
}

.gridCardHeight {
    min-height: 260px;
}

.more-details[aria-expanded="true"] {
    display: none;
}

    .more-details[aria-expanded="true"] + .default-paragraph {
        display: none;
    }

.admin-table {
    width: 100%;
    color: #333333;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .admin-table thead {
        color: White;
        background-color: #D8262F;
        font-weight: bold;
    }

    .admin-table tr {
        border-bottom: 1px solid black;
    }
@media only screen and (min-width: 600px) and (max-width: 768px) {


    .slick-list draggable {
        height: 500px;
    }


    .product-images .slick-initialized .slick-slider .slick-dotted {
        max-width: 100%;
        width: 500px;
        max-height: 100%;
        /* height: 350px; */
        /*height: 470px;*/
    }
}