/**************** Generic CSS *************/
@font-face {font-family: "Roboto";font-style: normal;font-weight: 300;font-display: swap;src: url("../fonts/Roboto-Light.ttf")}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 400;font-display: swap;src: url("../fonts/Roboto-Regular.ttf")}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 500;font-display: swap;src: url("../fonts/Roboto-Medium.ttf")}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 600;font-display: swap;src: url("../fonts/Roboto-SemiBold.ttf")}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 700;font-display: swap;src: url("../fonts/Roboto-Bold.ttf")}
html {font-size: 100%}
body {font-family: "Roboto",sans-serif;font-size: 1.125rem;font-weight: 400;color: #0A1128;line-height: 1.8;padding-top: 83px}
a {text-decoration: none;-webkit-transition: color 0.2s ease,background-color 0.2s ease;-o-transition: color 0.2s ease,background-color 0.2s ease;transition: color 0.2s ease,background-color 0.2s ease;letter-spacing: 0.0075em}
img,
svg {height: auto;max-width: 100%}
h1 {font-size: clamp(2.1875rem, 1.4173rem + 2.4648vw, 4.375rem);color: #001f54;font-weight: 400;margin-bottom: 1.5rem}
h2 {font-size: clamp(1.875rem, 1.4349rem + 1.4085vw, 3.125rem);color: #001f54;font-weight: 400;margin-bottom: 1.5rem}
h3,
h4,
h5,
h6 {color: #001f54;margin-bottom: 1rem}
.bg-img {background-position: center;background-repeat: no-repeat;background-size: cover}
.btn {color: #fff;text-transform: capitalize;font-size: 1rem;font-weight: 400;background-color: #034078;padding: 10px 32px;border-radius: 2em;border: 2px solid transparent;line-height: 1.6em;letter-spacing: 0.05em}
.btn:hover {border-color: #034078;color: #034078;background-color: transparent}
.btn--outline {background-color: transparent;border-color: #034078;color: #034078}
.btn--outline:hover {background-color: #034078;border-color: #034078;color: #fff}
.btn--skyblue {background-color: #2260BE;border-color: #2260BE}
.btn--skyblue:hover {background-color: transparent}
.rounded-5 {border-radius: 8px}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {padding-left: 24px;padding-right: 24px}
/* Header */
.siteheader--logo img {max-height: 44px}
.sc-mobile-menu {display: none}
.menu-toggle.active .sc-mobile-menu {display: block}
.siteheader {position: fixed;top: 0;left: 0;width: 100%;padding: 1.25rem 0;/* Original padding */
	background-color: white;z-index: 999;transition: padding 0.3s ease,box-shadow 0.3s ease;box-shadow: 0 0 30px rgba(7, 51, 84, 0.17)}
.siteheader.shrink {padding: 0.975rem 0;/* Reduced padding */
	box-shadow: 0 0 30px rgba(7, 51, 84, 0.17)/* Optional for nice shadow effect */
}
.slide-up {opacity: 0;transform: translateY(30px);transition: all 0.6s ease-out}
.slide-up.visible {opacity: 1;transform: translateY(0)}
/* Footer */
.sitefooter {color: #b7b4b4;background-color: #131313}
.footer__top {padding: 4rem 0}
.footer__bottom {border-top: 1px solid #b7b4b4;padding: 1.5rem 0}
.sitefooter h5 {color: #fff}
.sitefooter .footer__logo {display: inline-block;max-width: 175px}
.sitefooter__social {list-style: none;display: flex;flex-wrap: wrap;gap: 20px;padding-left: 0;margin-bottom: 0}
.sitefooter__social a {opacity: 0.5;transition: 0.3s}
.sitefooter__social a:hover {opacity: 1}
.sitefooter__social img {max-height: 25px;max-width: 25px;width: 100%}
.sitefooter__menu .footer__top {list-style: none;padding-left: 0}
.sitefooter__menu .footer__top li {font-size: 16px;padding-bottom: 10px}
.sitefooter .sitefooter__menu a {color: #b7b4b4;transition: 0.3s}
.sitefooter .sitefooter__menu a:hover {color: #fff}
.footer__top .sitefooter__menu li {padding-bottom: 0;margin-bottom: 0.5rem}
.sitefooter .footer__logo-cont {max-width: 400px}
.sitefooter .footer__logo-cont p:last-child {margin-bottom: 0}
.footer__bottom .sitefooter__menu {display: flex;flex-wrap: wrap;gap: 24px}
/* Home Page */
.home-hero .home-hero__box {padding-top: 6vw;padding-bottom: 6vw;padding-left: 6vw;padding-right: 6vw;display: flex;flex-direction: column;justify-content: center;min-height: 70vh;background-size: cover;background-position: center right;color: #fff}
.contact-hero .home-hero__box,
.client-hero .home-hero__box,
.candidate-hero .home-hero__box,
body.home .home-hero .home-hero__box {border-radius: 1rem;margin-top: 4%;margin-right: 4%;margin-left: 4%;margin-bottom: 5%}
.home-hero__box-content h1 {font-size: clamp(2.1875rem, 1.0211rem + 3.7324vw, 5.5rem);font-weight: 700;color: #fff;margin-bottom: 2rem}
.home-hero__box-content {width: 100%;font-size: clamp(1rem, 0.8239rem + 0.5634vw, 1.5rem);max-width: 600px}
.about-mission-box {display: flex;align-items: start;gap: 40px;background: #fff;padding: 30px;border-left: 4px solid #003366;/* Your brand color */
	border-radius: 0 12px 12px 0;margin: 1rem 0 3rem}
.sc-pd-med {padding: 6% 0}
.about--mission {background-color: rgb(244, 246, 248)}
.about-mission-box h3 {color: #003366;font-size: clamp(1.75rem, 1.4859rem + 0.8451vw, 2.5rem);font-weight: 400;margin-bottom: 1.5rem}
.about-mission-box--icon {display: flex;align-items: center;justify-content: center;height: 100px;width: 100px}
.about-mission-box p {font-size: clamp(1.25rem, 1.0299rem + 0.7042vw, 1.875rem);line-height: 1.6;max-width: 550px;font-weight: 300}
.about-mission-box p:last-child {margin-bottom: 0}
.home-about__cont {max-width: 1170px;margin: 0 auto}
.home-about__box h2 {position: relative;margin-bottom: 3rem;padding-bottom: 3rem}
.home-about__box h2::after {content: "";position: absolute;width: 100px;height: 2px;background-color: #034078;left: 0;bottom: 0}
.home-jobs-list {padding: 4rem 0}
.job-items .job-item {padding: 40px 30px 30px;box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;position: relative;background-color: #fff;border: 1px solid #eee;border-radius: 14px;-webkit-border-radius: 14px;font-size: 1rem;background: radial-gradient(circle at top left, rgba(3, 64, 120, 0.12), transparent 70%);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05)}
.job-items .job-item h4 {font-weight: 400}
.job-logo {height: 60px;width: 60px;object-fit: cover;border-radius: 50%;margin-bottom: 1.5rem}
.job-item-footer {display: flex}
.job-details--info {display: flex;align-items: center;gap: 10px;justify-content: flex-start;font-size: 14px;padding-left: 40px;position: relative}
.job-details--info img {position: absolute;left: 0;top: 0}
.job-details--info p {text-align: left}
.job-item .job-type {background-color: #034078;color: #fff;padding: 0.15em 1.5em;border-radius: 12px;font-size: 12px;position: absolute;right: 10px;top: 10px}
.btn--browseall {font-size: 1.25rem;background-color: #1282a2;border-color: #1282a2}
.home-whysupra {padding: 4rem 0}
.home-whysupra--box {max-width: 800px;margin: 0 auto 60px}
.home-whysupra--list {max-width: 1000px;margin: 0 auto}
.home-whysupra-item {position: relative;padding: 20px 15px 20px 110px;display: flex;flex-direction: column;min-height: 90px;border: 1px solid #eee;border-radius: 8px}
.home-whysupra-img-box {position: absolute;left: 15px;top: 10px;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;padding: 20px;background-color: #034078;border-radius: 50%}
.home-whysupra-img-box img {filter: brightness(0) invert(1)}
.home-whysupra-item p {margin-bottom: 0;font-size: 1rem}
.home-whysupra-img {max-height: 100%}
.sc-testimonial {background-color: #F0F5F7;padding: 4rem 0;overflow: hidden}
.sc-testimonial .testimonial__box {position: relative;display: flex;flex-direction: column;background-color: #fff;border: 1px solid #ECEDF2;border-radius: 8px;height: 100%;padding: 50px 40px 40px;opacity: 0.4;transition: opacity 1s ease}
.sc-testimonial .testimonial__box::before {content: '"';position: absolute;font-size: 100px;font-style: italic;line-height: 1;color: #034078;top: 20px;right: 42px;opacity: .5}
.sc-testimonial .owl-item.center .testimonial__box {opacity: 1}
.testimonial__box .testimonial__img {border-radius: 50%;max-width: 60px}
.testimonial__box .testimonial__info {display: flex;align-items: center;gap: 20px;padding-top: 40px;margin-top: auto}
.testimonial__box .testimonial__name {color: #034078;margin-bottom: 0}
.testimonial__box .testimonial__role {font-size: 14px;color: #77838F}
.sc-testimonial .owl--testimonial .owl-stage-outer {overflow: visible}
.owl--testimonial .owl-stage {display: flex}
.owl--testimonial .item {height: 100%}
.owl--testimonial .owl-dots {display: flex;justify-content: center;gap: 10px;margin-top: 30px}
.owl--testimonial button.owl-dot {background-color: #BFC8CB;border-radius: 20px;width: 8px;height: 8px;transition: all 0.5s ease-in-out 0s}
.owl--testimonial button.owl-dot.active {background-color: #202124;width: 20px}
.sc-home-contact .home-cont__wrap {background-color: #f5f5f5}
.home-cont__wrap .home-cont__contbox {padding: 10% 8.5%;max-width: 640px;margin: 0 auto;font-size: clamp(1.125rem, 1.081rem + 0.1408vw, 1.25rem)}
.home-cont__wrap .home-cont__contbox h2 {margin-bottom: 1.5rem}
.home-cont__wrap .home-cont__contbox ul {list-style: none;line-height: 1.2;padding: 0;margin-bottom: 2rem}
.home-cont__wrap .home-cont__contbox ul li {display: flex;align-items: center;gap: 10px}
.home-cont__wrap .home-cont__contbox ul li:not(:last-child) {margin-bottom: 1rem}
body.page-template-page-about-us .home-cont__wrap .home-cont__contbox ul li:not(:last-child) {margin-bottom: 2rem}
.home-cont__wrap .home-cont__contbox ul li img {max-width: 18px;max-height: 18px}
.home-cont__wrap .home-cont__contbox ul li a {color: #034078;text-decoration: underline}
.home-cont__wrap .home-cont__contbox ul li .home-cont__list-img {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background-color: #034078;border-radius: 50%;width: 38px;height: 38px}
.home-cont__wrap .home-cont__contbox ul li .home-cont__list-img img {filter: brightness(0) invert(1)}
.home-cont__contbox .home-cont__ctas {display: flex;flex-wrap: wrap;gap: 12px 16px}
.home-cont__wrap .home-cont__img {object-fit: cover;height: 100%}
.home-cont__wrap .about-cont__contbox ul li {position: relative;padding: 10px 16px;flex-direction: column;align-items: flex-start}
/* About */
h2.h2-border-bottom {position: relative;padding-bottom: .5em;margin-bottom: .5em}
h2.h2-border-bottom::after {content: "";position: absolute;width: 2.0883em;height: 2px;background-color: #034078;left: 0;bottom: 0}
h2.h2-border--white {color: #fff}
h2.h2-border--white::after {background-color: #fff}
.about--hero .home-hero__box-content {max-width: 100%}
.about--hero .home-hero__box-content > p:last-child {margin-bottom: 0}
.about-cont__contbox ul li::before {position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 0;background: #034078}
.about__box {border: 1px solid #979797;border-radius: 10px;padding: 20px 30px;transition: all .4s ease;background: white}
.about__box .about__box_image {background: #034078;border-radius: 100%;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;transition: all .4s ease}
.about__box .about__box_image img {filter: brightness(0) invert(1)}
.about__box p {margin: 0}
.about__box strong {display: block;font-size: 16px}
.about__box img {transition: all .4s ease}
.about__box:hover {box-shadow: 0 6px 15px 0 rgba(151, 151, 151, 0.15)}
.about__box:hover .about__box_image {background: #001f54}
/* Job */
.sc-job-hero.home-hero .home-hero__box {min-height: 250px;background-position: center top}
.job-filters {background: #F0F5F7;padding: 24px;border-radius: 10px}
.home-jobs-list__cont {max-width: 700px}
.job-filters input,
.job-filters select {padding: 10px;font-size: 16px;width: 100%;border: 1px solid rgba(0,0,0,.15);height: 50px;border-radius: .4em;color: #696969;outline: 0;transition: all .4s ease}
.job-filters select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' stroke='%23696969' stroke-width='15' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;background-size: 12px;cursor: pointer}
.job-filters input:focus,
.job-filters input:hover,
.job-filters select:focus,
.job-filters select:hover {border-color: #000;color: #000}
.job-filters select:focus,
.job-filters select:hover {background: #fff url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' stroke='%23000' stroke-width='15' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;background-size: 12px}
.loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.75);display: flex;justify-content: center;align-items: center;z-index: -1;opacity: 0;visibility: hidden}
.loader.active {z-index: 9999;opacity: 1;visibility: visible}
@-webkit-keyframes rotation {
	0% {transform: rotate(0)}
	100% {transform: rotate(360deg)}
}
.loader-el {width: 48px;height: 48px;border: 5px solid #00000033;border-bottom-color: #034078;border-radius: 50%;display: inline-block;-webkit-animation: rotation 1.5s linear infinite;animation: rotation 1.5s linear infinite}
.job__pagination-wrap {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;font-size: 1rem;align-items: center}
.job__pagination-wrap a {color: #000}
.job__pagination-wrap a.disable {user-select: none;pointer-events: none}
.sc-registration-form {padding: 4rem 0}
.gd--image-wraper {position: relative;display: inline-block;overflow: hidden}
.gd--image {display: block;width: 100%;height: auto}
.gd--image-wraper::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(0, 31, 84, 0.6) 0%, rgba(110, 168, 216, 0.4) 100%);mix-blend-mode: overlay;/* Or use soft-light for a gentler effect */
	pointer-events: none}
.job__pagination--num {display: flex;height: 40px;width: 40px;border: 1px solid #034078;align-items: center;justify-content: center;border-radius: 50%;transition: all 500ms ease}
.job__pagination--num:hover,
.job__pagination--num.current {background-color: #034078;color: #fff}
.job__pagination:not(.job__pagination--num) {text-decoration: underline;color: #034078;text-underline-position: under}
.contact-hero a {word-break: break-all}
.nf-before-form-content {display: none}
.nf-after-field,
.nf-after-form-content {font-size: 14px}
.contact-hero .home-hero__box-content a {color: #fff}
.contact__info--icon {display: flex;align-items: center;justify-content: center;height: 50px;width: 50px;background-color: #fff;border-radius: 50%}
.contact__info-box {display: flex;align-items: start;gap: .75rem;line-height: 1}
.contact__info-box img {margin-top: -3px}
.contact__info-box strong {display: block;margin-bottom: 0.5rem}
.contact__info-box a {text-decoration: underline}
.contact-hero .home-hero__box-content {max-width: 100%}
.contact__form-box {background-color: #fff;border-radius: 1rem;padding: 30px 20px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25),0 12px 40px rgba(0, 0, 0, 0.25);max-width: 450px;margin: 0 auto}
.contact__form-box .nf-multi-cell .nf-cell {padding: 0 12px}
.submit-container.nf-field-container {margin-bottom: 0}
.nf-error-msg,
.ninja-forms-req-symbol {color: #e80000;padding: 3px 7px;background-color: rgb(232 0 0 / 70%);color: #fff !important;border-radius: 4px;line-height: 1.4;margin: 10px 0 !important}
/* Basic Placeholder Styling */
input::placeholder,
textarea::placeholder {color: #999;/* Change to your desired color */
	font-style: italic;/* Optional: make it italic */
	opacity: 1/* Ensure it's fully visible */
}
/* WebKit Browsers (Chrome, Safari, Edge) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999;font-style: italic;opacity: 1}
/* Mozilla Firefox */
input::-moz-placeholder,
textarea::-moz-placeholder {color: #999;font-style: italic;opacity: 1}
/* Internet Explorer 10-11 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999;font-style: italic;opacity: 1}
/* Microsoft Edge (Legacy) */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {color: #999;font-style: italic;opacity: 1}
/* Candidates */
.sc-registration-form {background-color: #F0F5F7}
.sc-registration-form .nf-fu-progress {background-color: #fff;border-radius: 1rem;height: 10px;margin-bottom: 8px}
.sc-registration-form .nf-fu-progress-bar {background-color: #034078}
.sc-registration-form .file_upload-container .nf-field-description {order: -1;font-size: 1rem;margin-bottom: .5rem}
.sc-registration-form .nf-form-content .nf-field-container #nf-field-43-wrap .nf-field-element .ninja-forms-field {font-size: 16px}
.sc-registration-form .nf-fu-fileinput-button {font-size: 12px;padding: 2px 10px}
.sc-registration-form .nf-form-content .nf-field-container .nf-field-element select.ninja-forms-field {-webkit-appearance: none;appearance: none;background: #fff url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' stroke='%23696969' stroke-width='15' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;background-size: 15px}
.sc-registration-form .nf-field-element .files_uploaded {font-size: 14px}
.sc-registration-form .nf-field-element .files_uploaded a {font-weight: 700;color: #034078;text-decoration: underline}
.sc-registration-form .nf-multi-cell .nf-cell {padding: 0 12px}
#registration_form .nf-form-content .nf-field-container .field-wrap .nf-field-element .ninja-forms-field:not([type="submit"]):not(button) {background-color: transparent}
.nf-form-cont select {color: grey;font-style: italic}
.nf-form-cont select option {color: black;font-style: normal}
.nf-form-cont select:has(option:checked:not([value])),
.nf-form-cont select:has(option:checked:not([value=""])) {color: black;font-style: normal}
.nf-form-cont select:has(option:checked:not([value])) option,
.nf-form-cont select:has(option:checked:not([value=""])) option {color: black}
.sc-work-with-us {background-color: #f4f6f8;padding: 4rem 0}
.sc-work-with-us .work__box {font-size: 16px;background-color: #fff;border-radius: 10px;padding: 28px 16px;text-align: center}
.sc-work-with-us .work__box .work__box--image {display: flex;background-color: #033f771a;border-radius: 50%;max-width: 80px;min-height: 80px;margin: 0 auto 1rem}
.sc-work-with-us .work__box .work__box--image img {padding: 20%}
.sc-work-with-us .work__box--cont > p:last-child {margin-bottom: 0}
.sc-how-works {padding: 5rem 0}
.sc-how-works .how-works__box {position: relative;background-color: #F0F5F7;border-radius: 1rem;padding: 24px 30px;line-height: 1.4}
.how-works__box:not(:last-child) {margin-bottom: 3rem}
.how-works__box h5.how-works__number {position: absolute;display: inline-flex;align-items: center;justify-content: center;color: #fff;background-color: #001f54;border-radius: 50%;width: 34px;height: 34px;margin-bottom: 0;line-height: 0;top: 21px;left: -16px}
.img-height-full {object-fit: cover;object-position: center;height: 100%}
/* About New */
.sc-about-new {padding: 6rem 0}
.sc-about-new img {border-radius: 2rem}
.sc-about-new h6 {display: inline-block;background-color: rgb(74 111 165 / 20%);border: 1px solid #4a6fa5;border-radius: 7px;padding: 6px 12px}
.sc-about-new h1 {font-size: clamp(2.1875rem, 1.0211rem + 3.7324vw, 5.5rem);font-weight: 700;max-width: 700px}
.sc-about-new h1 span {color: #1182a2}
.sc-about-new p {font-size: clamp(1rem, 0.8239rem + 0.5634vw, 1.5rem)}
.sc-about-new p:last-child {margin-bottom: 0}
.about-mis__imgbox > img {object-fit: cover;object-position: center;border-radius: 1rem}
.about-mis__imgbox img.about-mis__top-img {width: 80%;height: 70%;left: auto;right: 0}
.about-mis__imgbox img.about-mis__bot-img {top: 20%;width: 50%;height: 80%}
.sc-about-miss .about-miss__contbox img {width: 60px;margin-bottom: 1rem;filter: brightness(100);}
.sc-about-miss .about-miss__contbox h3 {margin-bottom: 1rem;}
.sc-about-miss .about-miss__contbox p:last-child {margin-bottom: 0}
.sc-about-miss .about-miss__img{border-radius: 2rem;width: 100%;}
.sc-about-val .about-val__img {border-radius: 10px}
.sc-about-val .about__box {background: #f4f6f8;border: 1px solid #eee}
.sc-client-why {background-color: #f4f6f8;padding: 4rem 0}
.sc-client-why .client-why__box {background-color: #fff;border-radius: 10px;height: 100%;padding: 28px 16px;text-align: center}
.client-why__box .client-why__imgbox {display: flex;background-color: #033f771a;border-radius: 50%;max-width: 80px;height: 80px;margin: 0 auto 1rem;align-items: center;justify-content: center}
.client-why__box .client-why__imgbox img {padding: 20px}
.sc-client-why .client-why__box p:last-child {margin-bottom: 0}
.sc-client-serv {padding: 4rem 0}
.client-serv__imgbox img {object-fit: cover;object-position: center;border-radius: 1rem}
.client-serv__imgbox .client-serv__top-img {width: 65%;height: 100%;left: 35%}
.client-serv__imgbox .client-serv__bot-img {width: 70%;height: 60%;top: 28%}
.client-serv__contbox ul {list-style: none;padding: 0;margin: 0}
.client-serv__contbox ul li {background-color: #f4f6f8;border-left: 5px solid #001f54;border-radius: 0 1rem 1rem 0;padding: 24px}
.client-serv__contbox ul li:not(:last-child) {margin-bottom: 2rem}
.client-serv__contbox ul li h3 {margin-bottom: 0.5rem}
.client-serv__contbox ul li p:last-child {margin-bottom: 0}
.sc-how-works .how-works__imgbox {border-radius: 1rem}
.global__form-box .textarea-container .nf-field-element {display: flex}


.about-miss__contbox h3{font-size: calc(1.3rem + .6vw);}
.about-miss__img{border-radius: 10px;}
.about-miss__contbox::before{display: none;}
.about-miss__contbox{color: #0A1128;border-radius: 10px;background: #f4f6f8;border: 1px solid #eee;padding: 10%;}
.about-miss__contbox img{width: 70px;filter: unset;}
.about-miss__contbox h3{color: #001f54;}
.about-miss__contbox p{font-size: clamp(1rem, 0.8337rem + 0.3469vw, 1.25rem);line-height: 1.5;}
.about-miss__contbox{background-color: transparent;border: 0;text-align: start;padding: 0;}
.about-miss__contbox h2{margin-bottom: 1rem;}
.about-miss__contbox p{font-size: 18px;}
.about-miss__wrap{background-color: #f4f6f8;border-radius: 1.5rem;overflow: hidden;}
.about-miss__img{border-radius: 1.5rem;}
.about-miss__contbox{padding: 8%;}
.about-miss__contbox p{font-size: clamp(1rem, 0.8337rem + 0.3469vw, 1.25rem);}

/* Steps Sections */
.sc-new-works .works__box_img {width: 110px;display: flex;justify-content: center;align-items: center;background: #001f54;border-radius: 1rem;flex-shrink: 0}
.works__box_img img {width: 60px;height: 60px;filter: brightness(0) invert(1)}
.sc-new-works .how-works__box {box-shadow: 8px 8px 4px rgba(0,0,0,.1);position: relative;background-color: #fff;border-radius: 1rem;line-height: 1.4;border: 1px solid #001f542e;padding: 0}
.how-works__wrap {max-width: 700px;margin: 0 auto}
.how-works__wrap .how-works__box:not(:last-child)::before {content: '';position: absolute;background-image: url(../images/test-mask.svg);width: 82px;height: 90px;left: 100%;top: calc(50% + 10px);background-position: center;background-repeat: no-repeat;background-size: cover;opacity: 0.5}
.how-works__wrap .how-works__box:nth-child(even)::before {left: auto;right: 100%;transform: rotateY(180deg)}
.sc-new-works .works__box_cont {padding: 24px}
.sc-client-why {background-color: #f4f6f8;padding: 4rem 0}
.sc-client-why .client-why__box {background-color: #fff;border-radius: 10px;height: 100%;padding: 28px 16px;text-align: center}
.client-why__box .client-why__imgbox {display: flex;background-color: #033f771a;border-radius: 50%;max-width: 80px;height: 80px;margin: 0 auto 1rem;align-items: center;justify-content: center}
.client-why__box .client-why__imgbox img {padding: 20px}
.sc-client-why .client-why__box p:last-child {margin-bottom: 0}
.sc-client-serv {padding: 4rem 0}
.client-serv__imgbox img {object-fit: cover;object-position: center;border-radius: 1rem}
.client-serv__imgbox .client-serv__top-img {width: 65%;height: 100%;left: 35%}
.client-serv__imgbox .client-serv__bot-img {width: 70%;height: 60%;top: 28%}
.client-serv__contbox ul {list-style: none;padding: 0;margin: 0}
.client-serv__contbox ul li {background-color: #f4f6f8;border-left: 5px solid #001f54;border-radius: 0 1rem 1rem 0;padding: 24px}
.client-serv__contbox ul li:not(:last-child) {margin-bottom: 2rem}
.client-serv__contbox ul li h3 {margin-bottom: 0.5rem}
.client-serv__contbox ul li p:last-child {margin-bottom: 0}
.sc-how-works .how-works__imgbox {border-radius: 1rem}
.global__form-box .textarea-container .nf-field-element {display: flex}
#nf-form-8-cont .nf-field-element .ninja-forms-field {background-color: transparent !important}
/* Steps Sections */
.sc-new-works .works__box_img {width: 120px;display: flex;justify-content: center;align-items: center;background: #001f54}
.works__box_img img {width: 60px;height: 60px;filter: brightness(0) invert(1)}
.sc-new-works .how-works__box {box-shadow: 8px 8px 4px rgba(0,0,0,.1);position: relative;background-color: #fff;border-radius: 1rem;line-height: 1.4;border: 1px solid #001f542e;padding: 0}
.sc-new-works .works__box_cont {padding: 24px}
.nf-response-msg {
  background-color: #d4edda !important; /* Light green background */
  color: #155724;                       /* Dark green text */
  border: 1px solid #c3e6cb;
  border-radius: 8px;
  padding: 16px 20px;
  font-family: sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  margin: 20px auto;
}

.nf-response-msg p {
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.4;
}

.nf-response-msg p:first-child {
  font-weight: bold;
  margin-bottom: 8px;
}

/* 404 */
.sc-404 {padding: 4rem 20px;min-height: 50vh;}
/* Media Query */
@media only screen and (min-width: 576px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {max-width: 1278px;width: 94%}
}
@media only screen and (min-width: 768px) {
	.contact__form-box .nf-form-content .nf-field-container #nf-field-4-wrap .nf-field-element .ninja-forms-field {font-size: 16px}
	.col-12.position-relative .how-works__imgbox {position: absolute;width: calc(100% - 24px);left: 12px}
}
@media only screen and (min-width: 992px) {
	.container-fluid {padding-left: 5vw;padding-right: 5vw}
	.siteheader ul.siteheader-menu li {position: relative}
	.siteheader ul.siteheader-menu li a {display: block;color: #333;margin: 0 clamp(1rem, 0.5rem + 1.0417vw, 1.75rem);position: relative;font-size: 18px;font-weight: 400}
	.siteheader ul.siteheader-menu li.current-menu-item a {font-weight: 500}
	.siteheader ul.siteheader-menu li.current-menu-item a,
	.siteheader ul.siteheader-menu > li.current_page_ancestor > a,
	.siteheader ul.siteheader-menu li:hover a {color: #001f54}
	.siteheader ul.siteheader-menu li:first-child a {padding-left: 0}
	.siteheader ul.siteheader-menu li .sub-menu li.current-menu-item > a {color: #1f58eb}
	.siteheader ul.siteheader-menu > li.menu-item-has-children {padding-right: 2rem}
	.siteheader ul.siteheader-menu > li.menu-item-has-children::before {content: "";display: block;border-bottom: 2px solid #051438;border-right: 2px solid #051438;height: 7px;width: 7px;position: absolute;right: 1rem;top: 50%;margin-top: -4px;transform: rotate(45deg);transition: all 0.2s ease}
	.siteheader ul.siteheader-menu > li.current_page_ancestor::before,
	.siteheader ul.siteheader-menu > li.current-menu-item::before,
	.siteheader ul.siteheader-menu > li.menu-item-has-children:hover::before {border-bottom: 2px solid #1f58eb;border-right: 2px solid #1f58eb}
	.siteheader-menu li .sub-menu {display: block;position: absolute;left: 0;top: 100%;min-width: 340px;background-color: #fafafa;opacity: 0;z-index: 555;list-style: none;transform: translatey(5px);visibility: hidden;transition: all 0.3s ease;border-radius: 18px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;overflow: hidden;padding: 0;border: 1px solid #051438}
	.siteheader ul.siteheader-menu li .sub-menu li {display: block;margin: 0;padding: 0.3rem 0}
	.siteheader ul.siteheader-menu li.menu-item-has-children:hover > .sub-menu {visibility: visible;transform: translatey(0);opacity: 1}
	.siteheader ul.siteheader-menu li .sub-menu li .sub-menu {left: 100%;top: 0}
	.siteheader ul.siteheader-menu li .sub-menu a {display: block;padding: 0.25rem 1rem;margin: 0;color: #051438;position: relative;border-radius: 4px;font-size: 1rem;text-align: left}
	.siteheader ul.sub-menu > li:not(:last-child) {border-bottom: 1px solid rgba(2, 20, 56, 0.2)}
	.siteheader ul.siteheader-menu li .sub-menu a:hover {color: #1f58eb}
	.siteheader-menu li:last-child .sub-menu {right: 0;left: unset}
	.how-works__wrap .how-works__box {max-width: 70%}
	.how-works__wrap .how-works__box:nth-child(even) {margin-left: auto}
	.sc-about-miss .about-miss__contbox::before {content: '';position: absolute;background-color: #034078;border-radius: 0 1rem 1rem 0;width: 40px;height: 100%;top: 0;left: 100%;}
}
@media only screen and (min-width: 1200px) {

}
@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1600px) {

}
@media only screen and (max-width: 1399px) {
	.sc-testimonial .testimonial__box {padding: 44px 30px 30px}
	.sc-testimonial .testimonial__box::before {top: 14px;right: 35px}
	.testimonial__box .testimonial__info {padding-top: 20px}
}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 991px) {
	.mobileMenu {padding: 0}
	.header--momenu {padding: 20px 0}
	.header--momenu li {padding: 5px 0}
	.header--momenu li a {display: block;color: #000;padding: 10px 15px 10px 15px;line-height: 1;transition: all 0.5s ease-out}
	.header--momenu li.current_page_item a {color: #356df1}
	.sc-mobile-menu li.active .open-children {transform: rotate(180deg)}
	.sc-mobile-menu {padding: 20px 0}
	.sc-mobile-menu li {padding: 0.5rem 0;position: relative}
	.sc-mobile-menu ul.header--momenu li {border-bottom: 1px solid rgba(5, 20, 56, 0.2)}
	.sc-mobile-menu li a {color: #051438}
	.sc-mobile-menu ul.sub-menu {display: none}
	.open-children {position: absolute;right: 0;top: 0;height: 50px;width: 50px;display: flex !important;justify-content: center;align-items: center;line-height: 1;z-index: 10;transition: all 0.5s ease}
	.open-children svg {width: 15px}
	.sc-mobile-menu ul.sub-menu {list-style: none}
	.sc-mobile-menu ul.sub-menu li {border-bottom: 0}
	.siteheader__bottom {padding: 12px 0}
	.sc-how-works .how-works__box {padding: 20px 26px 16px}
	.how-works__box h5.how-works__number {top: 15px;left: -16px}
	.how-works__wrap .how-works__box:not(:last-child)::before {display: none}
	.sc-about-miss .about-miss__wrap{max-width: 600px;margin: 0 auto;}
	.sc-about-miss .about-miss__img{border-radius: 1.5rem 1.5rem 0 0;}
	.sc-about-miss .about-miss__contbox{border-radius: 0 0 1.5rem 1.5rem;padding: 9%;}
}
@media only screen and (max-width: 767px) {
	.siteheader__bottom {padding: 10px 0}
	.footer__bottom .sitefooter__menu {flex-direction: column;align-items: center;gap: 4px}
	.sc-home-contact {padding: 4rem 0}
	.siteheader--logo img {max-height: 28px}
	h2.h2-border-bottom {padding-bottom: .25em;margin-bottom: .75em}
	.home-about {padding-top: 2rem}
	.home-hero__box-content h1 {margin-bottom: 1rem}
	.sc-job-hero.home-hero .home-hero__box {min-height: 250px}
	.job-filters {padding: 16px}
	.job-filters label {font-size: 16px}
	.job-filters input,
	.job-filters select {font-size: 16px;padding: 8px 14px}
	.contact__form-box {padding: 20px 10px}
	.contact__form-box .nf-field-container {margin-bottom: 20px}
	.contact__form-box .nf-form-content .nf-field-container #nf-field-1-wrap .nf-field-element .ninja-forms-field,
	.contact__form-box .nf-form-content .nf-field-container #nf-field-2-wrap .nf-field-element .ninja-forms-field,
	.contact__form-box .nf-form-content .nf-field-container #nf-field-3-wrap .nf-field-element .ninja-forms-field {padding: 12px}
	#registration_form .nf-form-content .nf-field-container .field-wrap .nf-field-element .ninja-forms-field:not([type="submit"]):not(button) {padding: 12px}
	.sc-about-new {padding: 2rem 0 3rem}
	.client-serv__contbox ul li {padding: 20px}
	.client-serv__contbox ul li:not(:last-child) {margin-bottom: 1rem}
	.sc-client-serv {padding-bottom: 2rem}
	.client-serv__contbox ul li {padding: 20px}
	.client-serv__contbox ul li:not(:last-child) {margin-bottom: 1rem}
	.sc-client-serv {padding-bottom: 2rem}
	.sc-about-miss .about-miss__img{border-radius: 10px 10px 0 0;}
}
@media only screen and (max-width: 600px) {
	.sc-registration-form .nf-multi-cell .nf-cell {padding: 0}
}
@media only screen and (max-width: 575px) {
	.home-cont__wrap .home-cont__contbox {padding: 30px 24px}
	.home-cont__wrap .home-cont__contbox ul {margin-bottom: 1.5rem}
	.contact_form::before {width: 20px}
	.about-mission-box {gap: 20px;padding: 20px 16px}
	.job__pagination-wrap {gap: 16px;font-size: 16px}
	.sc-new-works .works__box_img {width: 100px}
	.works__box_img img {width: 50px;height: 50px}
	.sc-new-works .works__box_cont {padding: 20px 16px}
}
@media only screen and (max-width: 375px) {

}
@media only screen and (max-width: 300px) {

}