@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');





/* General */

body {

  /* font-family: "Work Sans", sans-serif; */

  /* font-family: "Montserrat", sans-serif; */

  font-family: "roboto", sans-serif !important;

  color: #000;

  line-height: 24px;

}



ul,

li {

  padding: 0;

  margin: 0;

  list-style: none;

}



a,

a:hover {

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Work Sans", sans-serif;

}

p {

  font-family: "roboto", sans-serif !important;

  font-weight: 400 !important;

}



/* ================= HEADER TOP ================= */

.header-top {

  font-family: "Roboto", sans-serif;

  background: #1d243d;

  padding: 4px 0;

}



.top-social li {

  font-size: 18px;

}



.top-social li,

.top-right li {

  list-style: none;

  margin-right: 12px;

}



.top-social a,

.top-right a {

  color: #fff;

  text-decoration: none;

}



.top-social a:hover,

.top-right a:hover {

  opacity: .6;

}





/* ================= BANNER ================= */


.banner-sec {



  background-color: #0075b7;



}



.banner-slider {



  padding: 50px 0;



}



.banner-slider .banner-caption {



  color: #fff;



  width: 600px;



}



.banner-slider .banner-caption h2 {

  color: #fff !important;

  font-size: 48px;



  line-height: 52px;



  margin-bottom: 30px;



}



.banner-slider .banner-caption p {



  font-size: 24px;



  line-height: 28px;



  margin-bottom: 75px;



}



.banner-slider .owl-dots {

  width: 100%;

}



.banner-thumb {



  margin-right: 0px;



}



a.custom-btn {



  background-color: #fff;



  color: #000;



  border-radius: 10px;



  padding: 10px 20px;



  font-size: 18px;



  position: relative;



  padding-right: 35px;



}



a.custom-btn i {

  position: absolute;

  right: 13px;

  top: 11px;

  transition: all .4s;

}



a.custom-btn:hover i {

  right: 8px;

}



.owl-theme .owl-nav.disabled+.owl-dots {

  position: absolute;

  left: 50%;

  bottom: 20px;

  transform: translateX(-50%);

}



.owl-theme .owl-dots .owl-dot span {

  background: #3692c6;

  width: 27px;

  height: 27px;

  transition: all .4s;

}



.owl-theme .owl-dots .owl-dot.active span {

  width: 78px;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: #3692c6;

}



.fixed-header {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 9;

  animation: slideDown 0.35s ease-out;

}



@keyframes slideDown {

  from {

    transform: translateY(-100%);

  }



  to {

    transform: translateY(0);

  }

}



/* ================= BANNER ================= */





.banner-img {

  height: 500px;

  object-fit: cover;

  object-position: 50% 30%;

}



.banner-sec {

  background: #0075b7;

  padding: 60px 0;

}



.banner-caption {

  max-width: 700px;

}



.banner-caption h2 {
  color: #fff !important;

  font-size: 70px;

  font-weight: 700;

  margin-bottom: 25px;

}



.banner-sec .banner-caption h2 {
  color: #fff !important;

  margin-bottom: 60px;

  margin-top: -140px;

}



.banner-caption p {

  font-size: 20px;

  line-height: 1.2;

}









/* ========================

   COMMON SECTION HEADING

======================== */

.section-title {

  font-size: 60px;

  font-weight: 600;

  color: #000;

  margin-bottom: 15px;

  word-spacing: -9px;

}



.section-subtitle {

  font-size: 18px;

  line-height: 1.2;

  font-weight: 500;

  color: #221821;

  max-width: 560px;

}





/* ========================

   WHATS NEXT

======================== */

.whats-next {

  padding: 70px 0;

  background: #efefef;

}



.section-header {

  margin-bottom: 30px;

}



/* .whats-card {

  height: 280px;

  border-radius: 12px;



  background-image: url('../images/Untitled\ design\ \(44\).png');

  background-size: cover;

  background-position: 50% 72%;

  background-repeat: no-repeat;

} */



.whats-card {

  position: relative;

  height: 450px;

  border-radius: 12px;

  overflow: hidden;



  background-image: url('../images/whats-card-banner.png');

  background-size: cover;

  background-position: 50% 72%;

  background-repeat: no-repeat;

}





/* Glass content box */

.whats-content {

  position: relative;

  background: rgba(80, 89, 86, 0.75);

  backdrop-filter: blur(4px);



  padding: 20px 35px;

  border-radius: 10px;

  max-width: 550px;

  margin-bottom: 120px;

}





/* Text */

.whats-content h4 {

  font-family: "roboto", sans-serif !important;

  text-align: right;

  font-size: 28px;

  line-height: 1 !important;

  font-weight: 400;

  margin: 0;



}









.modern-btn {

  background: linear-gradient(135deg, #0D6CF9, #3b82f6) !important;

  border: none !important;

  color: #fff !important;

  line-height: 0 !important;

  transition: all 0.3s ease;

  box-shadow: 0 6px 18px rgba(13, 108, 249, 0.35);

}



.modern-btn:hover {

  color: #fff !important;

  background: linear-gradient(135deg, #0b5ed7, #2563eb);

  transform: translateY(-3px);

  box-shadow: 0 10px 28px rgba(13, 108, 249, 0.45);

}



.modern-btn:focus {

  color: #fff !important;

}















/* ========================

   TALK TALENT

======================== */

.talk-talent {

  padding: 80px 0;

}



.contact-section {

  font-size: 15px;

  color: #111;

}



.contact-row {

  padding: 20px 18px;

  margin-bottom: 28px;

  border-bottom: 1px solid #c7b3dd;



  transition: all 0.3s ease;

  border-radius: 10px;

}



.contact-row:hover {

  background: #f6f2fb;

  transform: translateY(-4px);

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);

}





.contact-title h4 {

  font-weight: 600;

  margin-bottom: 10px;

  word-spacing: 2px;

}



.contact-text {

  max-width: 520px;

  font-size: 18px;

  line-height: 1.2;

}









/* ========================

   OPEN ROLES

======================== */

.open-roles {

  padding: 80px 0;

  background: #efefef;

}



.career-section {

  font-size: 15px;

}



/* .career-item {

  padding: 32px 0;

  border-top: 1px solid #b9a6cf;

} */



.career-item {

  padding: 32px 24px;

  border-top: 1px solid #b9a6cf;



  transition: all 0.3s ease;

  border-radius: 14px;

}



/* hover effect */

.career-item:hover {

  background: #f5f8ff;

  transform: translateY(-6px);

  box-shadow: 0 10px 30px rgba(13, 108, 249, 0.12);

}





.career-title {

  font-size: 28px;

  font-weight: 600;

  color: #0070c9;

  margin-bottom: 10px;

}



.career-focus {

  font-size: 18px;

  margin-bottom: 10px;

}



.career-desc {

  font-size: 18px;

  max-width: 780px;

  line-height: 1.2;

}









/* ========================

   Banner

======================== */



.banner-section {

  min-height: 580px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 80px 0;



}



.banner1 {

  min-height: 620px;

  background:

    linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)),

    url('../images/We-Built-the.png');



  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;

}



.banner2 {

  min-height: 620px;

  background:

    linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)),

    url('../images/equal-banner.png');



  /* background: url('../images/equal-banner.png'); */



  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;



  padding-bottom: 115px;

}



.banner3 {

  min-height: 620px;

  background:

    linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),

    url('../images/banner-3.png');

  /* background:

    url('../images/banner-3.png'); */



  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;



  /* padding-bottom: 115px; */

}



.platform-card {

  background: rgba(255, 255, 255, 0.55);

  /* white transparent */

  backdrop-filter: blur(6px);



  padding: 40px 50px;

  border-radius: 16px;



  max-width: 900px;

  /* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); */

}



/* Text box */

.banner-content-box {

  position: relative;

  background: rgba(80, 89, 86, 0.75);

  backdrop-filter: blur(3px);

  padding: 30px 40px;

  border-radius: 12px;

  max-width: 800px;

}



.banner-content-box h4 {

  font-family: "roboto", sans-serif !important;

  font-size: 36px;

  line-height: 1 !important;

  font-weight: 400;

  color: #fff;

  text-align: right;

}









.banner-title {

  color: #fff;

  font-size: clamp(28px, 5vw, 60px);

  font-weight: 600;

  word-spacing: -9px;

  line-height: 1;



  max-width: 900px;

  margin: 0 auto 32px;

}



.banner-subtitle {

  color: #fff;

  opacity: 0.85;





  font-weight: 500 !important;

  font-size: clamp(14px, 2vw, 18px);



  max-width: 720px;

  margin: 0 auto;

}



.banner-title1 {

  color: #fff;

  font-size: clamp(28px, 5vw, 62px);



  max-width: 500px;

  margin: 0 auto 32px;

  text-align: center;

}



.banner-title3,

.banner-subtitle3 {

  color: #000;

}



.banner-subtitle1 {

  color: #fff;

  opacity: 0.85;

  font-size: clamp(14px, 2vw, 18px);



  max-width: 500px;

  margin: 0 auto;

  text-align: center;

}









/* =========================

   Platform Section 

========================= */



.platform-section {

  min-height: 620px;

  padding: 80px 0;



  display: flex;

  align-items: center;



  background:

    linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)),

    url('../images/banner-3.png') center/cover no-repeat;

}







.platform-box {

  background: rgba(255, 255, 255, .25);

  backdrop-filter: blur(6px);



  padding: 40px;

  border-radius: 16px;



  max-width: 720px;

  margin-left: auto;

}





.platform-title {

  color: #000;

  font-size: clamp(28px, 5vw, 60px);

  font-weight: 600;

  line-height: 1.1;

  margin-bottom: 24px;

}





.platform-text {

  color: #000;

  font-size: clamp(16px, 2vw, 18px);

  font-weight: 500;

  opacity: .9;

}











/* ========================

   Who we are

======================== */

.who-we-are {

  padding: 100px 0;



  /* full section bg */

  background: url('../images/img3.png') left center/cover no-repeat;



  position: relative;

}



.who-we-are::before {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(255, 255, 255, 0.25);

}



.who-we-are .container {

  position: relative;

  z-index: 2;

}



/* title */

.section-hero-title {
  color: #000;

  font-weight: 600;

  font-size: clamp(28px, 5vw, 60px);

  word-spacing: -9px;

}



.about-text {

  line-height: 1.2;

  font-size: 18px;

  /* padding: 28px; */



}



.line-break {

  display: block;

  height: 12px;

}





/* ========================

   our hires

======================== */

.stats-section {

  background: #0077b6;

  padding: 90px 20px;

  color: #fff;

}



.stats-item h2 {

  font-size: 60px;

  font-weight: 600;

  line-height: 1;

  word-spacing: -9px;

}



/* circle */

.progress-circle {

  width: 260px;

  height: 260px;

  position: relative;

}



.progress-circle svg {

  transform: rotate(-90deg);

  width: 100%;

  height: 100%;

}



.progress-circle circle {

  fill: none;

  stroke-width: 20;

}



.bg {

  stroke: #fff;

  opacity: 0.2;

}



.progress {

  stroke: #1a1a1a;

  stroke-linecap: round;

  transition: stroke-dashoffset 1.8s ease;

}



.percent-text {

  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 50px;

  font-weight: 700;

}





/* dots */

.swiper-pagination .swiper-pagination-bullet {

  background: rgba(255, 255, 255, .4);

  opacity: 1;

}



.swiper-pagination .swiper-pagination-bullet-active {

  background: #fff;

}







/* ========================

   Insight Section

======================== */



.insight-section {

  padding: 80px 0;

  background: #EFEFEF;

  color: #111;

}



.insight-title {
  color: #000;

  font-size: 60px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 20px;

  word-spacing: -9px;

}



.insight-desc {

  font-size: 18px;

  line-height: 1.6;

  max-width: 420px;

}



.insight-item {

  padding-bottom: 24px;

  margin-bottom: 24px;

  border-bottom: 1px solid #b9a6cf;

}



.insight-item:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}



.insight-item h5 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 6px;

}



.growth-text {

  line-height: 1.2;

  font-size: 18px;



}



.insight-item p {

  font-size: 16px;

  line-height: 1.6;

  max-width: 420px;

}









/* partners section */

.partners-section {

  background: #0a78b5;

  padding: 60px 0;

}



.partners-title {

  color: #fff;

  font-size: 60px;

  word-spacing: -9px;

  font-weight: 600;

  margin-bottom: 50px;

}





.partner-card {

  background: #000;

  height: 150px;

  width: 500px;

  border-radius: 4px;

}



.partnersSwiper {

  padding-bottom: 50px;

}



.partnersSwiper .swiper-pagination {

  bottom: 0 !important;

}



.partnersSwiper .swiper-wrapper {

  padding-bottom: 50px;

}



.partnersSwiper .swiper-slide {

  display: flex;

  justify-content: center;

}





.partnersSwiper .swiper-pagination-bullet {

  background: #fff;

  opacity: 0.4;

}



.partnersSwiper .swiper-pagination-bullet-active {

  opacity: 1;

}



.testimonialSwiper {

  padding-bottom: 50px;

}



.swiper-pagination {

  bottom: 10px !important;

}





/* ========================

   Testimonial Section

======================== */



.testimonial-section {

  padding: 80px 0;

  background: #fff;

}



.testimonial-title {

  font-size: clamp(32px, 5vw, 60px);

  font-weight: 600;

  margin-bottom: 16px;

  color: #111;

}



.testimonial-subtitle {

  /* max-width: 1000px; */

  font-size: 18px;

  line-height: 1.2;

  font-weight: 400;

  color: #221821;

}







.testimonial-card {

  display: flex;

  gap: 28px;



  background: #f3f3f3;

  padding: 28px;

  height: 100%;

}





.testimonial-avatar {

  width: 150px;

  height: 150px;

  flex-shrink: 0;

  border: 2px solid #000;

  overflow: hidden;

}



.testimonial-avatar img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}





.testimonial-content {

  display: flex;

  flex-direction: column;

  height: 100%;

  flex: 1;

}





.testimonial-text {

  flex-grow: 1;

  font-size: 15px;

  line-height: 1.5;

  color: #111;

  margin-bottom: 18px;

}





.testimonial-name::before {

  content: "";

  display: block;

  height: 1px;

  background: #ccc;

  margin: 18px 0;

}







.testimonial-name {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

}





.testimonial-role {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

}









.testimonialSwiper .swiper-slide {

  height: auto;

}



.testimonialSwiper .swiper-pagination-bullet {

  background: #000;

  opacity: .3;

}



.testimonialSwiper .swiper-pagination-bullet-active {

  opacity: 1;

}



/* ========================

   Alumni Speak Testimonial

======================== */



.alumni-section {

  padding: 80px 0;

  background: #EFEFEF;

}



.alumni-title {

  font-size: clamp(32px, 5vw, 60px);

  font-weight: 600;

  margin-bottom: 16px;

  color: #111;

}



.alumni-subtitle {

  /* max-width: 1000px; */

  font-size: 18px;

  line-height: 1.2;

  font-weight: 400;

  color: #221821;

}







.alumni-card {

  display: flex;

  gap: 28px;



  background: #fcf9f9;

  padding: 28px;

  height: 100%;

}





.alumni-avatar {

  width: 150px;

  height: 150px;

  flex-shrink: 0;

  border: 2px solid #000;

  overflow: hidden;

}



.alumni-avatar img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top;

}





.alumni-content {

  display: flex;

  flex-direction: column;

  height: 100%;

  flex: 1;

}





.alumni-text {

  flex-grow: 1;

  font-size: 15px;

  line-height: 1.5;

  color: #111;

  margin-bottom: 18px;

}





.alumni-name::before {

  content: "";

  display: block;

  height: 1px;

  background: #ccc;

  margin: 18px 0;

}







.alumni-name {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

}





.alumni-role {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

}









.alumniSwiper .swiper-slide {

  height: auto;

}



.alumniSwiper .swiper-pagination-bullet {

  background: #000;

  opacity: .3;

}



.alumniSwiper .swiper-pagination-bullet-active {

  opacity: 1;

}



/* Contact us */



.contact-title {

  font-size: 60px;

  font-weight: 600 !important;

  word-spacing: -9px;

  color: #222;

}





.contact-card {

  background: #e9e9e9;

  border: 1px solid #bdbdbd;

  border-radius: 10px;

}





.contact-input {

  border-radius: 6px;

  border: 1px solid #bdbdbd;

  height: 46px;

}



textarea.contact-input {

  height: 120px;

  resize: none;

}





.contact-input:focus {

  box-shadow: none;

  border-color: #0077b6;

}





.attach-btn {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  cursor: pointer;

  font-weight: 500;

}



.plus-icon {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  border: 2px solid #222;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

}



.partnersSwiper .swiper-slide img {

  width: 100%;

  max-height: 110px;

  object-fit: contain;

  opacity: 0.9;

  transition: 0.3s;

}



.partnersSwiper .swiper-slide img:hover {

  filter: grayscale(0%);

  opacity: 1;

}





/* Contact Hero Section */



.contact-hero {

  position: relative;

  min-height: 420px;



  background:

    linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),

    url('../images/Where-talent-meets-opportunity.png') center/cover no-repeat;

}







.contact-hero .container {

  position: relative;

  z-index: 2;

}



.contact-hero-row {

  margin-bottom: 156px;

}





/* Footer */

/* .site-footer .footer-widget {

  background-color: #353535;

  color: #fff;

  padding: 80px 0 0px 0;

  position: relative;

}



.footer-widget h3 {

  font-size: 24px;

  line-height: 20px;

  font-weight: 500;

  margin-bottom: 25px;

  color: #5dc5be;

}



.footer-widget h3+p,

.footer-widget h3+p+p {

  color: #fff;

}



.social-footer {

  display: flex;

  margin: 0 0 0 0;

  padding-left: 0;

}



.social-footer li {

  margin-right: 12px;

  margin-bottom: 15px;

}



.social-footer li a {

  color: #fff;

  opacity: .3;

  transition: .4s all;

}



.social-footer li a i {

  font-size: 28px;

}



.social-footer li a:hover {

  opacity: 1;

} */



/* .footer-menu {

  padding: 30px 0;

}



.footer-menu li:not(:last-child) {

  margin-bottom: 20px;

}



.footer-menu li a {

  color: #fff;

}



.footer-menu li a:hover {

  color: #878787;

} */



/* .extra_menu a {

  color: #fff;

  font-size: 11px;

} */

/* .footer-copyright {

  border-top: 3px solid #0075b8;

}



.footer-copyright p {

  font-size: 15px;

  color: #fff;

  margin-bottom: 0;

  padding: 15px 0;

} */



.testimonialSwiper {

  position: relative;

  padding-bottom: 50px;

}



.testimonialSwiper .swiper-pagination {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  text-align: center;

}



.stats-slider {

  position: relative;

  padding-bottom: 50px;

}



.stats-slider .swiper-pagination {

  bottom: -5px !important;

}