@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/openSans-light.woff2) format('woff2'), url(../fonts/openSans-light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/openSans-regular.woff2) format('woff2'), url(../fonts/openSans-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/openSans-medium.woff2) format('woff2'), url(../fonts/openSans-medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/openSans-semibold.woff2) format('woff2'), url(../fonts/openSans-semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/openSans-bold.woff2) format('woff2'), url(../fonts/openSans-bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/openSans-extrabold.woff2) format('woff2'), url(../fonts/openSans-extrabold.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Amsterdam';
    src: url('../fonts/Amsterdam.woff2') format('woff2'), url('../assets/fonts/Amsterdam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media(min-width:1700px) {
    .container {
        max-width: 1544px
    }
}

.custom-container {
    max-width: 1744px;
    padding: 0 12px;
    margin: 0 auto
}

body {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px
}

.wrapper {
    overflow: hidden;
}

.h1,
h1 {
    font-size: 64px;
    font-weight: 900
}

.h2,
h2 {
    font-size: 56px;
    font-weight: 300
}

.h3,
h3 {
    font-size: 40px;
    font-weight: 300
}

.h4,
h4 {
    font-size: 32px;
    font-weight: 300;
}

.h5,
h5 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400
}
.h6 , h6{
    font-size: 20px;
    font-weight: 400
}

.heading-big {
    font-size: 120px;
    font-weight: 900;
    display: block;
}

.btn-custom {
    height: 54px;
    min-width: 114px;
    border-radius: 28px;
    padding: 0 30px;
    color: #fff;
    transition: all ease-in-out .4s;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center
}

.btn-black {
    background-color: #000;
    border: 1px solid #000
}

.btn-black:active,
.btn-black:focus,
.btn-black:hover {
    background-color: transparent;
    color: #000;
    border-color: #000
}

.btn-orange {
    background-color: #f87b20;
    border: 1px solid #f87b20
}

.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
    background-color: transparent;
    color: #f87b20;
    border-color: #f87b20
}

.btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.btn-gray {
    background-color: #DDDDDD;
    border: 1px solid #DDDDDD;
    color: #000
}

.btn-gray:active,
.btn-gray:focus,
.btn-gray:hover {
    background-color: black;
    color: #DDDDDD;
    border-color: black
}

.btn-blue {
    background-color: #002E4E;
    border: 1px solid #002E4E;
    color: #fff
}

.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
    background-color: transparent;
    color: #002E4E;
    border-color: #002E4E
}

.btn-outline-black{
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
.btn-outline-black:active,
.btn-outline-black:focus,
.btn-outline-black:hover {
    background-color: #000;
    color: #fff;
}

.text-orange {
    color: #f87b20
}

.text-blue {
    color: #1675ba
}

.color-theme {
    color: #f87b20
}

.arrow-link {
    font-weight: 600;
    text-decoration: none;
    padding-right: 25px;
    position: relative;
    color: #000
}

.arrow-link svg {
    color: #f87b20;
    margin-left: 7px;
    transition: ease all .5s;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.arrow-link:hover {
    color: #f87b20
}

.arrow-link:hover svg {
    right: -5px
}

.section-padding-bottom {
    padding-bottom: 150px
}

.icon-content-listing-img {
    width: 84px;
    height: 84px;
    border-radius: 13px;
    box-shadow: 0px 0px 9px hsla(0, 0%, 0%, 0.063);
    transform: rotate(45deg);
    padding: 20px;
}

.icon-content-listing-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: rotate(-45deg);
}

.icon-content-listing-img.rotate-img img {
    transform: rotate(0deg);
}

.icon-content-listing-content {
    width: calc(100% - 134px);
    margin-left: 50px;
    padding-right: 60px;
}

.icon-content-listing-content h5 {
    color: #000;
    margin-bottom: 16px;
}

.icon-content-listing-content p {
    color: #4B4B4B;
    line-height: 24px;
    margin-bottom: 0;
}

.icon-content-listing-content ul {
    margin: 0;
    padding-left: 20px;
    color: #4B4B4B;
}

.icon-content-listing-content ul li {
    margin-top: 20px;
}

.process-impect-wrapper {
    background-image: url("../assets/images/impect-bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 40px;
    padding: 55px 70px 10px;
    position: relative;
}

.process-impect-wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    left: 0;
    background-color: #f2f2f2;
    border-radius: 36px;
}

.process-impect-heading {
    margin-bottom: 130px;
    color: black;
    max-width: 520px;
}

.process-impect-heading h2 {
    line-height: 72px;
}

.process-impect-col {
    margin-bottom: 100px;
}

.process-impect-content {
    z-index: 1;
}

.process-impect-content h5 {
    line-height: 33px;
    color: black;
    min-height: 85px;
    margin: 0;
}

.process-impect-content p {
    color: #4B4B4B;
    line-height: 24px;
}

.process-impect-content .process-impect-list {
    color: #4B4B4B;
    margin: 0;
    padding-left: 20px;
}

.process-impect-content .process-impect-list li {
    margin-bottom: 10px;
}

.process-impect-content span {
    color: #E3E3E3;
    font-size: 120px;
    line-height: normal;
    font-weight: 900;
    position: absolute;
    top: -65px;
    left: 0;
    z-index: -1;
    -webkit-text-stroke: 1px white;
}

.process-impect-img {
    position: absolute;
    right: 100px;
    top: 0;
    border-radius: 25px;
    overflow: hidden;
}

.contact-banner-social-icons .contact-banner-icons {
    padding: 12px;
    border-radius: 50%;
    border: 1px solid;
    height: 54px;
    width: 54px;
}

.contact-banner-social-icons .contact-banner-icons img {
    width: 100%;
    height: 100%;
}

.contact-banner-social-icons .contact-banner-icons.icons-orange {
    border-color: #F07700;
}

.contact-banner-social-icons .contact-banner-icons.icons-blue {
    border-color: #505BC1;
}

.contact-banner-social-icons .contact-banner-icons.icons-green {
    border-color: #2BA71A;
}

.contact-banner-social-icons .contact-banner-icons.icons-orange:hover {
    background-color: #F07700;
}

.contact-banner-social-icons .contact-banner-icons.icons-blue:hover {
    background-color: #505BC1;
}

.contact-banner-social-icons .contact-banner-icons.icons-green:hover {
    background-color: #2BA71A;
}

.contact-banner-social-icons .contact-banner-icons:hover img {
    filter: brightness(0) invert(1);
}

.contact-banner-social-icons .contact-banner-icons:not(:last-child) {
    margin-right: 8px;
}

.form-control:focus {
    box-shadow: unset;
}

.text-danger {
    font-size: 14px;
}




/* ===== FULL ORIGINAL CSS ===== */
.solutions-menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease
}

.solutions-menu-backdrop.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.header {
    height: 90px;
    border-bottom: 1px solid rgb(112, 112, 112, .21);
    background-color: #fff;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.header.home-header {
    background-color: rgb(0, 0, 0, .3);
    border-color: transparent;
    position: fixed;
}

.header.home-header.scrolled {
    background-color: rgb(0, 0, 0, 1);
}

.header .container {
    position: relative
}

.header .navbar {
    padding: 0;
    width: 100%
}
.header .navbar-brand{
    width: 180px;
}
.header .navbar-brand .img-fluid{
    width: 100%;
}

.header .navbar-toggler {
    background: #fff;
    padding: 3px 5px;
    font-size: 16px;
    box-shadow: none
}

.header .navbar-collapse {
    flex: none
}

.header .navbar .nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 6px;
    position: relative
}

.header .navbar .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #f87b20;
    transition: all .3s ease-in-out
}

.header .navbar .nav-link.active::after,
.header .navbar .nav-link:hover::after {
    width: 100%
}

.header.home-header .navbar .nav-link {
    color: #fff
}

.header .navbar li:not(:last-child) {
    margin-right: 50px
}

.header .navbar .nav-link.active,
.header .navbar .nav-link:hover {
    color: #f87b20
}

.submenu-button{
    display: none;
}

.header .navbar .container {
    position: relative
}

.header #solutionsItem {
    position: static !important
}

.header .icon-get-touch {
    background: linear-gradient(275deg, #f87b20 0, #f87b20 100%);
    border-radius: 28px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    margin-left: 60px;
    border: 1px solid #f87b20;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.header .icon-get-touch:hover {
    background: #fff;
    color: #f87b20
}

.solutions-menu-outer {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: -200px;
    transition: all .5s ease-in-out;
    opacity: 0;
    z-index: -1;
    transform: scale(0)
}

.solutions-menu-outer.active {
    opacity: 1;
    z-index: 1;
    transform: scale(1);
    top: 87px;
}

.solutions-menu-inner {
    background-color: #fffeff;
    border-radius: 0px 0px 16px 16px;
}

.solutions-menu-inner .row {
    margin-left: -5px;
    margin-right: -5px
}

.solutions-menu-inner .row>* {
    padding-left: 5px;
    padding-right: 5px
}

.solutions-menu-outer .menu-card {
    background: #fffeff;
    border: 1px solid #fffeff;
    border-radius: 0px 0px 16px 16px;
    padding: 25px 20px;
}

.solutions-menu-outer .menu-card.card-orange {
    background-color: #F87B20;
    border-color: #F87B20;
    border-radius: 0px 0px 0px 16px;
    position: relative;
    z-index: 1;
}

.solutions-menu-outer .menu-card.card-orange::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-image: url("../assets/images/logo-a.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 95%;
    height: 95%;
    z-index: 2;
    opacity: 0.15;
}

.solutions-menu-outer .menu-card.card-orange h5,
.solutions-menu-outer .menu-card.card-orange ul li a {
    color: #fff;
    position: relative;
    z-index: 4 !important;
}

.header .solutions-menu-outer .menu-card.card-orange ul li {
    margin-bottom: 2px;
}

.solutions-menu-outer .menu-card.card-orange ul li a {
    padding: 10px;
    display: block;
    border-radius: 3px;
}

.solutions-menu-outer .menu-card.card-orange ul li a.active,
.solutions-menu-outer .menu-card.card-orange ul li a:hover {
    background-color: white;
}

.solutions-menu-outer .menu-card h5 {
    font-size: 22px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px
}

.solutions-menu-outer .menu-card ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.header .solutions-menu-outer .menu-card ul li {
    margin-right: 0;
    margin-bottom: 10px
}

.solutions-menu-outer .menu-card ul li a {
    text-decoration: none;
    color: #4b4b4b;
    font-size: 15px
}

.solutions-menu-outer .menu-card ul li a.active,
.solutions-menu-outer .menu-card ul li a:hover {
    color: #f87b20
}


/* ignite career */
.ignite-career {padding: 150px 0;background-image:url("../assets/images/top-banner-bg.png");background-repeat:no-repeat;background-position:top right;background-size:cover;border-bottom:1px solid #eaeaea}
.ignite-career::before{content:'';background-image:url("../assets/images/shade-bottom.png");z-index:-1;background-repeat:no-repeat;background-position:center;background-size:100%;position:absolute;bottom:-90%;left:0;width:20%;height:500px;}
.ignite-career-content h2 {margin-bottom: 30px;color: black;}
.ignite-career-content p {margin-bottom: 32pc;color: #4B4B4B;}
.ignite-career-form {background-color: #FFFFFF;box-shadow: 0px 10px 16px #B4C3C926;border: 1px solid #97D2EA;border-radius: 8px;padding: 20px 100px 20px 30px;}
.ignite-career-form .input-wrapper {height: 100%;}
.ignite-career-form label {color: #4B4B4B;margin: 0 0 10px 0;}
.ignite-career-form .form-control {color: black;font-weight: 600;box-shadow: unset;border: none;padding: 0 12px 0 0;}
.ignite-career-form .form-control::placeholder {color: black;opacity: 0.5;}
.ignite-select-parent {position: relative;background-color: #fff;border: 0;border-radius: 10px;max-width: 65%;}
.ignite-career-select {max-width: 190px;border: none;padding: 0;outline: none;box-shadow: none !important;font-weight: 600;}
.visually-hidden-select {position: absolute;opacity: 0;pointer-events: none;width: 1px;height: 1px;}
.ignite-select-trigger {position: relative;width: 100%;border: 0;background: #fff;color: #111;font-weight: 700;text-align: left;padding: 2px 24px 2px 0;line-height: 1.3;cursor: pointer;}
.ignite-select-trigger::after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background: url("../images/down-arrow.svg") no-repeat center/contain;transition: transform .2s ease;}
.custom-select-wrapper.open .ignite-select-trigger::after {transform: translateY(-50%) rotate(180deg);}
.ignite-select-trigger:focus {outline: none;}
.ignite-select-options {position: absolute;left: 0;right: 0;top: calc(100% + 8px);background: #fff;border: 1px solid #dde5ef;border-radius: 6px;box-shadow: 0 8px 18px rgba(31, 45, 61, .16);padding: 6px 0;margin: 0;list-style: none;display: none;z-index: 20;max-height: 220px;overflow-y: auto;}
.custom-select-wrapper.open .ignite-select-options {display: block;}
.ignite-select-options li {padding: 8px 12px;color: #0f1720;cursor: pointer;font-weight: 500;}
.ignite-select-options li:hover {background: #eef2f7;}
.ignite-select-options li.active {background: #d6e4f7;font-weight: 600;}
.ignite-search-icon {width: 68px;height: 68px;background-color: #A4C1D0;border-radius: 50%;top: 50%;right: 22px;transform: translateY(-50%);z-index: 1;padding: 24px;}
button.ignite-search-icon {border: none;margin: 0;appearance: none;-webkit-appearance: none;cursor: pointer;font: inherit;line-height: 0;box-shadow: none;}
button.ignite-search-icon:focus-visible {outline: 2px solid #0d6efd;outline-offset: 2px;}
.ignite-search-icon img {width: 100%;height: 100%;}

/* current jobs */
.current-jobs {padding: 120px 0 140px;}
.current-jobs-heading {margin-bottom: 66px;}
.current-jobs-content {padding: 40px 0;}
.current-jobs-content:not(:last-child) {border-bottom: 1px solid #80808057;}
.current-jobs-content-info{flex: 1;}
.current-jobs-content-info h5 {color: black;}
.current-jobs-content-info h5 a {color: #000;text-decoration: none;}
.current-jobs-content-info p {color: #4B4B4B;}
.current-jobs-content-info .truncate-2-lines {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.current-jobs-content-info .experience{max-width: 175px;min-width: 175px;}
.current-jobs-content-info span, .current-jobs-content-info p strong {font-weight: 600;}
.shadow-highlight {position: relative;}
.shadow-highlight:before {content: "";position: absolute;background: linear-gradient(180deg, #FFFFFF90 0%, #FFFFFF 100%);width: 100%;height: 100%;left: 0;top: 0;}
.job-post-img {display: none !important; width: 80px;height: 80px;border-radius: 10px;border: 1px solid #F87B20;display: flex;align-items: center;justify-content: center;margin-right: 36px;padding: 10px;}
.job-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.job-post-content {flex: 1;gap: 20px;}
.dont-find-job{margin: 45px 0 55px;background: transparent linear-gradient(286deg, #1667A2 0%, #507184 35%, #AD8053 77%, #F87B20 100%) 0% 0% no-repeat padding-box;
    border-radius: 16px;padding: 35px 42px;color: #fff;}
.dont-find-job h2 {font-weight: 300;margin-bottom: 28px;}
.dont-find-job p {font-size: 24px;margin-bottom: 0;font-weight: 300;}
.job-post-content{justify-content: space-between;}

/* newsletter section */
.newsletter-section{background-image:url("../assets/images/newsletter-bg.png");background-repeat:no-repeat;min-height:298px;display:flex;align-items:center;background-size:100% 100%;padding:30px 0}
.newsletter-content h2,.newsletter-content p{color:#fff}
.newsletter-content p{font-size:24px;font-weight:300}
.newsletter-form .form-control{background-color:#fff;height:80px;border-radius:40px;color:#000;padding:0 135px 0 40px;box-shadow:unset;border:none}
.newsletter-form .form-control:focus{border: 1px solid #F16000;}
.newsletter-form .form-control::placeholder{color:#919191}
.newsletter-form .form-control.is-invalid{background-image:none !important;padding-right:135px}
.input-button-wrapper{position:relative;display:flex;align-items:center}
.error-icon-wrapper{position:absolute;right:140px;display:flex;align-items:center;justify-content:center;z-index:10}
.error-text{color:#dc3545;font-size:13px;margin-top:8px}
.newsletter-form .btn-custom{position:absolute;top:50%;transform:translateY(-50%);right:12px}
.newsletter-form .newsletter-error-text{left: 30px;}

/* job detail page */
/* banner */
.job-detail-banner{padding-top: 140px;position: relative;}
.job-detail-banner::after{content: "";position: absolute;right: 0;top: -15%;background-image: url("../assets/images/job-detail-banner-shade.png");width: 60%;height: 450px;object-fit: cover;z-index: -1;}
.job-detail-banner::before{content:'';background-image:url("../assets/images/shade-bottom.png");z-index:-1;background-repeat:no-repeat;background-position:center;background-size:100%;position:absolute;bottom:0%;left:0;width:20%;height:570px;}
.banner-content h2{margin-bottom: 26px;}
.banner-content .position-detail {font-weight: 300 !important;margin-bottom: 32px;}
.banner-content .button-wrapper {margin-bottom: 20px;}
.banner-content .social-links{margin-bottom:85px}
.banner-content .social-links ul{display:flex;align-items:center}
.banner-content .social-links ul li a{color:#b4c3c9;border:1px solid;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration: none;}
.banner-content .social-links ul li a i{font-size: 14px;}
.banner-content .social-links ul li a:hover{color:#f07700}
.banner-content .social-links ul li{margin-right:10px;margin-bottom:0;list-style-type: none;}
.banner-content .img-wrapper{border-radius: 12px;overflow: hidden;}
.select2-results__option {
  padding: 10px 20px !important;
}

.select2-container--default .select2-selection--single {
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
}

.select2-container--default .select2-selection__rendered {
  padding-left: 12px !important;
}

.select2-container--default .select2-selection__arrow {
  top: 50% !important;
}


/* responsibilities */
.responsibilities{padding: 70px 0 90px;}
.responsibilities h4{margin-bottom: 16px;}
.responsibilities-list{padding-right: 150px;}
.responsibilities-list ul {margin: 0;padding-left: 22px;}
.responsibilities-list ul li {color: #4B4B4B;}
.responsibilities-list ul li:not(:last-child){margin-bottom: 10px;}
.responsibilities-list ul li::marker {color: #919191;}
.job-information{border: 1px solid #DDDDDD;border-radius: 24px;padding: 32px;}
.job-information .job-info-heading{padding-bottom: 17px;margin-bottom: 15px; border-bottom: 1px solid #F87B20;}
.job-information .job-info-detail{padding-left: 0;margin-bottom: 0;}
.job-information .job-info-detail li{padding: 11px 0px;border-bottom: 1px solid #eeeeee;}
.job-information .job-info-detail li .icon-wrapper{margin-right: 16px;}
.job-information .job-info-detail li h6{flex: 1;}

/* footer */
.footer{background-color:#121212;padding-top:70px;color:#919191}
.footer::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:22px;background-color:#00000087}
.footer h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:25px}
.footer ul{list-style:none;padding:0;margin:0}
.footer ul li{margin-bottom:10px}
.footer ul li a{color:#919191;text-decoration:none}
.footer ul li a:hover{color:#fff}
.footer-branding{width:100%}
.footer .company-info .logo{margin-bottom:25px}
.footer .social-links{margin-bottom:40px}
.footer .social-links ul{display:flex;align-items:center}
.footer .social-links ul li a{color:#fff;border:1px solid;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px}
.footer .social-links ul li a:hover{color:#f07700}
.footer .social-links ul li{margin-right:10px;margin-bottom:0}
.footer .company-info .contact-info svg{color:#fff;margin-right:10px}
.footer .footer-address li , .footer .contact-info li a {display: flex;align-items: center;gap: 15px; }
.footer .footer-address li svg{color: #fff;margin-right: 16px;}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #a1cbef;
  box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.6em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.6;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.main-form-wraper .select2-container--default .select2-selection--single {
    height: 58px !important;
    padding: 16px 12px;
    border: 1px solid #dee2e6;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.5rem;
}

.main-form-wraper .select2-container--default .select2-selection--single .select2-selection__clear ,.main-form-wraper .select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}

.main-form-wraper .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}

.ignite-select-parent .select2-container--default .select2-selection--single {
    height: auto !important;
    border: none;
    background: transparent;
}
.ignite-select-parent .select2-container--default .select2-selection--single .select2-selection__clear{
    display: none;
}
.ignite-select-parent .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 28px;
    padding: 0 !important;
    font-weight: 600;
}
.ignite-select-parent .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgb(0, 0, 0, 0.5);
}
.ignite-select-parent .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1px;
}
.select2-dropdown.ignite-career-select-dropdown.select2-dropdown--below {
    border: 1px solid #ccc;
    border-radius: 6px;
    top: 7px;
}
.iti__country-list{width: 270px !important;}
@media(max-width:1699px) {
    .custom-container {
        max-width: 1374px
    }

    body {
        font-size: 15px
    }

    .h1,
    h1 {
        font-size: 54px
    }

    .h2,
    h2 {
        font-size: 46px
    }

    .h3,
    h3 {
        font-size: 38px
    }

    .h4,
    h4 {
        font-size: 28px
    }

    .h5,
    h5 {
        font-size: 22px
    }
    .h6 , h6 {
        font-size: 17px;
    }

    .heading-big {
        font-size: 100px;
    }

    .section-padding-bottom {
        padding-bottom: 120px
    }

    .icon-content-listing-img {
        width: 76px;
        height: 76px;
        padding: 18px;
    }

    .icon-content-listing-content {
        width: calc(100% - 118px);
        margin-left: 42px;
        padding-right: 50px;
    }

    .process-impect-wrapper {
        padding: 40px 60px 10px;
    }

    .process-impect-heading {
        max-width: 440px;
        margin-bottom: 90px;
    }

    .process-impect-heading h2 {
        line-height: 66px;
    }

    .process-impect-img {
        right: 60px;
        max-width: 620px;
        width: 100%;
    }

    .process-impect-img img {
        width: 100%;
    }

    .process-impect-col {
        margin-bottom: 80px;
    }

    .process-impect-content h5 {
        line-height: 28px;
        min-height: 65px;
    }

    .process-impect-content span {
        font-size: 100px;
        top: -60px;
    }

    .contact-banner-social-icons .contact-banner-icons {
        width: 48px;
        height: 48px;
    }

    .header .navbar-brand {
        width: 180px
    }

    .header {
        height: 80px
    }

    .header .navbar .nav-link {
        font-size: 15px
    }

    .header .navbar li:not(:last-child) {
        margin-right: 40px
    }

    .header .icon-get-touch {
        width: 42px;
        height: 42px;
        font-size: 18px;
        margin-left: 40px
    }

    .solutions-menu-outer.active {
        top: 77px
    }

    .solutions-menu-outer .menu-card {
        padding: 20px 15px;
        padding-right: 10px
    }

    .solutions-menu-outer .menu-card h5 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .header .solutions-menu-outer .menu-card ul li {
        margin-bottom: 8px
    }

    .solutions-menu-outer .menu-card ul li a {
        font-size: 14px
    }

    /* ignite career */
    .ignite-career {padding: 120px 0;}
    .ignite-career-content h2 {margin-bottom: 24px;}
    .ignite-career-form {padding: 20px 84px 20px 30px;}
    .ignite-search-icon {width: 60px;height: 60px;padding: 20px;}

    /* current jobs */
    .current-jobs {padding: 100px 0 110px;}
    .ignite-career-page .current-jobs {padding-top: 100px;}
    .current-jobs-heading {margin-bottom: 56px;}
    .current-jobs-content {padding: 36px 0;}
    .job-post-img{width: 70px;height: 70px;margin-right: 25px;}
    /* .job-post-img img {width: 40px;height: 40px;} */

    /* newsletter section */
    .newsletter-section{min-height:260px}
    .newsletter-content p{font-size:22px}
    .newsletter-form .form-control{height:70px;padding:0 135px 0 30px}
    .error-icon-wrapper{right:135px}


    /* job detail page */
    .job-detail-banner {padding-top: 120px;}
    .banner-content h2{margin-bottom: 20px;}
    .banner-content .position-detail{margin-bottom: 28px;}
    .banner-content .social-links{margin-bottom: 75px;}
    .responsibilities{padding: 60px 0 80px;}
    .responsibilities-list{padding-right: 40px;}
    .job-information{padding: 28px;}
    .job-information .job-info-detail li .icon-wrapper{width: 25px;height: 25px;margin-right: 12px;}
    .responsibilities-list ul li:not(:last-child){margin-bottom: 7px;}

    /* footer */

.footer{padding-top:60px}
.footer h4{font-size:18px;margin-bottom:20px}
.footer ul li{margin-bottom:10px}
.footer .company-info .logo{margin-bottom:20px;width:180px}
.footer .social-links{margin-bottom:40px}
.footer .social-links ul li a{width:40px;height:40px;font-size:18px}
.footer .social-links ul li{margin-right:8px}
.footer .company-info .contact-info svg{margin-right:8px}
.footer .footer-address li svg{color: #fff;margin-right: 14px;}
}

@media screen and (max-width: 1399px) {
    .h1,h1{font-size:48px}
    .h2,h2{font-size:38px}
    .h3,h3{font-size:32px}
    .h4,h4{font-size:24px}
    .h5,h5{font-size:20px}
    .heading-big {font-size: 80px;}
    .section-padding-bottom{padding-bottom:100px}
    .btn-custom{min-width:104px;height:50px;padding:0 25px}
    .icon-content-listing-img {width: 68px;height: 68px;padding: 16px;}
    .icon-content-listing-content {width: calc(100% - 102px);margin-left: 34px;padding-right: 32px;}
    .icon-content-listing-content h5 {margin-bottom: 14px;}
    .icon-content-listing-content p {line-height: 22px;}
	.icon-content-listing-content ul {padding-left: 15px;}
	.icon-content-listing-content ul li {margin-top: 15px;}
	.process-impect-heading {max-width: 360px;margin-bottom: 80px;}
    .process-impect-wrapper {padding: 32px 50px 10px;}
    .process-impect-heading h2 {line-height: 52px;}
    .process-impect-img {width: 100%;max-width: 47%;right: 40px;}
    .process-impect-col {margin-bottom: 65px;}
    .process-impect-content h5 {line-height: 26px;}
    .process-impect-content p {line-height: 22px;}
    .process-impect-content span {font-size: 90px;top: -40px;}

    /* ignite career */
    .ignite-career {padding: 100px 0;}
    .ignite-career-content h2 {margin-bottom: 20px;}
    .ignite-career-form {padding: 18px 80px 18px 24px;}
    .ignite-search-icon {width: 54px;height: 54px;padding: 18px;right: 20px;}

    /* current jobs */
    .current-jobs {padding: 80px 0 90px;}
    .ignite-career-page .current-jobs {padding-top: 80px;}
    .current-jobs-heading {margin-bottom: 48px;}
    .current-jobs-content {padding: 32px 0;}
    .current-jobs-content-info .btn-gray {font-size: 14px;}
    .job-post-img{width: 60px;height: 60px;margin-right: 20px;}
    /* .job-post-img img {width: 35px;height: 35px;} */

    /* job details page */
    .job-detail-banner{padding-top: 100px;}
    .banner-content h2{margin-bottom: 18px;}
    .banner-content .position-detail{margin-bottom: 24px;}
    .banner-content .social-links{margin-bottom: 65px;}
    .responsibilities{padding: 60px 0 70px;}
    .responsibilities h4 {margin-bottom: 14px;}
    .content-alignment {align-items: flex-start !important;}


    /* newsletter section */
    .error-icon-wrapper{right:125px}


    /* footer */
    .footer{padding-top:50px}
.footer .social-links{margin-bottom:35px}
.iti__country-list{width: 200px !important;}
    
}

@media(max-width:1199px) {
    body{font-size:14px}
    .h1,h1{font-size:40px}
    .h2,h2{font-size:32px}
    .h3,h3{font-size:28px}
    .h4,h4{font-size:22px}
    .h5,h5{font-size:17px}
    .h6,h6{font-size:16px}
    .heading-big {font-size: 60px;}
    .section-padding-bottom{padding-bottom:80px}
    .btn-custom{min-width:100px;height:46px;padding:0 25px;font-size:14px}
    .icon-content-listing-img {width: 58px;height: 58px;padding: 14px;}
    .icon-content-listing-content {width: calc(100% - 84px);margin-left: 26px;padding-right: 15px;}
    .icon-content-listing-content h5 {margin-bottom: 12px;}
    .icon-content-listing-content p {line-height: 20px;}
	.icon-content-listing-content ul {padding-left: 12px;}
	.icon-content-listing-content ul li {margin-top: 12px;}
	.process-impect-heading {max-width: 300px;margin-bottom: 65px;}
    .process-impect-heading h2 {line-height: 46px;}
    .process-impect-col {margin-bottom: 55px;}
    .process-impect-content h5 {line-height: 24px;min-height: 60px;}
    .process-impect-content p {line-height: 20px;}
    .process-impect-content span {font-size: 80px;}
    .contact-banner-social-icons .contact-banner-icons {width: 42px;height: 42px;padding: 10px;}

    .header .navbar-brand {
        width: 150px
    }

    .header {
        height: 70px
    }

    .header .navbar .nav-link {
        font-size: 14px
    }

    .header .navbar li:not(:last-child) {
        margin-right: 30px
    }

    .header .icon-get-touch {
        width: 38px;
        height: 38px;
        font-size: 16px;
        margin-left: 30px
    }

    .solutions-menu-outer.active {
        top: 67px
    }

    .solutions-menu-outer .menu-card {
        padding: 20px 10px;
        padding-right: 5px
    }

    .solutions-menu-outer .menu-card h5 {
        font-size: 18px;
        margin-bottom: 12px
    }

    .header .solutions-menu-outer .menu-card ul li {
        margin-bottom: 5px
    }

    .solutions-menu-outer .menu-card ul li a {
        font-size: 12px
    }

    .solutions-menu-outer .menu-card h5 {
        font-size: 16px;
    }

    /* ignite career */
    .ignite-career {padding: 80px 0;}
    .ignite-career-content h2 {margin-bottom: 16px;}
    .ignite-career-form .form-control {font-size: 14px;}

    /* current jobs */
    .current-jobs {padding: 50px 0 60px;}
    .ignite-career-page .current-jobs {padding-top: 50px;}
    .current-jobs-heading {margin-bottom: 36px;}
    .current-jobs-content {padding: 26px 0;}
    .dont-find-job{margin: 35px 0 45px;padding: 30px 35px;}
    .dont-find-job h2{margin-bottom: 20px;}
    .dont-find-job p {font-size: 20px;}


    /* jobs detail page */
    .job-detail-banner::after{top:-22%;width: 85%;height: 370px;}
    .job-detail-banner{padding-top: 80px;}
    .banner-content h2{margin-bottom: 16px;}
    .banner-content .position-detail{margin-bottom: 20px;}
    .banner-content .social-links{margin-bottom: 55px;}
    .responsibilities{padding: 60px 0}
    .responsibilities h4 {margin-bottom: 12px;}
    .responsibilities-list {padding-right: 25px;}
    .job-information{padding: 24px;}
    .job-information .job-info-detail li{padding: 10px 0;}
    .job-information .job-info-detail li .icon-wrapper{width: 22px;height: 22px;margin-right: 10px;}



    /* newsletter section */
    .newsletter-content p{font-size:20px}
    .newsletter-section{min-height:240px}
    .error-icon-wrapper{right:120px}



    /* footer */
    .footer{padding-top:40px}
.footer h4{font-size:16px;margin-bottom:15px}
.footer ul li{margin-bottom:8px}
.footer .company-info .logo{margin-bottom:15px;width:150px}
.footer .social-links{margin-bottom:30px}
.footer .social-links ul li a{width:30px;height:30px;font-size:15px}
.footer .social-links ul li{margin-right:6px}
.footer .company-info .contact-info svg{margin-right:6px}
.iti__country-list{width: 315px !important;}

}

@media(max-width:991px) {
    .h1,h1{font-size:34px}
    .h2,h2{font-size:28px}
    .h3,h3{font-size:24px}
    .h4,h4{font-size:20px}
    .heading-big {font-size: 50px;}
    .section-padding-bottom{padding-bottom:60px}
    .icon-content-listing-content h5 {margin-bottom: 10px;}
	.icon-content-listing-content ul {margin-bottom: 20px;}
	.process-impect-wrapper {padding: 20px 30px 10px;background-image: none;background-color: #f2f2f2;border-radius: 35px;}
    .process-impect-wrapper:before {content: unset;}
    .process-impect-img {display: none;}
    .process-impect-heading {max-width: 100%;margin-bottom: 45px;}
    .process-impect-heading h2 {line-height: 40px;}
    .process-impect-col {margin-bottom: 45px;}
    .iti .iti__selected-dial-code{margin-left: 0px !important;}
    .achievements-form .iti__selected-country , .lets-talk-form .iti__selected-country{padding: 0px 2px;}



    .header .navbar-collapse {
        flex: none;
        position: fixed;
        left: 0;
        width: 100%;
        top: 70px;
        background: #fff;
        max-height: calc(100vh - 55px);
        overflow: hidden;
        z-index: 9;
        height: 0;
        box-shadow: 0px 0px 4px #cbcbcb;
        padding-bottom: 25px;
        transition: all .5s ease-in-out;
    }

    .header .navbar-collapse.show {
        height: auto;
        overflow-y: auto;
        transition: all .5s ease-in-out;
    }

    .toggle-menu-wrapper {
        position: unset
    }

    .header .navbar li {
        position: relative
    }

    .header .navbar li:not(:last-child) {
        margin-right: 0
    }

    .header .navbar .nav-link {
        padding: 10px 20px;
        color: #000
    }

    .header.home-header .navbar .nav-link {
        color: #000
    }

    .header .navbar .nav-link.active,
    .header .navbar .nav-link:hover {
        background: #f87b20;
        color: #fff
    }

    .header .icon-get-touch {
        margin-left: 10px
    }

    .header #solutionsItem {
        position: relative !important
    }

    .submenu-button {
        position: absolute;
        right: 10px;
        font-size: 16px;
        height: 30px;
        top: 5px;
        width: 30px;
        background: #000 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        border-radius: 4px;
        z-index: 9;
        display: block;
    }

    .solutions-menu-outer {
        position: unset;
        transform: none;
        background: #eee;
        height: 0;
        overflow: hidden;
        transition: 1s ease;
    }

    .solutions-menu-outer.active {
        height: auto;
        max-height: 100%;
        overflow-y: auto;
    }

    .solutions-menu-outer.active.header.navbar-collapse.show {
        height: calc(100vh-55px)
    }

    .solutions-menu-outer .menu-card {
        background: 0 0;
        border: none;
        border-radius: 0;
        padding: 20px 20px
    }

    .solutions-menu-outer .menu-card.card-orange {
        border-radius: 0;
    }

    /* ignite career */
    .ignite-career {padding: 60px 0;}

    /* current jobs */
    .current-jobs {padding: 30px 0 40px;}
    .ignite-career-page .current-jobs {padding-top: 30px;}
    .current-jobs-heading {margin-bottom: 30px;}
    .current-jobs-content {padding: 24px 0;}
    .job-post-content{flex-direction: column;gap: 0;}
    .dont-find-job h2{margin-bottom: 15px;}
    .dont-find-job p{font-size: 18px;}
    .dont-find-job{margin: 30px 0;}
    .current-jobs-content-info .experience{max-width: 200px !important;min-width: 200px !important;}

    /* newsletter section */
    .newsletter-content{text-align:center;margin-bottom:20px}
    .newsletter-form .form-control{height:65px;padding:0 135px 0 30px}
    .newsletter-content p{font-size:18px}
    .error-icon-wrapper{right:120px}

    /* job detail page */
    .banner-content h2 {margin-bottom: 12px;}
    .banner-content .position-detail {margin-bottom: 15px;}
    .job-detail-banner::after{width: 100%;}
    .banner-content .social-links {margin-bottom: 45px;}
    .banner-content .img-wrapper img{min-height: 200px;}
    .responsibilities{padding: 50px 0;}
    .responsibilities-list{padding-right: 0;margin-bottom: 30px;}

    /* footer */
    .footer{padding-top:30px}
.footer .company-info{display:flex;flex-direction:column;align-items:center}
}

@media(max-width:767px) {
    .h1,h1{font-size:30px}
    .h2,h2{font-size:24px}
    .h3,h3{font-size:22px}
    .h4,h4{font-size:18px}
    .heading-big {font-size: 40px;}
    .section-padding-bottom{padding-bottom:40px}
    .btn-custom{min-width:90px;height:42px;padding:0 20px}
    .icon-content-listing-img {width: 58px;height: 58px;margin-bottom:25px;margin-left: 10px;}
    .icon-content-listing-content {width: 100%;margin-left: 0;padding-right: 0;}
	.icon-content-listing-content ul {padding-left: 20px;margin-bottom: 30px;}
	.icon-content-listing-content ul li {margin-top: 10px;}
    .process-impect-wrapper {border-radius: 30px;}
    .process-impect-heading {margin-bottom: 35px;}
    .process-impect-col {margin-bottom: 40px;}
    .text-danger{font-size: 12px;}
    .dont-find-job p{font-size: 16px;}
    .dont-find-job{padding: 20px;}


    .header {
        height: 60px
    }

    .header .navbar-collapse {
        top: 60px;
    }


    /* ignite career */
    .ignite-career {padding: 40px 0;}
    .ignite-career-content h2 {margin-bottom: 12px;}
    .ignite-career-form {padding: 14px 66px 14px 20px;}
    .ignite-career-form .form-control, .ignite-select-trigger {font-size: 13px;}
    .ignite-search-icon {width: 44px;height: 44px;padding: 14px;right: 16px;}
    .ignite-select-parent{max-width: 80%;}
    .select2-results__option {padding: 10px 20px; /* ✅ THIS finally works */}
    .select2-selection__rendered {padding-left: 10px;}

    /* current jobs */
    .current-jobs {padding-bottom: 25px 0;}
    .current-jobs-heading {margin-bottom: 24px;}
    .current-jobs-content {padding: 22px 0;}

    /* job detail page */
    .banner-content .img-wrapper img{object-fit: cover;}
    .banner-content .social-links{margin-bottom: 30px;}
    .responsibilities{padding: 40px 0;}

    /* newsletter section */
    .newsletter-form .form-control{height:60px}
.newsletter-content p{font-size:16px}
.error-icon-wrapper{right:110pxx}
.iti__country-list{width: 315px !important;}

}

@media(max-width:575px) {
    .h1,h1{font-size:26px}
    .h2,h2{font-size:22px}
    .h3,h3{font-size:20px}
    .h4,h4{font-size:16px}
    .h5,h5{font-size:16px;}
    .heading-big {font-size: 30px;}
    .btn-custom{height:40px;padding:0 20px;font-size: 12px;}
    .icon-content-listing-img {margin-bottom: 20px;}
	.icon-content-listing-content ul li {margin-top: 8px;}
    .process-impect-wrapper {border-radius: 25px;padding: 15px 25px 10px;}
    .process-impect-heading h2 {line-height: 34px;}
    .benefits-reap {padding: 30px 0 15px;}
    .benefits-reap-main-info h4 {line-height: 26px;}
    .benefits-reap-row {margin-bottom: 18px;}
    .benefits-reap-content h5 {margin-bottom: 12px;}
    .benefits-col {margin-bottom: 22px;}



    .header .navbar-toggler {
        padding: 3px 4px;
        font-size: 14px
    }

    .header .navbar .nav-link {
        padding: 8px 15px
    }

    .header .icon-get-touch {
        width: 32px;
        height: 32px;
        font-size: 14px
    }

    .solutions-menu-outer .menu-card.double {
        padding-top: 0
    }

    .solutions-menu-outer .menu-card.double ul {
        display: block
    }

    .solutions-menu-outer .menu-card.card-orange ul li a {
        padding: 8px;
    }

    /* ignite career */
    .ignite-career {padding: 25px 0;}
    .ignite-career-form {padding: 14px 16px;}
    .ignite-career-select {max-width: 100%;}

    /* current jobs */
    .current-jobs {padding-bottom: 20px;}
    .ignite-career-page .current-jobs {padding-top: 20px;}
    .current-jobs-heading {margin-bottom: 18px;}
    .current-jobs-content {padding: 20px 0;}
    .current-jobs-content-info .btn-gray {margin: 0 auto;}
    .direction{flex-direction: column;gap: 10px;}
    .job-post-img{margin-right: 0;padding: 5px;}
    .ignite-select-parent{max-width: 100%;}
    .current-jobs-content-info .experience{max-width: 100% !important;min-width: auto !important;}
    .current-jobs-content-info {justify-content: center;display: flex;flex-direction: column;}

    /* job detail page */


    /* newsletter section */
    .newsletter-section{min-height:auto;background-size:cover;background-position:right;position:relative;z-index:1}
.newsletter-section::before{content:'';position:absolute;background-color:#00000096;height:100%;width:100%;top:0;left:0;z-index:0}
.newsletter-form .form-control{height:50px;font-size:14px;padding:0 100px 0 18px}
.newsletter-form .btn-custom{right:4px}
.error-icon-wrapper{right:105px}


    /* footer */
    .footer .company-info{align-items:flex-start}
}

@media screen and (max-width:400px) {
    .job-information .job-info-detail li{flex-direction: column;gap: 8px;}    
    .justify-content{justify-content: flex-start !important;}
    .full-content{width:100% !important}
    .banner-content h2{text-align: center;}
    .current-jobs-content-info .truncate-2-lines {display: -webkit-box;-webkit-line-clamp: 3 !important;}
.iti__country-list{width: 250px !important;}

}