body {font-family: "Poppins", sans-serif;font-weight: 400;font-size: 14px;color: #888;}#scrollUp {bottom: 15px;right: 15px;padding: 10px 20px;background: #1a76d1;color: #fff;font-size: 25px;width: 45px;height: 45px;text-align: center;line-height: 45px;padding: 0;border-radius: 3px;box-shadow: 0px 0px 10px #00000026;}#scrollUp:hover {background: #2c2d3f;}.primary-color {color: #0c4f8d;}.color-plate {position: fixed;display: block;z-index: 99998;padding: 20px;width: 245px;background: #fff;right: -245px;text-align: left;top: 30%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);}.color-plate.active {right: 0;}.color-plate .color-plate-icon {position: absolute;left: -48px;width: 48px;height: 45px;line-height: 45px;font-size: 21px;border-radius: 5px 0 0 5px;background: #0c4f8d;text-align: center;color: #fff !important;top: 0;cursor: pointer;box-shadow: -4px 0px 5px #00000036;}.color-plate h4 {display: block;font-size: 15px;margin-bottom: 5px;font-weight: 500;}.color-plate p {font-size: 13px;margin-bottom: 15px;line-height: 20px;}.color-plate span {width: 42px;height: 35px;border-radius: 0;cursor: pointer;display: inline-block;margin-right: 3px;}.color-plate span:hover {cursor: pointer;}.color-plate span.color1 {background: #0c4f8d;}.color-plate span.color2 {background: #2196f3;}.color-plate span.color3 {background: #32b87d;}.color-plate span.color4 {background: #fe754a;}.color-plate span.color5 {background: #f82f56;}.color-plate span.color6 {background: #01b2b7;}.color-plate span.color7 {background: #6c5ce7;}.color-plate span.color8 {background: #85ba46;}.color-plate span.color9 {background: #273c75;}.color-plate span.color10 {background: #fd7272;}.color-plate span.color11 {background: #badc58;}.color-plate span.color12 {background: #44ce6f;}.header {background-color: #fff;position: relative;}.header .topbar {background-color: #fff;border-bottom: 1px solid #eee;}.header .topbar {padding: 15px 0;}.header .topbar a i {font-size: 18px;color: #0c4f8d;}.header .top-link {float: left;}.header .top-link li {display: inline-block;margin-right: 15px;color: #0c4f8d;}.header .top-link li:last-child {margin-right: 0px;}.header .top-link li a {color: #2c2d3f;font-size: 14px;font-weight: 400;}.header .top-link li:hover a {color: #0c4f8d;}.header .header-inner {background: #fff;z-index: 999;width: 100%;}.header .logo {padding-left: 10px;margin-top: 11px;}.header .logo img {width: 100px;}.header .navbar {background: none;box-shadow: none;border: none;margin: 0;height: 0px;min-height: 0px;}.header .nav li {margin-right: 15px;float: left;position: relative;}.header .nav li:last-child {margin: 0;}.header .nav li a {color: #2c2d3f;font-size: 14px;font-weight: 500;text-transform: capitalize;padding: 30px 12px;position: relative;display: inline-block;position: relative;}.header .nav li a::before {position: absolute;content: "";left: 0;bottom: 0;height: 3px;width: 0%;background: #0c4f8d;border-radius: 5px 5px 0 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}.header .nav li a.active:before {opacity: 1;visibility: visible;width: 100%;}.header .nav li a.active {color: #0c4f8d;}.header .nav li:hover a:before {opacity: 1;width: 100%;visibility: visible;}.header .nav li:hover a {color: #0c4f8d;}.header .nav li a i {display: inline-block;margin-left: 1px;font-size: 13px;}.header .nav li .dropdown {background: #fff;width: 220px;position: absolute;left: -21px;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;top: 84px;border-left: 3px solid #2889e4;}.header .nav li:hover .dropdown {opacity: 1;visibility: visible;transform: translateY(0px);}.header .nav li .dropdown li {float: none;margin: 0;border-bottom: 1px dashed #eee;}.header .nav li .dropdown li:last-child {border: none;}.header .nav li .dropdown li a {padding: 12px 15px;color: #666;display: block;font-weight: 400;text-transform: capitalize;background: transparent;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}.header .nav li .dropdown li a:before {display: none;}.header .nav li .dropdown li:last-child a {border-bottom: 0px;}.header .nav li .dropdown li:hover a {color: #0c4f8d;}.header .nav li .dropdown li a:hover {border-color: transparent;}.header .right-bar {float: right;}.header .right-bar {padding-top: 20px;}.header .right-bar {display: inline-block;}.header .right-bar a {color: #fff;height: 35px;width: 35px;line-height: 35px;text-align: center;background: #0c4f8d;border-radius: 4px;display: block;font-size: 12px;}.header .right-bar li a:hover {color: #fff;background: #27ae60;}.header .search-top.active .search i:before {content: "\eee1";font-size: 15px;}.header.sticky .header-inner {position: fixed;z-index: 999;top: 0;left: 0;bottom: initial;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;animation: fadeInDown 0.5s both 0.1s;box-shadow: 0px 0px 13px #00000054;}#hero {width: 100%;background: url("/img/hero-bg.jpg");position: relative;padding: 140px 0 0 0;}#hero:before {content: "";background: rgba(0, 44, 145, 0.95);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}#hero h1 {margin: 0 0 20px 0;font-size: 38px;font-weight: 700;line-height: 56px;color: rgba(255, 255, 255, 0.8);}#hero h1 span {color: #fff;border-bottom: 4px solid #1a76d1;}#hero h2 {color: rgba(255, 255, 255, 0.8);margin-bottom: 40px;font-size: 17px;}#hero .btn {color: #fff;}#hero .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}@media (min-width: 1024px) {#hero {background-attachment: fixed;}}@media (max-width: 991px) {#hero {padding-top: 80px;}#hero .animated {animation: none;}#hero .hero-img {text-align: center;}#hero .hero-img img {max-width: 80%;}#hero h1 {font-size: 26px;line-height: 40px;margin-bottom: 10px;text-align: center;}#hero h2 {font-size: 14px;line-height: 24px;margin-bottom: 30px;text-align: center;}#hero .button {text-align: center;}}@media (max-width: 575px) {#hero .hero-img img {width: 100%;}}@keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}.hero-waves {display: block;margin-top: 60px;width: 100%;height: 60px;z-index: 5;position: relative;}.wave1 use {animation: move-forever1 10s linear infinite;animation-delay: -2s;}.wave2 use {animation: move-forever2 8s linear infinite;animation-delay: -2s;}.wave3 use {animation: move-forever3 6s linear infinite;animation-delay: -2s;}@keyframes move-forever1 {0% {transform: translate(85px, 0%);}100% {transform: translate(-90px, 0%);}}@keyframes move-forever2 {0% {transform: translate(-90px, 0%);}100% {transform: translate(85px, 0%);}}@keyframes move-forever3 {0% {transform: translate(-90px, 0%);}100% {transform: translate(85px, 0%);}}.section-about {padding: 30px 0;}.Feautes {padding: 30px;}.Feautes .single-features {text-align: center;position: relative;padding: 10px 20px;}.Feautes .single-features::before {position: absolute;content: "";right: -70px;top: 125px;width: 110px;border-bottom: 3px dotted #0c4f8d;}.Feautes .single-features.last::before {display: none;}.Feautes .single-features .signle-icon {position: relative;}.Feautes .single-features .signle-icon i {font-size: 50px;color: #0c4f8d;position: absolute;left: 50%;margin-left: -50px;top: 0;height: 100px;width: 100px;line-height: 100px;text-align: center;border: 1px solid #dddddd;border-radius: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}.Feautes .single-features:hover .signle-icon i {background: #0c4f8d;color: #fff;border-color: transparent;}.Feautes .single-features h3 {color: #2c2d3f;font-weight: 600;font-size: 21px;}.Feautes .single-features p {margin-top: 20px;}.Feautes .single-features img {width: 75%;}.services .service-item {text-align: center;border: 1px solid color-mix(in srgb, #0c4f8d, transparent 85%);padding: 80px 20px;transition: all ease-in-out 0.3s;height: 100%;}.services .service-item .icon {margin: 0 auto;width: 64px;height: 64px;background: #0c4f8d;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: 0.3s;transform-style: preserve-3d;}.services .service-item .icon i {color: #fff;font-size: 28px;transition: ease-in-out 0.3s;}.services .service-item .icon::before {position: absolute;content: "";left: -8px;top: -8px;height: 100%;width: 100%;background: color-mix(in srgb, #0c4f8d, transparent 80%);transition: all 0.3s ease-out 0s;transform: translateZ(-1px);}.services .service-item h3 {font-weight: 700;margin: 10px 0 15px 0;font-size: 18px;}.services .service-item p {line-height: 24px;font-size: 14px;margin-bottom: 0;}.services .service-item:hover {background: #0c4f8d;border-color: #0c4f8d;}.services .service-item:hover .icon {background: #fff;}.services .service-item:hover .icon i {color: #0c4f8d;}.services .service-item:hover .icon::before {background: color-mix(in srgb, #fff, transparent 70%);}.services .service-item:hover h3, .services .service-item:hover p {color: #fff;}.portfolio {background: #fdfdfd;}.portfolio .owl-nav {display: none;}.team {background-image: url("img/testi-bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}.login .inner {box-shadow: 0px 0px 10px #00000024;border-radius: 5px;overflow: hidden;}.login .form {margin-top: 30px;}.login .form .form-group {margin-bottom: 22px;}.login .form .form-group input {width: 100%;height: 50px;border: 1px solid #eee;text-transform: capitalize;padding: 0px 18px;color: #555;font-size: 14px;font-weight: 400;border-radius: 4px;}.login .form button {border: none;}.login .form .btn {display: inline-block;margin-right: 10px;color: #fff;line-height: 20px;width: 100%;}.login .form .btn:hover {background: #0c4f8d;color: #fff;}.register .inner {box-shadow: 0px 0px 10px #00000024;border-radius: 5px;overflow: hidden;}.register .form {margin-top: 30px;}.register .form .form-group {margin-bottom: 22px;}.register .form .form-group input {width: 100%;height: 50px;border: 1px solid #eee;text-transform: capitalize;padding: 0px 18px;color: #555;font-size: 14px;font-weight: 400;border-radius: 4px;}.register .form button {border: none;}.register .form .btn {display: inline-block;margin-right: 10px;color: #fff;line-height: 20px;width: 100%;}.register .form .btn:hover {background: #0c4f8d;color: #fff;}.accordion {padding-left: 0;margin: 0;padding: 0;}.accordion p {font-size: 15px;display: none;padding: 20px 45px 15px 20px;margin-bottom: 0;}.accordion a {font-size: 16px;width: 100%;display: block;cursor: pointer;font-weight: 400;padding: 15px 0 15px 18px;border-radius: 0;background: #fff;color: #333;border: 1px solid #eee;}.accordion a:hover {color: #fff !important;background: #0c4f8d !important;}.accordion a:after {position: absolute;right: 20px;content: "+";top: 16px;color: #232323;font-size: 25px;font-weight: 700;}.accordion a:hover:after {color: #fff !important;}.accordion li {position: relative;list-style-type: none;margin-bottom: 30px;}.accordion li:first-child {border-top: 0;}.accordion li:last-child {margin-bottom: 0;}.accordion li a.active {color: #ffffff;background-color: #0c4f8d;border: 1px solid #0c4f8d;}.accordion li a.active:after {content: "-";font-size: 25px;color: #ffffff;}.contact {margin: 60px 0;}.contact .info-box {color: #444444;text-align: center;box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);padding: 30px 0;}.contact .info-box i {font-size: 30px;color: #0c4f8d;border-radius: 50%;padding: 8px;border: 2px dotted #b3d1fa;}.contact .info-box h3 {font-size: 20px;color: #1a3d59;font-weight: 700;margin: 20px 0 10px;}.contact .info-box p {padding: 0;line-height: 24px;font-size: 13px;margin-bottom: 0;}.contact .php-email-form {box-shadow: 0 0 30px rgba(214, 215, 216, 0.4);padding: 30px;height: 98%;}.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600;}.contact .php-email-form .error-message br + br {margin-top: 25px;}.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600;}.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;}.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;animation: animate-loading 1s linear infinite;}.contact .php-email-form .form-group {margin-bottom: 20px;}.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;}.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #0c4f8d;}.contact .php-email-form input {padding: 10px 15px;}.contact .php-email-form textarea {padding: 12px 15px;}.contact .php-email-form button[type="submit"] {background: #0c4f8d;border: 0;padding: 10px 30px;color: #fff;transition: 0.4s;border-radius: 4px;}.contact .php-email-form button[type="submit"]:hover {background: #3b8af2;}@keyframes animate-loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.portfolio-section .filters {border: 2px solid #dee2e6;border-radius: 100px;padding: 2px;margin: 0 auto 20px;max-width: 260px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}.portfolio-section .filters a {-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;color: #444;font-size: 13px;font-weight: 500;opacity: 0.7;padding: 8px 14px;-webkit-transition: all 0.3s;transition: all 0.3s;}.portfolio-section .filters a:first-child {margin-left: 0;}.portfolio-section .filters a:last-child {margin-right: 0;}.portfolio-section .filters a:hover {opacity: 0.9;}.portfolio-section .filters a.active {opacity: 1;border-radius: 100px;background: #0c4f8d;color: #fff;}.portfolio-section .portfolio-container .portfolio-item {position: relative;padding-left: 0;padding-right: 0;overflow: hidden;border-radius: 0;width: 100%;height: 300px;border: 2px solid #eaf2ff;}.portfolio-section .portfolio-container .portfolio-item .content-holder {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 200%;width: 100%;height: 100%;background: rgba(12, 79, 141, 0.8);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;text-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 15px;color: #fff;opacity: 0;visibility: hidden;-webkit-transition: all 0.28s;transition: all 0.28s;}.portfolio-section .portfolio-container .portfolio-item .content-holder .title {font-size: 22px;font-weight: 600;color: #fff;}.portfolio-section .portfolio-container .portfolio-item .content-holder .subtitle {font-weight: 500;opacity: 1;color: #fff;}.portfolio-section .portfolio-container .portfolio-item:hover .content-holder {left: 50%;opacity: 1;visibility: visible;}.portfolio-link {border: 1px solid #f5f5f5;padding: 4px 8px;}.portfolio-link:hover {color: #0c4f8d;background-color: #f5f5f5;border-color: #f5f5f5;}.newsletter {background: #edf2ff;}.newsletter .subscribe-text {}.newsletter .subscribe-text h6 {font-size: 22px;margin-bottom: 10px;color: #2c2d3f;}.newsletter .subscribe-form {position: relative;}.newsletter .common-input {height: 60px;width: 300px;border: none;color: #333;box-shadow: none;text-shadow: none;border-radius: 5px;padding: 0px 25px;font-weight: 500;font-size: 14px;background: #fff;font-weight: 400;}.newsletter .btn {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;display: inline-block;height: 60px;line-height: 60px;padding: 0;width: 180px;position: relative;top: -2px;border-radius: 5px;margin-left: 10px;font-size: 13px;font-weight: 500;box-shadow: 0px 5px 15px rgba(188, 199, 255, 0.75);}.newsletter .btn:before {border-radius: 5px;}.newsletter .button:hover {box-shadow: none;}@media (max-width: 995px) {.img-fluid {width: 60%;height: auto;}}@media (max-width: 768px) {.img-fluid {width: 60%;height: auto;}}.testimonial-carousel::before {position: absolute;content: "";top: 0;left: 0;height: 100%;width: 0;background: linear-gradient( to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );z-index: 1;}.testimonial-carousel::after {position: absolute;content: "";top: 0;right: 0;height: 100%;width: 0;background: linear-gradient( to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );z-index: 1;}@media (min-width: 768px) {.testimonial-carousel::before, .testimonial-carousel::after {width: 200px;}}@media (min-width: 992px) {.testimonial-carousel::before, .testimonial-carousel::after {width: 300px;}}.testimonial-carousel .owl-item .testimonial-text {border: 5px solid #fff;transform: scale(0.8);transition: 0.5s;}.testimonial-carousel .owl-item.center .testimonial-text {transform: scale(1);}.testimonial-carousel .owl-nav {position: absolute;width: 350px;top: 10px;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;opacity: 0;transition: 0.5s;z-index: 1;}.testimonial-carousel:hover .owl-nav {width: 300px;opacity: 1;}.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {position: relative;color: #0c4f8d;font-size: 45px;transition: 0.5s;background: none;}.testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {color: #1a3d59;background: none;}.footer {position: relative;background: url("./img/bg-top.png"), url("./img/map.png");background-position: center top, center center;background-repeat: no-repeat;}.footer .footer-top {padding: 100px 0px;position: relative;background: #0c4f8d;}.footer .footer-top:before {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #000;opacity: 0.1;}.footer .single-footer .social {margin-top: 25px;}.footer .single-footer .social li {display: inline-block;margin-right: 12px;}.footer .single-footer .social li:last-child {margin-right: 0px;}.footer .single-footer .social li a {height: 42px;width: 42px;line-height: 42px;text-align: center;border: 1px solid #fff;text-align: center;padding: 0;border-radius: 100%;display: block;color: #fff;font-size: 22px;}.footer .single-footer .social li a:hover {color: #0c4f8d;background: #fff;border-color: transparent;}.footer .single-footer.f-link li a i {margin-right: 10px;}.footer .single-footer.f-link li {display: block;margin-bottom: 12px;}.footer .single-footer.f-link li:last-child {margin: 0;}.footer .single-footer.f-link li a {display: block;color: #fff;text-transform: capitalize;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;font-weight: 400;}.footer .single-footer.f-link li a:hover {padding-left: 8px;}.footer .single-footer h2 {color: #fff;font-size: 20px;font-weight: 600;text-transform: capitalize;margin-bottom: 20px;padding-bottom: 15px;text-transform: capitalize;position: relative;}.footer .single-footer h2::before {position: absolute;content: "";left: 0;bottom: 0px;height: 3px;width: 50px;background: #fff;}.footer .single-footer p {color: #fff;}.footer .single-footer .newsletter-inner {margin-top: 20px;position: relative;}.footer .single-footer .newsletter-inner input {background: transparent;border: 1px solid #fff;height: 50px;line-height: 42px;width: 100%;margin-right: 15px;color: #fff;padding-left: 18px;padding-right: 70px;display: inline-block;float: left;border-radius: 0px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;font-weight: 400;border-radius: 5px;}.footer .single-footer .newsletter-inner input:hover {padding-left: 22px;}.footer input::-webkit-input-placeholder {opacity: 1;color: #fff !important;}.footer input::-moz-placeholder {opacity: 1;color: #fff !important;}.footer input::-ms-input-placeholder {opacity: 1;color: #fff !important;}.footer input::input-placeholder {opacity: 1;color: #fff !important;}.footer .single-footer .newsletter-inner .button {position: absolute;right: 0;top: 0;height: 50px;line-height: 50px;width: 50px;background: #fff;border-left: 1px solid #fff;text-shadow: none;box-shadow: none;display: inline-block;border-radius: 0px;border: none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;border-radius: 0 5px 5px 0;color: #0c4f8d;font-size: 25px;}.footer .single-footer .newsletter-inner .button i {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}.footer .single-footer .newsletter-inner .button:hover i {color: #2c2d3f;}.footer .copyright {background: #0c4f8d;padding: 25px 0px 25px 0px;text-align: center;}.footer .copyright .copyright-content p {color: #fff;}.footer .copyright .copyright-content p a {color: #fff;font-weight: 400;text-decoration: underline;display: inline-block;margin-left: 4px;}.copyright-content p {margin-bottom: 0 !important;}.jobs {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}.job-link {text-decoration: none;color: inherit;display: block;}.job-card {position: relative;border: 1px solid #e6e8ec;border-radius: 10px;background: #ffffff;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease;}.job-card::before {content: "";position: absolute;inset: 0;width: 10px;background: #0b4ea2;transition: width 0.35s ease;z-index: 0;}.job-card:hover::before {width: 100%;}.job-left {padding: 22px 24px 26px 24px;text-align: left;position: relative;z-index: 1;}.job-left h3 {font-size: 20px;color: #0b4ea2;margin-bottom: 6px;}.level {font-size: 14px;color: #6b7280;margin-bottom: 18px;}.job-meta {display: flex;gap: 20px;font-size: 14px;color: #6b7280;white-space: nowrap;}.job-meta i {color: #0b4ea2;margin-right: 6px;}.job-icon {position: absolute;top: 18px;right: 18px;width: 38px;height: 38px;border: 2px solid #0b4ea2;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #0b4ea2;font-size: 15px;overflow: hidden;transition: all 0.35s ease;z-index: 1;}.job-card:hover {transform: translateY(-4px);box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);}.job-card:hover h3, .job-card:hover .level, .job-card:hover .job-meta {color: #ffffff;}.job-card:hover .job-meta i {color: #ffffff;}.job-card:hover .job-icon {background: #ffffff;color: #0b4ea2;border-color: #ffffff;}@media (max-width: 1024px) {.jobs {grid-template-columns: repeat(2, 1fr);}h2 {font-size: 32px;}}@media (max-width: 768px) {.jobs {grid-template-columns: 1fr;}h2 {font-size: 28px;}.job-left {padding: 20px;}.job-meta {flex-wrap: wrap;}}@media (max-width: 480px) {h2 {font-size: 24px;}.job-icon {width: 34px;height: 34px;top: 14px;right: 14px;}}.benefits-container {max-width: 1200px;margin: 0 auto;padding: 30px 60px;display: flex;gap: 60px;}.benefits-content {flex: 1.1;}.benefits-content h2 {font-size: 38px;font-weight: bold;color: #0c4f8d;margin-bottom: 16px;}.benefits-intro {font-size: 16px;color: #6b7280;line-height: 1.7;max-width: 520px;margin-bottom: 44px;}.benefits-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 50px;}.benefit-card {flex-direction: column;}.icon-box {width: 48px;height: 48px;background-color: #0b4fa3;color: #ffffff;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 20px;}.benefit-card h4 {font-size: 18px;color: #22629c;font-weight: bold;}.benefit-card p {font-size: 14.5px;color: #6b7280;line-height: 1.6;max-width: 260px;}.benefits-image {flex: 1;position: relative;aspect-ratio: 4 / 5;max-height: 600px;}.benefits-image img {position: relative;z-index: 1;width: 125%;height: 100%;object-fit: cover;border-radius: 6px;clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);}.benefits-image::before {width: 100%;content: "";position: absolute;top: -4%;right: -30%;bottom: -4%;left: 6%;background-color: #0c4f8d;z-index: 0;border-radius: 1px;clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);}@media (max-width: 992px) {.benefits-container {flex-direction: column;padding: 30px;}.benefits-grid {grid-template-columns: 1fr;gap: 30px;}.benefit-card p {max-width: 100%;}.benefits-image {aspect-ratio: 16 / 9;max-height: none;}.benefits-image::before {inset: 0;clip-path: none;border-radius: 1px;}.benefits-image img {clip-path: none;border-radius: 16px;}}@media (max-width: 576px) {.benefits-content h2 {font-size: 25px;}.benefits-intro {font-size: 15px;}.benefits-container {padding: 0px 20px;}}.timeline {position: relative;max-width: 900px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}.timeline::after {content: "";position: absolute;width: 4px;background-color: #c9c5c5;top: 60px;bottom: 70px;left: 50%;transform: translateX(-50%);}.timeline-item {position: relative;display: flex;align-items: center;margin-bottom: 30px;}.career-icon {position: absolute;left: 50%;transform: translateX(-50%);width: 56px;height: 56px;background-color: #fff;border: 3px solid#22629C;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #22629c;font-size: 22px;z-index: 2;}.timeline-item.left .icon::before {content: "";position: absolute;top: 50%;right: -18px;transform: translateY(-50%);width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 18px solid #22629c;z-index: 2;}.timeline-item.right .icon::before {content: "";position: absolute;top: 50%;left: -18px;transform: translateY(-50%);width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 18px solid #22629c;z-index: 2;}.timeline-item.left {justify-content: flex-end;}.timeline-item.right {justify-content: flex-start;}.content {overflow: visible;position: relative;max-width: 100%;width: 430px;padding: 6px;background: #ffffff;border-radius: 12px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);box-sizing: border-box;}.content-inner {border: 2px solid #22629c;border-radius: 10px;padding: 8px 20px;background: #ffffff;text-align: left;}.step {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-color: #22629c;color: #fff;font-size: 16px;font-weight: 600;display: flex;align-items: center;justify-content: center;z-index: 3;}.content-inner h3 {font-size: 18px;color: #22629c;margin-bottom: 8px;}.content-inner p {font-size: 13px;color: #555;line-height: 1.6;}.timeline-item.right .content {margin-left: -110px;}.timeline-item.right .step {right: -20px;}.timeline-item.left .content {margin-right: -110px;}.timeline-item.left .step {left: -20px;}@media (max-width: 1024px) {.timeline {max-width: 95%;padding: 0 20px;}.timeline::after {left: 20px;transform: none;}.icon {left: 7px;transform: translateX(-50%);}.timeline-item {justify-content: center !important;padding-left: 70px;}.timeline-item.right .content, .timeline-item.left .content {margin: 0;}.content {width: 100%;max-width: 640px;position: relative;}.step {position: absolute;top: 50%;left: -20px;transform: translateY(-50%);margin: 0;border-radius: 0px;width: 40px;height: 40px;font-size: 16px;display: flex;align-items: center;justify-content: center;background-color: #22629c;color: white;font-weight: 600;z-index: 3;}.timeline-item.right .icon::before {content: "";position: absolute;top: 50%;left: 50px;transform: translateY(-50%);width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 18px solid #22629c;z-index: 2;}.career-icon {display: none;}.timeline::after {display: none;}}@media (max-width: 768px) {.timeline::after {display: none;}.timeline-item {flex-direction: column;align-items: flex-start;padding-left: 0;}.icon {position: relative;left: auto;transform: none;margin: 0 0 14px;}.content {width: 100%;max-width: 100%;margin: 0;padding: 6px;position: relative;}.timeline-item.right .content, .timeline-item.left .content {margin: 0;}.step {position: absolute;top: 0;left: -20px;transform: none;width: 40px;height: 40px;font-size: 16px;border-radius: 6px;display: flex;align-items: center;justify-content: center;background-color: #1e73be;color: white;font-weight: 600;z-index: 3;}.content-inner {padding: 16px;}.timeline-item .icon::before {content: none !important ;}.career-icon {display: none;}}@media (max-width: 480px) {.timeline-section {padding: 40px 15px;}.timeline-section h1 {font-size: 25px;}.subtitle {font-size: 14px;margin-bottom: 50px;}.icon {width: 42px;height: 42px;font-size: 16px;}.content-inner h3 {font-size: 16px;}.content-inner p {font-size: 13.5px;}}.image-container {display: flex;flex-wrap: wrap;}.team-card {flex: 1 1 25%;}.team-card img {width: 100%;height: 100%;display: block;object-fit: cover;}@media (max-width: 1024px) {.team-card {flex: 1 1 50%;}}@media (max-width: 600px) {.team-card {flex: 1 1 100%;}}.career-detail-header {background: #1569a8;color: white;padding: 60px 60px 100px;height: 340px;}.back-arrow {font-size: 20px;margin-bottom: 40px;cursor: pointer;color: white;}.career-detail-header h1 {font-size: 35px;color: #fff;}.career-detail-header p {opacity: 0.9;color: #fff;}.career-main {margin-top: -120px;padding: 0 80px 100px;}.logo-card img {border-radius: 6px;margin: 60px 0 30px;padding: 8px 12px;height: 90px;width: 120px;background: white;object-fit: contain;}.job-details {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 40px;}.job-item {align-items: center;display: flex;gap: 12px;}.job-item i {color: #1569a8;font-size: 20px;}.job-item small {color: #777;font-size: 13px;}.job-item p {font-size: 14px;font-weight: 550;}.left-section h2 {font-size: 22px;color: #1569a8;margin: 30px 0 15px;}.desc {color: #555;line-height: 1.7;}.list {padding-left: 18px;color: #555;line-height: 1.8;}.right-form {position: sticky;margin-left: 3.5rem;}.form-card {background: #ffffff;width: 600px;padding: 35px;border-radius: 14px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);position: sticky;overflow: hidden;border: 1px solid #eee;}.corner-top {position: absolute;top: 0;right: 0;width: 60px;height: 60px;border-top: 6px solid #1569a8;border-right: 6px solid #1569a8;border-radius: 0 14px 0 0;}.corner-bottom {position: absolute;bottom: 0;left: 0;width: 60px;height: 60px;border-bottom: 6px solid #1569a8;border-left: 6px solid #1569a8;border-radius: 0 0 0 14px;}.form-card h3 {margin-bottom: 10px;}.form-description {font-size: 14px;color: #666;margin-bottom: 25px;}.form-row {display: flex;gap: 20px;margin-bottom: 18px;}.form-groupItem {flex: 1;display: flex;flex-direction: column;}.form-groupItem label {font-size: 14px;margin-bottom: 6px;}.form-groupItem input {padding: 12px 14px;border: 1px solid #ddd;border-radius: 8px;font-size: 14px;transition: 0.3s ease;}.form-groupItem input:focus {outline: none;border-color: #1569a8;box-shadow: 0 0 0 3px rgba(21, 105, 168, 0.1);}.upload-box {border: 1px dashed #d6d6d6;border-radius: 10px;padding: 35px 20px;text-align: center;cursor: pointer;background: #fafafa;}.upload-box:hover {border-color: #1569a8;background: #f4f9fd;}.upload-box i {font-size: 22px;margin-bottom: 10px;color: #444;}.upload-box p {font-size: 14px;}.upload-box span {font-size: 12px;color: #777;}.submit-btn {width: 100%;padding: 14px;margin-top: 20px;background: #1569a8;color: white;border: none;border-radius: 30px;cursor: pointer;font-weight: 600;font-size: 15px;}.submit-btn:hover {background: #0f5587;}@media (max-width: 1024px) {.career-detail-header {width: 100%;}.right-form {margin-left: 25px;}.career-main {padding: 40px;}.img-fluid {width: 100%;height: 100%;object-fit: cover;}}@media (max-width: 995px) {.container {flex-direction: column;}.form-card {position: relative;margin-top: 40px;width: 100%;}.job-meta {flex-wrap: wrap;}.form-row {flex-direction: column;}.main {padding: 0 20px 60px;}.hero {padding: 40px 20px 120px;}.career-detail-header {width: 100%;height: 170px;}.container-details {flex-direction: column !important;}.right-form {margin-left: 0;}.header .logo img {width: 87px;}.img-fluid {width: 100%;height: 100%;object-fit: cover;}.section-about {padding-bottom: 0;}.icon-title {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;}.img-fluidbanner {width: 50%;height: auto;display: block;margin-left: auto;margin-right: auto;}.topbar {display: none;}}@media (max-width: 480px) {.career-main {padding: 30px;}.job-details {margin-top: 110px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}.back-arrow {display: none;}.career-detail-header {padding: 70px 60px;}.logo-card img {display: none;}.career-content {align-items: center;display: flex;justify-content: center;}.form-card {width: 100%;display: flex;flex-direction: column;}.right-form {margin-left: 0;}.icon-title {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;}.img-fluidbanner {width: 80%;height: auto;display: block;margin-left: auto;margin-right: auto;}.image-container {display: none;}.footer .footer-top {padding: 30px 0px;}.text-right {display: none;}h1 {font-size: 22px;}.container {padding-left: 20px;padding-right: 20px;}.px-3 {font-size: 12px;padding-left: 12px !important;padding-right: 12px !important;}.py-1 {padding-top: 2px !important;padding-bottom: 2px !important;}.copyright-content p {margin-bottom: 0 !important;display: flex;flex-direction: column;}.copyright-content p .divider {display: none;}.copyright-content p .all-right {word-break: break-all;}.text-center .mb-5 {margin-bottom: 2rem !important;}.benefit-card h4 {font-size: 16px;}.career-content h1 {font-size: 25px;}.topbar {display: none;}}.mobile-nav {position: relative;top: -56px;display: none;}.mobile-nav nav {position: relative;}.nav-links {display: flex;justify-content: flex-end;gap: 20px;list-style: none;}@media (max-width: 768px) {.mobile-nav {display: block;}.nav-links {display: block;position: absolute;top: 69px;left: 0;width: 100%;z-index: 999;padding: 0;margin: 0;}.nav-links::before {background: rgba(0, 0, 0, 0.5);content: "";height: 100vh;left: 0;top: 0;position: absolute;opacity: 0;visibility: hidden;width: 100%;transition: all 0.3s;}.nav-links li {border-bottom: 1px solid #ddd;opacity: 0;visibility: hidden;transform: translateY(-20px);transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;}.nav-links li a {background: #fff;color: #404040;display: block;font-size: 16px;font-weight: 600;padding: 15px 20px;text-align: left;width: 100%;text-decoration: none;transition: all 0.3s;}.nav-links li a:hover {color: #1a76d1;}#hamburger1 {position: absolute;opacity: 0;visibility: hidden;}label[for="hamburger1"] {background: none transparent;border: 4px solid #0b4e8a;border-left: 0 solid transparent;border-right: 0 solid transparent;cursor: pointer;display: block;height: 24px;width: 24px;position: absolute;top: 18px;right: 12px;transition: all 0.2s;z-index: 1000;}label[for="hamburger1"]::before {background: #0b4e8a;content: "";height: 4px;left: 0;position: absolute;top: 6px;width: 24px;transition: all 0.2s;}label[for="hamburger1"]::after {background: coral;content: "";height: 4px;left: 0;position: absolute;top: 6px;opacity: 0;visibility: hidden;width: 100%;transform: rotate(90deg);transition: all 0.2s;}#hamburger1:checked + label {border: 4px solid silver;border-radius: 50%;height: 28px;width: 28px;transform: rotate(-135deg);}#hamburger1:checked + label::before {background: silver;top: 8px;left: 4px;width: 12px;}#hamburger1:checked + label::after {background: silver;opacity: 1;visibility: visible;top: 8px;left: 4px;width: 12px;}#hamburger1:checked ~ .nav-links::before {opacity: 1;visibility: visible;}#hamburger1:checked ~ .nav-links li {opacity: 1;visibility: visible;transform: translateY(0);}#hamburger1:checked ~ .nav-links li:nth-child(1) {transition-delay: 0s;}#hamburger1:checked ~ .nav-links li:nth-child(2) {transition-delay: 0.1s;}#hamburger1:checked ~ .nav-links li:nth-child(3) {transition-delay: 0.2s;}#hamburger1:checked ~ .nav-links li:nth-child(4) {transition-delay: 0.3s;}#hamburger1:checked ~ .nav-links li:nth-child(5) {transition-delay: 0.4s;}#hamburger1:checked ~ .nav-links li:nth-child(6) {transition-delay: 0.5s;}.logo-nav {margin: 12px 0px 12px 0px;}}