.myls-job-block .job-loop {
    display: flex;
    gap: 114px;
    flex-direction: column;
}
.myls-job-block .job-loop .job-item {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 96px 90px 82px 90px;
    border-radius: 50px;
    box-shadow: 0px 0px 100px 0px #0000001A;
}
.myls-job-block .job-loop .job-item .job-bg-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}
.myls-job-block .job-loop .job-item .job-bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
.myls-job-block .job-loop .job-item .the-location {
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    padding: 15px 25.24px 17px;
    border-radius: 50px;
    background: #FFFFFF;
    box-shadow: 0px 0px 100px 0px #0000001A;
    z-index: 2;
}
.myls-job-block .job-loop .job-item .the-location > span {
    display: flex;
    align-items: center;
    gap: 15px;
}
.myls-job-block .job-loop .job-item .job-btn {
    cursor: pointer;
    content: url("data:image/svg+xml,%0A%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='45' cy='45' r='45' fill='url(%23paint0_linear_0_1)'/%3E%3Cpath d='M52.0607 46.0607C52.6464 45.4749 52.6464 44.5251 52.0607 43.9393L42.5147 34.3934C41.9289 33.8076 40.9792 33.8076 40.3934 34.3934C39.8076 34.9792 39.8076 35.9289 40.3934 36.5147L48.8787 45L40.3934 53.4853C39.8076 54.0711 39.8076 55.0208 40.3934 55.6066C40.9792 56.1924 41.9289 56.1924 42.5147 55.6066L52.0607 46.0607ZM50 46.5H51V43.5H50V46.5Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_1' x1='-3.35276e-07' y1='45' x2='90' y2='45' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A00021'/%3E%3Cstop offset='0.479167' stop-color='%23CC1221'/%3E%3Cstop offset='1' stop-color='%23CC3621'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}
.myls-job-block .job-loop .job-item .title-subtitle-wrap {
    position: relative;
    z-index: 2;
}
.myls-job-block .job-loop .job-item .title-subtitle-wrap .the-title p {
    font-family: Sofia Pro Soft;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}
.myls-job-block .job-loop .job-item .title-subtitle-wrap .the-subtitle span {
    font-family: Sofia Pro Soft;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    color: #000000;
    transition: all 0.3s ease;
}

.myls-job-block .job-loop .job-item .job-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border-radius: 50px;
    z-index: 3;
    opacity: 1;
}
.myls-job-block .job-loop .job-item:hover .job-btn {
    content: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='45' cy='45' r='45' fill='white'/%3E%3Cpath d='M52.0607 46.0607C52.6464 45.4749 52.6464 44.5251 52.0607 43.9393L42.5147 34.3934C41.9289 33.8076 40.9792 33.8076 40.3934 34.3934C39.8076 34.9792 39.8076 35.9289 40.3934 36.5147L48.8787 45L40.3934 53.4853C39.8076 54.0711 39.8076 55.0208 40.3934 55.6066C40.9792 56.1924 41.9289 56.1924 42.5147 55.6066L52.0607 46.0607ZM50 46.5H51V43.5H50V46.5Z' fill='black'/%3E%3C/svg%3E%0A");
}
.myls-job-block .job-loop .job-item:hover .job-bg-wrap {
    opacity: 1;
}
.myls-job-block .job-loop .job-item:hover .job-link {
    opacity: 0;
}
.myls-job-block .job-loop .job-item:hover .title-subtitle-wrap .the-title p,
.myls-job-block .job-loop .job-item:hover .title-subtitle-wrap .the-subtitle span {
    color: #ffffff;
}

@media (max-width: 767px) {
    .myls-job-block .job-loop .job-item .job-bg-wrap {
        border-radius: 30px;
    }
    .myls-job-block .job-loop .job-item .job-link {
        border-radius: 30px;
    }
    .myls-job-block .job-loop .job-item .the-location {
        display: none;
    }
    .myls-job-block .job-loop {
        gap: 28px;
    }
    .myls-job-block .job-loop .job-item {
        padding: 20px 28px;
        border-radius: 30px;
    }
    .myls-job-block .job-loop .job-item .job-btn {
        width: 26px;
        height: 26px;
    }
    .myls-job-block .job-loop .job-item .title-subtitle-wrap .the-title p {
        font-size: 18px;
    }
    .myls-job-block .job-loop .job-item .title-subtitle-wrap .the-subtitle span {
        font-size: 14px;
    }
}

/* MODAL */

.myls-job-block .trigger{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 48px;
    background-color: white;
    font-family: Sofia Pro Soft;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    /* background: linear-gradient(); */
    border-radius: 20px;
    cursor: pointer;
    border: none;
}

.myls-job-block .trigger span{
    background: -webkit-linear-gradient(90deg, #A00021 0%, #CC1221 47.92%, #CC3621 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.myls-job-block .modal {
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.myls-job-block .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF40;
    backdrop-filter: blur(10px);

    padding: 46px 54px;
    width: 80%;
    height: 70%;
    border-radius: 50px;
    box-shadow: 0px 0px 25px 0px #0000001A;
}

.myls-job-block .modal-content .modal-body {
    overflow-y: scroll;
    padding-right: 24px;
    height: 100%;
}

.myls-job-block .close-button {
    float: right;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background: linear-gradient(90deg, #A00021 0%, #CC1221 47.92%, #CC3621 100%);

}
.myls-job-block .close-button:hover {
    background-color: darkgray;
}
.myls-job-block .show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

/* Start Custon Style For Ninja Form */

.myls-job-block .modal-content .modal-body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.myls-job-block .modal-content .modal-body::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.myls-job-block .modal-content .modal-body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.myls-job-block .nf-form-title{
    font-family: Sofia Pro Soft;
    font-size: 32px !important;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: black;
    margin-bottom: 48px;
    display: block;
}
.myls-job-block .nf-form-fields-required{
    display: none;
}

.myls-job-block .nf-form-content .list-select-wrap .nf-field-element>div, 
.myls-job-block .nf-form-content input:not([type=button]), 
.myls-job-block .nf-form-content textarea{
    box-shadow: 0px 0px 100px 0px #0000001A;
    border: none;
    padding: 24px 36px;
    background-color: white;
    border-radius: 50px;
    font-family: Sofia Pro Soft;
    font-size: 24px;
    font-weight: 400;
    line-height: 32.26px;
    text-align: left;
    color: black;
}

.myls-job-block .nf-error.field-wrap .nf-field-element:after{
    border-radius: 0 50px 50px 0;
}

.myls-job-block .nf-error.field-wrap textarea.nf-field-element:after{
    border-radius: 0 50px 0 0 !important;
}

.myls-job-block .submit-container .nf-field .field-wrap.submit-wrap .nf-field-element input[type="submit"]{
    display: block;
    height: auto;
    margin: auto;
    background: linear-gradient(90deg, #A00021 0%, #CC1221 47.92%, #CC3621 100%);
    color: white;
    font-family: Sofia Pro Soft;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    cursor: pointer;
}

.myls-job-block .submit-container .nf-field .field-wrap.submit-wrap .nf-field-element input[type="submit"]:hover{
    background: linear-gradient(90deg, #CC1221 0%, #CC3621 47.92%, #CC1221 100%);
}

@media only screen and (max-width: 1366px) {
    .myls-job-block .close-button {
        width: 32px;
        height: 32px;
        position: absolute;
        z-index: 100;
        right: 42px;
    }

    .myls-job-block .close-button svg{
        width: 16px;
        height: 16px;
    }

    .myls-job-block .modal-content{
        width: 85%;
        padding: 32px 24px;

    }

    .myls-job-block .submit-container .nf-field .field-wrap.submit-wrap .nf-field-element input[type="submit"]{
        width: 100%;
        text-align: center !important; 
    }

    .myls-job-block .modal-content .modal-body{
        padding-right: 0px;
    }

    .myls-job-block .nf-form-title{
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 767px) {
.nf-field .field-wrap {
        padding: 0 !important;
    }
}

.myls-job-block .modal-content{
    border-radius: 32px;
}

.myls-job-block .content-wrap.show-modal {
    z-index: 101;
    visibility: hidden;
    position: absolute;
}