:root {
 --tolak-font: "Rubik", sans-serif;
 --tolak-heading-font: "Raleway", sans-serif;
 --tolak-text: #636363;
 --tolak-text-rgb: 99, 99, 99;
 --tolak-text2: #9fa0a0;
 --tolak-text2-rgb: 159, 160, 160;
 --tolak-text-dark: #b7b7b7;
 --tolak-text-dark-rgb: 183, 183, 183;
 --tolak-base: #0d8789;
 --tolak-base-rgb: 61, 114, 252;
 --tolak-gray: #ecf2fc;
 --tolak-gray-rgb: 236, 242, 252;
 --tolak-gray2: #c1c1c1;
 --tolak-gray2-rgb: 193, 193, 193;
 --tolak-white: #fff;
 --tolak-white-rgb: 255, 255, 255;
 --tolak-black: #051d1f;
 --tolak-black-rgb: 5, 29, 31;
 --tolak-black2: #222222;
 --tolak-black2-rgb: 34, 34, 34;
 --tolak-black3: #000;
 --tolak-black3-rgb: 0, 0, 0;
 --tolak-black4: #1b272a;
 --tolak-black4-rgb: 27, 39, 42;
 --tolak-border-color: #dddddd;
 --tolak-border-color-rgb: 221, 221, 221;
 --tolak-border-color2: #eaf0fa;
 --tolak-border-color2-rgb: 234, 240, 250;
 --tolak-letter-space: 0.1em;
 --tolak-letter-space-xl: 0.2em;
}
body {
 font-family: var(--tolak-font, "Rubik", sans-serif);
 color: var(--tolak-text, #636363);
 font-size: 16px;
 line-height: 1.75;
 font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: var(--tolak-heading-font, "Raleway", sans-serif);
 color: var(--tolak-black, #051d1f);
 font-weight: 700;
}
.hero{background:linear-gradient(120deg,#0f2027,#203a43,#2c5364);color:#fff;}
.hero .container{display:flex;align-items:center;gap:40px;flex-wrap:wrap;}
.hero-img img{max-width:100%;animation:float 4s ease-in-out infinite;}
@keyframes float{
 0%,100%{transform:translateY(0);}
 50%{transform:translateY(-10px);}
}
.trust-line span {
 margin-right: 15px;
 font-size: 16px;
 font-weight: 600;
}
.btn-primary{
 display:inline-block;
 margin-top:20px;
 background:#05a6f0;
 padding:14px 26px;
 color:#fff;
 border-radius:30px;
 text-decoration:none;
 transition:.3s;
}
.btn-primary:hover{background:#0a192f;transform:scale(1.05);}
.section{padding:70px 0;}
.section.light{background:#f7f9fc;}
.center{text-align:center;}
.max{max-width:800px;margin:20px auto;}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;}
.card,.info-box{
 background:#fff;
 padding:30px;
 border-radius:12px;
 text-align:center;
 box-shadow:0 10px 30px rgba(0,0,0,.08);
 transition:.3s;
}
.card:hover,.info-box:hover{transform:translateY(-8px);}
.card i,.info-box i{font-size:40px;color:#61D9FB !important;margin-bottom:15px;}
.deliverables{list-style:none;max-width:600px;margin:30px auto;}
.deliverables li{margin:15px 0;font-size:18px;}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.step{
 background:#203a43;
 color:#fff;
 padding:20px;
 border-radius:10px;
 text-align:center;
}
.cta{
 background:#ff9800;
 color:#fff;
 text-align:center;
 padding:60px 20px;
}
h1.banner-title.text-white {
 line-height: 55px;
 font-size: 55px;
 letter-spacing: 2px;
 text-align: justify;
 font-weight: 600;
}
p.main-slider-one__text__one {
 text-align: justify;
}
.trust-line {
 padding-top: 5px;
 font-size: 24px;
}
.hero-text {
 padding: 90px 0;
}
@media (max-width: 992px){
 .hero-text{
 padding: 70px 0;
 text-align: center;
 }
}
@media (max-width: 576px){
 .hero-text{
 padding: 60px 0;
 }
}
.main-slider-one__text__one {
 font-size: 21px !important;
 line-height: 32px !important;
 color: var(--tolak-white, #fff);
 margin: 0;
 font-weight: 500 ;
 letter-spacing: 2px !important;
}
.service-five__item {
 background: #fff;
 border-radius: 16px;
 overflow: hidden;
 transition: all 0.3s ease;
 height: 100%;
}
.service-five__item:hover {
 transform: translateY(-8px);
 box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.service-five__item__image img {
 width: 100%;
 height: 220px;
 object-fit: cover;
}
.service-five__item__content {
 padding: 25px 20px;
}
.service-five__item__icon {
 display: flex;
 justify-content: center;
 margin-bottom: 15px;
}
.service-five__item__icon i {
 font-size: 36px;
 color: #61D9FB;
}
.service-five__item__title {
 font-size: 20px;
 margin-bottom: 10px;
}
.service-five__item__text {
 font-size: 15px;
 line-height: 1.6;
 color: #555;
}
@media (max-width: 991px) {
 .service-five__item__image img {
 height: 200px;
 }
 .service-five__item__title {
 font-size: 18px;
 }
}
@media (max-width: 767px) {
 .service-five__item__image img {
 height: 180px;
 }
 .service-five__item__content {
 padding: 20px 15px;
 }
 .service-five__item__icon i {
 font-size: 32px;
 }
 .service-five__item__text {
 font-size: 14px;
 }
}
@media (max-width: 480px) {
 .service-five__item__image img {
 height: 160px;
 }
 .service-five__item__title {
 font-size: 17px;
 }
}
body {
 font-family: 'Inter', sans-serif;
}
.career-hero-modern {
 padding: 60px 0;
 background: linear-gradient(135deg, #f0f8ff, #f0f8ff);
 color: #fff;
}
span.badge.text-black {
 font-size: 18px;
 font-weight: 400;
}
.hero-content {
 max-width: 700px;
}
.badge {
 background: rgba(255,255,255,0.15);
 padding: 6px 14px;
 border-radius: 20px;
 font-size: 14px;
}
.career-hero-modern h1 {
 font-size: 52px;
 margin: 0px 0;
}
.hero-actions {
 display: flex;
 gap: 15px;
 margin-top: 30px;
}
.btn-primary {
 background: #61D9FB !important;
 color: #fff;
 padding: 14px 28px;
 border-radius: 10px;
 font-weight: 600;
}
.btn-outline {
 border: 2px solid #fff;
 color: #fff;
 padding: 14px 28px;
 border-radius: 10px;
}
.career-benefits-modern {
 padding: 90px 0;
}
.section-header {
 text-align: center;
 margin-bottom: 60px;
}
.benefits-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 30px;
}
.benefit-card {
 background: #fff;
 padding: 30px;
 border-radius: 16px;
 box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}
.career-jobs-modern {
 padding: 90px 0;
 background: #f8f9fa;
}
.job-list {
 display: flex;
 flex-direction: column;
 gap: 20px;
}
.job-card-modern {
 background: #fff;
 padding: 25px 30px;
 border-radius: 14px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.btn-link {
 font-weight: 600;
 color: #0d6efd;
}
.talent-box {
 margin-top: 60px;
 padding: 40px;
 border-radius: 18px;
 background: linear-gradient(135deg, #0d6efd, #0a58ca);
 color: #fff;
 text-align: center;
}
@media (max-width: 992px) {
 .benefits-grid {
 grid-template-columns: repeat(2, 1fr);
 }
}
@media (max-width: 768px) {
 .career-hero-modern h1 {
 font-size: 38px;
 }
 .benefits-grid {
 grid-template-columns: 1fr;
 }
 .hero-actions {
 flex-direction: column;
 }
 .job-card-modern {
 flex-direction: column;
 align-items: flex-start;
 gap: 10px;
 }
}
.training-hero {
 padding: 100px 0;
 background: linear-gradient(135deg, #0d6efd, #0a58ca);
 color: #fff;
}
.hero-content {
 max-width: 750px;
}
.badge {
 background: rgba(255,255,255,0.15);
 padding: 6px 14px;
 border-radius: 20px;
 font-size: 14px;
}
.service-overview {
 padding: 80px 0;
}
.overview-grid {
 display: grid;
 grid-template-columns: 1.2fr 0.8fr;
 gap: 40px;
}
.overview-highlight {
 background: #f8f9fa;
 padding: 30px;
 border-radius: 16px;
}
.overview-highlight ul {
 list-style: none;
 padding: 0;
}
.overview-highlight li {
 margin-bottom: 10px;
 font-weight: 500;
}
.training-services {
 padding: 90px 0;
 background: #f8f9fa;
}
.training-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 30px;
}
.training-card {
 background: #fff;
 padding: 30px;
 border-radius: 18px;
 box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}
.training-card h4 {
 margin-bottom: 12px;
}
.tag {
 display: inline-block;
 margin-top: 15px;
 font-size: 13px;
 padding: 6px 12px;
 background: #e7f1ff;
 color: #0d6efd;
 border-radius: 20px;
}
.service-cta {
 padding: 90px 0;
 background: linear-gradient(135deg, #0d6efd, #0a58ca);
 color: #fff;
}
@media (max-width: 992px) {
 .overview-grid {
 grid-template-columns: 1fr;
 }
 .training-grid {
 grid-template-columns: repeat(2, 1fr);
 }
}
@media (max-width: 768px) {
 .training-grid {
 grid-template-columns: 1fr;
 }
 .training-hero {
 padding: 70px 0;
 }
}
.who-for {
 padding: 80px 20px;
 background: #f8fafc;
}
.container {
 max-width: 1200px;
 margin: auto;
}
.section-title {
 text-align: center;
 font-size: 36px;
 font-weight: 700;
 margin-bottom: 10px;
}
.section-subtitle {
 text-align: center;
 max-width: 700px;
 margin: 0 auto 50px;
 color: #555;
 font-size: 17px;
}
.who-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 gap: 25px;
}
.who-card {
 background: #fff;
 padding: 35px 25px;
 border-radius: 16px;
 text-align: center;
 box-shadow: 0 15px 35px rgba(0,0,0,0.08);
 transition: all 0.3s ease;
 height: 250px;
}
.who-card i {
 font-size: 36px;
 color: #61D9FB;
 margin-bottom: 18px;
}
.who-card h3 {
 font-size: 20px;
 margin-bottom: 12px;
}
.who-card p {
 font-size: 15px;
 color: #555;
 line-height: 1.6;
}
.who-card:hover {
 transform: translateY(-6px);
 box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}
 .hero-section {
 padding: 80px 0;
 }
 .img-container {
 position: relative;
 border-radius: 20px;
 overflow: hidden;
 box-shadow: 0 20px 40px rgba(0,0,0,0.1);
 }
 .img-container img {
 transition: transform 0.5s ease;
 }
 .img-container:hover img {
 transform: scale(1.05);
 }
 .content-box {
 padding-left: 40px;
 }
 .main-heading {
 color: #00AEEF; 
 font-weight: 700;
 margin-bottom: 20px;
 font-size: 2.5rem;
 }
 .sub-text {
 color: #555;
 line-height: 1.8;
 margin-bottom: 25px;
 }
 .feature-item {
 display: flex;
 align-items: center;
 margin-bottom: 15px;
 background: #fff;
 padding: 15px;
 border-radius: 12px;
 box-shadow: 0 4px 10px rgba(0,0,0,0.03);
 transition: 0.3s;
 }
 .feature-item:hover {
 transform: translateX(10px);
 box-shadow: 0 6px 15px rgba(0,0,0,0.08);
 }
 .icon-box {
 width: 35px;
 height: 35px;
 background-color: #00AEEF;
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-right: 15px;
 }
 .feature-text {
 font-weight: 500;
 color: #333;
 }
 .icon-box {
 width: 64px;
 height: 64px;
 background: #eef2ff;
 color: #4f46e5;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.card:hover {
 transform: translateY(-6px);
 transition: all 0.3s ease;
}
.card {
 transition: all 0.3s ease;
}
.card:hover {
 transform: translateY(-6px);
}
.feature-one__item,
.feature-one__item * {
 cursor: default !important;
}


.inquiry-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.inquiry-modal__content {
    background: #fff;
    width: 100%;
    max-width: 500px;
    border-radius: 16px;
    padding: 30px;
    position: relative;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.inquiry-modal__content h3 {
    margin-bottom: 10px;
}

.inquiry-modal__content input,
.inquiry-modal__content textarea {
    width: 100%;
    margin-bottom: 15px;
    padding: 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    outline: none;
}

.inquiry-modal__content button {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
}

.enquiry-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    cursor: pointer;
}

span.enquiry-close {
    font-size: 32px;
    font-weight: 800;
    align-items: end;
    text-align: end;
    justify-content: flex-end;
    display: flex;
}

/* Tablet */
@media (max-width: 991px) {
    .inquiry-modal__content h3 {
        gap: 15px;
        font-size: 45px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .inquiry-modal__content h3 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        font-size: 42px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .inquiry-modal__content h3 {
        font-size: 20px;
        gap: 6px;
    }
}

/* Performance + Responsive Enhancements */
img{max-width:100%;height:auto}
video{max-width:100%;height:auto}
@media (max-width:991px){
  .main-menu__right, .topbar{display:none!important;}
  h1{font-size:clamp(28px,5vw,42px)!important;}
  h2{font-size:clamp(24px,4vw,36px)!important;}
  .container{padding-left:15px;padding-right:15px;}
}
@media (max-width:767px){
  .main-slider-one__title{line-height:1.2!important;}
  .sec-title__title br{display:none;}
}



/* =========================
   HERO SLIDER RESPONSIVE FIX
========================= */

.main-slider-one,
.main-slider-one__carousel,
.main-slider-one__item {
    width: 100%;
    overflow: hidden;
}

.main-slider-one__item {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

.main-slider-one__bg {
    position: absolute;
    inset: 0;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Content layer */
.main-slider-one__content {
    position: relative;
    z-index: 2;
}

/* Mobile */
@media (max-width: 768px) {
    .main-slider-one__item {
        min-height: 650px;
        padding: 100px 0 60px;
    }

    .main-slider-one__title {
        font-size: 34px !important;
        line-height: 1.25 !important;
    }

    .main-slider-one__text__one {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .main-slider-one__text__one br,
    .main-slider-one__title br {
        display: none;
    }
}

@media (max-width: 480px) {
    .main-slider-one__item {
        min-height: 560px;
    }

    .main-slider-one__title {
        font-size: 28px !important;
    }

    .main-slider-one__text__one {
        font-size: 15px !important;
    }
}