/* 26-11-24 */


.first-sec_modal form {
    grid-gap: clamp(6px, calc(20px + 10*((100vw - 768px)/672)), 12px);
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    display: grid;
}

.modal_cv,
.modal_submit {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    display: none;
}

.modal_cv.is-visible,
.modal_submit.is-visible {
    visibility: visible;
    display: block;
}

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9c9c9c9e;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal_cv.is-visible .modal-overlay,
.modal_submit.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modal .modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    max-width: 1000px;
    width: 100%;
    height: auto;
    background-color: #000;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    transform: translate(-50%, -50%);
    padding: 3% 4%;
    border-radius: 15px;
}



/* .modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
} */

/* .modal.is-visible .modal-wrapper{
    transition: .5s linear;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
} */




button.modal-close1.is-visible,
button.modal-close2.is-visible {
    position: absolute;
    top: 20px;
    right: 20px;
    left: unset !important;
    transform: unset !important;
    height: auto;
    width: auto;
}



.modal .first-sec_modal .first-section__title {
    text-align: left;
    width: 100%;
    font-size: clamp(22px, 7.14286vw - 12.8571px, 40px);
    font-weight: 600;
    color: #fff;
}

.first-sec_modal form .meta-input:nth-child(6) {
    grid-column: span 2;
}

.upload {
    grid-column: span 2;
    cursor: pointer !important;
}

.upload label {
    display: flex;
    gap: 12px;
    border: 1px solid #fff;
    padding: 10px 10px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer !important;
}

.upload img {
    width: 30px;
}

.upload label {
    color: #fff;
}

.modal .meta-input input,
.modal .meta-input textarea {
    border: 1px solid #fff;
    height: 50px !important;
}

.upload img {
    filter: invert(1);
}

.modal-wrapper::before {
    background: linear-gradient(#0000 0%, #0b111a 100%);
}

.modal .meta-input label,
.modal .meta-input .label,
.modal .meta-select label,
.modal .meta-select .label,
.modal .meta-upload-file label,
.modal .meta-upload-file .label {
    padding-bottom: 10px;
}

.modal .buttons button {
    margin-top: 30px;
}


/* 29-11-24 */
/* apply popup design */

div#apply-now-popup {
    background: var(--cl-navy);
    border-radius: 10px;
    /* background: var(--pp-white); */
    transform: translateY(var(--pp-default-translate-y-to))translateX(var(--pp-default-translate-x-to));
    --pp-default-translate-x-from: -50%;
    --pp-default-translate-x-to: -50%;
    --pp-default-translate-y-from: -50%;
    --pp-default-translate-y-to: -50%;
    --pp-opacity-from: 0;
    --pp-opacity-to: 1;
    width: 90%;
    max-width: clamp(600px, 37.2024vw + 314.286px, 850px);
    padding: clamp(30px, 1.4881vw + 18.5714px, 40px) clamp(24px, 2.38095vw + 5.71429px, 40px);
    transition: all .3s ease-out;
    animation-duration: .6s;
    position: absolute;
    top: 50%;
    left: 50%;
}

.popup {
    background: #000000a6;
}

.popup__title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.meta-upload-file__info {
    color: #fff;
    margin-top: 8px;
    display: block;
    font-size: 16px;
}

.popup-form__bottom label.meta-checkbox p.meta-checkbox__text {
    font-size: clamp(15px, .297619vw + 12.7143px, 16px);
    margin-bottom: 0px;
    padding-left: 10px;
}

.popup-form__bottom label.meta-checkbox p.meta-checkbox__text a {
    color: var(--ltgold);
    text-decoration-color: var(--ltgold);
}

.popup__block.apply-now-popup .popup-form__bottom {
    align-items: flex-start;
}

.meta-upload-file__input {
    /* background:#88d1f3;
    border-color:#88d1f3; */
    transition: all .3s;
}

.meta-upload-file__input span {
    color: #fff;
      transition: .3s linear;
}

.meta-upload-file__input:hover span.browse-file {
    border-color: var(--cl-primary) !important;
    background-color: var(--ltgold) !important;
    color: var(--black);
    transition: .3s linear;
}
.meta-upload-file__input:hover span{
    opacity: 1 !important;
    transition: .3s linear;
}
.meta-upload-file__input:hover span.browse-file svg path{
    fill: #0B1023 !important;
    transition: .3s linear;
}
.meta-upload-file__input:hover span.browse-file svg path{
    transition: .3s linear;
}

/* .meta-upload-file__input:hover span {
    color: #000;
    opacity: 1;
} */

.popup-form__bottom label.meta-checkbox p.meta-checkbox__text a:hover {
    color: var(--ltgold) !important;
}


.popup .popup__content {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    /* scrollbar-color: #0b111a #d3d3d3;
    scrollbar-width: thin;  */
    padding-right: 5px;
}

.popup.active .popup__content::-webkit-scrollbar {
    width: 6px !important;
    border-radius: 5px !important;
}

.popup.active .popup__content::-webkit-scrollbar-track {
    background: #fff !important;
    border-radius: 10px !important;
}

.popup.active .popup__content::-webkit-scrollbar-thumb {
    background-color: #000000 !important;
    border-radius: 10px !important;
    border: 2px solid #fff !important;
}

/*27-01-2025*/
.cookie-terms-section p a {
    color: var(--cl-ice) !important;
    text-decoration: underline;
}

.cookie-terms-section ul li a {
    color: var(--cl-ice) !important;
    text-decoration: underline;
}

table {
    width: 100%;
}

table tr td {
    border: 2px solid;
    padding: 10px;
}

/*27-01-2025*/
.popup {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8999;
}

.popup.active {
    display: block;
}

div#apply-now-popup {
    background: #0E1832;
}

.popup__btn-close .close-clip {
    background: var(--black) !important;
}

.popup__btn-close {
    position: absolute;
    right: max(15px, min(calc(3.57143px + 1.4881vw), 25px));
    top: max(15px, min(calc(3.57143px + 1.4881vw), 25px));
    transition: all .3s ease-out;
    cursor: pointer;
}

/* .popup__btn-close .close-clip {
    background: var(--pp-dark-blue);
    -webkit-clip-path: polygon(20% 0, 0 20%, 30% 50%, 0 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0, 50% 30%);
    clip-path: polygon(20% 0, 0 20%, 30% 50%, 0 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0, 50% 30%);
    height: max(20px, min(calc(15.42857px + .59524vw), 24px));
    transition: inherit;
    width: max(20px, min(calc(15.42857px + .59524vw), 24px));
} */

.meta-input.custom-input ,.meta-upload-file.custom-input{
    margin-top: 12px;
}

div#apply-now-popup .custom-input input,
div#apply-now-popup .custom-input select,
div#apply-now-popup .custom-input textarea {
    border: 1px solid #AFAFAF;
    padding: 10px;
    background-color: var(--dnavy);
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0px;
    width: 100%;
}

div#apply-now-popup .custom-input input::placeholder,
div#apply-now-popup .custom-input select,
div#apply-now-popup .custom-input textarea::placeholder {
    font-size: 16px;
    font-weight: 400 !important;
}

div#apply-now-popup .custom-input textarea {
    height: 136px;
}
div#apply-now-popup .custom-input textarea:focus{
    outline: none !important;
}
.popup-form__bottom .theme-btn.theme-btn-gold a {
    padding: 15px 30px;
    justify-content: center;
    margin-top: 20px;
}
span.meta-upload-file__name {
    font-size: 14px;
    text-align: center;
}
.meta-upload-file__input input {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.meta-upload-file__input span {
    color: #fff;
    opacity: .9;
    cursor: pointer;
}

.meta-upload-file__input {
    align-items: center;
    background: transparent !important;
    color: #fff;
    color: var(--cl-white);
    cursor: pointer;
    display: flex;
    /* height: max(40px, min(calc(35.42857px + .59524vw), 44px)); */
    justify-content: center;
    line-height: normal;
    /* padding: 4px max(18px, min(calc(6.57143px + 1.4881vw), 28px)); */
    position: relative;
    text-transform: capitalize;
    transition: all .3s ease;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #AFAFAF !important;
}

.popup-form__bottom label {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

.popup-form__bottom label input {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
}

div#apply-now-popup .custom-input label {
    margin-bottom: 6px !important;
    font-weight: 400 !important;
}
.meta-upload-file__input span {
    display: block !important;
}

.meta-upload-file__input {
    flex-direction: column;
    padding: 10px !important;
}
.meta-upload-file__input span.Or {
    margin: 4px;
}
span.meta-upload-file__info {
    font-size: 12px;
    text-align: center;
}
span.browse-file {
    padding: 12px 20px;
    border: 1px solid #fff;
    display: flex !important;
    align-items: center;
}
span.browse-file svg {
    margin-left: 8px;
}

@media(max-width:1700px) {
    .modal .first-sec_modal .first-section__title {
        margin-bottom: 20px;
        font-size: clamp(22px, 7.14286vw - 12.8571px, 30px);
    }

    .upload label,
    .modal .meta-input label,
    .modal .meta-input .label,
    .modal .meta-select label,
    .modal .meta-select .label,
    .modal .meta-upload-file label,
    .modal .meta-upload-file .label {
        font-size: clamp(18px, .297619vw + 15.7143px, 16px);
    }

    .modal .buttons button {
        margin-top: 12px;
    }
}

@media(max-width:991px) {

    .modal_cv.is-visible .modal-wrapper,
    .modal_submit.is-visible .modal-wrapper {
        width: 90%;
        padding: 4% 3%;
        min-height: 80%;
        height: 80%;
        overflow: auto;
    }
}

@media(max-width:768px) {
    .first-sec_modal form {
        gap: clamp(6px, calc(20px + 10*((100vw - 768px)/672)), 12px);
        grid-template-columns: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .modal .buttons button {
        margin-top: 10px;
    }

    /* .modal_cv.is-visible .modal-wrapper,.modal_submit.is-visible .modal-wrapper {
        width: 90%;
        padding: 4% 3%;
        min-height: 80%;
        height: 80%;
        overflow: auto;
    } */
    .modal_cv.is-visible .modal-wrapper,
    .modal_submit.is-visible .modal-wrapper {
        width: 100%;
        padding: 10% 5%;
        min-height: 100%;
        height: 100%;
        overflow: auto;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal .modal-body {
        width: 100%;
    }

    .modal .meta-input input,
    .modal .meta-input textarea {
        border: 1px solid #fff;
        height: 40px !important;
    }

    .modal .meta-input label,
    .modal .meta-input .label,
    .modal .meta-select label,
    .modal .meta-select .label,
    .modal .meta-upload-file label,
    .modal .meta-upload-file .label {
        font-size: clamp(14px, 2vw, 15px);
    }

    .modal .first-sec_modal .first-section__title {
        margin-bottom: 16px;
        font-size: clamp(20px, 7.14286vw - 12.8571px, 26px);
    }

    button.modal-close1.is-visible,
    button.modal-close2.is-visible {
        top: 15px;
    }

    .upload img {
        width: 22px;
    }

    .upload {
        gap: 8px;
    }

    .upload label {
        color: #fff;
        font-size: 14px;
    }
}

@media(max-width:576px) {
    .popup-form__bottom .theme-btn.theme-btn-gold a#apply_form_submit {
        width: 100%;
        justify-content: center;
    }

    .popup__content {
        max-height: 66vh;
        max-height: calc(var(--vh, 1vh)*66);
    }

    .popup-form__bottom label.meta-checkbox p.meta-checkbox__text {
        font-size: 13px;
    }

    .meta-upload-file__info {
        font-size: 14px;
    }

    .popup-form__bottom .theme-btn.theme-btn-gold a#apply_form_submit {
        padding: 10px 20px;
    }

    .popup-form__container .row > div:first-child > div {
    margin-top: 0px;
}
div#apply-now-popup .custom-input textarea {
    height: 80px;
}
}