:root {
    --red: #dc252b;
    --ink: #0f1054;
    --blue: #0d4c8f;
    --muted: #64748b;
    --light: #f5f8fc;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: "Open Sans", Arial, sans-serif; color: #172033; background: #fff; font-size: 16px; line-height: 1.75; }
h1, h2, h3, h4, h5, h6 { font-family: Poppins, Arial, sans-serif; color: var(--ink); font-weight: 700; letter-spacing: 0; line-height: 1.35; }
h1 { font-size: 48px; line-height: 1.208; }
h2 { font-size: 40px; line-height: 1.25; }
h3 { font-size: 30px; line-height: 1.278; }
h4 { font-size: 24px; line-height: 1.333; }
h5 { font-size: 20px; line-height: 1.417; }
h6 { font-size: 16px; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 3px solid #0d4c8f; outline-offset: 3px; }
p { line-height: 1.65; }
.topbar { background: var(--red); color: #fff; font-size: 15px; font-weight: 700; padding: 8px 0; }
.topbar a { color: #fff; margin-right: 18px; }
.topbar i { font-size: 15px; }
.topbar .topbar-whatsapp { display: inline-flex; align-items: center; gap: 6px; }
.topbar .topbar-whatsapp i { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #25d366; font-size: 14px; line-height: 1; }
.topbar .social { display: flex; align-items: center; gap: 16px; }
.topbar .social span { margin-right: 4px; }
.topbar .social a { margin: 0; font-size: 16px; line-height: 1; }
.site-header { box-shadow: 0 7px 26px rgba(5, 30, 60, .04); background: #fff; }
.site-header .navbar { min-height: 104px; padding: 0; }
.site-header .container { align-items: center; }
.navbar-brand { padding: 0; margin-right: clamp(40px, 7vw, 110px); }
.navbar-brand img { max-height: 92px; width: auto; }
.navbar-nav { align-items: center; gap: clamp(16px, 2vw, 30px); }
.navbar-nav .nav-link { color: #000; font-weight: 700; padding: 42px 0; font-size: 16px; line-height: 1; }
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.dropdown-item:hover,
.dropdown-item.active { color: var(--red); }
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active { color: var(--red); }
.dropdown-item:hover,
.dropdown-item:focus { background: #fff7f7; color: var(--red); }
.dropdown-item:active,
.dropdown-item.active { background: var(--red); color: #fff; }
.navbar-nav .dropdown-toggle::after { margin-left: 8px; vertical-align: .12em; border-top-width: .22em; border-right-width: .22em; border-left-width: .22em; }
.dropdown-menu { border: 0; box-shadow: 0 16px 45px rgba(0,0,0,.12); border-radius: 4px; min-width: 265px; padding: 12px 0; }
.dropdown-item { font-weight: 600; padding: 10px 18px; }
.dropdown-item { padding: 10px 16px; font-weight: 600; }
.site-header .dropdown-item { display: flex; align-items: center; gap: 12px; }
.site-header .dropdown-item::before {
    content: "";
    width: 0;
    height: 0;
    flex: 0 0 auto;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #17305a;
}
.site-header .dropdown-item:hover::before,
.site-header .dropdown-item:focus::before,
.site-header .dropdown-item.active::before { border-left-color: var(--red); }
.dropdown-view-all { color: var(--red); font-weight: 800; }
.dropdown-divider { margin: 5px 0; border-color: #e7edf5; }
@media (min-width: 992px) {
    .navbar-nav .nav-item.dropdown:hover > .dropdown-menu,
    .navbar-nav .nav-item.dropdown:focus-within > .dropdown-menu { display: block; }
}
.btn-primary, .th-btn { background: var(--red); border-color: var(--red); border-radius: 6px; padding: 13px 24px; font-weight: 700; }
.btn-primary:hover, .th-btn:hover { background: #c91f24; border-color: #c91f24; }
.hero { position: relative; overflow: hidden; background: var(--light); }
.hero-slide { min-height: 610px; display: grid; align-items: center; background-size: cover; background-position: center right; background-repeat: no-repeat; position: relative; }
.hero-slide-image { display: none; width: 100%; height: auto; object-fit: contain; object-position: center; }
.hero-slide::before { content: none; }
.hero-content { position: relative; z-index: 1; max-width: 1080px; padding: 80px 0; }
.hero-content h1,
.hero-content .hero-heading { color: #000; font-size: 50px; font-weight: 400; line-height: 1.28; margin-bottom: 20px; }
.hero-content h1 span,
.hero-content .hero-heading span { color: var(--red); font-weight: 700; }
.hero-content .eyebrow { color: #000; font-size: 27px; font-weight: 400; line-height: 1.3; margin-bottom: 20px; }
.hero-content p { font-size: 18px; color: #000; max-width: 760px; }
.hero-product-logos { display: flex; align-items: stretch; gap: 0; flex-wrap: nowrap; margin: 24px 0 24px; max-width: 720px; border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; overflow: hidden; }
.hero-product-logos img {
    display: block;
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    height: 90px;
    object-fit: contain;
    object-position: center;
    padding: 8px 14px;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
}
.hero-product-logos img:first-child,
.hero-product-logos img:nth-child(2) {
    height: 110px;
    padding: 4px 10px;
}
.hero-product-logos img:last-child {
    border-right: none;
}
.eyebrow { color: var(--red); font-family: Poppins, Arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0; font-size: 24px; line-height: 1.2; margin-bottom: 10px; }

/* Hero banner bottom-center nav controls */
.hero-nav-controls { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; z-index: 10; }
.hero-nav-btn { width: 48px; height: 48px; background: rgba(120,120,120,.75); border: none; border-radius: 4px; color: #fff; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s ease; }
.hero-nav-btn:hover { background: rgba(80,80,80,.95); }

.section { padding: 74px 0; }
.section-title-wrap { padding: 58px 0 12px; }
.section.alt { background: var(--light); }
.home-products-section,
.home-services-section,
.home-expertise-section {
    background: #fff !important;
}
.home-products-section .eyebrow {
    color: var(--red) !important;
}
.section-title { max-width: 820px; margin-bottom: 34px; }
.section-title.center { margin-inline: auto; text-align: center; }
.section-title h2 { color: #0f1054; font-size: 36px; line-height: 1.25; font-weight: 700; text-transform: none; }
.section-title-icon { width: 58px; height: 58px; margin: 0 auto 14px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--red); box-shadow: 0 16px 36px rgba(220, 37, 43, .14); border: 1px solid #ffe0e2; font-size: 24px; }
.feedback-section-title .eyebrow { margin-bottom: 8px; }
.section-title h2.eyebrow { color: var(--red); font-size: 24px; line-height: 1.2; margin-bottom: 10px; }
.about-img { border-radius: 8px; width: 100%; box-shadow: 0 20px 60px rgba(11, 31, 58, .12); }
.home-about-img { display: block; height: clamp(380px, 34vw, 500px); object-fit: cover; object-position: center; }
.about-values-img { display: block; height: auto; }
.check-list { list-style: none; padding: 0; margin: 22px 0; }
.check-list li { margin: 10px 0; font-weight: 400; }
.check-list i { color: var(--red); margin-right: 8px; }
.info-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 28px; transition: .2s ease; position: relative; overflow: hidden; display: flex; flex-direction: column; }
.info-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(3, 25, 52, .11); border-color: transparent; }
.info-card:hover,
.catalogue-card:hover,
.service-what-card:hover,
.industry-card:hover,
.export-product-card:hover,
.export-advantage-card:hover,
.service-value-card:hover,
.service-card:hover,
.open-source-service-tile:hover,
.partner-team-card:hover,
.blog-card:hover {
    border-color: var(--red) !important;
    box-shadow: 0 24px 56px rgba(220, 37, 43, .18) !important;
}
.info-card img { max-height: 86px; max-width: 180px; object-fit: contain; margin-bottom: 18px; }
.info-card h3 { font-size: 19px; margin-bottom: 12px; }
.info-card h3,
.info-card h3 a,
.service-what-card h3,
.service-what-card h3 a,
.industry-card h3,
.link-btn {
    transition: color .2s ease;
}
.info-card:hover h3,
.info-card:hover h3 a,
.catalogue-card:hover h2,
.catalogue-card:hover h2 a,
.service-what-card:hover h3,
.service-what-card:hover h3 a,
.industry-card:hover h3,
.export-product-card:hover h3,
.export-product-card:hover h3 a,
.export-advantage-card:hover h3,
.service-value-card:hover h3,
.service-card:hover h3,
.service-card:hover h3 a,
.open-source-service-tile:hover h3,
.partner-team-card:hover h3,
.info-card:hover .link-btn,
.service-what-card:hover .link-btn,
.catalogue-card:hover .catalogue-button,
.export-product-card:hover .link-btn,
.service-card:hover .link-btn {
    color: var(--red);
}
.info-card:hover img,
.service-what-card:hover img,
.industry-card:hover img,
.export-product-card:hover img,
.export-advantage-card:hover img,
.service-value-card:hover img,
.catalogue-card:hover img {
    filter: saturate(1.08);
}
.info-card p { color: #45546a; }
[id^="productsSlider"] .info-card img { width: min(100%, 300px); height: 86px; max-width: none; max-height: none; object-fit: contain; object-position: center; align-self: center; margin-bottom: 6px; }
[id^="productsSlider"] .info-card { padding-left: 22px; padding-right: 22px; }
[id^="servicesSlider"] .info-card { padding: 34px; }
[id^="servicesSlider"] .info-card img { display: block; width: 100%; max-width: none; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; object-position: center; align-self: center; border-radius: 2px; margin-bottom: 24px; background: #fff; }
#productsSlider .info-card,
#productsSliderTablet .info-card,
#productsSliderMobile .info-card,
#servicesSlider .info-card,
#servicesSliderTablet .info-card,
#servicesSliderMobile .info-card,
#expertiseSlider .industry-card,
#expertiseSliderTablet .industry-card,
#expertiseSliderMobile .industry-card {
    text-align: center;
    align-items: center;
}
#productsSlider .info-card h3,
#productsSlider .info-card p,
#productsSliderTablet .info-card h3,
#productsSliderTablet .info-card p,
#productsSliderMobile .info-card h3,
#productsSliderMobile .info-card p,
#servicesSlider .info-card h3,
#servicesSlider .info-card p,
#servicesSliderTablet .info-card h3,
#servicesSliderTablet .info-card p,
#servicesSliderMobile .info-card h3,
#servicesSliderMobile .info-card p,
#expertiseSlider .industry-card h3,
#expertiseSlider .industry-card p,
#expertiseSliderTablet .industry-card h3,
#expertiseSliderTablet .industry-card p,
#expertiseSliderMobile .industry-card h3,
#expertiseSliderMobile .industry-card p {
    width: 100%;
    text-align: center;
}
#productsSlider .info-card .link-btn,
#productsSliderTablet .info-card .link-btn,
#productsSliderMobile .info-card .link-btn,
#servicesSlider .info-card .link-btn,
#servicesSliderTablet .info-card .link-btn,
#servicesSliderMobile .info-card .link-btn {
    align-self: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.section-slider { position: relative; padding: 0; }
.section-slider .carousel-item { transition: transform .55s ease-in-out; }
.slider-controls { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 34px; min-height: 46px; }
.section-slider .info-card,
.section-slider .testimonial,
.section-slider .client-logo,
.section-slider .blog-card { height: 100%; }
.section-slider .row { align-items: stretch; }
.home-responsive-carousel .carousel-item .row > [class*="col-"] { display: flex; }
.home-responsive-carousel .blog-card { width: 100%; }
#servicesSlider { min-height: 697px !important; }
#servicesSlider .carousel-inner { min-height: 615px !important; }
#clientsSlider { min-height: 218px !important; }
#clientsSlider .carousel-inner { min-height: 148px !important; }
#expertiseSlider { min-height: 518px !important; }
#expertiseSlider .carousel-inner { min-height: 436px !important; }
#feedbackSlider { min-height: 636px !important; }
#feedbackSlider .carousel-inner { min-height: 554px !important; }
#blogHomeSlider { min-height: 626px !important; }
#blogHomeSlider .carousel-inner { min-height: 544px !important; }
.slider-arrow { position: static; z-index: 3; width: 44px; height: 44px; border: 1px solid #d9e3ef; border-radius: 50%; background: #fff; color: var(--blue); box-shadow: 0 12px 28px rgba(7, 28, 47, .1); display: inline-flex; align-items: center; justify-content: center; transition: .2s ease; }
.slider-arrow:hover { background: var(--red); border-color: var(--red); color: #fff; transform: none; }
.slider-arrow i { font-size: 15px; }
.slider-controls.slider-dots {
    position: static;
    width: 100%;
    margin: 34px 0 0;
    padding: 0;
    min-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.slider-controls.slider-dots [data-bs-slide-to] {
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    border: 0;
    border-radius: 999px;
    background: #cfcfcf;
    opacity: 1;
    text-indent: -999px;
    overflow: hidden;
    transition: width .2s ease, background-color .2s ease;
}
.slider-controls.slider-dots [data-bs-slide-to].active {
    width: 40px;
    background: var(--red);
}
.logo-slider { padding-bottom: 0; }
.logo-slider .slider-prev { left: calc(50% - 50px); }
.logo-slider .slider-next { right: calc(50% - 50px); }
.link-btn { color: var(--red); font-weight: 800; margin-top: auto; display: inline-flex; align-items: center; width: max-content; }
.catalogue-bread { padding: 70px 0; }
.catalogue-intro { padding: 68px 0 40px; }
.catalogue-intro .section-title { max-width: 980px; margin-bottom: 0; }
.catalogue-intro .section-title p { color: #45546a; font-size: 17px; margin: 0 auto 14px; }
.catalogue-section { padding: 28px 0 90px; background: #f5f8fc; }
.catalogue-card { height: 100%; overflow: hidden; display: flex; flex-direction: column; background: #fff; border: 1px solid #e5ebf3; border-radius: 8px; box-shadow: 0 16px 42px rgba(7, 28, 47, .07); transition: transform .2s ease, box-shadow .2s ease; }
.catalogue-card:hover { transform: translateY(-4px); box-shadow: 0 24px 54px rgba(7, 28, 47, .12); }
.catalogue-card-image { min-height: 150px; padding: 18px 26px; display: flex; align-items: center; justify-content: center; background: #fff; border-bottom: 1px solid #edf1f6; }
.catalogue-card-image img { display: block; width: auto; max-width: 80%; height: 104px; object-fit: contain; }
.catalogue-card-body { flex: 1; display: flex; flex-direction: column; padding: 24px 30px 30px; }
.catalogue-card-body h2 { font-size: 24px; margin-bottom: 10px; }
.catalogue-card-body h2 a:hover { color: var(--red); }
.catalogue-card-body p { color: #45546a; margin-bottom: 14px; }
.catalogue-card-body .catalogue-type { color: #172033; min-height: 52px; }
.catalogue-best { margin-top: auto; }
.catalogue-best strong { color: #101057; }
.catalogue-button { width: max-content; margin-top: 8px; }
.catalogue-services .catalogue-card-image {
    min-height: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}
.catalogue-services .catalogue-card-image img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.catalogue-services .catalogue-card:hover {
    background: #fff !important;
    color: inherit !important;
    border-color: #e5ebf3 !important;
    box-shadow: 0 24px 54px rgba(7, 28, 47, .12) !important;
}
.catalogue-services .catalogue-card:hover::after {
    opacity: 0 !important;
}
.catalogue-services .catalogue-card:hover .catalogue-card-image {
    background: #fff !important;
    border-color: #edf1f6 !important;
}
.catalogue-services .catalogue-card:hover .catalogue-card-image img {
    filter: none !important;
}
.catalogue-services .catalogue-card:hover .catalogue-card-body {
    background: #f33036 !important;
    color: #fff !important;
}
.catalogue-services .catalogue-card:hover .catalogue-card-body h2,
.catalogue-services .catalogue-card:hover .catalogue-card-body h2 a,
.catalogue-services .catalogue-card:hover .catalogue-card-body p,
.catalogue-services .catalogue-card:hover .catalogue-card-body strong,
.catalogue-services .catalogue-card:hover .catalogue-card-body .catalogue-type {
    color: #fff !important;
}
.catalogue-services .catalogue-card:hover .catalogue-button {
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(255,255,255,.85) !important;
}
.tech-band { background: var(--red); color: #fff; padding: 70px 0; }
.tech-band h2 { color: #fff; font-size: 40px; font-weight: 400; line-height: 1.25; max-width: 940px; margin: 0 auto 28px; text-align: center; }
.tech-band .btn-light { background: #101057; border-color: #101057; color: #fff; font-weight: 700; }
.tech-band .btn-light:hover { background: #f8f9fa; border-color: #f8f9fa; color: #101057; }
.logo-slider .carousel-item .row > [class*="col-"] { display: flex; }
.client-logo { width: 100%; height: 150px; background: #fff; border: 1px solid #edf1f6; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 14px; }
.client-logo img { display: block; width: 100%; max-width: 190px; height: 98px; object-fit: contain; object-position: center; filter: grayscale(10%); }
.stat { text-align: center; padding: 24px; }
.stat img { width: 54px; height: 54px; object-fit: contain; margin-bottom: 12px; }
.stat strong { display: block; color: var(--red); font-size: 34px; font-family: Poppins, sans-serif; }
.stats-section { background: #101057; padding: 0; }
.stats-band { background: #101057; padding: 76px 20px; align-items: center; }
.about-stats-section { background: #f4f7fb; padding: 70px 0; }
.about-stats-section .stats-band { margin: 0; padding: 104px 20px; }
.stats-band .stat { color: #fff; }
.stats-band .stat img { width: 92px; height: 92px; filter: brightness(0) invert(1); margin-bottom: 26px; }
.stats-band .stat strong { color: #fff; font-size: clamp(34px, 3vw, 44px); font-weight: 800; line-height: 1; margin-bottom: 12px; }
.stats-band .stat { font-size: 17px; font-weight: 700; }
.stats-band .stat img { transition: filter .35s ease; transform-origin: 50% 50%; }
.stats-band .stat:hover img { animation: statIconRotate 1.1s ease-in-out infinite; filter: brightness(0) invert(1) drop-shadow(0 12px 18px rgba(255, 255, 255, .22)); }
@keyframes statIconRotate {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    75% { transform: rotate(6deg); }
}
.stats-band .about-stat { background: transparent; border: 0; box-shadow: none; }
.about-stats-grid .about-stat { background: #fff; border: 1px solid #e7edf5; box-shadow: 0 16px 42px rgba(7, 28, 47, .06); color: inherit; }
.about-stats-grid .about-stat img { display: block; filter: none; width: 76px; height: 76px; object-fit: contain; margin: 0 auto 18px; opacity: 1; }
.about-stats-grid .about-stat strong { color: var(--red); font-size: 34px; }
.testimonial { background: #f4f4f4; border-radius: 22px; padding: 54px 50px 42px; border: 0; height: 100%; display: flex; flex-direction: column; }
.testimonial-head { display: grid; grid-template-columns: 60px minmax(0, 1fr) 46px; align-items: center; gap: 12px; margin-top: auto; padding-top: 36px; }
.testimonial-profile-icon { width: 60px; height: 60px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #eef0f4; color: #b5bac3; font-size: 34px; flex: 0 0 auto; }
.testimonial-quote-icon { width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 3px solid #a9adb4; color: #a9adb4; background: #fff; font-size: 20px; flex: 0 0 auto; }
.testimonial-person { min-width: 0; overflow-wrap: normal; }
.testimonial h3 { color: var(--red); font-size: 20px; line-height: 1.15; margin: 0 0 5px; overflow-wrap: normal; word-break: normal; }
.testimonial span { display: block; color: #000; font-weight: 800; font-size: 14px; line-height: 1.22; overflow-wrap: normal; word-break: normal; }
.testimonial p { color: #000; font-size: 17px; line-height: 1.72; margin: 0 0 28px; }
.industry-card img,
#expertiseSlider .industry-card img,
#expertiseSliderTablet .industry-card img,
#expertiseSliderMobile .industry-card img {
    display: block !important;
    align-self: center !important;
    width: 92px;
    max-width: 92px;
    height: 92px;
    object-fit: contain;
    margin: 0 auto 18px !important;
}
.industry-card p { font-size: 15px; }
.about-feature { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 24px; text-align: center; box-shadow: 0 16px 42px rgba(7, 28, 47, .06); }
.about-feature img { width: 74px; height: 74px; object-fit: contain; margin-bottom: 16px; }
.about-feature h3 { font-size: 18px; line-height: 1.35; margin: 0; }
.about-stat { background: #fff; border-radius: 8px; border: 1px solid #e7edf5; box-shadow: 0 16px 42px rgba(7, 28, 47, .06); height: 100%; }
.about-stat img { width: 54px; height: 54px; object-fit: contain; margin-bottom: 10px; }
.faq-section { background: #f7f7f7; position: relative; overflow: hidden; }
.faq-section::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 42%; opacity: .45; background-image: linear-gradient(90deg, rgba(13,76,143,.14) 1px, transparent 1px), linear-gradient(0deg, rgba(13,76,143,.1) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, #000 0%, transparent 100%); }
.faq-section .container { position: relative; z-index: 1; }
.faq-section .faq-title { margin-bottom: 26px; text-align: left; }
.faq-section .faq-title h2 { color: var(--red) !important; font-size: clamp(28px, 3.5vw, 38px); line-height: 1.12; margin-bottom: 14px; }
.faq-section .faq-title p { color: #080b4f; font-family: Poppins, Arial, sans-serif; font-size: clamp(19px, 2.4vw, 24px); font-weight: 700; margin: 0; line-height: 1.3; }
.faq-section .faq-accordion { display: grid; gap: 30px; }
.faq-section .accordion-card { background: #fff; border: 0; border-radius: 6px; box-shadow: 0 18px 38px rgba(7, 28, 47, .06); overflow: hidden; width: 100%; }
.faq-section .faq-question { width: 100% !important; border: 0 !important; background: #fff !important; color: #080b4f !important; display: flex !important; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 32px; text-align: left; font-family: Poppins, Arial, sans-serif; font-size: clamp(16px, 1.15vw, 19px); line-height: 1.34; font-weight: 700; appearance: none; }
.faq-section .faq-question span { min-width: 0; }
.faq-section .faq-question i { color: #080b4f; font-size: 18px; flex: 0 0 22px; width: 22px; text-align: center; transition: transform .2s ease; }
.faq-section .faq-question:not(.collapsed) i { transform: rotate(45deg); color: var(--red); }
.faq-section .faq-answer { padding: 0 38px 22px; color: #24364d; line-height: 1.75; }
.faq-section .faq-image { width: 100%; border-radius: 8px; padding: 0; object-fit: cover; max-height: 670px; }
.career-main-image { width: 100%; border-radius: 8px; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); object-fit: cover; }
.career-intro-section .career-main-image,
.career-why-section .career-main-image { min-height: 430px; max-height: 540px; }
.career-intro-copy { max-width: 100%; margin: 0 auto 30px; text-align: center; }
.career-intro-copy h2 {
    color: var(--red) !important;
    font-size: 36px !important;
    line-height: 1.18;
    margin-bottom: 18px;
}
.career-intro-copy p {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}
.career-intro-wide-image {
    display: block;
    width: 92%;
    margin: 0 auto;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1.9;
    object-fit: cover;
    object-position: center;
}
.career-opportunity-card,
.career-job-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 30px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.career-opportunity-card { display: flex; gap: 20px; align-items: flex-start; }
.career-opportunity-card > div { min-width: 0; display: flex; flex-direction: column; height: 100%; }
.career-opportunity-card .link-btn { margin-top: auto; }
.career-opportunities .career-opportunity-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 420px;
    padding: 36px;
}
.career-opportunities .row > [class*="col-"] {
    display: flex;
}
.career-opportunities .row > [class*="col-"] .career-opportunity-card {
    width: 100%;
}
.career-opportunities .career-opportunity-card > div {
    width: 100%;
}
.career-opportunities .career-opportunity-card h3 {
    color: #0f1054;
    font-size: 18px;
    line-height: 1.05;
    margin-bottom: 22px;
}
.career-opportunities .career-card-summary {
    color: #000;
    font-size: 16px;
    line-height: 1.42;
    margin-bottom: 18px;
}
.career-opportunities .career-card-meta {
    color: #000;
    font-size: 16px;
    line-height: 1.42;
    margin-bottom: 18px;
}
.career-opportunities .career-card-meta strong {
    color: #000;
}
.career-opportunities .career-view-details-btn {
    align-self: center;
    margin-top: auto !important;
    background: #0f1054;
}
.career-opportunity-card:hover,
.career-job-card:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(7, 28, 47, .12); border-color: transparent; }
.career-card-icon { width: 58px; height: 58px; border-radius: 8px; background: rgba(237, 50, 55, .1); color: var(--red); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; flex: 0 0 auto; margin-bottom: 18px; }
.career-opportunity-card .career-card-icon { margin-bottom: 0; }
.career-opportunity-card h3,
.career-job-card h3,
.career-life-card h3 { font-size: 19px; margin-bottom: 12px; }
.career-opportunity-card p,
.career-job-card p { color: #45546a; }
.career-opportunity-card span:not(.career-card-icon),
.career-job-meta { color: var(--blue); font-weight: 700; }
.career-view-details-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 242px);
    min-height: 42px;
    padding: 9px 20px;
    border: 0;
    border-radius: 8px;
    background: #0f1054;
    color: #fff !important;
    font-family: Poppins, Arial, sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: underline;
    box-shadow: none;
    cursor: pointer;
}
.career-opportunities .row > div:nth-child(even) .career-view-details-btn {
    background: #0f1054;
}
.career-view-details-btn:hover {
    color: #fff !important;
    filter: brightness(.95);
}
.career-job-modal .modal-content {
    border: 0;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(7, 28, 47, .22);
}
.career-job-modal .modal-header {
    align-items: flex-start;
    gap: 20px;
    padding: 24px 28px 18px;
}
.career-job-modal .modal-header .eyebrow {
    margin-bottom: 6px;
    font-size: 16px;
}
.career-job-modal .modal-title {
    color: #0f1054;
    font-size: 18px;
    line-height: 1.25;
    margin: 0;
}
.career-job-modal .modal-body {
    padding: 24px 28px 30px;
}
.career-job-modal h2,
.career-job-modal h3 {
    color: #0f1054 !important;
    font-size: 18px !important;
}
.career-job-modal .modal-footer {
    justify-content: flex-start;
    padding: 0 28px 28px;
    border-top: 0;
}
.career-modal-apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 8px;
    background: #ed3237;
    color: #fff !important;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}
.career-modal-apply-btn:hover {
    color: #fff !important;
    background: #0f1054;
}
.career-job-meta { display: flex; flex-wrap: wrap; gap: 12px 18px; margin: 18px 0 20px; font-size: 14px; }
.career-detail-card { background: #fff; border: 1px solid #e0e7f2; border-radius: 8px; padding: 34px; box-shadow: 0 18px 45px rgba(0, 0, 0, .06); }
.career-detail-summary { color: #233b5f; font-weight: 600; margin-bottom: 22px; }
.career-detail-content h2,
.career-detail-content h3 { color: var(--blue); margin: 24px 0 12px; }
.career-detail-content h2:first-child { margin-top: 0; }
.career-detail-content ul { padding-left: 22px; margin-bottom: 18px; }
.career-detail-content li { margin-bottom: 8px; color: #233b5f; }
.career-apply-card { position: sticky; top: 120px; }
.career-accordion { display: grid; gap: 18px; }
.career-accordion .accordion-card { background: #fff; border: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 16px 38px rgba(7, 28, 47, .08); }
.career-accordion .faq-question { width: 100%; border: 0; background: #fff; color: #080b4f; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 24px; text-align: left; font-family: Poppins, Arial, sans-serif; font-size: 17px; line-height: 1.35; font-weight: 700; appearance: none; }
.career-accordion .faq-question i { color: #080b4f; transition: transform .2s ease; }
.career-accordion .faq-question:not(.collapsed) i { transform: rotate(45deg); color: var(--red); }
.career-accordion .faq-answer { padding: 0 26px 22px; color: #45546a; line-height: 1.75; }
.career-why-section {
    background: #fff !important;
}
.career-why-heading {
    max-width: 1120px;
    margin: 0 auto 54px;
}
.career-why-heading .eyebrow {
    color: #ed3237;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 14px;
}
.career-why-heading h2 {
    color: #0f1054;
    font-size: 27px;
    line-height: 1.35;
}
.career-why-section .career-main-image {
    width: 100%;
    min-height: 600px;
    max-height: 600px;
    border-radius: 14px;
    object-fit: cover;
    object-position: center;
    box-shadow: none;
}
.career-why-section .career-accordion {
    gap: 32px;
}
.career-why-section .career-accordion .accordion-card {
    border: 1px solid #e7edf5;
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(7, 28, 47, .04);
}
.career-why-section .career-accordion .faq-question {
    min-height: 80px;
    padding: 24px 28px;
    color: #000;
    font-size: 17px;
    font-weight: 600;
}
.career-life-card,
.career-gallery-card { height: 100%; overflow: hidden; border-radius: 8px; background: #fff; border: 1px solid #e7edf5; box-shadow: 0 18px 45px rgba(7, 28, 47, .08); }
.career-life-card img { width: 100%; aspect-ratio: 1.75; object-fit: cover; display: block; }
.career-life-card h3 { padding: 22px 24px 24px; margin: 0; }
.career-life-section {
    background: #fff;
    overflow: hidden;
}
.career-life-section .container {
    max-width: 1540px;
}
.career-life-section .section-title {
    max-width: 1340px;
    margin-bottom: 62px;
}
.career-life-section .career-life-grid {
    align-items: center;
}
.career-life-section .career-life-card {
    max-width: 326px;
    margin: 0 auto;
    background: transparent;
    border: 0;
    border-radius: 18px;
    box-shadow: none;
}
.career-life-section .career-life-card img {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 18px;
    object-fit: cover;
}
#careerLifeSlider {
    position: relative;
    padding: 0 78px;
}
#careerLifeSlider .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ed3237;
    box-shadow: none;
}
#careerLifeSlider .slider-prev {
    left: 0;
}
#careerLifeSlider .slider-next {
    right: 0;
}
.career-gallery-card img { width: 100%; aspect-ratio: 1.25; object-fit: cover; display: block; transition: transform .25s ease; }
.career-gallery-card:hover img { transform: scale(1.04); }
.career-resume-section .section-title p { margin-top: 18px; color: #45546a; }
.career-application-form-card { padding: 44px 38px; border: 0; border-radius: 0; box-shadow: 0 12px 40px rgba(7, 28, 47, .06); }
.career-application-form .career-form-label { display: block; color: #0f1054; font-family: Poppins, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.35; margin-bottom: 12px; }
.career-application-form .career-form-label span { color: var(--red); }
.career-application-form .form-control,
.career-application-form .form-select { width: 100%; min-height: 40px; border: 1px solid #cfd4dc; border-radius: 6px; background: #f7f7f7; color: #000; font-size: 16px; padding: 6px 12px; box-shadow: none; }
.career-application-form .form-control::placeholder { font-size: 14px; color: #000; opacity: 1; }
.career-application-form textarea.form-control { min-height: 112px; resize: vertical; }
.career-application-form input[type="file"].form-control { padding: 6px 12px; line-height: 1.6; }
.career-application-form .form-control:focus,
.career-application-form .form-select:focus { border-color: #0f1054; box-shadow: 0 0 0 .15rem rgba(15, 16, 84, .12); background: #f7f7f7; }
.career-application-submit { min-width: 200px; min-height: 52px; justify-content: center; border-radius: 6px; font-size: 17px; font-weight: 700; padding: 12px 32px; }
.career-team-section .section-title { max-width: 980px; }
.career-team-section .section-title p,
.career-life-copy p { color: #45546a; margin: 0 auto 14px; max-width: 1080px; }
.career-life-copy h3 { color: #07143f; font-size: 20px; margin-top: 18px; }
.partners-main-image,
.partners-wide-image { width: 100%; border-radius: 8px; object-fit: cover; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.partners-main-image { max-height: 420px; }
.partners-wide-image { max-height: 460px; }
.partners-intro-section .section-title,
.partners-benefits-section .section-title,
.partner-program-section .section-title { max-width: 100%; }
.partners-intro-section .section-title h2,
.partners-benefits-section .section-title h2,
.partners-model-section .section-title h2,
.partners-process-section .section-title h2 { font-size: 20px !important; font-weight: 600; font-style: normal; }
.partner-live-subtitle { display: inline-block; color: var(--red); font-family: Poppins, Arial, sans-serif; font-size: 24px; line-height: 1.25; font-weight: 700; margin-bottom: 10px; }
.partner-benefit-list li { display: flex; align-items: flex-start; gap: 10px; }
.partner-model-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.partner-model-card:hover,
.partner-process-card:hover,
.partner-team-card:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(7, 28, 47, .12); border-color: transparent; }
.partner-model-card img { width: 100%; aspect-ratio: 1.7; object-fit: cover; display: block; }
.partner-model-card > div { padding: 28px; }
.partner-model-cta { min-width: 224px; min-height: 46px; justify-content: center; margin-top: 8px; border-radius: 6px; font-size: 18px; font-weight: 700; }
.partner-model-card p,
.partner-process-card p,
.partner-program-section p,
.partners-intro-section p { color: #334155; }
.partner-model-card h3,
.partner-process-card h3,
.partner-registration-card h3 { font-size: 20px; margin-bottom: 14px; }
.partner-process-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.partner-process-card img { width: 100%; aspect-ratio: 1.55; object-fit: cover; display: block; }
.partner-process-content { padding: 28px; }
.partner-process-list { display: grid; gap: 54px; }
.partner-process-row .partner-process-content { padding: 0; }
.partner-process-row .check-list { margin-bottom: 0; }
.partner-team-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.partner-team-card img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.partner-team-content { padding: 22px 18px; text-align: center; }
.partner-team-content h3 { font-size: 20px; margin-bottom: 6px; }
.partner-team-content span { color: var(--red); font-weight: 700; }
.partner-registration-card { max-width: 1080px; margin: 0 auto; }
.partner-registration-card h3 { border-bottom: 1px solid #e7edf5; padding-bottom: 12px; margin-top: 10px; }
.bread.become-partners-bread { min-height: 120px; padding: 34px 0 30px; background: #11145c; }
.bread.become-partners-bread h1 { font-size: 30px; line-height: 1.2; margin-bottom: 16px; }
.bread.become-partners-bread .bread-menu { font-size: 14px; font-weight: 700; justify-content: center; }
.become-partner-form-section { background: #fff; padding-top: 38px; }
.become-partner-title { margin: 0 auto 54px; max-width: 1120px; }
.become-partner-title h2 { color: #ed3237; font-size: 30px; line-height: 1.2; margin-bottom: 18px; }
.become-partner-title p { color: #000; font-size: 13px; line-height: 1.6; margin: 0; }
.become-partner-alert { max-width: 760px; margin: 0 auto 24px; }
.become-partner-form { max-width: 760px; margin: 0 auto; }
.become-partner-form h3 { color: #03064f; font-size: 16px; font-weight: 700; margin: 28px 0 10px; padding-bottom: 10px; border-bottom: 1px solid #d9dce5; }
.become-partner-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.become-partner-grid label { color: #03064f; display: block; font-size: 13px; line-height: 1.25; font-weight: 700; margin: 0; }
.become-partner-grid label span { color: #ed3237; }
.become-partner-grid .span-2 { grid-column: 1 / -1; }
.become-partner-grid input,
.become-partner-grid select,
.become-partner-grid textarea { width: 100%; min-height: 30px; border: 1px solid #b8b8b8; border-radius: 4px; background: #f8f8f8; color: #000; font-size: 13px; font-weight: 400; padding: 5px 8px; margin-top: 6px; }
.become-partner-grid textarea { min-height: 58px; resize: vertical; }
.become-partner-actions { margin-top: 24px; text-align: center; }
.become-partner-actions .btn { min-width: 150px; min-height: 32px; padding: 6px 28px; font-size: 13px; border-radius: 4px; }
.bread { background: linear-gradient(110deg, rgba(7,28,47,.88), rgba(13,76,143,.78)), url('../../uploads/site-assets/2026/01/About-Us.webp') center/cover; color: #fff; padding: 90px 0; }
.service-bread { padding: 86px 0; background: linear-gradient(90deg, rgba(3,10,58,.76), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Mobile-app-dvelopment-1.webp') center/cover; }
.website-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Website-development-1.webp') center/cover; }
.open-source-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Open-source-development-1.webp') center/cover; }
.graphic-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/graphic-design-1.webp') center/cover; }
.uiux-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/UI-UX.png') center/cover; }
.cloud-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Cloud-1.webp') center/cover; }
.itinfra-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/IT-infrastructure-management-solution-1.webp') center/cover; }
.digital-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Digital-marketing-3.webp') center/cover; }
.data-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Data-digitization-2.webp') center/cover; }
.networking-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Network-solution-1.webp') center/cover; }
.hardware-service-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(52,32,92,.58)), url('../../uploads/site-assets/2026/01/Hardware-solution-2.webp') center/cover; }
.service-main-image { width: 100%; min-height: 430px; max-height: 560px; border-radius: 8px; object-fit: cover; object-position: center; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.open-source-main-image { min-height: 390px; }
.service-intro-section p { color: #334155; }
.website-service-list-panel { height: 100%; border-radius: 8px; background: #fff; padding: 34px 0; }
.website-service-bullet { height: 100%; display: flex; gap: 10px; align-items: flex-start; color: #101057; font-weight: 400; line-height: 1.5; }
.website-service-bullet i { color: var(--red); margin-top: 4px; flex: 0 0 auto; }
.website-service-side-image { min-height: 430px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2026/01/120953.jpg') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.open-source-platform-list { height: 100%; display: grid; gap: 22px; }
.open-source-platform-item { display: flex; gap: 12px; color: #101057; }
.open-source-platform-item > i { color: var(--red); margin-top: 6px; flex: 0 0 auto; }
.open-source-platform-item h3 { font-size: 20px; margin-bottom: 8px; }
.open-source-platform-item ul { margin: 0; padding-left: 19px; color: #334155; line-height: 1.7; }
.open-source-side-image { min-height: 430px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2025/08/open-shource.jpg') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.open-source-copy { max-width: 1130px; }
.open-source-copy p { color: #334155; line-height: 1.75; }
.graphic-content-panel { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.graphic-content-panel p { color: #334155; line-height: 1.75; }
.graphic-content-panel h3 { color: #101057; font-size: 22px; margin: 20px 0 18px; }
.graphic-list { display: grid; gap: 14px; }
.graphic-list-item { display: flex; gap: 11px; align-items: flex-start; color: #334155; line-height: 1.65; }
.graphic-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.graphic-side-image { min-height: 430px; height: 100%; border-radius: 10px; background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.graphic-main-image { background-image: url('../../uploads/site-assets/2026/01/graphic-design-1.webp'); }
.graphic-why-image { background-image: url('../../uploads/site-assets/2026/01/graphic-desig-2.webp'); }
.uiux-content-panel { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.uiux-content-panel p { color: #334155; line-height: 1.75; }
.uiux-content-panel h3 { color: #101057; font-size: 22px; margin: 20px 0 18px; }
.uiux-title-area span { display: inline-block; color: var(--red); font-family: Poppins, Arial, sans-serif; font-size: 24px; line-height: 1.25; font-weight: 700; }
.uiux-list { display: grid; gap: 13px; }
.uiux-list-item { display: flex; gap: 11px; align-items: flex-start; color: #334155; line-height: 1.65; }
.uiux-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.uiux-side-image { min-height: 430px; height: 100%; border-radius: 10px; background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.uiux-main-image { background-image: url('../../uploads/site-assets/2026/01/UI-UX-1.webp'); }
.uiux-why-image { background-image: url('../../uploads/site-assets/2026/01/UI-UX-2.webp'); }
.cloud-intro-section p,
.cloud-content-panel p { color: #334155; line-height: 1.75; }
.cloud-main-image { min-height: 380px; }
.cloud-content-panel { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.cloud-list { display: grid; gap: 13px; margin: 18px 0 22px; }
.cloud-list-item { display: flex; gap: 11px; align-items: flex-start; color: #334155; line-height: 1.65; }
.cloud-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.cloud-side-image { min-height: 430px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2026/01/cloud-solution-2.webp') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.itinfra-intro-section p { color: #334155; line-height: 1.75; }
.itinfra-main-image { min-height: 430px; object-position: center; }
.itinfra-side-image { min-height: 560px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2026/01/IT-Infrastructure-2.webp') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.itinfra-why-panel { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 36px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); }
.itinfra-list { display: grid; grid-template-columns: 1fr; gap: 14px; }
.itinfra-list-item { display: flex; align-items: flex-start; gap: 12px; color: #334155; line-height: 1.65; }
.itinfra-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.digital-intro-section p { color: #334155; line-height: 1.75; }
.digital-main-image { min-height: 430px; object-position: center; }
.digital-side-image { min-height: 520px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2026/01/Digital-Marketing-2.webp') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.digital-why-panel { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 36px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); }
.digital-list { display: grid; grid-template-columns: 1fr; gap: 14px; }
.digital-list-item { display: flex; align-items: flex-start; gap: 12px; color: #334155; line-height: 1.65; }
.digital-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.data-intro-section p { color: #334155; line-height: 1.75; }
.data-main-image { min-height: 560px; max-height: 690px; object-fit: contain; box-shadow: none; }
.data-list-block { margin: 24px 0; }
.data-list-block h3 { color: #101057; font-size: 22px; margin-bottom: 14px; }
.data-list { display: grid; gap: 12px; }
.data-list-item { display: flex; align-items: flex-start; gap: 12px; color: #334155; line-height: 1.65; }
.data-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.networking-intro-section p,
.networking-panel p { color: #334155; line-height: 1.75; }
.networking-main-image { min-height: 430px; object-position: center; }
.networking-side-image { min-height: 500px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2026/01/networking-01-1.webp') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.networking-panel { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 36px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); }
.networking-list { display: grid; gap: 14px; margin-bottom: 22px; }
.networking-list-item { display: flex; align-items: flex-start; gap: 12px; color: #334155; line-height: 1.65; }
.networking-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.hardware-intro-section p,
.hardware-panel p { color: #334155; line-height: 1.75; }
.hardware-main-image { min-height: 430px; object-position: center; }
.hardware-side-image { min-height: 430px; height: 100%; border-radius: 10px; background: url('../../uploads/site-assets/2026/01/hardware-solution-01.webp') center/cover no-repeat; box-shadow: 0 22px 60px rgba(7, 28, 47, .12); }
.hardware-panel { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 36px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); display: flex; flex-direction: column; justify-content: center; }
.hardware-list { display: grid; gap: 14px; margin-top: 22px; }
.hardware-list-item { display: flex; align-items: flex-start; gap: 12px; color: #334155; line-height: 1.65; }
.hardware-list-item i { color: var(--red); margin-top: 5px; flex: 0 0 auto; }
.service-value-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 30px 24px; text-align: center; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.service-intro-section .section-title h2,
.service-value-section .section-title h2 { color: var(--red); font-size: 36px; line-height: 1.25; }
.service-what-section .section-title h2 { color: #0f1054; font-size: 36px; line-height: 1.25; }
.service-value-section .eyebrow,
.service-what-section .eyebrow { color: var(--red); }
.service-value-card:hover,
.service-card:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(7, 28, 47, .12); border-color: transparent; }
.service-value-card img { width: 74px; height: 74px; object-fit: contain; margin-bottom: 18px; }
.service-value-card h3,
.service-card h3 { color: #101057; }
.service-value-card h3 { font-size: 19px; margin-bottom: 12px; }
.service-value-card p,
.service-card p { color: #45546a; }
.service-card { box-shadow: 0 18px 45px rgba(7, 28, 47, .06); display: flex; flex-direction: column; }
.service-card::after { content: ""; position: absolute; right: -22px; bottom: -22px; width: 120px; height: 120px; background: url('../../uploads/site-assets/2024/02/service_box_bg.png') center/contain no-repeat; opacity: .16; pointer-events: none; }
.service-card > * { position: relative; z-index: 1; }
.service-card img { width: 82px; height: 82px; }
.service-what-section .section-slider { padding-bottom: 64px; }
.service-what-section .carousel-item .row > [class*="col-"] { display: flex; }
.service-what-card { width: 100%; padding: 0 0 28px; }
.service-what-card img { width: 100%; max-width: none; height: auto; aspect-ratio: 16 / 9; max-height: none; object-fit: cover; object-position: center; margin-bottom: 24px; display: block; }
.service-what-card h3,
.service-what-card p,
.service-what-card .link-btn { margin-left: 28px; margin-right: 28px; }
.service-what-section .service-what-card {
    text-align: center;
    align-items: center;
}
.service-what-section .service-what-card h3,
.service-what-section .service-what-card p {
    width: calc(100% - 56px);
    text-align: center;
}
.service-what-section .service-what-card .link-btn {
    align-self: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.service-what-card h3 { min-height: calc(1.35em * 2); }
.service-what-card p { flex: 1; }
.service-card .link-btn { position: relative; z-index: 2; margin-top: auto; }
.open-source-service-tile { height: 100%; position: relative; overflow: hidden; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 36px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.open-source-service-tile::after { content: ""; position: absolute; right: -22px; bottom: -22px; width: 120px; height: 120px; background: url('../../uploads/site-assets/2024/02/service_box_bg.png') center/contain no-repeat; opacity: .14; pointer-events: none; }
.open-source-service-tile:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(7, 28, 47, .12); border-color: transparent; }
.open-source-service-tile > * { position: relative; z-index: 1; }
.open-source-tile-icons { display: flex; align-items: center; gap: 18px; min-height: 84px; margin-bottom: 22px; }
.open-source-tile-icons img { width: 74px; height: 74px; object-fit: contain; }
.open-source-service-tile h3 { font-size: 21px; color: #101057; margin-bottom: 16px; }
.open-source-service-tile p { color: #45546a; line-height: 1.65; }
.service-card.compact p { min-height: 84px; }
.about-bread { background: linear-gradient(90deg, rgba(16,16,87,.58), rgba(151,74,141,.44)), url('../../uploads/site-assets/2026/01/About-Us.webp') center/cover; padding: 70px 0; }
.career-bread { background: linear-gradient(90deg, rgba(7,28,47,.72), rgba(13,76,143,.52)), url('../../uploads/site-assets/2026/01/Careers.webp') center/cover; padding: 70px 0; }
.partners-bread { background: linear-gradient(90deg, rgba(4,9,42,.72), rgba(13,76,143,.42)), url('../../uploads/site-assets/2025/12/Partner.png') center/cover; padding: 70px 0; }
.blog-bread { background: linear-gradient(90deg, rgba(7,28,47,.74), rgba(13,76,143,.48)), url('../../uploads/site-assets/2026/01/Blogs-1-2.png') center/cover; padding: 70px 0; }
.faq-bread { background: linear-gradient(90deg, rgba(3,10,58,.78), rgba(13,76,143,.52)), url('../../uploads/site-assets/2026/01/FAQs-1.png') center/cover; padding: 70px 0; }
.faq-image-hero { min-height: clamp(220px, 34vw, 430px); display: flex; align-items: center; }
.contact-bread { background: linear-gradient(90deg, rgba(7,28,47,.74), rgba(13,76,143,.48)), url('../../uploads/site-assets/2026/01/Contact-us.webp') center/cover; padding: 70px 0; }
.legal-bread { background: linear-gradient(90deg, rgba(7,28,47,.82), rgba(13,76,143,.58)), url('../../uploads/site-assets/2026/01/About-Us.webp') center/cover; padding: 70px 0; }
.bread h1 { color: #fff; font-size: clamp(30px, 4vw, 44px); }
.bread-menu { color: #fff; display: flex; justify-content: center; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; margin-top: 18px; }
.bread-menu a { color: #fff; }
.bread-menu i { font-size: 18px; }
.about-stats-live { background: #101057; padding: 0; }
.about-stats-live .stats-band { padding: 104px 7vw; }
.form-control, .form-select { border-radius: 6px; padding: 13px 14px; border-color: #d9e3ef; }
.form-card { border-radius: 8px; background: #fff; box-shadow: 0 20px 70px rgba(0,0,0,.08); padding: 30px; }
.admin-shell .form-card { border: 1px solid #dce8f7; box-shadow: 0 16px 38px rgba(7, 28, 47, .07); }
.admin-shell .btn-primary { background: var(--red); border-color: var(--red); box-shadow: 0 10px 24px rgba(237, 50, 55, .16); }
.admin-shell .btn-primary:hover { background: #c91f24; border-color: #c91f24; }
.admin-shell .btn-outline-primary { color: var(--blue); border-color: var(--blue); }
.admin-shell .btn-outline-primary:hover { background: var(--blue); border-color: var(--blue); color: #fff; }
.admin-shell .table { min-width: 640px; table-layout: auto; }
.admin-shell .table thead th { color: var(--ink); background: #f4f9ff; border-bottom-color: #cfe0f3; }
.admin-shell .table th,
.admin-shell .table td { word-break: normal; overflow-wrap: normal; }
.admin-shell .table th:first-child,
.admin-shell .table td:first-child { width: 74px; min-width: 74px; white-space: nowrap; }
.admin-shell .table th:nth-child(3),
.admin-shell .table td:nth-child(3) { width: 112px; min-width: 112px; white-space: nowrap; }
.admin-shell .table tbody tr:hover { background: #fff7f7; }
.admin-table-actions-cell { width: 132px; min-width: 132px; text-align: right; white-space: nowrap; }
.admin-table-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: nowrap; }
.admin-table-actions .btn { white-space: nowrap; }
.admin-list-search { display: flex; align-items: stretch; gap: 10px; margin: -4px 0 18px; }
.admin-search-field { position: relative; flex: 1 1 240px; min-width: 180px; }
.admin-search-field i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--red); z-index: 2; pointer-events: none; }
.admin-search-field .form-control { min-height: 42px; padding: 9px 14px 9px 42px; }
.admin-list-search .btn { min-height: 42px; font-weight: 700; white-space: nowrap; }
.blog-listing-section { background: #f4f8fc; }
.blog-filter-wrap { background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 24px; margin-bottom: 34px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); }
.blog-filter-wrap .form-label { color: var(--ink); font-weight: 800; margin-bottom: 8px; }
.blog-search-field { position: relative; }
.blog-search-field i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--red); z-index: 2; }
.blog-search-field .form-control { padding-left: 46px; }
.blog-filter-divider hr { border-color: #d9e3ef; opacity: 1; margin: 0 0 42px; }
.blog-grid > [class*="col-"] { display: flex; }
.blog-card { width: 100%; min-height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #e9eef6; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 28, 47, .05); transition: .2s ease; }
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(7, 28, 47, .11); border-color: transparent; }
.blog-card .blog-img { aspect-ratio: 789 / 400; overflow: hidden; background: #fff; }
.blog-card .blog-img a { display: block; height: 100%; }
.blog-card .blog-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.blog-card .blog-content { padding: 20px 22px 24px; background: #fff; display: flex; flex-direction: column; flex: 1; }
.blog-card .blog-content h3 { color: #101057; font-size: 18px; line-height: 1.28; min-height: calc(1.28em * 2); margin-bottom: 10px; font-weight: 400; }
.blog-card .blog-content h3 a:hover { color: #3498db; }
.blog-card .blog-content p { color: #4d5d72; font-size: 16px; line-height: 1.55; min-height: calc(1.55em * 2); margin-bottom: 20px; }
.blog-card .blog-content .btn { width: max-content; margin-top: auto; background: #3498db; border-color: #3498db; color: #fff; border-radius: 5px; padding: 10px 20px; font-size: 16px; line-height: 1.2; box-shadow: 0 8px 18px rgba(52, 152, 219, .18); }
.blog-card .blog-content .btn:hover { background: #2588ca; border-color: #2588ca; color: #fff; }
.blog-meta { color: var(--muted); font-size: 14px; margin-bottom: 14px; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.blog-meta i { color: var(--red); margin-right: 5px; }
.blog-card .blog-meta { color: #66758a; font-size: 13px; line-height: 1.35; gap: 8px 16px; margin-bottom: 12px; }
.blog-card .blog-meta span,
.blog-card .blog-meta a { display: inline-flex; align-items: center; min-width: 0; color: inherit; }
.blog-card .blog-meta a:hover { color: var(--red); }
.blog-card .blog-meta span:nth-child(4) { flex-basis: 100%; }
.blog-pagination { margin-top: 42px; padding: 0 0 8px; }
.blog-pagination ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.blog-pagination li { display: inline-flex; }
.blog-pagination .page-link-form { margin: 0; display: inline-flex; }
.blog-pagination a,
.blog-pagination button,
.blog-pagination .page-dots,
.blog-pagination .page-jump form { min-width: 48px; height: 46px; border: 0; border-radius: 7px; background: #e9ecf6; color: #101057; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; font-weight: 800; box-shadow: none; transition: .2s ease; }
.blog-pagination a:hover,
.blog-pagination button:hover,
.blog-pagination a.active,
.blog-pagination button.active { background: var(--red); border-color: var(--red); color: #fff; }
.blog-pagination a[aria-current="page"] { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; }
.blog-pagination a:not(.active):hover { transform: translateY(-1px); }
.blog-pagination button:not(.active):hover { transform: translateY(-1px); }
.blog-pagination .page-arrow { color: var(--red); cursor: pointer; }
.blog-pagination .page-arrow.disabled { color: rgba(239, 48, 57, .35); pointer-events: none; cursor: default; }
.blog-pagination .page-dots { min-width: 44px; background: transparent; color: #7b8090; font-size: 14px; }
.blog-pagination .page-dots:hover { background: transparent; color: var(--red); transform: none; }
.blog-pagination .page-jump form { min-width: 210px; gap: 8px; padding: 0 10px; color: #b91c23; font-size: 15px; font-weight: 600; cursor: pointer; }
.blog-pagination .page-jump input { width: 74px; height: 34px; border: 0; border-radius: 7px; background: #fff; color: #101057; text-align: center; font-weight: 800; outline: none; }
.blog-pagination .page-jump input::-webkit-outer-spin-button,
.blog-pagination .page-jump input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
.blog-pagination .page-jump input[type="number"] { -moz-appearance: textfield; }
.blog-pagination .page-submit { border: 0; padding: 0; background: transparent; color: #b91c23; font: inherit; font-weight: 600; line-height: 1; cursor: pointer; }
.blog-pagination .page-submit:hover { color: #101057; }
.blog-pagination .view-all { min-width: 118px; color: #555; font-weight: 700; cursor: pointer; }
.blog-detail-section { background: #fff; }
.blog-detail-section .row { align-items: flex-start; }
.blog-single { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 14px 38px rgba(7, 28, 47, .06); border: 1px solid #edf2f7; }
.blog-single > .blog-img,
.live-blog-content > .blog-img { width: 100%; overflow: hidden; background: #f3f6fa; }
.blog-single > .blog-img img,
.live-blog-content > .blog-img img { display: block; width: 100%; height: auto; min-height: 360px; object-fit: cover; object-position: center; }
.blog-single .blog-content,
.live-blog-content .blog-content { padding: 34px 36px 38px; }
.blog-single .blog-meta { margin-bottom: 24px; gap: 12px 22px; }
.blog-single .blog-meta a,
.blog-single .blog-meta span { color: #4c5b70; font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.blog-single .blog-meta a:hover { color: var(--red); }
.blog-single .blog-content p,
.live-blog-content p { color: #222; font-size: 17px; line-height: 1.82; margin-bottom: 18px; }
.blog-single .blog-content h2,
.live-blog-content h2 { color: var(--ink); font-size: 28px; line-height: 1.35; margin: 30px 0 14px; }
.blog-single .blog-content h3,
.live-blog-content h3 { color: var(--ink); font-size: 23px; line-height: 1.38; margin: 26px 0 12px; }
.blog-single .blog-content h4,
.live-blog-content h4 { color: var(--ink); font-size: 21px; line-height: 1.42; margin: 24px 0 10px; }
.blog-single .blog-content ul,
.blog-single .blog-content ol,
.live-blog-content ul,
.live-blog-content ol { color: #222; font-size: 17px; line-height: 1.8; padding-left: 24px; margin-bottom: 20px; }
.blog-single .blog-content li,
.live-blog-content li { margin-bottom: 8px; }
.blog-single .blog-content a,
.live-blog-content a { color: var(--red); font-weight: 700; }
.blog-single .share-links,
.blog-single .blog-comment-area { padding: 0 36px 32px; }
.blog-single .share-links-title { color: var(--ink); font-weight: 800; margin-right: 10px; }
.blog-single .tagcloud,
.blog-single .social-links { display: inline-flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.blog-single .tagcloud a { border: 1px solid #dfe8f3; border-radius: 4px; color: #334155; padding: 6px 10px; font-size: 14px; background: #fff; }
.blog-single .social-links a { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #dfe8f3; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); }
.blog-share-tags { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 36px 34px; border-top: 1px solid #edf2f7; background: #fff; }
.blog-tags,
.blog-share { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.blog-share-tags .share-title { color: var(--ink); font-family: Poppins, Arial, sans-serif; font-size: 24px; line-height: 1.2; font-weight: 800; }
.blog-share-tags .tagcloud { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.blog-share-tags .tagcloud a { display: inline-flex; align-items: center; min-height: 50px; border: 0; border-radius: 5px; background: #f4f4f4; color: var(--ink); padding: 12px 22px; font-size: 16px; font-weight: 700; }
.blog-share-tags .social-links { display: inline-flex; align-items: center; gap: 10px; list-style: none; padding: 0; margin: 0; }
.blog-share-tags .social-links a { width: 50px; height: 50px; border: 0; border-radius: 5px; background: #f4f4f4; color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
.blog-share-tags .tagcloud a:hover,
.blog-share-tags .social-links a:hover { background: var(--red); color: #fff; }
.blog-sidebar { position: sticky; top: 116px; display: grid; gap: 30px; }
.blog-widget { background: #fff; border: 1px solid #edf2f7; border-radius: 8px; padding: 30px; box-shadow: 0 14px 38px rgba(7, 28, 47, .06); }
.blog-search-widget form { display: flex; overflow: hidden; border: 1px solid #e0e8f2; border-radius: 6px; background: #f8fafc; }
.blog-search-widget input { flex: 1; min-width: 0; height: 56px; border: 0; outline: 0; background: transparent; padding: 0 16px; color: var(--ink); }
.blog-search-widget button { width: 58px; border: 0; background: var(--red); color: #fff; font-size: 18px; }
.widget-title { color: var(--ink); font-size: 24px; margin-bottom: 24px; padding-bottom: 13px; position: relative; }
.widget-title::before { content: ""; position: absolute; left: 0; bottom: 0; width: 74px; height: 2px; background: var(--red); }
.recent-post-wrap { display: grid; gap: 18px; }
.recent-post { display: flex; gap: 15px; align-items: center; }
.recent-post .media-img { flex: 0 0 82px; width: 82px; height: 82px; overflow: hidden; border-radius: 6px; background: #edf2f7; }
.recent-post .media-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.recent-post h4 { font-size: 16px; line-height: 1.35; margin: 0 0 7px; }
.recent-post h4 a { color: var(--ink); }
.recent-post h4 a:hover,
.recent-date:hover { color: var(--red); }
.recent-date { color: #65758b; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.blog-category-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.blog-category-list a { display: flex; align-items: center; color: #111827; font-size: 16px; line-height: 1.45; padding: 8px 0; }
.blog-category-list a::before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 10px; color: var(--red); }
.blog-category-list a:hover { color: var(--red); transform: translateX(3px); }
.faq-page-section { background: #f7f9fc; }
.faq-filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 38%); gap: 22px; max-width: 1080px; margin: 0 auto 24px; }
.faq-filter-input,
.faq-filter-select { width: 100%; min-height: 52px; border: 1px solid #edf1f6; border-radius: 4px; background-color: #fff; color: #050505; box-shadow: 0 8px 22px rgba(7, 28, 47, .05); font-family: Poppins, Arial, sans-serif; font-size: 17px; line-height: 1.35; font-weight: 500; padding: 0 20px; }
.faq-filter-input::placeholder { color: #050505; opacity: 1; }
.faq-filter-input:focus,
.faq-filter-select:focus { border-color: #cfd9e8; box-shadow: 0 10px 26px rgba(7, 28, 47, .08), 0 0 0 .18rem rgba(13, 76, 143, .1); outline: 0; }
.faq-filter-select { appearance: auto; cursor: pointer; }
.faq-empty-state { max-width: 1080px; margin: 0 auto; padding: 22px; border: 1px solid #e9eef5; border-radius: 8px; background: #fff; color: #334155; text-align: center; font-family: Poppins, Arial, sans-serif; box-shadow: 0 14px 34px rgba(7, 28, 47, .06); }
.faq-page-accordion { max-width: 1080px; margin: 0 auto; display: grid; gap: 18px; }
.faq-pagination { max-width: 1080px; margin: 28px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.faq-page-button { width: 48px; height: 48px; border: 1px solid var(--red); border-radius: 7px; background: #fff; color: var(--red); display: inline-flex; align-items: center; justify-content: center; padding: 0; font-family: Poppins, Arial, sans-serif; font-size: 18px; line-height: 1; font-weight: 500; transition: .2s ease; }
.faq-page-button:hover,
.faq-page-button.active { background: var(--red); color: #fff; }
.faq-page-accordion .accordion-card { background: #fff; border: 1px solid #e9eef5; border-radius: 8px; overflow: hidden; box-shadow: 0 14px 34px rgba(7, 28, 47, .06); transition: .2s ease; }
.faq-page-accordion .accordion-card:hover { transform: translateY(-2px); box-shadow: 0 18px 44px rgba(7, 28, 47, .1); }
.faq-page-accordion .accordion-button { width: 100%; border: 0; background: transparent; color: var(--ink); display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 56px 18px 22px; text-align: left; font-family: Poppins, Arial, sans-serif; font-size: 17px; line-height: 1.35; font-weight: 700; box-shadow: none; position: relative; }
.faq-page-accordion .accordion-button:hover,
.faq-page-accordion .accordion-button:not(.collapsed) { color: var(--red); background: transparent; box-shadow: none; }
.faq-page-accordion .accordion-button::after { display: none; }
.faq-page-accordion .accordion-button::before { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; background: rgba(237, 50, 55, .1); color: var(--red); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }
.faq-page-accordion .accordion-button:not(.collapsed)::before { content: "-"; background: var(--red); color: #fff; }
.faq-page-accordion .accordion-body { padding: 0 24px 22px; color: #334155; line-height: 1.78; }
.faq-page-accordion .accordion-body p { margin-bottom: 12px; color: #334155; }
.faq-page-accordion .accordion-body p:last-child { margin-bottom: 0; }
.contact-hero-section { background: #fff; }
.contact-office-panel,
.contact-form-card,
.contact-info-card { height: 100%; border: 1px solid #e7edf5; border-radius: 8px; background: #fff; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); }
.contact-office-panel { padding: 34px; }
.contact-address-item { display: flex; gap: 18px; padding: 20px 0; border-bottom: 1px solid #edf2f7; }
.contact-address-item:last-of-type { border-bottom: 0; }
.contact-address-item > div,
.contact-info-card > div { min-width: 0; }
.contact-icon { width: 52px; height: 52px; border-radius: 8px; background: rgba(237, 50, 55, .1); color: var(--red); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; flex: 0 0 auto; }
.contact-address-item .contact-icon {
    width: 25px;
    height: 25px;
    border-radius: 0;
    background: transparent;
    color: #0f1054;
    font-size: 25px;
}
.contact-address-item h3 { font-size: 16px; margin-bottom: 8px; }
.contact-info-card h3 { font-size: 18px; margin-bottom: 8px; }
.contact-address-item h3 strong { color: #000; font-size: 20px; }
.contact-address-item p,
.contact-info-card p { margin: 0; color: #334155; line-height: 1.65; overflow-wrap: anywhere; }
.contact-partner-logo { margin-top: 24px; padding: 22px; border-radius: 8px; background: #f6f9fd; border: 1px solid #e7edf5; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.contact-partner-logo span { font-family: Poppins, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #000; }
.contact-partner-logo img { width: 94px; height: 94px; object-fit: contain; border-radius: 8px; background: #fff; }
.contact-form-card { padding: 34px; border-color: transparent; box-shadow: none; }
.contact-form-card .section-title { margin-bottom: 0; }
.contact-form-card .section-title .eyebrow { color: var(--red) !important; font-size: 38px !important; line-height: 1.15; margin-bottom: 18px; }
.contact-form-card .section-title h2 { color: #0f1054 !important; font-size: 27px !important; line-height: 1.25; margin-bottom: 34px; }
.contact-form-card .section-title p { color: #000; margin-bottom: 0; font-size: 18px; line-height: 1.55; }
.contact-form-card .form-control,
.contact-form-card .form-select { width: 100%; min-height: 50px; border: 0; border-radius: 4px; background: #f5f5f5; color: #000; font-size: 16px; padding: 10px 20px; box-shadow: none; }
.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus { background: #f5f5f5; border: 0; box-shadow: 0 0 0 .16rem rgba(237, 50, 55, .12); }
.contact-form-card textarea.form-control { min-height: 84px; resize: vertical; }
.contact-inquiry-form { margin-top: 34px; }
.contact-submit-btn { width: 100%; min-height: 40px; border-radius: 4px; justify-content: center; font-size: 16px; font-weight: 400; }
.contact-info-card { padding: 30px; display: flex; gap: 18px; align-items: flex-start; transition: .2s ease; }
.contact-info-card:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 18px 45px rgba(7, 28, 47, .08); border-color: #e7edf5; }
.contact-info-card .contact-icon { background: transparent; }
.contact-info-card:hover h3 { color: #0f1054; }
.contact-info-card a { color: #334155; }
.contact-info-card a:hover { color: var(--red); }
.contact-map-wrap { border-radius: 8px; overflow: hidden; box-shadow: 0 18px 45px rgba(7, 28, 47, .08); border: 1px solid #e7edf5; background: #fff; }
.contact-map-wrap iframe { display: block; width: 100%; height: 430px; border: 0; }
.legal-page-section { background: #fff; }
.legal-content { max-width: 1140px; margin: 0 auto; color: #222; font-size: 16px; line-height: 1.85; }
.legal-content h2,
.legal-content h3 { color: #07143f; font-size: 24px; line-height: 1.35; margin: 0 0 18px; }
.legal-content h3:not(:first-child),
.legal-content h2:not(:first-child) { margin-top: 34px; }
.legal-content p { margin-bottom: 18px; }
.legal-content strong { color: #07143f; font-weight: 700; }
.site-footer { background: #fff; color: #000; padding-top: 0; border-top: 1px solid #eef2f7; }
.site-footer > .container { max-width: 1320px; }
.site-footer > .container > .row { --bs-gutter-x: 0; display: grid; grid-template-columns: 330px 220px 340px 1fr; column-gap: 36px; align-items: flex-start; padding-top: 8px; }
.site-footer > .container > .row > [class*="col-"] { width: auto; max-width: none; padding-left: 0; padding-right: 0; }
.site-footer h3 { color: #07143f; font-size: 24px; line-height: 1; font-weight: 700; margin-bottom: 34px; position: relative; }
.site-footer h3::before { content: ""; position: absolute; left: 0; bottom: -17px; width: 130px; height: 2px; background: var(--red); }
.site-footer h3::after { content: ""; position: absolute; left: 124px; bottom: -21px; width: 12px; height: 12px; border: 2px solid var(--red); border-radius: 50%; background: #fff; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer li { margin: 10px 0; }
.site-footer a { color: #000; display: inline-flex; align-items: center; gap: 12px; font-size: 16px; line-height: 21px; font-weight: 400; }
.site-footer a:hover { color: var(--red); }
.site-footer li a i { color: #000; font-size: 14px; line-height: 1; flex: 0 0 auto; transition: transform .2s ease, color .2s ease; }
.site-footer li a:hover i { color: var(--red); }
.site-footer li a:hover i { transform: translateX(3px); }
.site-footer p { color: #000; font-size: 16px; line-height: 28px; font-weight: 400; max-width: 390px; }
.footer-logo { background: transparent; border-radius: 0; padding: 0; max-width: 190px; margin: 0 0 28px 0; }
.footer-social-icons { display: flex; align-items: center; gap: 10px; margin-top: 28px; flex-wrap: wrap; }
.footer-social-icons a { width: 54px; height: 54px; border: 1.5px solid #000; border-radius: 50%; color: #000; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; line-height: 1; background: transparent; transition: .2s ease; }
.footer-social-icons a:hover { background: var(--red); border-color: var(--red); color: #fff; transform: translateY(-2px); }
.footer-cert-section { background: #fff; color: #000; margin-top: 36px; padding: 48px 0 60px; border-top: 1px solid #f2f2f2; }
.footer-cert-section h2 { color: #000; font-size: 26px; line-height: 1; font-weight: 500; margin-bottom: 22px; }
.footer-membership-col { border-left: 0; padding-left: 48px; position: relative; }
.footer-membership-col::before { content: ""; position: absolute; left: 24px; top: 0; bottom: 0; width: 1px; background: #e2e2e2; }
.footer-membership-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.footer-logo-card { height: 164px; border: 1px solid #dcdcdc; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 24px; }
.footer-logo-card img { display: block; width: auto; max-width: 94%; max-height: 112px; object-fit: contain; }
.footer-cert-card { height: 164px; }
.footer-cert-card img { max-height: 126px; }
.copyright { background: #1b1b1b; color: #fff; padding: 18px 0; margin-top: 0; }
.copyright span { font-size: 15px; line-height: 1.5; }
.copyright a { color: #fff; font-size: 15px; line-height: 1.5; }
.copyright a:hover { color: var(--red); }
.footer-legal-links { display: inline-flex; align-items: center; gap: 22px; flex-wrap: wrap; justify-content: flex-end; }
.footer-legal-links a { display: inline-flex; margin: 0; white-space: nowrap; }
.cta-band { position: relative; overflow: hidden; background: linear-gradient(rgba(15, 16, 84, .58), rgba(15, 16, 84, .58)), url('../../uploads/site-assets/2025/07/get-in-bg.jpg') center/cover no-repeat; color: #fff; padding: 92px 0; min-height: 430px; display: flex; align-items: center; }
.cta-band + .site-footer { margin-top: 36px; }
.cta-band h1 { color: #fff; font-size: 40px; line-height: 1.35; max-width: 760px; margin: 0 auto 24px; }
.cta-band p { color: #fff; font-size: 24px; line-height: 1.45; max-width: 920px; margin: 0 auto 30px; }
.cta-band .btn { background: var(--red); border-color: var(--red); color: #fff; border-radius: 5px; padding: 14px 26px; font-size: 16px; font-weight: 800; }
.cta-band .btn:hover { background: #101057; border-color: #101057; color: #fff; }
.export-hero { background-position: center right; background-size: cover; background-repeat: no-repeat; min-height: 735px; padding: 112px 0 90px; overflow: hidden; display: flex; align-items: center; }
.export-documentation-hero {
    min-height: 650px;
    padding: 82px 0 72px;
    background-color: #fff;
    background-image:
        linear-gradient(90deg, #fff 0%, #fff 43%, rgba(255,255,255,.96) 50%, rgba(255,255,255,.68) 62%, rgba(255,255,255,.12) 82%, rgba(255,255,255,0) 100%),
        var(--export-hero-image);
    background-position: center, right center;
    background-size: 100% 100%, auto 100%;
}
.gst-hero { background: linear-gradient(90deg, rgba(232, 252, 255, .98) 0%, rgba(232, 252, 255, .94) 36%, rgba(232, 252, 255, .72) 54%, rgba(232, 252, 255, .08) 78%), url('../../uploads/site-assets/2026/01/Sky-ERP-Export-GST-plusBanner.webp') center/cover no-repeat; min-height: 100vh; }
.hrm-hero { background: url('../../uploads/site-assets/2026/01/Sky-ERP-HRM-Banner.webp') center/cover no-repeat; min-height: 100vh; }
.slt-hero { background: url('../../uploads/site-assets/2026/01/Sales-lead-tracker.webp') center/cover no-repeat; min-height: 100vh; }
.kdoc-hero { background: url('../../uploads/site-assets/2026/01/Kdoc-Plus-Banner.webp') center/cover no-repeat; min-height: 100vh; }
.esecretary-hero { background: url('../../uploads/site-assets/2026/01/E-secretary.webp') center/cover no-repeat; min-height: 100vh; }
.telecheck-hero { background: url('../../uploads/site-assets/2026/01/Telecheck-Banner.webp') center/cover no-repeat; min-height: 100vh; }
.wisetrack-hero { background: url('../../uploads/site-assets/2026/01/Wisetrcak-Banner.webp') center/cover no-repeat; min-height: 100vh; }
.export-product-logo { width: min(470px, 90%); height: auto; margin-bottom: 28px; }
.export-hero h1 { font-size: clamp(34px, 3.5vw, 48px); line-height: 1.16; margin-bottom: 18px; color: #101057; }
.export-hero .export-hero-tagline { color: var(--red); font-family: Poppins, Arial, sans-serif; font-size: clamp(20px, 1.6vw, 24px); font-weight: 700; line-height: 1.333; margin-bottom: 16px; }
.export-hero p { color: #000; font-size: 18px; line-height: 1.55; max-width: 860px; }
.export-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; max-width: 760px; }
.export-actions .btn { background: #101057; border-color: #101057; flex: 0 1 230px; min-width: 0; padding: 16px 18px; font-size: 16px; border-radius: 8px; text-transform: none; justify-content: center; white-space: nowrap; }
.export-actions .btn:first-child { background: var(--red); border-color: var(--red); }
.export-intro p { font-size: 17px; color: #172033; }
.export-tabs { gap: 10px; margin-bottom: 34px; flex-wrap: nowrap; justify-content: flex-start !important; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.export-tabs .nav-item { flex: 0 0 auto; }
.export-tabs .nav-link { border: 1px solid #d9e3ef; border-radius: 8px; background: #fff; color: #071c2f; font-weight: 800; padding: 12px 18px; }
.export-tabs .nav-link.active,
.export-tabs .nav-link:hover { background: var(--red); border-color: var(--red); color: #fff; }
.export-tab-content { background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 34px; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); }
.export-tab-content h3 { font-size: clamp(24px, 2.4vw, 30px); margin-bottom: 18px; }
.export-tab-content .tab-pane .row > div:last-child { display: flex; justify-content: center; }
.export-tab-content .about-img {
    width: 100%;
    max-width: 540px;
    height: clamp(260px, 28vw, 380px);
    object-fit: contain;
    object-position: center;
    background: #f8fafc;
    box-shadow: 0 12px 32px rgba(11, 31, 58, .09);
}
.export-advantage-card { height: 100%; background: #fff; border: 1px solid #e7edf5; border-radius: 8px; padding: 30px; text-align: center; box-shadow: 0 18px 45px rgba(7, 28, 47, .06); transition: .2s ease; }
.export-advantage-card:hover { transform: translateY(-4px); box-shadow: 0 24px 56px rgba(7, 28, 47, .12); }
.export-advantage-card img { width: 78px; height: 78px; object-fit: contain; margin-bottom: 18px; }
.export-advantage-card h3 { font-size: 18px; margin-bottom: 12px; }
.export-advantage-card p { color: #45546a; margin-bottom: 0; }

/* Alternating colors for advantage cards - Red and Dark Blue */
/* First 6 cards white by default, all cards get alternating colors on hover */
/* Hover effects - Alternating red and blue on hover */
.export-advantages .row > div:nth-child(odd) .export-advantage-card:hover { 
    background: #f33036 !important; 
    border-color: #f33036 !important; 
}
.export-advantages .row > div:nth-child(odd) .export-advantage-card:hover h5,
.export-advantages .row > div:nth-child(odd) .export-advantage-card:hover p { 
    color: #fff !important; 
}
.export-advantages .row > div:nth-child(odd) .export-advantage-card:hover img { 
    filter: brightness(0) invert(1) !important; 
}

.export-advantages .row > div:nth-child(even) .export-advantage-card:hover { 
    background: #101057 !important; 
    border-color: #101057 !important; 
}
.export-advantages .row > div:nth-child(even) .export-advantage-card:hover h5,
.export-advantages .row > div:nth-child(even) .export-advantage-card:hover p { 
    color: #fff !important; 
}
.export-advantages .row > div:nth-child(even) .export-advantage-card:hover img { 
    filter: brightness(0) invert(1) !important; 
}

/* Cards 7+ get alternating colors by default */
.export-advantages .row > div:nth-child(n+7):nth-child(odd) .export-advantage-card { 
    background: #f33036 !important; 
    border-color: #f33036 !important; 
}
.export-advantages .row > div:nth-child(n+7):nth-child(odd) .export-advantage-card h5,
.export-advantages .row > div:nth-child(n+7):nth-child(odd) .export-advantage-card p { 
    color: #fff !important; 
}
.export-advantages .row > div:nth-child(n+7):nth-child(odd) .export-advantage-card img { 
    filter: brightness(0) invert(1) !important; 
}

.export-advantages .row > div:nth-child(n+7):nth-child(even) .export-advantage-card { 
    background: #101057 !important; 
    border-color: #101057 !important; 
}
.export-advantages .row > div:nth-child(n+7):nth-child(even) .export-advantage-card h5,
.export-advantages .row > div:nth-child(n+7):nth-child(even) .export-advantage-card p { 
    color: #fff !important; 
}
.export-advantages .row > div:nth-child(n+7):nth-child(even) .export-advantage-card img { 
    filter: brightness(0) invert(1) !important; 
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child {
    margin-left: auto;
    margin-right: auto;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card {
    background: #fff !important;
    border-color: #e7edf5 !important;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card h3,
.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card h5 {
    color: #101057 !important;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card p {
    color: #45546a !important;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card img {
    filter: none !important;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card:hover h3,
.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card:hover h5,
.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card:hover p {
    color: #fff !important;
}

.page-skyerp-gst-plus .export-advantages .row > div:last-child .export-advantage-card:hover img {
    filter: brightness(0) invert(1) !important;
}

/* Apply same style to Value We Offer section */
/* Hover effects - Alternating red and blue on hover */
.service-value-section .row > div:nth-child(odd) .service-value-card:hover { 
    background: #f33036 !important; 
    border-color: #f33036 !important; 
}
.service-value-section .row > div:nth-child(odd) .service-value-card:hover h3,
.service-value-section .row > div:nth-child(odd) .service-value-card:hover p { 
    color: #fff !important; 
}
.service-value-section .row > div:nth-child(odd) .service-value-card:hover img { 
    filter: brightness(0) invert(1) !important; 
}

.service-value-section .row > div:nth-child(even) .service-value-card:hover { 
    background: #101057 !important; 
    border-color: #101057 !important; 
}
.service-value-section .row > div:nth-child(even) .service-value-card:hover h3,
.service-value-section .row > div:nth-child(even) .service-value-card:hover p { 
    color: #fff !important; 
}
.service-value-section .row > div:nth-child(even) .service-value-card:hover img { 
    filter: brightness(0) invert(1) !important; 
}

/* Cards 7+ get alternating colors by default */
.service-value-section .row > div:nth-child(n+7):nth-child(odd) .service-value-card { 
    background: #f33036 !important; 
    border-color: #f33036 !important; 
}
.service-value-section .row > div:nth-child(n+7):nth-child(odd) .service-value-card h3,
.service-value-section .row > div:nth-child(n+7):nth-child(odd) .service-value-card p { 
    color: #fff !important; 
}
.service-value-section .row > div:nth-child(n+7):nth-child(odd) .service-value-card img { 
    filter: brightness(0) invert(1) !important; 
}

.service-value-section .row > div:nth-child(n+7):nth-child(even) .service-value-card { 
    background: #101057 !important; 
    border-color: #101057 !important; 
}
.service-value-section .row > div:nth-child(n+7):nth-child(even) .service-value-card h3,
.service-value-section .row > div:nth-child(n+7):nth-child(even) .service-value-card p { 
    color: #fff !important; 
}
.service-value-section .row > div:nth-child(n+7):nth-child(even) .service-value-card img { 
    filter: brightness(0) invert(1) !important; 
}

/* Read More button alternating colors on hover */
/* Home page Our Products section */
.home-products-section [id^="productsSlider"] .carousel-item .row > div:nth-child(odd) .info-card .link-btn:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
}
.home-products-section [id^="productsSlider"] .carousel-item .row > div:nth-child(even) .info-card .link-btn:hover {
    background: #101057 !important;
    border-color: #101057 !important;
    color: #fff !important;
}

/* Home page What We Do section */
.home-services-section [id^="servicesSlider"] .carousel-item .row > div:nth-child(odd) .home-service-card .link-btn:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
}
.home-services-section [id^="servicesSlider"] .carousel-item .row > div:nth-child(even) .home-service-card .link-btn:hover {
    background: #101057 !important;
    border-color: #101057 !important;
    color: #fff !important;
}

/* Make What We Do buttons match Our Products buttons - exact same styling */
.home-services-section [id^="servicesSlider"] .home-service-card {
    display: flex !important;
    flex-direction: column !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card p {
    flex: 1 1 auto !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card .link-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 250px) !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 10px 20px !important;
    color: #fff !important;
    background: #f33036 !important;
    border: 2px solid #f33036 !important;
    border-bottom: 2px solid #f33036 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card:hover .link-btn {
    color: #fff !important;
}

/* Product dropdown pages Our Products section */
.export-related-products .carousel-item .row > div:nth-child(odd) .export-product-card .btn:hover,
.export-related-products .row > div:nth-child(odd) .export-product-card .btn:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(243, 48, 54, .3) !important;
}
.export-related-products .carousel-item .row > div:nth-child(even) .export-product-card .btn:hover,
.export-related-products .row > div:nth-child(even) .export-product-card .btn:hover {
    background: #101057 !important;
    border-color: #101057 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(16, 16, 87, .3) !important;
}

/* Services dropdown pages What We Do section */
.service-what-section .carousel-item .row > div:nth-child(odd) .service-what-card .link-btn:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
}
.service-what-section .carousel-item .row > div:nth-child(even) .service-what-card .link-btn:hover {
    background: #101057 !important;
    border-color: #101057 !important;
    color: #fff !important;
}

/* Make Services What We Do buttons match Our Products buttons - exact same styling */
.service-what-section .service-what-card {
    display: flex !important;
    flex-direction: column !important;
}
.service-what-section .service-what-card p {
    flex: 1 1 auto !important;
}
.service-what-section .service-what-card .link-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 250px) !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 10px 20px !important;
    color: #fff !important;
    background: #f33036 !important;
    border: 2px solid #f33036 !important;
    border-bottom: 2px solid #f33036 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
.service-what-section .service-what-card:hover .link-btn {
    color: #fff !important;
}
.export-demo-section { background: #fff; }
.export-related-products .section-title .eyebrow,
.export-blog-section .section-title .eyebrow { color: var(--red); font-size: clamp(30px, 3vw, 36px); text-transform: none; letter-spacing: 0; display: block; margin-bottom: 16px; }
.export-related-products .section-title h2,
.export-blog-section .section-title h2 { color: #101057; font-size: clamp(23px, 2.5vw, 28px); }
.export-product-slider { padding: 22px 0 74px; }
.export-product-card { height: 100%; background: #fff; border-radius: 8px; padding: 36px 30px 30px; text-align: center; box-shadow: 0 20px 50px rgba(7, 28, 47, .08); display: flex; flex-direction: column; align-items: center; }
.export-product-card img { height: 92px; max-width: 260px; object-fit: contain; margin-bottom: 24px; }
.export-product-card h3 { color: #101057; font-size: 21px; margin-bottom: 20px; }
.export-product-card p { color: #222; font-size: 16px; line-height: 1.65; min-height: 124px; }
.export-product-card .btn { width: 100%; max-width: 250px; margin-top: auto; text-transform: uppercase; box-shadow: 0 10px 22px rgba(237, 50, 55, .18); }
.export-product-dots { position: absolute; right: 0; bottom: 20px; left: 0; margin: 0; gap: 14px; }
.export-product-dots [data-bs-target] { width: 14px; height: 14px; border: 0; border-radius: 50%; background: #d9d9d9; opacity: 1; }
.export-product-dots .active { width: 28px; border-radius: 999px; background: var(--red); }
.export-faq-image { width: 100%; border-radius: 0; object-fit: cover; max-height: 560px; }
.export-blog-section .carousel-item .row > [class*="col-"] { display: flex; }
.export-blog-card { width: 100%; height: 100%; background: #fff; border-radius: 8px; padding: 0 0 30px; overflow: hidden; box-shadow: 0 20px 50px rgba(7, 28, 47, .07); display: flex; flex-direction: column; }
.export-blog-image { display: block; flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 789 / 400; overflow: hidden; margin-bottom: 26px; background: #eef4fb; }
.export-blog-image img { display: block; width: 100%; min-width: 100%; height: 100%; min-height: 100%; object-fit: cover; object-position: center; transition: transform .25s ease; }
.export-blog-card:hover .export-blog-image img { transform: scale(1.04); }
.export-blog-card .blog-meta,
.export-blog-card h3,
.export-blog-card p,
.export-blog-card .export-read-more { margin-left: 26px; margin-right: 26px; }
.export-blog-card .blog-meta { color: #000; font-size: 14px; gap: 20px; margin-bottom: 22px; }
.export-blog-card h3 { color: #101057; font-size: 21px; line-height: 1.35; margin-bottom: 18px; }
.export-blog-card p { color: #222; font-size: 16px; line-height: 1.65; min-height: 110px; }
.export-read-more { border-top: 1px solid #ddd; display: flex; justify-content: center; align-items: center; gap: 8px; padding-top: 24px; margin-top: auto; color: #000; font-weight: 700; text-transform: uppercase; }
.export-read-more:hover { color: var(--red); }
.hrm-intro-media,
.hrm-why-media { min-height: 430px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.hrm-intro-media { background-image: url('../../uploads/site-assets/2026/02/HRMS-intro.webp'); }
.hrm-why-section { background: #f4f4f4; }
.hrm-why-media { background-image: url('../../uploads/site-assets/2026/02/HRMS-why-choose-us.webp'); }
.slt-intro-media,
.slt-why-media { min-height: 430px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.slt-intro-media { background-image: url('../../uploads/site-assets/2026/02/SLT-intro.webp'); }
.slt-why-section { background: #f4f4f4; }
.slt-why-media { background-image: url('../../uploads/site-assets/2026/02/SLT-why-choose-us.webp'); }
.esecretary-intro-media { min-height: 430px; background: url('../../uploads/site-assets/2026/02/eSecretary-intro.webp') center/cover no-repeat; }
.telecheck-intro-media { min-height: 430px; background: url('../../uploads/site-assets/2026/01/Telecheck-intro-1.webp') center/cover no-repeat; }
.wisetrack-intro-media { min-height: 430px; background: url('../../uploads/site-assets/2026/01/Wisetrack-intr-1.webp') center/cover no-repeat; }
.slt-mobile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.slt-mobile-card { height: 100%; border: 1px solid #dedede; background: #fff; padding: 25px; text-align: center; transition: .2s ease; }
.slt-mobile-card:nth-child(odd):hover { background: var(--red); }
.slt-mobile-card:nth-child(even):hover { background: #101057; }
.slt-mobile-card:hover h3,
.slt-mobile-card:hover p { color: #fff; }
.slt-mobile-card img { width: 72px; height: 72px; object-fit: contain; margin-bottom: 14px; }
.slt-mobile-card:hover img { filter: brightness(0) invert(1); }
.slt-mobile-card h3 { color: #000; font-size: 18px; margin-bottom: 8px; transition: .2s ease; }
.slt-mobile-card p { color: #333; margin-bottom: 0; transition: .2s ease; }
.hrm-mobile-diagram { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; justify-content: center; gap: clamp(36px, 6vw, 110px); }
.hrm-phone img { width: min(300px, 76vw); display: block; filter: drop-shadow(0 24px 45px rgba(7, 28, 47, .16)); }
.hrm-feature-col { display: grid; gap: 38px; }
.hrm-mobile-feature { display: flex; align-items: flex-start; gap: 18px; max-width: 360px; position: relative; }
.hrm-feature-col.left .hrm-mobile-feature { flex-direction: row-reverse; text-align: right; }
.hrm-mobile-feature span { width: 66px; height: 66px; border-radius: 50%; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.15); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.hrm-mobile-feature span i { width: 48px; height: 48px; border-radius: 50%; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.hrm-mobile-feature::after { content: ""; position: absolute; width: 80px; height: 2px; top: 33px; pointer-events: none; }
.hrm-feature-col.left .hrm-mobile-feature::after { right: -80px; }
.hrm-feature-col.right .hrm-mobile-feature::after { left: -80px; }
.hrm-mobile-feature h3 { font-size: 18px; margin-bottom: 6px; }
.hrm-mobile-feature p { margin: 0; color: #667085; line-height: 1.5; }
.hrm-mobile-feature.teal i { background: #00bcd4; }
.hrm-mobile-feature.green i { background: #4caf50; }
.hrm-mobile-feature.lime i { background: #8bc34a; }
.hrm-mobile-feature.yellow i { background: #fbc02d; }
.hrm-mobile-feature.orange i { background: #ff9800; }
.hrm-mobile-feature.red i { background: #e53935; }
.hrm-mobile-feature.gray i { background: #607d8b; }
.hrm-mobile-feature.blue i { background: #2196f3; }
.hrm-mobile-feature.teal::after { background: #00bcd4; }
.hrm-mobile-feature.green::after { background: #4caf50; }
.hrm-mobile-feature.lime::after { background: #8bc34a; }
.hrm-mobile-feature.yellow::after { background: #fbc02d; }
.hrm-mobile-feature.orange::after { background: #ff9800; }
.hrm-mobile-feature.red::after { background: #e53935; }
.hrm-mobile-feature.gray::after { background: #607d8b; }
.hrm-mobile-feature.blue::after { background: #2196f3; }
.scroll-top { position: fixed; right: 20px; bottom: 20px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--red); color: #fff; display: none; z-index: 20; }
.admin-shell { min-height: 100vh; background: linear-gradient(180deg, #f7fafd 0%, #eef4fb 100%); overflow-x: hidden; }
.admin-shell > .container-fluid { padding: 0; }
.admin-layout { min-height: 100vh; }
.admin-sidebar { background: linear-gradient(180deg, #071c2f 0%, #0d4c8f 100%); color: #fff; padding: 20px 18px; width: 280px; position: fixed; left: 0; top: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; transition: transform .25s ease, width .25s ease; z-index: 1040; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.35) transparent; box-shadow: 14px 0 34px rgba(7, 28, 47, .16); }
.admin-sidebar::-webkit-scrollbar { width: 6px; }
.admin-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.28); border-radius: 999px; }
.admin-brand { display: flex; align-items: center; gap: 10px; color: #fff; font-family: Poppins, sans-serif; font-weight: 700; font-size: 18px; margin-bottom: 20px; }
.admin-brand img { width: 168px; max-width: calc(100% - 44px); background: #fff; border-radius: 8px; padding: 7px 9px; }
.brand-mark { width: 34px; height: 34px; border-radius: 8px; background: var(--red); display: inline-flex; align-items: center; justify-content: center; }
.admin-sidebar a { display: flex; align-items: center; gap: 10px; color: #e7f0fb; padding: 11px 12px; margin: 2px 0; border-radius: 8px; font-size: 15px; line-height: 1.3; font-weight: 700; }
.admin-sidebar a i { width: 20px; text-align: center; color: #ffffff; opacity: .86; }
.admin-sidebar a:hover { color: #fff; background: rgba(237, 50, 55, .9); }
.admin-sidebar a:hover i { color: #fff; opacity: 1; }
.admin-sidebar hr { border-color: rgba(255,255,255,.16); opacity: 1; }
.admin-main { padding: 24px; margin-left: 280px; width: calc(100% - 280px); min-width: 0; min-height: 100vh; transition: margin-left .25s ease, width .25s ease; }
.admin-topbar { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #dce8f7; border-top: 4px solid var(--red); border-radius: 8px; padding: 16px 18px; margin-bottom: 24px; box-shadow: 0 10px 30px rgba(7, 28, 47, .07); }
.admin-top-logo { width: 142px; height: auto; border-right: 1px solid #e7edf5; padding-right: 18px; margin-right: 4px; }
.admin-title-block { min-width: 0; }
.admin-back-btn { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #b9d2ec; border-radius: 8px; padding: 10px 14px; color: var(--blue); font-weight: 700; white-space: nowrap; background: #f4f9ff; }
.admin-back-btn:hover { color: #fff; background: var(--red); border-color: var(--red); }
.admin-account-actions { display: inline-flex; align-items: center; gap: 10px; margin-left: 0; }
.admin-login-chip { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #b9d2ec; border-radius: 999px; padding: 9px 13px; color: var(--ink); font-weight: 700; background: #f4f9ff; white-space: nowrap; }
.admin-login-chip i { color: var(--blue); }
.admin-logout-icon { width: 42px; height: 42px; border-radius: 8px; background: var(--red); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(237, 50, 55, .22); }
.admin-logout-icon:hover { background: #c91f24; color: #fff; }
.admin-toggle, .admin-close, .admin-mini-toggle { border: 0; background: var(--red); color: #fff; border-radius: 8px; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.admin-toggle { box-shadow: 0 10px 24px rgba(237, 50, 55, .22); font-size: 18px; }
.admin-mini-toggle { margin-left: auto; background: rgba(237,50,55,.95); }
.admin-mini-toggle:hover { background: var(--red); }
.admin-close { margin-left: auto; width: 34px; height: 34px; background: rgba(255,255,255,.12); }
.admin-login-card { max-width: 460px; margin: 0 auto; border-top: 4px solid var(--red); }
.admin-login-logo { width: 210px; max-width: 82%; height: auto; }
.password-field { position: relative; }
.password-field .form-control { padding-right: 52px; }
.password-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0; border-radius: 6px; background: #edf6ff; color: var(--blue); display: inline-flex; align-items: center; justify-content: center; }
.password-toggle i { pointer-events: none; }
.password-toggle:hover { background: #e2e8f0; color: var(--red); }
.admin-login-links { display: flex; justify-content: space-between; gap: 14px; margin-top: 16px; font-weight: 700; font-size: 14px; }
.admin-login-links a { color: var(--blue); }
.admin-login-links a:hover { color: var(--red); }
.dashboard-card { min-height: 150px; background: #fff; border: 1px solid #dce8f7; border-bottom: 3px solid var(--red); border-radius: 8px; padding: 22px; display: flex; flex-direction: column; justify-content: center; gap: 8px; color: var(--ink); box-shadow: 0 10px 30px rgba(7, 28, 47, .06); transition: .2s ease; }
.dashboard-card span { width: 42px; height: 42px; border-radius: 8px; background: rgba(237, 50, 55, .1); color: var(--red); display: inline-flex; align-items: center; justify-content: center; }
.dashboard-card strong { font-family: Poppins, sans-serif; font-size: 34px; line-height: 1; }
.dashboard-card:hover { color: var(--ink); transform: translateY(-3px); box-shadow: 0 18px 42px rgba(7, 28, 47, .1); border-color: transparent; }
.admin-footer { margin-top: 34px; padding: 18px 22px; background: #071c2f; border: 1px solid #0d4c8f; border-radius: 8px; color: #dce8f7; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; box-shadow: 0 10px 30px rgba(7, 28, 47, .08); }
.admin-footer a { color: var(--blue); font-weight: 700; margin-left: 16px; }
.admin-footer a { color: #fff; }
.admin-footer a:hover { color: #ffb6b9; }
.admin-section-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; font-size: 24px; line-height: 1.25; margin-bottom: 18px; }
.admin-section-title span { width: 34px; height: 34px; border-radius: 8px; background: var(--red); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; flex: 0 0 auto; }
.admin-section-card { height: 100%; }
.admin-section-card .admin-section-title { font-size: 28px; gap: 14px; margin-bottom: 26px; }
.admin-section-card .admin-section-title span { width: 42px; height: 42px; font-size: 18px; }
.admin-section-card .form-label { color: #071c2f; font-size: 19px; line-height: 1.35; font-weight: 600; margin-bottom: 12px; }
.admin-section-card .form-control,
.admin-section-card .form-select { min-height: 64px; border-radius: 8px; font-size: 18px; line-height: 1.4; padding: 16px 18px; }
.admin-section-card textarea.form-control { min-height: 132px; }
.admin-section-card input[type="file"].form-control { padding-top: 15px; padding-bottom: 15px; }
.admin-section-card .mb-3 { margin-bottom: 24px !important; }
.admin-section-card .btn { font-size: 17px; min-height: 48px; padding: 10px 20px; }
.admin-inline-seo { margin: 28px 0 20px; padding: 20px; border: 1px solid #dce8f7; border-radius: 8px; background: #f8fbff; }
.admin-inline-seo h3 { display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 18px; line-height: 1.35; margin: 0 0 16px; }
.admin-inline-seo h3 i { color: var(--red); }
.admin-title-note { color: #536173; font-size: 13px; font-weight: 600; }
.admin-help-text { color: #536173; font-size: 14px; margin-top: -6px; margin-bottom: 18px; }
.admin-guide-card { background: #fff; border: 1px solid #dce8f7; border-left: 4px solid var(--red); border-radius: 8px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(7, 28, 47, .06); }
.admin-guide-card h2 { display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 18px; margin-bottom: 10px; }
.admin-guide-card h2 i { color: var(--red); }
.admin-guide-card ol { margin: 0; padding-left: 20px; color: #26364a; }
.admin-guide-card li { margin: 5px 0; font-size: 14px; line-height: 1.55; }
.admin-edit-tools { display: flex; flex-wrap: wrap; gap: 10px; margin: -6px 0 18px; }
.admin-edit-tools a { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); background: #f4f9ff; border: 1px solid #cfe0f3; border-radius: 8px; padding: 12px 16px; font-size: 18px; font-weight: 700; }
.admin-edit-tools a:hover { color: #fff; background: var(--red); border-color: var(--red); }
.cms-text-editor { border: 1px solid #d8e5f4; border-radius: 8px; background: #f8fbff; padding: 10px; }
.cms-editor-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.cms-editor-toolbar button { width: 48px; height: 46px; border: 1px solid #cfe0f3; background: #fff; color: var(--blue); border-radius: 8px; padding: 0; font-weight: 700; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; }
.cms-editor-toolbar button:hover,
.cms-editor-toolbar button.active-source { background: var(--red); border-color: var(--red); color: #fff; }
.cms-editor-label { display: inline-flex; align-items: center; gap: 8px; color: var(--red); font-weight: 800; font-size: 17px; margin-bottom: 10px; }
.cms-editor-visual { min-height: 420px; max-height: 760px; overflow: auto; background: #fff; border: 1px solid #d8e5f4; border-radius: 8px; padding: 18px; color: var(--body); font-size: 17px; outline: none; }
.cms-editor-visual:focus { border-color: var(--red); box-shadow: 0 0 0 .18rem rgba(237, 50, 55, .12); }
.cms-editor-visual h1,
.cms-editor-visual h2,
.cms-editor-visual h3,
.cms-editor-visual h4 { color: var(--ink); font-family: Poppins, sans-serif; font-weight: 800; margin-bottom: 12px; }
.cms-editor-visual p,
.cms-editor-visual li { font-size: 17px; line-height: 1.7; }
.cms-editor-visual img { max-width: 100%; height: auto; border-radius: 8px; }
.admin-image-preview { display: flex; align-items: center; gap: 12px; min-height: 74px; margin-bottom: 10px; padding: 10px; border: 1px solid #d8e5f4; border-radius: 8px; background: #f8fbff; }
.admin-image-preview img { width: 96px; height: 54px; object-fit: contain; border-radius: 6px; background: #fff; }
.admin-image-preview.missing { border-color: #f0b6b8; background: #fff6f6; color: #9d2529; }
.admin-image-preview.missing img { opacity: .45; }
.cms-editor-source { min-height: 420px; max-height: 680px; width: 100%; overflow: auto; background: #071c2f; color: #f8fbff; border: 1px solid #0d4c8f; border-radius: 8px; padding: 18px; font-family: Consolas, "Courier New", monospace; font-size: 15px; line-height: 1.6; white-space: pre-wrap; outline: none; }
.cms-editor-source:focus { border-color: var(--red); box-shadow: 0 0 0 .18rem rgba(237, 50, 55, .18); }
.cms-editor-help { display: block; margin-top: 8px; color: #536173; font-size: 12px; }
.cms-text-editor.editor-expanded { position: fixed; inset: 18px; z-index: 2050; background: #f8fbff; box-shadow: 0 24px 80px rgba(7, 28, 47, .35); overflow: auto; padding: 18px; }
.cms-text-editor.editor-expanded .cms-editor-visual,
.cms-text-editor.editor-expanded .cms-editor-source { min-height: calc(100vh - 155px); max-height: calc(100vh - 155px); }
.cms-text-editor.editor-expanded .cms-editor-toolbar { position: sticky; top: 0; z-index: 2; background: #f8fbff; padding-bottom: 10px; }
.text-mode-tabs { display: flex; flex-wrap: wrap; gap: 10px; max-width: 100%; overflow-x: auto; margin-bottom: 20px; }
.text-mode-tabs a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; border: 1px solid #cfe0f3; background: #fff; color: var(--blue); border-radius: 8px; padding: 9px 14px; font-weight: 800; box-shadow: 0 8px 22px rgba(7, 28, 47, .05); }
.text-mode-tabs a.active,
.text-mode-tabs a:hover { background: var(--red); border-color: var(--red); color: #fff; }
.text-mode-list-card,
.text-mode-editor-card { height: 100%; }
.text-mode-list { max-height: 780px; overflow: auto; padding-right: 4px; }
.text-mode-list a { display: block; border: 1px solid #dce8f7; background: #f8fbff; border-radius: 8px; padding: 11px 12px; margin-bottom: 9px; color: var(--ink); }
.text-mode-list a strong { display: block; font-size: 14px; line-height: 1.35; }
.text-mode-list a span { display: block; color: #536173; font-size: 12px; margin-top: 4px; }
.text-mode-list a.active,
.text-mode-list a:hover { border-color: var(--red); background: #fff5f5; }
.text-mode-actions { display: flex; flex-wrap: wrap; gap: 10px; position: sticky; bottom: 0; background: #fff; border-top: 1px solid #dce8f7; padding-top: 14px; margin-top: 18px; z-index: 5; }
.text-mode-actions .btn { min-width: 130px; font-weight: 800; }
.text-mode-actions .btn-success { background: #0d4c8f; border-color: #0d4c8f; }
.text-mode-actions .btn-success:hover { background: #071c2f; border-color: #071c2f; }
.admin-live-blog-table th,
.admin-live-blog-table td { font-size: 14px; vertical-align: middle; }
.admin-live-blog-table td:nth-child(2) { min-width: 320px; }
.admin-backdrop { display: none; position: fixed; inset: 0; background: rgba(3, 12, 23, .48); z-index: 1030; }
.admin-shell.sidebar-open .admin-backdrop { display: block; }
.table img { max-height: 42px; max-width: 80px; object-fit: contain; }
@media (max-width: 1199px) {
    h1 { font-size: 44px; line-height: 1.3; }
    h2 { font-size: 36px; line-height: 1.3; }
    h3 { font-size: 28px; }
    h4 { font-size: 24px; }
    .navbar-brand { margin-right: 28px; }
    .navbar-brand img { max-height: 78px; }
    .navbar-nav { gap: 18px; }
    .navbar-nav .nav-link { font-size: 16px; }
    .contact-office-panel,
    .contact-form-card { padding: 28px; }
    .contact-address-item { gap: 14px; }
    .contact-address-item h3 { font-size: 16px; }
    .contact-info-card h3 { font-size: 17px; }
    .contact-address-item h3 strong { font-size: 20px; }
}
@media (max-width: 991px) {
    .site-header .navbar { min-height: 78px; padding: 8px 0; }
    .navbar-brand { margin-right: 0; }
    .navbar-brand img { max-height: 62px; }
    .navbar-toggler { border: 1px solid #d9e3ef; box-shadow: none; padding: 8px 10px; }
    .navbar-collapse { border-top: 1px solid #edf1f6; margin-top: 10px; padding: 12px 0 16px; }
    .navbar-nav { align-items: stretch; gap: 0; }
    .navbar-nav .nav-link { padding: 12px 0; font-size: 15px; }
    .navbar-nav .dropdown-menu { display: block; position: static; }
    .dropdown-menu { box-shadow: none; border: 1px solid #edf1f6; margin-bottom: 8px; }
    .hero-slide { min-height: 560px; background-position: center; }
    .hero-slide::before { content: none; }
    .section { padding: 56px 0; }
    .eyebrow { font-size: 24px; }
    .section-title h2,
    .service-intro-section .section-title h2,
    .service-what-section .section-title h2,
    .service-value-section .section-title h2 { font-size: 34px; }
    .stats-band { padding: 56px 14px; row-gap: 26px; }
    .stats-band .stat img { width: 72px; height: 72px; }
    .faq-section .faq-question { font-size: 16px; padding: 16px 22px; }
    .faq-section .faq-answer { padding: 0 22px 18px; }
    .faq-section .faq-accordion { gap: 18px; }
    .faq-section::before { width: 100%; opacity: .24; }
    .faq-section .faq-title { text-align: center; }
    .faq-section .faq-image { max-height: 460px; object-position: center; }
    .section-slider { padding: 0; }
    #servicesSliderTablet { min-height: 471px !important; }
    #servicesSliderTablet .carousel-inner { min-height: 409px !important; }
    #clientsSliderTablet { min-height: 174px !important; }
    #clientsSliderTablet .carousel-inner { min-height: 112px !important; }
    #expertiseSliderTablet { min-height: 499px !important; }
    #expertiseSliderTablet .carousel-inner { min-height: 437px !important; }
    #feedbackSliderTablet { min-height: 433px !important; }
    #feedbackSliderTablet .carousel-inner { min-height: 371px !important; }
    #blogHomeSliderTablet { min-height: 551px !important; }
    #blogHomeSliderTablet .carousel-inner { min-height: 489px !important; }
    .career-intro-section .career-main-image,
    .career-why-section .career-main-image { min-height: 320px; max-height: 430px; }
    .career-intro-copy h2 { font-size: 36px !important; }
    .career-intro-copy p { font-size: 16px; }
    .career-opportunity-card { flex-direction: column; }
    .career-apply-card { position: static; }
    .partners-main-image,
    .partners-wide-image { max-height: 360px; }
    .blog-filter-wrap { padding: 20px; }
    .faq-filter-bar { grid-template-columns: 1fr; gap: 14px; }
    .faq-filter-input,
    .faq-filter-select { min-height: 50px; font-size: 16px; }
    .faq-page-accordion .accordion-button { font-size: 16px; padding: 17px 52px 17px 18px; }
    .contact-office-panel,
    .contact-form-card { padding: 24px; }
    .contact-office-panel,
    .contact-form-card,
    .contact-info-card { height: auto; }
    .contact-address-item { padding: 18px 0; }
    .contact-info-section .row { --bs-gutter-y: 18px; }
    .contact-map-wrap iframe { height: 360px; }
    .cta-band { min-height: 460px; padding: 90px 0; }
    .footer-cert-section { padding: 40px 0 48px; }
    .footer-membership-col { border-left: 0; padding-left: calc(var(--bs-gutter-x) * .5); }
    .footer-membership-col::before { content: none; }
    .footer-membership-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-logo-card { height: 142px; }
    .export-hero { min-height: auto; padding: 62px 0 58px; background-position: center right; }
    .export-documentation-hero {
        min-height: 610px;
        padding: 66px 0 60px;
        background-image:
            linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 48%, rgba(255,255,255,.72) 66%, rgba(255,255,255,.18) 100%),
            var(--export-hero-image);
    }
    .gst-hero,
    .hrm-hero,
    .slt-hero,
    .kdoc-hero,
    .esecretary-hero,
    .telecheck-hero,
    .wisetrack-hero { min-height: 680px; background-position: center; }
    .export-hero p { font-size: 16px; }
    .export-actions .btn { width: 100%; justify-content: center; }
    .export-tab-content { padding: 24px; }
    .export-tab-content .about-img { height: 320px; }
    .export-product-card p,
    .export-blog-card p { min-height: 0; }
    .hrm-intro-media,
    .hrm-why-media,
    .slt-intro-media,
    .slt-why-media,
    .esecretary-intro-media,
    .telecheck-intro-media,
    .wisetrack-intro-media { min-height: 360px; }
    .itinfra-list { grid-template-columns: 1fr; }
    .itinfra-why-panel { padding: 28px; }
    .digital-why-panel { padding: 28px; }
    .data-main-image { min-height: 320px; max-height: 520px; }
    .networking-panel { padding: 28px; }
    .networking-side-image { min-height: 340px; }
    .hardware-panel { padding: 28px; }
    .hardware-side-image { min-height: 320px; }
    .slt-mobile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hrm-mobile-diagram { grid-template-columns: 1fr; gap: 42px; }
    .hrm-feature-col.left .hrm-mobile-feature { flex-direction: row; text-align: left; }
    .hrm-mobile-feature::after { display: none; }
    .hrm-phone { order: -1; display: flex; justify-content: center; }
    .admin-sidebar { width: min(320px, 86vw); max-width: 86vw; transform: translateX(-105%); }
    .admin-shell.sidebar-open .admin-sidebar { transform: translateX(0); }
    .admin-main { padding: 16px; width: 100%; margin-left: 0; }
    .admin-topbar { align-items: flex-start; flex-wrap: wrap; }
    .admin-title-block { flex: 1; }
    .admin-back-btn { width: 100%; justify-content: center; margin-left: 0; }
    .admin-account-actions { margin-left: 0; width: 100%; justify-content: space-between; }
    .admin-login-chip { flex: 1; justify-content: center; }
    .dashboard-card { min-height: 136px; }
    .form-card { padding: 20px; }
    .table-responsive { font-size: 14px; }
    .admin-shell.sidebar-open { overflow: hidden; }
}
@media (min-width: 992px) {
    .admin-shell.sidebar-collapsed .admin-sidebar { width: 84px; padding-inline: 14px; }
    .admin-shell.sidebar-collapsed .admin-sidebar span,
    .admin-shell.sidebar-collapsed .admin-sidebar hr { display: none; }
    .admin-shell.sidebar-collapsed .admin-brand img { display: none; }
    .admin-shell.sidebar-collapsed .admin-brand { justify-content: center; }
    .admin-shell.sidebar-collapsed .admin-mini-toggle { margin-left: 0; }
    .admin-shell.sidebar-collapsed .admin-sidebar a { justify-content: center; padding: 12px 0; }
    .admin-shell.sidebar-collapsed .admin-sidebar a i { width: auto; }
    .admin-shell.sidebar-collapsed .admin-main { margin-left: 84px; width: calc(100% - 84px); }
}
@media (max-width: 575px) {
    h1 { font-size: 34px; line-height: 1.35; }
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
    h4 { font-size: 22px; }
    .section-slider { padding: 0; }
    .eyebrow { font-size: 22px; }
    .section-title h2,
    .service-intro-section .section-title h2,
    .service-what-section .section-title h2,
    .service-value-section .section-title h2 { font-size: 28px; }
    .stats-band { padding: 44px 10px; }
    .stats-band .stat { font-size: 16px; }
    .stats-band .stat img { width: 58px; height: 58px; margin-bottom: 18px; }
    .faq-section .faq-title h2 { font-size: 28px; }
    .faq-section .faq-title p { font-size: 18px; }
    .faq-section .faq-question { font-size: 15px; padding: 14px 15px; align-items: center; gap: 12px; }
    .faq-section .faq-question i { font-size: 17px; flex-basis: 20px; width: 20px; }
    .faq-section .faq-answer { padding: 0 16px 16px; font-size: 15px; }
    .faq-section .faq-image { max-height: 330px; }
    .career-intro-section .career-main-image,
    .career-why-section .career-main-image { min-height: 240px; max-height: 320px; }
    .career-intro-copy h2 { font-size: 36px !important; }
    .career-intro-copy p { font-size: 16px; }
    .career-intro-wide-image { aspect-ratio: 16 / 10; }
    .career-opportunity-card,
    .career-job-card { padding: 22px; }
    .career-card-icon { width: 50px; height: 50px; font-size: 20px; }
    .career-job-meta { display: grid; gap: 8px; }
    .partner-model-card > div,
    .partner-process-content { padding: 22px; }
    .partner-registration-card h3 { font-size: 18px; }
    .blog-card .blog-content { padding: 20px; }
    .blog-card .blog-content h3 { font-size: 18px; }
    .blog-meta { font-size: 13px; gap: 7px 12px; }
    .blog-single .blog-content,
    .live-blog-content .blog-content,
    .blog-widget { padding: 22px; }
    .blog-single > .blog-img img,
    .live-blog-content > .blog-img img { min-height: 230px; }
    .blog-single .blog-content p,
    .live-blog-content p,
    .blog-single .blog-content ul,
    .blog-single .blog-content ol,
    .live-blog-content ul,
    .live-blog-content ol { font-size: 15px; line-height: 1.72; }
    .blog-single .blog-content h2,
    .live-blog-content h2 { font-size: 23px; }
    .blog-single .blog-content h3,
    .live-blog-content h3 { font-size: 20px; }
    .blog-single .blog-content h4,
    .live-blog-content h4 { font-size: 18px; }
    .blog-share-tags { flex-direction: column; align-items: flex-start; padding: 22px; }
    .blog-share-tags .share-title { font-size: 20px; }
    .blog-share-tags .tagcloud a { min-height: 44px; padding: 10px 14px; font-size: 14px; }
    .blog-share-tags .social-links a { width: 44px; height: 44px; }
    .blog-sidebar { position: static; }
    .faq-filter-bar { margin-bottom: 20px; }
    .faq-filter-input,
    .faq-filter-select { min-height: 48px; font-size: 15px; padding: 0 15px; }
    .faq-page-accordion { gap: 14px; }
    .faq-pagination { margin-top: 22px; gap: 8px; }
    .faq-page-button { width: 42px; height: 42px; font-size: 16px; }
    .faq-page-accordion .accordion-button { font-size: 15px; padding: 15px 46px 15px 15px; }
    .faq-page-accordion .accordion-button::before { right: 14px; width: 28px; height: 28px; }
    .faq-page-accordion .accordion-body { padding: 0 16px 18px; font-size: 15px; }
    .contact-address-item,
    .contact-info-card { flex-direction: column; }
    .contact-office-panel,
    .contact-form-card,
    .contact-info-card { padding: 20px; }
    .contact-address-item { gap: 12px; }
    .contact-icon { width: 46px; height: 46px; font-size: 19px; }
    .contact-address-item .contact-icon { width: 25px; height: 25px; font-size: 25px; }
    .contact-partner-logo { justify-content: center; text-align: center; padding: 18px; }
    .contact-partner-logo img { width: 82px; height: 82px; }
    .contact-form-card .btn { width: 100%; }
    .contact-map-wrap iframe { height: 300px; }
    .cta-band { min-height: 380px; padding: 70px 12px; background-position: 62% center; }
    .cta-band h1 { font-size: 40px; }
    .cta-band p { font-size: 24px; }
    .cta-band .btn { width: auto; padding: 12px 20px; font-size: 15px; }
    .footer-cert-section { padding: 34px 0 42px; text-align: center; }
    .footer-cert-section h2 { font-size: 24px; }
    .footer-membership-grid { grid-template-columns: 1fr; }
    .footer-logo-card { height: 132px; padding: 20px; }
    .footer-logo-card img { max-height: 108px; }
    .footer-cert-card img { max-height: 124px; }
    .export-hero h1 { font-size: 30px; }
    .gst-hero,
    .hrm-hero,
    .slt-hero,
    .kdoc-hero,
    .esecretary-hero,
    .telecheck-hero,
    .wisetrack-hero { min-height: auto; background-position: 58% center; }
    .export-hero p,
    .export-intro p { font-size: 15px; }
    .export-product-logo { margin-bottom: 20px; }
    .export-actions .btn { min-width: 0; font-size: 15px; padding: 14px 17px; }
    .export-tabs { justify-content: flex-start !important; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 8px; }
    .export-tabs .nav-item { flex: 0 0 auto; }
    .export-tabs .nav-link { padding: 10px 14px; font-size: 14px; }
    .export-tab-content { padding: 20px; }
    .export-product-card { padding: 26px 20px; }
    .export-blog-card { padding: 0 0 26px; }
    .export-blog-image { margin-bottom: 22px; }
    .export-product-card h3,
    .export-blog-card h3 { font-size: 20px; }
    .export-product-card p,
    .export-blog-card p { font-size: 15px; }
    .hrm-intro-media,
    .hrm-why-media,
    .slt-intro-media,
    .slt-why-media,
    .esecretary-intro-media,
    .telecheck-intro-media,
    .wisetrack-intro-media { min-height: 280px; }
    .slt-mobile-grid { grid-template-columns: 1fr; }
    .slt-mobile-card { padding: 22px; }
    .hrm-feature-col { gap: 22px; }
    .hrm-mobile-feature { gap: 14px; }
    .hrm-mobile-feature span { width: 54px; height: 54px; }
    .hrm-mobile-feature span i { width: 40px; height: 40px; }
    .slider-arrow { width: 34px; height: 34px; font-size: 13px; }
    .slider-controls { min-height: 36px; margin-top: 24px; }
    .admin-topbar h1 { font-size: 22px; }
    .admin-topbar { padding: 14px; }
    .admin-main { padding: 12px; }
    .dashboard-grid { --bs-gutter-y: 12px; }
    .dashboard-card { min-height: 118px; padding: 18px; }
    .dashboard-card strong { font-size: 30px; }
    .dashboard-card span { width: 38px; height: 38px; }
    .admin-login-links { flex-direction: column; align-items: center; }
    .admin-footer { text-align: center; justify-content: center; }
    .admin-footer a { margin: 0 8px; }
}

/* Site-wide responsive hardening */
img { height: auto; image-rendering: auto; }
.about-img,
.blog-card .blog-img img,
.catalogue-card-image img,
.export-blog-image img,
.export-product-card img { image-rendering: auto; backface-visibility: hidden; }
img,
svg,
video,
canvas,
iframe { max-width: 100%; }

body { overflow-x: hidden; }

.container { max-width: 1320px; }

.row > * { min-width: 0; }

.btn,
.link-btn,
.export-read-more,
.site-footer a,
.navbar-nav .nav-link { word-break: normal; overflow-wrap: anywhere; }

.form-control,
.form-select,
textarea { max-width: 100%; }

.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 1399px) {
    .site-footer a { font-size: 16px; line-height: 21px; }
    .site-footer p { font-size: 16px; line-height: 28px; }
    .site-footer h3 { font-size: 24px; }
    .site-footer > .container { max-width: 1320px; }
    .site-footer > .container > .row { grid-template-columns: 330px 220px 340px 1fr; column-gap: 36px; }
}

@media (max-width: 1199px) {
    .hero-content h1,
    .hero-content .hero-heading,
    .export-hero h1 { max-width: 100%; }
    .export-actions { gap: 14px; }
    .export-actions .btn { min-width: 260px; }
    .site-footer > .container > .row { display: flex; --bs-gutter-x: 1.5rem; }
    .site-footer .row { row-gap: 34px; }
    .site-footer > .container > .row > .col-lg-3:first-child,
    .site-footer > .container > .row > .col-lg-3:not(:first-child) { flex: 0 0 50%; max-width: 50%; padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); }
    .site-footer h3 { margin-bottom: 30px; }
    .footer-logo { margin-left: 0; }
}

@media (max-width: 991px) {
    .topbar { display: none !important; }
    .site-header { position: sticky; top: 0; z-index: 1020; }
    .navbar-collapse { max-height: calc(100vh - 92px); overflow-y: auto; }
    .navbar-nav .dropdown-menu { max-height: 320px; overflow-y: auto; }
    .hero-content,
    .export-hero-content { max-width: 100%; padding: 54px 0; }
    .export-documentation-hero {
        min-height: auto;
        padding: 58px 0;
        background-image:
            linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.94)),
            var(--export-hero-image);
        background-position: center, 72% center;
        background-size: cover;
    }
    .hero-content h1,
    .hero-content .hero-heading,
    .export-hero h1 { font-size: clamp(30px, 6vw, 42px) !important; }
    .hero-content p,
    .export-hero p { max-width: 100%; }
    .info-card,
    .testimonial,
    .blog-card,
    .career-job-card,
    .career-opportunity-card { height: auto; }
    .home-about-img { height: 360px; }
    .export-actions { display: grid; grid-template-columns: 1fr; max-width: 420px; }
    .export-actions .btn { width: 100%; min-width: 0; }
    .export-tab-content .about-img { max-width: 100%; height: 280px; }
    .service-main-image,
    .service-side-image,
    .open-source-side-image,
    .website-service-side-image,
    .data-main-image,
    .networking-side-image,
    .hardware-side-image { min-height: 300px; }
    .site-footer { padding-top: 0; }
    .site-footer > .container > .row > .col-lg-3:first-child,
    .site-footer > .container > .row > .col-lg-3:not(:first-child) { flex: 0 0 100%; max-width: 100%; padding-left: calc(var(--bs-gutter-x) * .5); }
    .site-footer .col-lg-3:first-child { text-align: left; }
    .footer-social-icons { justify-content: flex-start; }
}

@media (max-width: 767px) {
    body { font-size: 15px; line-height: 1.65; }
    h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    h3 { font-size: 22px; }
    .section { padding: 46px 0; }
    #servicesSliderMobile { min-height: 449px !important; }
    #servicesSliderMobile .carousel-inner { min-height: 393px !important; }
    #clientsSliderMobile { min-height: 188px !important; }
    #clientsSliderMobile .carousel-inner { min-height: 132px !important; }
    #expertiseSliderMobile { min-height: 481px !important; }
    #expertiseSliderMobile .carousel-inner { min-height: 425px !important; }
    #feedbackSliderMobile { min-height: 409px !important; }
    #feedbackSliderMobile .carousel-inner { min-height: 353px !important; }
    #blogHomeSliderMobile { min-height: 531px !important; }
    #blogHomeSliderMobile .carousel-inner { min-height: 475px !important; }
    .section-title { margin-bottom: 26px; }
    .section-title.center { text-align: center; }
    .home-about-img { height: 300px; }
    .hero-slide { min-height: auto; }
    .export-documentation-hero {
        padding: 48px 0;
        background-image:
            linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.96)),
            var(--export-hero-image);
        background-position: center, 68% center;
    }
    .hero-content { padding: 62px 0; }
    .hero-content .btn,
    .cta-band .btn,
    .contact-form-card .btn { width: 100%; justify-content: center; }
    .info-card { padding: 22px; }
    .info-card img { width: 100%; max-width: 260px; height: auto; aspect-ratio: 1.8; object-fit: contain; }
    [id^="productsSlider"] .info-card img { max-width: 300px; height: 82px; aspect-ratio: auto; object-fit: contain; margin-bottom: 6px; }
    [id^="servicesSlider"] .info-card img { max-width: none; height: auto; aspect-ratio: auto; object-fit: contain; }
    .blog-card .blog-img { min-height: 0; }
    .blog-pagination { margin-top: 34px; }
    .blog-pagination ul { gap: 7px; }
    .blog-pagination a,
    .blog-pagination button,
    .blog-pagination .page-dots,
    .blog-pagination .page-jump form { min-width: 42px; height: 42px; font-size: 15px; }
    .blog-pagination .page-dots { min-width: 32px; }
    .blog-pagination .page-jump { flex-basis: 100%; justify-content: center; order: 2; }
    .blog-pagination .page-jump form { min-width: 210px; max-width: 100%; height: 42px; font-size: 14px; }
    .blog-pagination .page-jump input { width: 68px; height: 32px; }
    .blog-pagination .view-all { min-width: 104px; }
    .stats-band .stat { padding: 18px 10px; }
    .faq-section .row { row-gap: 28px; }
    .footer-logo { max-width: 170px; }
    .site-footer h3 { font-size: 22px; }
    .site-footer a,
    .site-footer p { font-size: 15px; }
    .site-footer h3::before { width: 116px; }
    .site-footer h3::after { left: 110px; }
    .footer-membership-col { border-left: 0; padding-left: calc(var(--bs-gutter-x) * .5); }
    .copyright .container { justify-content: center !important; text-align: center; }
    .footer-legal-links { justify-content: center; gap: 8px 18px; width: 100%; }
}

@media (max-width: 420px) {
    .container { padding-left: 18px; padding-right: 18px; }
    .navbar-brand img { max-height: 54px; }
    .hero-content h1,
    .hero-content .hero-heading,
    .export-hero h1 { font-size: 29px; }
    .btn-primary,
    .th-btn,
    .export-actions .btn { padding: 12px 16px; font-size: 15px; }
    .blog-pagination ul { gap: 6px; }
    .blog-pagination a,
    .blog-pagination button,
    .blog-pagination .page-dots { min-width: 38px; height: 38px; font-size: 14px; }
    .blog-pagination .page-jump form { min-width: 190px; padding: 0 8px; }
    .blog-pagination .page-jump input { width: 58px; }
    .blog-pagination .view-all { min-width: 92px; }
    .footer-social-icons a { width: 42px; height: 42px; }
    .footer-logo-card { height: 118px; }
}

h2,
.section-title h2,
.faq-section .faq-title h2,
.service-intro-section .section-title h2,
.service-what-section .section-title h2,
.service-value-section .section-title h2,
.blog-single .blog-content h2,
.live-blog-content h2,
.legal-content h2,
.footer-cert-section h2,
.cta-band h2,
.export-related-products .section-title h2,
.export-blog-section .section-title h2,
.admin-guide-card h2 {
    font-size: 24px !important;
}
.tech-band h2 {
    font-size: 40px !important;
}

.hero-content .hero-heading {
    font-size: 50px !important;
    line-height: 1.28 !important;
    font-weight: 400 !important;
}

/* Cross-device layout guardrails */
html { overflow-x: hidden; }

body,
main,
.site-header,
.site-footer { width: 100%; }

p,
li,
td,
th,
.blog-single,
.live-blog-content,
.legal-content,
.section-title,
.catalogue-card-body,
.export-hero-content { overflow-wrap: anywhere; }

.btn,
.th-btn,
.link-btn,
.catalogue-button,
.export-actions .btn,
.contact-form-card .btn,
.partner-registration-card .btn {
    max-width: 100%;
    white-space: normal;
}

.bread,
.service-bread,
.catalogue-bread {
    min-height: clamp(220px, 32vw, 360px);
    padding: clamp(56px, 9vw, 100px) 0;
    background-size: cover;
    background-position: center;
}

.bread h1,
.catalogue-bread h1 { font-size: clamp(30px, 6vw, 48px); }

.section-title,
.section-title p,
.section-title h2,
.catalogue-intro .section-title,
.legal-content,
.open-source-copy { max-width: 100%; }

.service-value-card,
.form-card,
.contact-office-panel,
.contact-form-card,
.contact-info-card,
.export-tab-content,
.export-advantage-card,
.export-product-card { max-width: 100%; }

.export-tabs,
.nav-tabs,
.blog-pagination ul,
.footer-social-icons { min-width: 0; }

.export-tabs {
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.export-tabs .nav-link { white-space: nowrap; }

.live-blog-content img,
.legal-content img,
.cms-editor-visual img { height: auto !important; }

@media (max-width: 575px) {
    .become-partner-grid { grid-template-columns: 1fr; }
    .become-partner-title { margin-bottom: 34px; }
    .become-partner-title h2 { font-size: 26px; }
    .bread.become-partners-bread h1 { font-size: 26px; }
}

@media (max-width: 1199px) {
    .site-header .navbar { min-height: 86px; }
    .navbar-brand img { max-width: min(220px, 48vw); }
    .navbar-nav { gap: 14px; }
    .navbar-nav .nav-link { padding-inline: 0; }
    .export-hero { min-height: auto; }
}

@media (max-width: 991px) {
    .site-header .container { gap: 12px; }
    .navbar-collapse {
        width: 100%;
        background: #fff;
    }
    .navbar-nav .dropdown-menu {
        min-width: 0;
        width: 100%;
        box-shadow: none;
        border: 1px solid #edf1f6;
        border-radius: 6px;
        padding: 6px 0;
        margin: 0 0 8px;
    }
    .dropdown-item {
        white-space: normal;
        line-height: 1.35;
    }
    .hero-slide {
        min-height: clamp(430px, 68vw, 560px);
        background-position: 62% center;
    }
    .hero-content,
    .export-hero-content { padding-block: 46px; }
    .section-title-wrap { padding-top: 38px; }
    .catalogue-intro { padding: 46px 0 30px; }
    .catalogue-section { padding-bottom: 58px; }
    .service-main-image,
    .career-main-image,
    .partners-main-image,
    .partners-wide-image,
    .faq-section .faq-image {
        min-height: 0;
        max-height: none;
        aspect-ratio: 16 / 10;
    }
    .career-apply-card {
        position: static;
        top: auto;
    }
    .footer-membership-col::before { content: none; }
}

@media (max-width: 767px) {
    .container,
    .container-sm { max-width: 100%; }
    .section { padding: 42px 0; }
    .section-title h2,
    h2,
    .admin-guide-card h2 { line-height: 1.28; }
    .eyebrow,
    .partner-live-subtitle,
    .section-title h2.eyebrow { font-size: 20px; }
    .hero-slide {
        min-height: auto;
    }
    .hero-content { padding-block: 48px; }
    .hero-content p { font-size: 15px; }
    .info-card,
    .testimonial,
    .catalogue-card-body,
    .career-opportunity-card,
    .career-job-card,
    .partner-model-card > div,
    .partner-process-card > div,
    .contact-office-panel,
    .contact-form-card,
    .form-card,
    .export-tab-content { padding: 20px; }
    .career-opportunity-card,
    .contact-info-card,
    .contact-address-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .career-opportunities .career-opportunity-card {
        min-height: 0;
    }
    .career-opportunities .career-opportunity-card > div {
        height: auto;
    }
    .career-opportunities .career-card-meta:last-of-type {
        margin-bottom: 0;
    }
    .career-opportunities .career-view-details-btn {
        margin-top: 12px !important;
        align-self: stretch;
        width: 100%;
    }
    .catalogue-card-image {
        min-height: 150px;
        padding: 22px;
    }
    .catalogue-card-image img {
        max-width: 100%;
        height: 96px;
    }
    .service-what-card img,
    .partner-model-card img,
    .partner-process-card img,
    .career-life-card img,
    .career-gallery-card img,
    .export-blog-image {
        aspect-ratio: 16 / 10;
    }
    .faq-filter-bar {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .faq-section .faq-question,
    .career-accordion .faq-question,
    .faq-page-accordion .accordion-button {
        padding: 16px 18px;
    }
    .faq-page-accordion .accordion-button { padding-right: 50px; }
    .faq-section .faq-answer,
    .career-accordion .faq-answer { padding-inline: 18px; }
    .export-actions { max-width: none; }
    .export-product-logo { width: min(360px, 100%); }
    .export-tab-content .about-img { height: auto; aspect-ratio: 16 / 10; }
    .site-footer > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 575px) {
    .site-header .navbar { min-height: 70px; }
    .navbar-brand img { max-height: 50px; max-width: 64vw; }
    .navbar-toggler { padding: 6px 8px; }
    .navbar-collapse { max-height: calc(100vh - 78px); }
    .bread,
    .service-bread,
    .catalogue-bread {
        min-height: 190px;
        padding: 46px 0;
    }
    .bread h1,
    .catalogue-bread h1,
    .hero-content h1,
    .hero-content .hero-heading,
    .export-hero h1 {
        font-size: 28px !important;
        line-height: 1.18;
    }
    .section-title { margin-bottom: 22px; }
    .catalogue-card-body h2,
    .info-card h3,
    .service-value-card h3,
    .partner-model-card h3,
    .partner-process-card h3,
    .export-product-card h3,
    .export-blog-card h3 { font-size: 19px; }
    .client-logo { height: 112px; }
    .client-logo img { height: 64px; }
    .stats-band { padding-inline: 0; }
    .blog-card .blog-content,
    .blog-single .blog-content,
    .blog-share-tags { padding-inline: 18px; }
    .live-blog-content > .blog-img img {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }
    .contact-map-wrap iframe { height: 260px; }
    .footer-membership-grid { gap: 14px; }
    .copyright { font-size: 14px; }
}

@media (max-width: 360px) {
    .container { padding-left: 14px; padding-right: 14px; }
    .btn-primary,
    .th-btn,
    .export-actions .btn,
    .contact-form-card .btn,
    .partner-registration-card .btn {
        width: 100%;
        padding-inline: 12px;
    }
    .footer-social-icons { gap: 8px; }
    .footer-social-icons a {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}
.blog-feedback { padding: 0 36px 38px; display: grid; gap: 22px; }
.blog-feedback-panel { scroll-margin-top: 120px; border-top: 1px solid #edf2f7; padding-top: 26px; }
.blog-feedback-anchor { display: block; position: relative; top: -120px; height: 0; overflow: hidden; }
.blog-feedback-summary { margin-bottom: 8px; }
.blog-feedback-forms { border-top: 1px solid #edf2f7; margin-top: 4px; padding-top: 22px; }
.blog-feedback-forms h4 { margin-top: 0; }
.blog-feedback-panel h3 { color: var(--ink); font-size: 24px; line-height: 1.25; margin-bottom: 18px; font-weight: 800; }
.blog-feedback-form .form-control { min-height: 52px; border: 1px solid #dfe8f3; border-radius: 6px; color: #111827; box-shadow: none; }
.blog-feedback-form textarea.form-control { min-height: 130px; padding-top: 14px; }
.blog-feedback-form .form-control:focus { border-color: var(--red); box-shadow: 0 0 0 .18rem rgba(239, 48, 57, .12); }
.blog-rating { display: inline-flex; gap: 6px; color: var(--red); font-size: 20px; margin-bottom: 14px; }
@media (max-width: 767.98px) { .blog-feedback { padding: 0 22px 30px; } .blog-feedback-panel h3 { font-size: 21px; } }
.blog-feedback-panel h4 { color: var(--ink); font-size: 20px; line-height: 1.3; margin: 20px 0 16px; font-weight: 800; }
.blog-feedback-list { display: grid; gap: 12px; margin-bottom: 20px; }
.blog-feedback-item { border: 1px solid #edf2f7; border-radius: 8px; padding: 16px 18px; background: #fbfdff; }
.blog-feedback-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 8px; }
.blog-feedback-head strong { color: var(--ink); font-size: 16px; }
.blog-feedback-head span { color: #64748b; font-size: 13px; font-weight: 600; }
.blog-feedback-item p { color: #243244; font-size: 15px; line-height: 1.65; margin: 0; }
.blog-feedback-empty { color: #64748b; margin-bottom: 18px; }
.blog-rating-select { max-width: 170px; margin-bottom: 14px; border-color: #dfe8f3; }
.blog-rating-small { font-size: 15px; margin-bottom: 8px; }
/* Mobile image clarity fixes */
@media (max-width: 767px) {
    .hero-slide {
        display: grid;
        align-items: center;
        min-height: clamp(390px, 96vw, 500px);
        overflow: hidden;
        background-image: none !important;
        background-color: #f5f8fc;
    }
    .hero-slide::after {
        content: none;
    }
    .hero-slide-image {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center top;
        background: #fff;
    }
    .hero-slide > .container {
        position: relative;
        z-index: 1;
    }
    .hero-content {
        max-width: min(56%, 320px);
        padding-block: 24px;
        user-select: text;
        -webkit-user-select: text;
    }
    .hero-content * {
        user-select: text;
        -webkit-user-select: text;
    }
    .hero-content .eyebrow {
        font-size: clamp(14px, 3.8vw, 18px);
        line-height: 1.25;
        margin-bottom: 7px;
    }
    .hero-content h1,
    .hero-content .hero-heading {
        font-size: clamp(19px, 5.6vw, 28px) !important;
        line-height: 1.12;
        margin-bottom: 10px;
    }
    .hero-content p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 12.5px;
        line-height: 1.45;
        margin-bottom: 13px;
    }
    .hero-content .btn {
        width: auto;
        max-width: 100%;
        padding: 9px 12px;
        font-size: 13px;
    }
}
@media (max-width: 420px) {
    .hero-slide {
        min-height: 380px;
    }
    .hero-slide-image {
        object-position: center top;
    }
    .hero-content {
        max-width: 60%;
    }
    .hero-content p {
        -webkit-line-clamp: 2;
    }
}
/* Product and service image clarity: remove hero transparency overlays */
.service-bread,
.website-service-bread,
.open-source-service-bread,
.graphic-service-bread,
.uiux-service-bread,
.cloud-service-bread,
.itinfra-service-bread,
.digital-service-bread,
.data-service-bread,
.networking-service-bread,
.hardware-service-bread,
.gst-hero,
.export-documentation-hero {
    background-blend-mode: normal !important;
    filter: none !important;
}
.export-documentation-hero {
    background-image: var(--export-hero-image) !important;
    background-position: right center !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
}
.service-main-image,
.service-side-image,
.open-source-side-image,
.website-service-side-image,
.cloud-side-image,
.itinfra-side-image,
.digital-side-image,
.networking-side-image,
.hardware-side-image {
    filter: none !important;
    opacity: 1 !important;
    image-rendering: auto;
}
/* Page hero image clarity: remove overlays from static pages */
.bread,
.about-bread,
.career-bread,
.partners-bread,
.blog-bread,
.faq-bread,
.contact-bread,
.legal-bread {
    background-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
}
.bread,
.service-bread,
.catalogue-bread,
.about-bread,
.career-bread,
.partners-bread,
.blog-bread,
.faq-bread,
.contact-bread,
.legal-bread {
    min-height: 250px;
    padding: 70px 0 !important;
}
.legal-bread {
    background: #11145c !important;
}
.products-bread {
    background: url('../../uploads/site-assets/2026/07/Products.png') center/cover no-repeat !important;
}
.services-bread-main {
    background: url('../../uploads/site-assets/2026/07/Services.png') center/cover no-repeat !important;
}
/* Stable home carousel controls: keep arrows from moving while slides change */
#servicesSlider .carousel-inner,
#expertiseSlider .carousel-inner,
#feedbackSlider .carousel-inner,
#servicesSliderTablet .carousel-inner,
#expertiseSliderTablet .carousel-inner,
#feedbackSliderTablet .carousel-inner,
#servicesSliderMobile .carousel-inner,
#expertiseSliderMobile .carousel-inner,
#feedbackSliderMobile .carousel-inner {
    overflow: hidden;
}
#servicesSlider .slider-controls,
#expertiseSlider .slider-controls,
#feedbackSlider .slider-controls,
#servicesSliderTablet .slider-controls,
#expertiseSliderTablet .slider-controls,
#feedbackSliderTablet .slider-controls,
#servicesSliderMobile .slider-controls,
#expertiseSliderMobile .slider-controls,
#feedbackSliderMobile .slider-controls {
    margin-top: 34px;
    transform: translateZ(0);
}

.seo-score-pill,
.seo-cornerstone-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 4px 9px; font-size: 12px; font-weight: 700; line-height: 1; margin: 2px 4px 2px 0; }
.seo-score-green { color: #0f6b3d; background: #dff7e9; }
.seo-score-orange { color: #8a5200; background: #fff1cf; }
.seo-score-red { color: #9b1c1c; background: #ffe0e0; }
.seo-cornerstone-pill { color: #1d4ed8; background: #dbeafe; }
.seo-analysis-card { border: 1px solid #dce8f7; border-left-width: 5px; border-radius: 8px; background: #fff; padding: 14px; margin-bottom: 14px; }
.seo-analysis-card > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.seo-analysis-card > div span { font-size: 24px; font-weight: 800; }
.seo-analysis-card ul { margin: 0; padding-left: 18px; color: #536173; font-size: 13px; }
.seo-analysis-card.seo-score-green { border-left-color: #19a45b; }
.seo-analysis-card.seo-score-orange { border-left-color: #f59e0b; }
.seo-analysis-card.seo-score-red { border-left-color: #dc252b; }
.seo-metrics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.seo-metrics-grid span { border: 1px solid #e1eaf6; border-radius: 8px; background: #fff; padding: 8px 10px; font-size: 12px; color: #536173; }
.seo-metrics-grid strong { color: var(--ink); }
.seo-snippet-preview { border: 1px solid #ddd; border-radius: 8px; background: #fff; padding: 13px; margin: 0 0 16px; max-width: 620px; }
.seo-snippet-title { color: #1a0dab; font-size: 18px; line-height: 1.3; margin-bottom: 2px; }
.seo-snippet-url { color: #006621; font-size: 13px; line-height: 1.35; word-break: break-word; margin-bottom: 3px; }
.seo-snippet-desc { color: #545454; font-size: 13px; line-height: 1.45; }
.seo-snippet-counts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 9px; color: #536173; font-size: 12px; }
.seo-count-good { color: #15803d; }
.seo-count-bad { color: #dc252b; }

/* GST hero background: keep the warehouse image as a single non-repeating hero image. */
.gst-hero {
    background-image:
        linear-gradient(90deg, rgba(232, 252, 255, .98) 0%, rgba(232, 252, 255, .94) 36%, rgba(232, 252, 255, .72) 54%, rgba(232, 252, 255, .08) 78%),
        url('../../uploads/site-assets/2026/01/Sky-ERP-Export-GST-plusBanner.webp') !important;
    background-position: center, center right !important;
    background-size: 100% 100%, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    min-height: min(760px, calc(100vh - 1px));
}

@media (max-width: 1199px) {
    .gst-hero {
        min-height: 680px;
    }
}

@media (max-width: 767px) {
    .gst-hero {
        min-height: auto;
        background-position: center, 58% center !important;
    }
}

/* Slider Controls & Chevron Centering Overrides */
.slider-arrow {
    padding: 0 !important;
    cursor: pointer;
    outline: none;
}
.slider-arrow i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 100%;
    line-height: 1;
}
.slider-arrow i.fa-chevron-left {
    transform: translateX(-1px);
}
.slider-arrow i.fa-chevron-right {
    transform: translateX(1px);
}
.export-blog-section .slider-controls {
    margin-top: 42px;
}

/* Product client/blog carousel controls: keep arrows centered and prevent vertical jump while slides rotate. */
.section-slider[id$="ClientsSlider"],
.section-slider[id$="BlogSlider"] {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 10px;
}
.section-slider[id$="ClientsSlider"] .carousel-inner,
.section-slider[id$="BlogSlider"] .carousel-inner {
    flex: 0 0 100%;
    width: 100%;
    overflow: hidden;
}
.section-slider[id$="ClientsSlider"] .slider-controls,
.section-slider[id$="BlogSlider"] .slider-controls,
.export-blog-section .slider-controls {
    position: relative;
    left: auto;
    right: auto;
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    clear: both;
    transform: translateZ(0);
}
.section-slider[id$="ClientsSlider"] .slider-arrow,
.section-slider[id$="BlogSlider"] .slider-arrow {
    flex: 0 0 44px;
    margin: 0;
    line-height: 1;
}
.section-slider[id$="ClientsSlider"] > .slider-arrow,
.section-slider[id$="BlogSlider"] > .slider-arrow {
    margin-top: 34px;
}
.section-slider[id$="ClientsSlider"] .slider-arrow i,
.section-slider[id$="BlogSlider"] .slider-arrow i {
    font-size: 15px;
    line-height: 1;
}
.section-slider[id$="ClientsSlider"] .slider-arrow i::before,
.section-slider[id$="BlogSlider"] .slider-arrow i::before {
    display: block;
    line-height: 1;
}

/* Product dropdown pages: tighten Our Clients section spacing before Our Products. */
.section.alt:has(#exportClientsSlider),
.section.alt:has(#gstClientsSlider),
.section.alt:has(#hrmClientsSlider),
.section.alt:has(#sltClientsSlider),
.section.alt:has(#kdocClientsSlider),
.section.alt:has(#esecretaryClientsSlider),
.section.alt:has(#telecheckClientsSlider),
.section.alt:has(#wisetrackClientsSlider) {
    padding-bottom: 34px !important;
}
.section.alt:has(#exportClientsSlider) + .export-related-products,
.section.alt:has(#gstClientsSlider) + .export-related-products,
.section.alt:has(#hrmClientsSlider) + .export-related-products,
.section.alt:has(#sltClientsSlider) + .export-related-products,
.section.alt:has(#kdocClientsSlider) + .export-related-products,
.section.alt:has(#esecretaryClientsSlider) + .export-related-products,
.section.alt:has(#telecheckClientsSlider) + .export-related-products,
.section.alt:has(#wisetrackClientsSlider) + .export-related-products {
    padding-top: 46px !important;
}

/* Service dropdown pages: center What We Do carousel arrows under the cards. */
.service-what-section .section-slider {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 10px;
}
.service-what-section .section-slider .carousel-inner {
    flex: 0 0 100%;
    width: 100%;
    overflow: hidden;
}
.service-what-section .section-slider .slider-controls {
    position: relative;
    left: auto;
    right: auto;
    width: 100%;
    min-height: 44px;
    margin-top: 34px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    clear: both;
    transform: translateZ(0);
}
.service-what-section .section-slider > .slider-arrow,
.service-what-section .section-slider .slider-arrow {
    flex: 0 0 44px;
    margin: 34px 0 0;
    line-height: 1;
}
.service-what-section .section-slider .slider-controls .slider-arrow {
    margin-top: 0;
}
.service-what-section .section-slider .slider-arrow i {
    font-size: 15px;
    line-height: 1;
}
.service-what-section .section-slider .slider-arrow i::before {
    display: block;
    line-height: 1;
}

/* Site-wide section heading scale */
.section .eyebrow,
.section-title .eyebrow,
.section-title h2.eyebrow,
.partner-live-subtitle,
.export-related-products .section-title .eyebrow,
.export-blog-section .section-title .eyebrow {
    font-size: 36px !important;
    line-height: 1.2;
}
.section .eyebrow + h2,
.section-title h2:not(.eyebrow),
.faq-section .faq-title p,
.export-related-products .section-title h2,
.export-blog-section .section-title h2 {
    font-size: 24px !important;
    line-height: 1.3;
}
.faq-section .faq-title h2 {
    font-size: 36px !important;
    line-height: 1.2;
}
.faq-section .faq-title p {
    font-size: 24px !important;
    line-height: 1.3;
}

/* Live-site red card hover treatment */
.info-card,
.catalogue-card,
.service-what-card,
.industry-card,
.export-product-card,
.export-advantage-card,
.service-value-card,
.service-card,
.open-source-service-tile {
    position: relative;
    overflow: hidden;
}

.info-card > *,
.catalogue-card > *,
.catalogue-card-body > *,
.service-what-card > *,
.industry-card > *,
.export-product-card > *,
.export-advantage-card > *,
.service-value-card > *,
.service-card > *,
.open-source-service-tile > * {
    position: relative;
    z-index: 1;
}

.info-card::after,
.catalogue-card::after,
.service-what-card::after,
.industry-card::after,
.export-product-card::after,
.export-advantage-card::after,
.service-value-card::after,
.service-card::after,
.open-source-service-tile::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    pointer-events: none;
    opacity: 0;
    background:
        radial-gradient(120% 72% at 75% 8%, rgba(255,255,255,.14) 0 42%, transparent 43%),
        radial-gradient(130% 78% at 28% 100%, rgba(255,255,255,.12) 0 48%, transparent 49%);
    transition: opacity .2s ease;
}

.info-card:hover,
.catalogue-card:hover,
.service-what-card:hover,
.industry-card:hover,
.export-product-card:hover,
.export-advantage-card:hover,
.service-value-card:hover,
.service-card:hover,
.open-source-service-tile:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
    box-shadow: 0 26px 58px rgba(220, 37, 43, .26) !important;
    transform: translateY(-4px);
}

.info-card:hover::after,
.catalogue-card:hover::after,
.service-what-card:hover::after,
.industry-card:hover::after,
.export-product-card:hover::after,
.export-advantage-card:hover::after,
.service-value-card:hover::after,
.service-card:hover::after,
.open-source-service-tile:hover::after {
    opacity: 1;
}

.info-card:hover h2,
.info-card:hover h2 a,
.info-card:hover h3,
.info-card:hover h3 a,
.info-card:hover p,
.catalogue-card:hover h2,
.catalogue-card:hover h2 a,
.catalogue-card:hover h3,
.catalogue-card:hover h3 a,
.catalogue-card:hover p,
.catalogue-card:hover strong,
.catalogue-card:hover .catalogue-type,
.service-what-card:hover h3,
.service-what-card:hover h3 a,
.service-what-card:hover p,
.industry-card:hover h3,
.industry-card:hover p,
.export-product-card:hover h3,
.export-product-card:hover h3 a,
.export-product-card:hover p,
.export-advantage-card:hover h3,
.export-advantage-card:hover p,
.service-value-card:hover h3,
.service-value-card:hover p,
.service-card:hover h3,
.service-card:hover h3 a,
.service-card:hover p,
.open-source-service-tile:hover h3,
.open-source-service-tile:hover p {
    color: #fff !important;
}

.info-card:hover .link-btn,
.catalogue-card:hover .catalogue-button,
.service-what-card:hover .link-btn,
.export-product-card:hover .btn,
.export-product-card:hover .link-btn,
.service-card:hover .link-btn {
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(255,255,255,.85) !important;
    box-shadow: none !important;
}

.info-card:hover .link-btn,
.service-what-card:hover .link-btn,
.export-product-card:hover .btn,
.export-product-card:hover .link-btn,
.service-card:hover .link-btn {
    border-bottom: 2px solid rgba(255,255,255,.9) !important;
    border-radius: 0;
    padding-bottom: 6px;
}

.info-card:hover img,
.industry-card:hover img,
.export-product-card:hover img,
.export-advantage-card:hover img,
.service-value-card:hover img {
    filter: brightness(0) invert(1) !important;
}

[id^="servicesSlider"] .info-card:hover img,
.service-what-card:hover img,
.service-card:hover img,
.open-source-service-tile:hover img {
    filter: none !important;
}

.catalogue-card:hover .catalogue-card-image {
    background: transparent !important;
    border-color: rgba(255,255,255,.22) !important;
}

.catalogue-card:hover img {
    filter: brightness(0) invert(1) !important;
}

/* Homepage What We Do: keep image area normal and apply red hover only to content. */
#servicesSlider .home-service-card,
#servicesSliderTablet .home-service-card,
#servicesSliderMobile .home-service-card {
    width: 100%;
    min-height: 100%;
    padding: 0 !important;
}
#servicesSlider .home-service-card > img,
#servicesSliderTablet .home-service-card > img,
#servicesSliderMobile .home-service-card > img {
    display: block;
    width: 80px;
    height: 80px;
    max-width: none;
    object-fit: contain;
    object-position: center;
    align-self: center;
    border-radius: 0;
    margin: 28px auto 0;
    transition: filter .2s ease;
}
#servicesSlider .home-service-card .home-service-card-body,
#servicesSliderTablet .home-service-card .home-service-card-body,
#servicesSliderMobile .home-service-card .home-service-card-body {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 292px;
    margin: 0;
    padding: 28px 34px 34px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    transition: background .2s ease, color .2s ease;
}
#servicesSlider .home-service-card .home-service-card-body::after,
#servicesSliderTablet .home-service-card .home-service-card-body::after,
#servicesSliderMobile .home-service-card .home-service-card-body::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    pointer-events: none;
    opacity: 0;
    background:
        radial-gradient(120% 72% at 75% 8%, rgba(255,255,255,.14) 0 42%, transparent 43%),
        radial-gradient(130% 78% at 28% 100%, rgba(255,255,255,.12) 0 48%, transparent 49%);
    transition: opacity .2s ease;
}
#servicesSlider .home-service-card .home-service-card-body > *,
#servicesSliderTablet .home-service-card .home-service-card-body > *,
#servicesSliderMobile .home-service-card .home-service-card-body > * {
    position: relative;
    z-index: 1;
}
#servicesSlider .home-service-card .home-service-card-body h3,
#servicesSliderTablet .home-service-card .home-service-card-body h3,
#servicesSliderMobile .home-service-card .home-service-card-body h3 {
    min-height: 54px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#servicesSlider .home-service-card .home-service-card-body p,
#servicesSliderTablet .home-service-card .home-service-card-body p,
#servicesSliderMobile .home-service-card .home-service-card-body p {
    flex: 1;
    margin-bottom: 12px;
}
#servicesSlider .home-service-card .home-service-card-body .link-btn,
#servicesSliderTablet .home-service-card .home-service-card-body .link-btn,
#servicesSliderMobile .home-service-card .home-service-card-body .link-btn {
    margin-top: auto;
    align-self: center;
    justify-content: center;
    border-bottom: 0 !important;
    padding-bottom: 0;
}

#servicesSlider .home-service-card:hover::after,
#servicesSliderTablet .home-service-card:hover::after,
#servicesSliderMobile .home-service-card:hover::after {
    opacity: 0 !important;
}
#servicesSlider .home-service-card:hover,
#servicesSliderTablet .home-service-card:hover,
#servicesSliderMobile .home-service-card:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
}
#servicesSlider .home-service-card:hover > img,
#servicesSliderTablet .home-service-card:hover > img,
#servicesSliderMobile .home-service-card:hover > img {
    filter: brightness(0) invert(1) !important;
}
#servicesSlider .home-service-card:hover .home-service-card-body,
#servicesSliderTablet .home-service-card:hover .home-service-card-body,
#servicesSliderMobile .home-service-card:hover .home-service-card-body {
    background: #f33036 !important;
    color: #fff !important;
}
#servicesSlider .home-service-card:hover .home-service-card-body::after,
#servicesSliderTablet .home-service-card:hover .home-service-card-body::after,
#servicesSliderMobile .home-service-card:hover .home-service-card-body::after {
    opacity: 0 !important;
}
#servicesSlider .home-service-card:hover h3,
#servicesSlider .home-service-card:hover h3 a,
#servicesSlider .home-service-card:hover p,
#servicesSliderTablet .home-service-card:hover h3,
#servicesSliderTablet .home-service-card:hover h3 a,
#servicesSliderTablet .home-service-card:hover p,
#servicesSliderMobile .home-service-card:hover h3,
#servicesSliderMobile .home-service-card:hover h3 a,
#servicesSliderMobile .home-service-card:hover p {
    color: #fff !important;
}
#servicesSlider .home-service-card:hover .link-btn,
#servicesSliderTablet .home-service-card:hover .link-btn,
#servicesSliderMobile .home-service-card:hover .link-btn {
    color: #fff !important;
    border-bottom: 0 !important;
    padding-bottom: 0;
}

/* Homepage card leveling for Products, What We Do, and Expertise. */
#productsSlider .info-card h3,
#productsSliderTablet .info-card h3,
#productsSliderMobile .info-card h3,
#expertiseSlider .industry-card h3,
#expertiseSliderTablet .industry-card h3,
#expertiseSliderMobile .industry-card h3 {
    min-height: 52px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#productsSlider .info-card p,
#productsSliderTablet .info-card p,
#productsSliderMobile .info-card p,
#expertiseSlider .industry-card p,
#expertiseSliderTablet .industry-card p,
#expertiseSliderMobile .industry-card p {
    flex: 1;
    margin-bottom: 16px;
}
#productsSlider .info-card .link-btn,
#productsSliderTablet .info-card .link-btn,
#productsSliderMobile .info-card .link-btn {
    margin-top: 0;
}
#expertiseSlider .industry-card:hover,
#expertiseSliderTablet .industry-card:hover,
#expertiseSliderMobile .industry-card:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
    box-shadow: 0 26px 58px rgba(220, 37, 43, .26) !important;
}
#expertiseSlider .industry-card:hover::after,
#expertiseSliderTablet .industry-card:hover::after,
#expertiseSliderMobile .industry-card:hover::after {
    opacity: 1 !important;
}
#expertiseSlider .industry-card:hover h3,
#expertiseSlider .industry-card:hover p,
#expertiseSliderTablet .industry-card:hover h3,
#expertiseSliderTablet .industry-card:hover p,
#expertiseSliderMobile .industry-card:hover h3,
#expertiseSliderMobile .industry-card:hover p {
    color: #fff !important;
}
#expertiseSlider .industry-card:hover img,
#expertiseSliderTablet .industry-card:hover img,
#expertiseSliderMobile .industry-card:hover img {
    filter: brightness(0) invert(1) !important;
}

#servicesSlider .home-service-card,
#servicesSliderTablet .home-service-card,
#servicesSliderMobile .home-service-card,
#expertiseSlider .industry-card,
#expertiseSliderTablet .industry-card,
#expertiseSliderMobile .industry-card {
    width: 100% !important;
    min-height: 100%;
}

/* Remove pale red hover glow/tint from homepage card sections. */
#productsSlider .info-card:hover,
#productsSliderTablet .info-card:hover,
#productsSliderMobile .info-card:hover,
#expertiseSlider .industry-card:hover,
#expertiseSliderTablet .industry-card:hover,
#expertiseSliderMobile .industry-card:hover {
    box-shadow: 0 18px 45px rgba(7, 28, 47, .08) !important;
}
#productsSlider .info-card:hover::after,
#productsSliderTablet .info-card:hover::after,
#productsSliderMobile .info-card:hover::after,
#expertiseSlider .industry-card:hover::after,
#expertiseSliderTablet .industry-card:hover::after,
#expertiseSliderMobile .industry-card:hover::after,
#servicesSlider .home-service-card:hover .home-service-card-body::after,
#servicesSliderTablet .home-service-card:hover .home-service-card-body::after,
#servicesSliderMobile .home-service-card:hover .home-service-card-body::after {
    opacity: 0 !important;
}

/* Product/service dropdown pages: full red card hover, no separate inner red block. */
.service-what-section .service-what-card:hover,
.export-related-products .export-product-card:hover {
    background: #f33036 !important;
    color: #fff !important;
    border-color: var(--red) !important;
    box-shadow: 0 24px 54px rgba(7, 28, 47, .12) !important;
}
.service-what-section .service-what-card:hover::after,
.export-related-products .export-product-card:hover::after {
    opacity: 0 !important;
}
.service-what-section .service-what-card:hover h3,
.service-what-section .service-what-card:hover h3 a,
.export-related-products .export-product-card:hover h3,
.export-related-products .export-product-card:hover h3 a {
    color: #fff !important;
}
.service-what-section .service-what-card:hover p,
.export-related-products .export-product-card:hover p {
    color: #fff !important;
}
.service-what-section .service-what-card:hover .link-btn {
    color: #fff !important;
    background: transparent !important;
    border-color: transparent !important;
    border-bottom-color: rgba(255,255,255,.9) !important;
    box-shadow: none !important;
}
.export-related-products .export-product-card:hover .btn {
    background: transparent !important;
    border-color: rgba(255,255,255,.85) !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}
.service-what-section .service-what-card:hover img,
.export-related-products .export-product-card:hover img {
    filter: brightness(0) invert(1) contrast(1.08) !important;
}
.service-what-section .service-what-card:hover > img {
    filter: none !important;
    opacity: 1 !important;
}
.export-related-products .export-product-card:hover img {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#servicesSlider .home-service-card:hover,
#servicesSliderTablet .home-service-card:hover,
#servicesSliderMobile .home-service-card:hover {
    box-shadow: 0 18px 45px rgba(7, 28, 47, .08) !important;
}

/* Blog cards keep the original white-card hover, not the red card hover. */
.blog-card:hover {
    background: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 24px 56px rgba(7, 28, 47, .11) !important;
}
.blog-card:hover h3,
.blog-card:hover h3 a {
    color: #101057 !important;
}
.blog-card .blog-content h3 a:hover {
    color: #3498db !important;
}
.blog-card:hover p,
.blog-card:hover .blog-meta {
    color: inherit !important;
}

/* Product/service dropdown pages: keep these sections plain white, without light tint/glow. */
.export-advantage-section,
.export-related-products,
.service-value-section,
.service-what-section {
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}
.export-advantage-section::before,
.export-advantage-section::after,
.export-related-products::before,
.export-related-products::after,
.service-value-section::before,
.service-value-section::after,
.service-what-section::before,
.service-what-section::after {
    content: none !important;
    display: none !important;
}

.section.alt:has(.export-advantage-card),
.section.alt:has(.service-value-card),
section:has(.export-advantage-card),
section:has(.service-value-card) {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}
.section.alt:has(.export-advantage-card)::before,
.section.alt:has(.export-advantage-card)::after,
.section.alt:has(.service-value-card)::before,
.section.alt:has(.service-value-card)::after,
section:has(.export-advantage-card)::before,
section:has(.export-advantage-card)::after,
section:has(.service-value-card)::before,
section:has(.service-value-card)::after {
    content: none !important;
    display: none !important;
}
.export-advantage-card,
.service-value-card,
.export-advantage-card:hover,
.service-value-card:hover {
    box-shadow: 0 18px 45px rgba(7, 28, 47, .06) !important;
}

/* Home products: larger logos and higher text content. */
.home-products-section [id^="productsSlider"] .info-card {
    justify-content: flex-start !important;
    padding-top: 18px !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    width: min(100%, 360px) !important;
    height: 128px !important;
    margin-bottom: 4px !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    min-height: 0 !important;
    margin-bottom: 8px !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    flex: 0 0 auto !important;
    margin-bottom: 12px !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: auto !important;
}

/* Home/product dropdown product cards: keep logo, text, and button levels aligned. */
.home-products-section [id^="productsSlider"] .info-card {
    min-height: 454px !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    flex: 0 0 128px !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    width: 100% !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 114px !important;
}

/* Home products: red hover card treatment. */
.home-products-section [id^="productsSlider"] .info-card:hover {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
    box-shadow: 0 24px 54px rgba(7, 28, 47, .12) !important;
    transform: none !important;
}
.home-products-section [id^="productsSlider"] .info-card:hover::after {
    opacity: 1 !important;
}
.home-products-section [id^="productsSlider"] .info-card:hover h3,
.home-products-section [id^="productsSlider"] .info-card:hover h3 a,
.home-products-section [id^="productsSlider"] .info-card:hover p {
    color: #fff !important;
}
.home-products-section [id^="productsSlider"] .info-card:hover img {
    filter: brightness(0) invert(1) contrast(1.08) !important;
}
.home-products-section [id^="productsSlider"] .info-card:hover .link-btn {
    color: #fff !important;
    background: transparent !important;
    border-bottom: 2px solid rgba(255,255,255,.9) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-bottom: 6px !important;
}

/* Product dropdown pages: make related product logos larger and lift card text. */
.export-related-products .export-product-card {
    justify-content: flex-start !important;
    padding-top: 18px !important;
}
.export-related-products .export-product-card img {
    height: 122px !important;
    max-width: 320px !important;
    margin-bottom: 4px !important;
}
.export-related-products .export-product-card h3 {
    margin-bottom: 8px !important;
}
.export-related-products .export-product-card p {
    min-height: 0 !important;
    margin-bottom: 12px !important;
}
.export-related-products .export-product-card .btn {
    margin-top: auto !important;
}

.export-related-products .export-product-card {
    min-height: 436px !important;
}
.export-related-products .export-product-card img {
    flex: 0 0 122px !important;
}
.export-related-products .export-product-card h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    width: 100% !important;
}
.export-related-products .export-product-card p {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 108px !important;
}

/* Final product-card lift: larger logos and higher content stack. */
.home-products-section [id^="productsSlider"] .info-card {
    padding-top: 8px !important;
    min-height: 454px !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    width: min(100%, 390px) !important;
    height: 150px !important;
    flex: 0 0 150px !important;
    margin-bottom: 0 !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    min-height: 50px !important;
    margin-bottom: 4px !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 104px !important;
    margin-bottom: 8px !important;
}
.export-related-products .export-product-card {
    padding-top: 8px !important;
    min-height: 436px !important;
}
.export-related-products .export-product-card img {
    height: 142px !important;
    max-width: 360px !important;
    flex: 0 0 142px !important;
    margin-bottom: 0 !important;
}
.export-related-products .export-product-card h3 {
    min-height: 50px !important;
    margin-bottom: 4px !important;
}
.export-related-products .export-product-card p {
    min-height: 98px !important;
    margin-bottom: 8px !important;
}

/* Tighter product-card spacing: bigger logos, less text padding, higher content. */
.home-products-section [id^="productsSlider"] .info-card {
    padding: 4px 18px 22px !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    width: min(100%, 410px) !important;
    height: 158px !important;
    flex-basis: 158px !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    min-height: 42px !important;
    margin: 0 0 2px !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 88px !important;
    margin: 0 0 6px !important;
    line-height: 1.48 !important;
}
.export-related-products .export-product-card {
    padding: 4px 18px 24px !important;
}
.export-related-products .export-product-card img {
    height: 150px !important;
    max-width: 380px !important;
    flex-basis: 150px !important;
}
.export-related-products .export-product-card h3 {
    min-height: 42px !important;
    margin: 0 0 2px !important;
}
.export-related-products .export-product-card p {
    min-height: 84px !important;
    margin: 0 0 6px !important;
    line-height: 1.48 !important;
}

/* Lift the full product-card stack, including the Read More action. */
.home-products-section [id^="productsSlider"] .info-card {
    padding: 2px 18px 18px !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    height: 162px !important;
    flex-basis: 162px !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 78px !important;
    margin-bottom: 4px !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: 4px !important;
}
.export-related-products .export-product-card {
    padding: 2px 18px 18px !important;
}
.export-related-products .export-product-card img {
    height: 154px !important;
    flex-basis: 154px !important;
}
.export-related-products .export-product-card p {
    min-height: 76px !important;
    margin-bottom: 4px !important;
}
.export-related-products .export-product-card .btn {
    margin-top: 4px !important;
}

/* Shorter product cards with the lifted content preserved. */
.home-products-section [id^="productsSlider"] .info-card {
    min-height: 392px !important;
    padding-bottom: 14px !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 58px !important;
}
.export-related-products .export-product-card {
    min-height: 388px !important;
    padding-bottom: 14px !important;
}
.export-related-products .export-product-card p {
    min-height: 58px !important;
}

/* Remove extra bottom space below product card actions. */
.home-products-section [id^="productsSlider"] .info-card {
    min-height: 340px !important;
    padding-bottom: 8px !important;
}
.export-related-products .export-product-card {
    min-height: 334px !important;
    padding-bottom: 8px !important;
}

/* Home products: lift logo, text, and Read More button together. */
.home-products-section [id^="productsSlider"] .info-card {
    min-height: 318px !important;
    padding: 0 16px 8px !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    height: 170px !important;
    flex-basis: 170px !important;
    margin-bottom: 0 !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    min-height: 34px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 42px !important;
    margin: 0 0 2px !important;
    line-height: 1.38 !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: 0 !important;
}

/* Home products: small upward nudge for title, text, and Read More. */
.home-products-section [id^="productsSlider"] .info-card h3 {
    margin-top: -8px !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    margin-top: -2px !important;
    margin-bottom: 0 !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: -2px !important;
}

/* Home products: reduce gap between logo and content. */
.home-products-section [id^="productsSlider"] .info-card img {
    height: 154px !important;
    flex-basis: 154px !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    margin-top: -16px !important;
}

/* Home products: re-level Read More buttons after tightening content. */
.home-products-section [id^="productsSlider"] .info-card h3 {
    min-height: 42px !important;
    margin-bottom: 0 !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 76px !important;
    margin-bottom: 2px !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: 0 !important;
}

/* Home products: level Read More buttons & remove red colour. */
.home-products-section [id^="productsSlider"] .info-card {
    display: flex !important;
    flex-direction: column !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    flex: 1 1 auto !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: 8px !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.home-products-section [id^="productsSlider"] .info-card:hover .link-btn {
    color: #fff !important;
}

/* Home products: keep Read More visible on white cards, white on red hover. */
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 250px) !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 10px 20px !important;
    color: #fff !important;
    background: #f33036 !important;
    border: 2px solid #f33036 !important;
    border-bottom: 2px solid #f33036 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
.home-products-section [id^="productsSlider"] .info-card:hover .link-btn {
    color: #fff !important;
    background: #f33036 !important;
    border: 2px solid #f33036 !important;
    border-bottom: 2px solid #f33036 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    box-shadow: none !important;
}

/* Product dropdown pages: remove pink glow below Our Products buttons. */
.export-related-products .export-product-card .btn,
.export-related-products .export-product-card:hover .btn {
    box-shadow: none !important;
}

/* FINAL OVERRIDE: Keep home product logos visible and buttons level. */
.home-products-section [id^="productsSlider"] .carousel-item .row > div {
    display: flex !important;
}
.home-products-section [id^="productsSlider"] .info-card {
    padding: 0 16px 12px !important;
    overflow: visible !important;
    min-height: 300px !important;
    max-height: none !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
.home-products-section [id^="productsSlider"] .info-card img {
    width: min(100%, 360px) !important;
    height: 112px !important;
    flex: 0 0 112px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    object-fit: contain !important;
}
.home-products-section [id^="productsSlider"] .info-card h3 {
    min-height: 42px !important;
    max-height: 42px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.home-products-section [id^="productsSlider"] .info-card p {
    min-height: 88px !important;
    margin-bottom: 2px !important;
    flex: 0 0 auto !important;
}
.home-products-section [id^="productsSlider"] .info-card .link-btn {
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}

/* Product dropdown pages: level Our Products Read More buttons. */
.export-related-products .export-product-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-height: 320px !important;
}
.export-related-products .export-product-card h3 {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.export-related-products .export-product-card p {
    flex: 0 0 auto !important;
    min-height: 68px !important;
    margin-bottom: 6px !important;
}
.export-related-products .export-product-card .btn {
    margin-top: 4px !important;
    align-self: center !important;
}

/* FINAL OVERRIDE: Remove space above product dropdown logos */
.export-related-products .export-product-card {
    padding: 0 18px 8px !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 320px !important;
}
.export-related-products .export-product-card img {
    width: min(100%, 450px) !important;
    height: 160px !important;
    flex: 0 0 160px !important;
    margin-top: -30px !important;
    margin-bottom: 0px !important;
}
.export-related-products .export-product-card h3 {
    margin-top: -20px !important;
    margin-bottom: 4px !important;
    min-height: 42px !important;
    flex: 0 0 auto !important;
}
.export-related-products .export-product-card p {
    margin-top: 0px !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
    min-height: 68px !important;
    flex: 0 0 auto !important;
}
.export-related-products .export-product-card .btn {
    margin-top: 4px !important;
    flex: 0 0 auto !important;
}

/* Homepage What We Do: use full-width service photos at the top of each card. */
.home-services-section [id^="servicesSlider"] .home-service-card {
    border: 1px solid #e7edf5 !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 45px rgba(7, 28, 47, .08) !important;
    overflow: hidden !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card > img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0 !important;
    background: #eef3f8 !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card .home-service-card-body {
    min-height: 292px !important;
    padding: 28px 34px 34px !important;
    background: #fff !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card:hover,
.home-services-section [id^="servicesSlider"] .home-service-card:hover .home-service-card-body {
    background: #f33036 !important;
    border-color: #f33036 !important;
    color: #fff !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card:hover h3,
.home-services-section [id^="servicesSlider"] .home-service-card:hover h3 a,
.home-services-section [id^="servicesSlider"] .home-service-card:hover p,
.home-services-section [id^="servicesSlider"] .home-service-card:hover .link-btn {
    color: #fff !important;
}
.home-services-section [id^="servicesSlider"] .home-service-card:hover > img {
    filter: none !important;
    opacity: 1 !important;
}
#servicesSlider .home-service-card:hover > img,
#servicesSliderTablet .home-service-card:hover > img,
#servicesSliderMobile .home-service-card:hover > img {
    filter: none !important;
    opacity: 1 !important;
}

/* Mobile website pass: keep home hero banners and second-banner product logos readable. */
@media (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    img,
    video {
        max-width: 100%;
    }
    .hero-slide {
        display: grid !important;
        align-items: center !important;
        min-height: clamp(420px, 112vw, 540px) !important;
        overflow: hidden !important;
        background-image: none !important;
        background-color: #fff !important;
    }
    .hero-slide-image {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto;
        object-fit: contain !important;
        object-position: center top !important;
        background: #fff !important;
    }
    .hero-slide > .container {
        position: relative;
        z-index: 1;
    }
    .hero-content {
        max-width: min(62%, 300px) !important;
        padding: 34px 0 62px !important;
        text-align: left;
    }
    .hero-content h1,
    .hero-content .hero-heading {
        font-size: clamp(25px, 7vw, 34px) !important;
        line-height: 1.18 !important;
    }
    .hero-content .eyebrow {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }
    .hero-content p {
        display: block !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-bottom: 12px !important;
    }
    .hero-product-logos {
        width: min(100%, 230px) !important;
        max-width: 100% !important;
        margin: 10px 0 12px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        border-radius: 8px !important;
    }
    .hero-product-logos img,
    .hero-product-logos img:first-child,
    .hero-product-logos img:nth-child(2),
    .hero-product-logos img:last-child {
        width: 100% !important;
        height: 48px !important;
        min-width: 0 !important;
        flex: none !important;
        padding: 5px 10px !important;
        object-fit: contain !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    .hero-product-logos img:last-child {
        border-bottom: 0 !important;
    }
    .hero-nav-controls {
        bottom: 12px !important;
    }
    .hero-nav-btn {
        width: 38px !important;
        height: 38px !important;
        font-size: 14px !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .hero-content {
        max-width: min(58%, 360px) !important;
    }
    .hero-product-logos {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 360px) !important;
    }
    .hero-product-logos img,
    .hero-product-logos img:first-child,
    .hero-product-logos img:nth-child(2),
    .hero-product-logos img:last-child {
        height: 64px !important;
        padding: 6px 8px !important;
        border-bottom: 0 !important;
        border-right: 1px solid #e0e0e0 !important;
    }
    .hero-product-logos img:last-child {
        border-right: 0 !important;
    }
}

/* Mobile hero screenshot layout: content first, full banner image below. */
@media (max-width: 767px) {
    .hero-slide {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        background: #fff !important;
        overflow: hidden !important;
    }
    .hero-slide > .container {
        order: 1 !important;
        width: 100% !important;
    }
    .hero-slide-image {
        order: 2 !important;
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center bottom !important;
        margin-top: 6px !important;
    }
    .hero-content {
        max-width: 100% !important;
        padding: 34px 16px 6px !important;
        text-align: center !important;
    }
    .hero-content h1,
    .hero-content .hero-heading {
        font-size: clamp(30px, 7.8vw, 40px) !important;
        line-height: 1.05 !important;
        margin-bottom: 18px !important;
    }
    .hero-content .eyebrow {
        font-size: clamp(22px, 5.4vw, 28px) !important;
        line-height: 1.22 !important;
        margin-bottom: 18px !important;
    }
    .hero-content p {
        font-size: clamp(16px, 3.7vw, 19px) !important;
        line-height: 1.35 !important;
        margin: 0 auto 12px !important;
        max-width: 94% !important;
    }
    .hero-content .btn {
        display: none !important;
    }
    .hero-product-logos {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: 492px !important;
        margin: 12px auto 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }
    .hero-product-logos img,
    .hero-product-logos img:first-child,
    .hero-product-logos img:nth-child(2),
    .hero-product-logos img:last-child {
        width: 100% !important;
        height: 58px !important;
        padding: 4px 8px !important;
        border-bottom: 0 !important;
        border-right: 1px solid #e0e0e0 !important;
        object-fit: contain !important;
    }
    .hero-product-logos img:last-child {
        border-right: 0 !important;
    }
    .hero-nav-controls {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        transform: none !important;
        justify-content: space-between !important;
        pointer-events: none !important;
    }
    .hero-nav-btn {
        width: 52px !important;
        height: 52px !important;
        border-radius: 0 !important;
        background: rgba(49, 55, 64, .72) !important;
        pointer-events: auto !important;
    }
}

/* Keep mobile home hero arrows fixed at one level across all slides. */
@media (max-width: 767px) {
    #homeHero {
        position: relative !important;
        height: 680px !important;
        min-height: 680px !important;
        overflow: hidden !important;
    }
    #homeHero .carousel-inner,
    #homeHero .carousel-item {
        height: 100% !important;
        min-height: 100% !important;
    }
    #homeHero .hero-slide {
        height: 100% !important;
        min-height: 100% !important;
        justify-content: flex-start !important;
        padding-bottom: 52px !important;
    }
    #homeHero .hero-slide-image {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center bottom !important;
        flex: 0 0 auto !important;
    }
    #homeHero .hero-nav-controls {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        transform: none !important;
        justify-content: space-between !important;
        align-items: flex-end !important;
        pointer-events: none !important;
    }
    #homeHero .hero-nav-btn {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 575px) {
    #homeHero {
        height: 620px !important;
        min-height: 620px !important;
    }
}

.partners-intro-section .section-title h2,
.partners-benefits-section .section-title h2,
.partners-model-section .section-title h2,
.partners-process-section .section-title h2 {
    font-size: 20px !important;
    font-weight: 600;
}