:root {
   --talent-teal: #499699;
   --talent-blue: #264669;
   --talent-soft: #eef7f7;
   --talent-line: #d8e8ea;
   --talent-text: #425563;
   --talent-shadow: 0 18px 45px rgba(38, 70, 105, 0.13);
}

.talent-page.main-layout {
   background: #ffffff;
}

.talent-page a:focus-visible,
.talent-page button:focus-visible {
   outline: 3px solid rgba(73, 150, 153, 0.45);
   outline-offset: 3px;
}

.talent-page .head_top {
   position: relative;
   overflow: hidden;
   padding-top: 94px;
   background: var(--talent-blue);
}

.talent-page .hero_slides {
   position: absolute;
   inset: 0;
   z-index: 0;
}

.talent-page .hero_slide {
   position: absolute;
   inset: 0;
   background-size: cover;
   background-position: center;
   opacity: 0;
   animation: heroSlideFade 30s ease-in-out infinite;
}

.talent-page .hero_slide::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, rgba(38, 70, 105, 0.94) 0%, rgba(38, 70, 105, 0.78) 43%, rgba(38, 70, 105, 0.22) 100%);
}

.talent-page .hero_slide--1 {
   background-image: url("../images/Slide02%20TP.jpeg");
   animation-delay: 0s;
}

.talent-page .hero_slide--2 {
   background-image: url("../images/Slide03%20TP.jpeg");
   animation-delay: 6s;
}

.talent-page .hero_slide--3 {
   background-image: url("../images/Slide04%20TP.jpeg");
   animation-delay: 12s;
}

.talent-page .hero_slide--4 {
   background-image: url("../images/Slide05%20TP.jpeg");
   animation-delay: 18s;
}

.talent-page .hero_slide--5 {
   background-image: url("../images/Slide06%20TP.jpeg");
   animation-delay: 24s;
}

@keyframes heroSlideFade {
   0% { opacity: 0; }
   4% { opacity: 1; }
   20% { opacity: 1; }
   24% { opacity: 0; }
   100% { opacity: 0; }
}

.talent-page .header {
   padding: 24px 30px;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1000;
   background: rgba(38, 70, 105, 0.94);
   backdrop-filter: blur(8px);
   box-shadow: 0 6px 20px rgba(38, 70, 105, 0.2);
}

.talent-page .logo {
   display: flex;
   align-items: center;
}

.talent-page .logo a {
   display: inline-flex;
   align-items: center;
}

.talent-page .talent-logo {
   width: 210px;
   max-height: 46px;
   object-fit: contain;
}

.talent-page .navigation.navbar {
   justify-content: flex-end;
}

.talent-page .navigation.navbar-dark .navbar-nav .nav-link {
   color: #ffffff;
   padding: 10px 15px;
   border-radius: 8px;
   font-weight: 700;
   text-transform: none;
}

.talent-page .navigation.navbar-dark .navbar-nav .nav-link:hover,
.talent-page .navigation.navbar-dark .navbar-nav .nav-link:focus {
   color: #ffffff;
   background: rgba(255, 255, 255, 0.16);
}

.talent-page .navigation.navbar-dark .navbar-nav .nav-link.nav-cta {
   background: #ffffff;
   color: var(--talent-blue);
}

.talent-page .navigation.navbar-dark .navbar-nav .nav-link.nav-cta:hover,
.talent-page .navigation.navbar-dark .navbar-nav .nav-link.nav-cta:focus {
   color: #ffffff;
   background: var(--talent-teal);
}

.talent-page .banner_main {
   position: relative;
   z-index: 1;
   min-height: 690px;
}

.talent-page .text-img {
   padding-top: 40px;
}

.talent-page .hero_logo_card {
   max-width: 520px;
   margin: 0 auto;
   padding: 36px;
   background: rgba(255, 255, 255, 0.96);
   border: 1px solid rgba(255, 255, 255, 0.5);
   border-radius: 8px;
   box-shadow: var(--talent-shadow);
}

.talent-page .hero_logo_card img {
   display: block;
   width: 100%;
   max-width: 360px;
   margin: 0 auto 26px;
}

.talent-page .hero_logo_card ul {
   display: grid;
   gap: 12px;
}

.talent-page .hero_logo_card li,
.talent-page .workshop_item li,
.talent-page .month_item li {
   position: relative;
   padding-left: 24px;
   color: var(--talent-text);
   font-size: 16px;
   line-height: 1.5;
}

.talent-page .hero_logo_card li::before,
.talent-page .workshop_item li::before,
.talent-page .month_item li::before {
   content: "";
   position: absolute;
   top: 0.68em;
   left: 0;
   width: 10px;
   height: 10px;
   background: var(--talent-teal);
   border-radius: 50%;
}

.talent-page .titlepage span,
.talent-page .business .titlepage span,
.talent-page .projects .titlepage span {
   color: var(--talent-teal);
}

.talent-page .titlepage h2,
.talent-page .business .titlepage h2,
.talent-page .projects .titlepage h2,
.talent-page .contact .titlepage h2 {
   color: var(--talent-blue);
}

.talent-page .titlepage p,
.talent-page .contact .titlepage span {
   color: var(--talent-text);
}

.talent-page .business {
   padding-bottom: 35px;
}

.talent-page .mission_grid {
   row-gap: 24px;
}

.talent-page .content_card,
.talent-page .value_item,
.talent-page .service_item,
.talent-page .team_item,
.talent-page .workshop_item,
.talent-page .month_item {
   height: 100%;
   padding: 28px;
   background: #ffffff;
   border: 1px solid var(--talent-line);
   border-radius: 8px;
   box-shadow: var(--talent-shadow);
}

.talent-page .content_card h3,
.talent-page .process_copy h3,
.talent-page .service_item h3,
.talent-page .team_body h3,
.talent-page .workshop_item h3,
.talent-page .month_item h3,
.talent-page .section_subtitle h3 {
   color: var(--talent-blue);
   font-family: 'Poppins', sans-serif;
   font-weight: 800;
}

.talent-page .content_card p,
.talent-page .process_copy p,
.talent-page .value_item p,
.talent-page .service_item p,
.talent-page .team_body p,
.talent-page .workshop_item p {
   color: var(--talent-text);
   font-size: 16px;
   line-height: 27px;
   padding: 0;
}

.talent-page .featured_card {
   color: #ffffff;
   background: linear-gradient(135deg, var(--talent-blue), var(--talent-teal));
   border-color: transparent;
}

.talent-page .featured_card h3,
.talent-page .featured_card p {
   color: #ffffff;
}

.talent-page .process_row {
   margin-top: 46px;
   row-gap: 24px;
}

.talent-page .process_photo {
   height: 100%;
   min-height: 360px;
   margin: 0;
   overflow: hidden;
   border-radius: 8px;
   box-shadow: var(--talent-shadow);
}

.talent-page .process_photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.talent-page .process_copy {
   padding: 38px;
   background: var(--talent-soft);
   border: 1px solid var(--talent-line);
   border-radius: 8px;
}

.talent-page .process_copy span {
   display: inline-block;
   margin-bottom: 10px;
   color: var(--talent-teal);
   font-weight: 900;
   letter-spacing: 0.08em;
   text-transform: uppercase;
}

.talent-page .section_subtitle {
   margin: 58px 0 24px;
   text-align: center;
}

.talent-page .section_subtitle span,
.talent-page .service_item span,
.talent-page .workshop_item span {
   display: inline-block;
   color: var(--talent-teal);
   font-weight: 900;
   letter-spacing: 0.08em;
   text-transform: uppercase;
}

.talent-page .values_grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 16px;
}

.talent-page .value_item h4 {
   color: var(--talent-blue);
   font-size: 19px;
   font-weight: 800;
}

.talent-page .projects {
   padding-bottom: 50px;
}

.talent-page .team_section {
   padding: 82px 0 50px;
   background: #ffffff;
}

.talent-page .team_grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 22px;
}

.talent-page .team_item {
   padding: 0;
   overflow: hidden;
}

.talent-page .team_item figure {
   height: 430px;
   margin: 0;
   overflow: hidden;
   background: var(--talent-soft);
}

.talent-page .team_item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center top;
}

.talent-page .team_body {
   padding: 22px;
   text-align: center;
}

.talent-page .team_body h3 {
   padding-bottom: 6px;
}

.talent-page .projects::after,
.talent-page .copyright::after {
   display: none;
}

.talent-page .services_grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 22px;
}

.talent-page .service_item {
   padding: 0;
   overflow: hidden;
}

.talent-page .service_media {
   aspect-ratio: 4 / 3;
   margin: 0;
   overflow: hidden;
   background: var(--talent-soft);
}

.talent-page .service_media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.talent-page .service_content {
   padding: 24px;
}

.talent-page .service_item span {
   width: 40px;
   height: 40px;
   display: inline-grid;
   place-items: center;
   margin-bottom: 16px;
   color: var(--talent-blue);
   background: var(--talent-soft);
   border-radius: 8px;
}

.talent-page .workshop_section {
   padding-top: 20px;
}

.talent-page .Testimonial {
   margin-top: 55px;
   padding: 74px 44px;
   background: linear-gradient(135deg, var(--talent-blue), var(--talent-teal));
   border-radius: 8px;
}

.talent-page .Testimonial .titlepage span,
.talent-page .Testimonial .titlepage h2 {
   color: #ffffff;
}

.talent-page .section_photo {
   aspect-ratio: 16 / 7;
   margin: 0 0 34px;
   overflow: hidden;
   background: var(--talent-soft);
   border-radius: 8px;
   box-shadow: var(--talent-shadow);
}

.talent-page .section_photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.talent-page .Testimonial .section_photo {
   border: 1px solid rgba(255, 255, 255, 0.28);
   box-shadow: none;
}

.talent-page .calendar_photo {
   margin-top: 8px;
}

.talent-page .workshop_grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
}

.talent-page .workshop_item {
   box-shadow: none;
}

.talent-page .calendar_section {
   padding: 90px 0 50px;
   background: var(--talent-soft);
}

.talent-page .calendar_grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 16px;
}

.talent-page .month_item {
   box-shadow: none;
}

.talent-page .month_item h3 {
   margin-bottom: 16px;
   padding-bottom: 14px;
   border-bottom: 1px solid var(--talent-line);
}

.talent-page .month_item ul {
   display: grid;
   gap: 10px;
}

.talent-page .contact {
   padding-bottom: 30px;
}

.talent-page .main_form.contact_panel {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
   border-color: var(--talent-teal);
   border-radius: 8px;
}

.talent-page .contact_panel a {
   display: block;
   padding: 16px 18px;
   color: var(--talent-blue);
   background: var(--talent-soft);
   border: 1px solid var(--talent-line);
   border-radius: 8px;
   overflow-wrap: anywhere;
}

.talent-page .contact_panel a:hover {
   color: #ffffff;
   background: var(--talent-blue);
}

.talent-page .contact_panel .contact_whatsapp {
   grid-column: 1 / -1;
   color: #ffffff;
   background: var(--talent-blue);
   border-color: var(--talent-blue);
   text-align: center;
}

.talent-page .contact_panel .contact_whatsapp:hover {
   background: var(--talent-teal);
}

.talent-page .footer_logo {
   width: min(320px, 86%);
   margin-bottom: 24px;
}

.talent-page .contact_socials {
   margin-top: 24px;
}

.talent-page .multi,
.talent-page ul.social_icon li a,
.talent-page ul.social_icon li .social_icon_disabled {
   color: var(--talent-teal);
}

.talent-page ul.social_icon li a,
.talent-page ul.social_icon li .social_icon_disabled {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   padding-top: 0;
   background: #ffffff;
   border-radius: 50%;
   box-shadow: #ddd 0 0 10px 0;
   font-size: 22px;
}

.talent-page ul.social_icon li a:hover {
   color: #ffffff;
   background: var(--talent-blue);
}

.talent-page ul.social_icon li .social_icon_disabled {
   color: #9aaab5;
   background: #f4f8f8;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 0.78;
}

.talent-page .floating_whatsapp {
   position: fixed;
   right: 22px;
   bottom: 22px;
   z-index: 1100;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 52px;
   height: 52px;
   color: #ffffff;
   background: #25d366;
   border-radius: 50%;
   box-shadow: 0 12px 28px rgba(37, 211, 102, 0.34);
   font-size: 26px;
}

.talent-page .floating_whatsapp:hover,
.talent-page .floating_whatsapp:focus {
   color: #ffffff;
   background: var(--talent-blue);
}

.talent-page .copyright {
   background: var(--talent-blue);
}

@media (max-width: 1199px) {
   .talent-page .calendar_grid,
   .talent-page .values_grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media (max-width: 991px) {
   .talent-page .services_grid,
   .talent-page .workshop_grid {
      grid-template-columns: 1fr;
   }

   .talent-page .process_photo {
      min-height: 300px;
   }

   .talent-page .text-img {
      padding-top: 20px;
   }
}

@media (max-width: 767px) {
   .talent-page .head_top {
      padding-top: 80px;
   }

   .talent-page .Testimonial {
      background: linear-gradient(135deg, var(--talent-blue), var(--talent-teal));
   }

   .talent-page .header {
      padding: 16px 0;
   }

   .talent-page .logo {
      justify-content: center;
      float: none;
      width: 100%;
   }

   .talent-page .logo a {
      margin: 0 auto;
   }

   .talent-page .talent-logo {
      width: 220px;
      max-height: 48px;
   }

   .talent-page .navigation.navbar {
      margin-top: 0;
   }

   .talent-page .navigation .navbar-collapse {
      left: 0;
      right: 0;
      margin-right: 0;
      border-radius: 8px;
      box-shadow: var(--talent-shadow);
   }

   .talent-page .navigation.navbar-dark .navbar-nav .nav-link {
      color: var(--talent-blue);
   }

   .talent-page .navigation.navbar-dark .navbar-nav .nav-link:hover,
   .talent-page .navigation.navbar-dark .navbar-nav .nav-link:focus {
      color: #ffffff;
      background: var(--talent-blue);
   }

   .talent-page .banner_main {
      min-height: 480px;
   }

   .talent-page .values_grid,
   .talent-page .team_grid,
   .talent-page .calendar_grid,
   .talent-page .main_form.contact_panel {
      grid-template-columns: 1fr;
   }

   .talent-page .Testimonial {
      padding: 50px 18px;
   }

   .talent-page .section_photo {
      aspect-ratio: 4 / 3;
      margin-bottom: 24px;
   }

   .talent-page .team_item figure {
      height: 390px;
   }

   .talent-page .floating_whatsapp {
      right: 16px;
      bottom: 16px;
      width: 46px;
      height: 46px;
      font-size: 23px;
   }
}

@media (max-width: 575px) {
   .talent-page .hero_logo_card,
   .talent-page .content_card,
   .talent-page .value_item,
   .talent-page .service_item,
   .talent-page .team_item,
   .talent-page .workshop_item,
   .talent-page .month_item {
      padding: 22px;
   }

   .talent-page .service_item,
   .talent-page .team_item {
      padding: 0;
   }

   .talent-page .process_copy,
   .talent-page .service_content,
   .talent-page .team_body {
      padding: 22px;
   }

   .talent-page .main_form.contact_panel {
      padding: 22px;
      margin: 0;
   }
}