/* =========================
   INTER FONT FACE
========================= */

@font-face {font-family: 'Inter-Regular';src: url(../fonts/inter/Inter-Regular.otf);}
@font-face {font-family: 'Inter-Light';src: url(../fonts/inter/Inter-Light-BETA.otf);}
@font-face {font-family: 'Inter-Medium';src: url(../fonts/inter/Inter-Medium.otf);}
@font-face {font-family: 'Inter-SemiBold';src: url(../fonts/inter/Inter-SemiBold.otf);}
@font-face {font-family: 'Inter-Bold';src: url(../fonts/inter/Inter-Bold.otf);}



h1 { font-size: 40px; line-height: 1.35; margin-bottom: 0.4em; font-weight: 800; }
h2 { font-size: 32px; line-height: 40px; margin-bottom: 35px;font-family: 'Inter-Bold'; }
h3 { font-size: 34px;font-family: 'Inter-SemiBold';color: #000;line-height: normal; }
h4 { font-size: 24px; line-height: normal; margin-bottom: 1em; }
h5 { font-size: 12px; line-height: 1.6; margin-bottom: 1.1em; }
ul { list-style-type: none; margin: 0px !important; padding: 0px; }
ul li { list-style-type: none; margin: 0px; padding: 0; font-size: 12px; }
p { font-size: 14px; padding-bottom: 0; margin-bottom: 0; }
a { text-decoration: none; }
html { height: 100%; width: 100%; }
body {overflow-x: hidden;font-family:'Inter-Regular'; color:#000}
img,div { -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; } 
section{padding: 60px 0 60px 0;}

.main{ width: 100%; }


/* ================= HEADER ================= */
#header {background: #fff; position: fixed; top: 0; width: 100%; z-index: 999; padding: 12px 0; box-shadow: 0 1px 0 rgba(0,0,0,0.08); border-bottom: 1px solid #e5e7eb;}

/* ================= LOGO ================= */
.logo {width: auto; height: 40px; display: block;}
.navbar-brand {display: flex; align-items: center; padding: 0; margin: 0;}

/* ================= MENU ================= */
.menu {display: flex; justify-content: flex-end; align-items: center;}
.menu > ul {display: flex; align-items: center; gap: 32px; margin: 0; padding: 0; list-style: none;}
.menu > ul > li {position: relative;}

/* ================= MENU LINKS ================= */
.menu > ul > li > a {font-size: 14px; font-weight: 500; color: #1f2937; text-decoration: none; padding: 10px 0; display: inline-block; position: relative; transition: color 0.3s ease;}
.menu > ul > li > a:hover {color: #1e5087;}
.menu > ul > li > a.active {color: #1e5087; font-weight: 600;}

/* Consultation Button */
.consult-btn {background: #1e5087 !important; color: #fff !important; padding: 8px 24px !important; border-radius: 6px; transition: all 0.3s ease; font-weight: 500 !important; font-size: 14px !important;}
.consult-btn:hover {background: #194066 !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(30, 80, 135, 0.2);}

/* ================= DROPDOWN ================= */
.menu > ul > li > ul {position: absolute; top: calc(100% + 13px); left: 0; transform: translateX(0); min-width: 220px; background: #fff; border-radius: 8px; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12); border: 1px solid #e5e7eb; padding: 8px 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease; z-index: 1000; transform-origin: top;}

/* Invisible bridge to prevent hover gap */
.menu > ul > li > ul::before {content: ''; position: absolute; top: -20px; left: -20px; right: -20px; height: 20px; background: transparent; pointer-events: auto;}

/* Show dropdown on hover */
.menu > ul > li:hover > ul {opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
.menu > ul > li > ul.show-sub {opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}

/* Dropdown items */
.menu > ul > li > ul > li {width: 100%; list-style: none;}
.menu > ul > li > ul > li > a {padding: 10px 16px; display: block; font-size: 14px; color: #424650 !important; font-weight: 400; transition: all 0.2s ease; border-radius: 0;text-align: left;}
.menu > ul > li > ul > li > a:hover {background: #f3f4f6; color: #1E5087 !important; padding-left: 20px;}

/* ================= DROPDOWN ICON ================= */
.menu > ul > li > a i {font-size: 10px; margin-left: 5px; transition: transform 0.3s ease;}
.menu > ul > li:hover > a i {transform: rotate(180deg);}


/* Banner */
.banner {position: relative;width: 100%;height: 500px;background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;display: flex;align-items: center;
justify-content: flex-end;overflow: hidden;}
.banner-content {padding: 20px; position: relative; z-index: 10;text-align: end;margin-top: 0px;}
.gateway-text {font-size: 24px; color: #667085; font-weight: 700; margin-bottom: 0px; letter-spacing: 0.5px;}
.main-heading {font-size: 40px; font-weight: 700; color: #1e5087; margin-bottom: 24px; line-height: 1.2; letter-spacing: -1px;}
.description {font-size: 16px; color: #667085; line-height: 1.6; margin-bottom: 32px; }
.description a{color: #ffff;}
.description a:hover{text-decoration: underline !important;color: #82AA32;}
.cta-button {display: inline-block; background: #1e5087; color: #fff; padding: 8px 25px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(30, 80, 135, 0.2);border: 1px solid #1e5087;}
.cta-button:hover {background: #194066; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(30, 80, 135, 0.3);}
.cta-btn-outline{display: inline-block; background: transparent; color: #1e5087; padding: 8px 25px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(30, 80, 135, 0.2);border: 1.5px solid #1e5087;}
.cta-btn-outline:hover {background: #194066; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(30, 80, 135, 0.3);}


/* =========================
Unlock Growth in Southeast Asia's Dynamic Markets
========================= */

.growth-section { background-color: #f8f9fa; background-image: url(../images/banners/Shiny-Overlay.svg); background-size: cover; background-position: left; }
.growth-section .section-heading { font-size: 30px; font-weight: 700; color: #1E5087; margin-bottom: 15px; }
.section-subtitle { font-size: 16px; color: #667085; max-width: 900px; margin: 0 auto; line-height: 1.6; }
.growth-service .service-card { background: #fff; border-radius: 16px; padding: 0px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); transition: transform 0.3s; position: relative; overflow: hidden; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.12); }
.card-content { padding: 30px; }
.growth-service .card-with-bg { background-image: url('../images/_Pricing_tier_card.png'); background-size: cover; background-position: top; background-repeat: no-repeat; }
.growth-service .card-highlighted { background: #fff; border: 2px solid #82AA32; }
.card-title { font-size: 18px; font-weight: 600; color: #1E5087; margin-bottom: 15px; }
.card-description { font-size: 14px; color: #667085; margin-bottom: 20px; line-height: 1.5; }
.feature-list { list-style: none; padding: 0; margin-bottom: 25px; }
.feature-list li { font-size: 13px; color: #667085; margin-bottom: 5px; display: flex; align-items: center; }
.check-icon { width: 16px; height: 16px; background-color: #22C55E; color: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 12px; font-weight: bold; flex-shrink: 0; }
.actions { background-color: #F9FAFB; padding: 15px 32px; margin-top: 0px; }
.btn-outline { width: 100%; padding: 8px 12px; border: 2px solid #1E5087; background: #fff; color: #1E5087; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s; font-size: 14px; display: block; text-align: center; box-shadow: 0px 1px 2px 0px #1018280D; text-decoration: none; }
.btn-outline:hover { background: #1E5087; color: #fff; }
.btn-solid { width: 100%; padding: 8px 12px; border: none; background: #82AA32; color: #fff; border-radius: 8px; font-weight: 600; cursor: pointer; transition: background 0.3s; display: block; text-align: center; font-size: 14px; text-decoration: none; }
.btn-solid:hover { background: #689f38; color: #fff; }
.btn-outline-explore { width: 100%; padding: 8px 12px; border: 2px solid #1C69DA; background: #fff; color: #1C69DA; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s; font-size: 14px; display: block; text-align: center; box-shadow: 0px 1px 2px 0px #1018280D; text-decoration: none; }
.btn-outline-explore:hover { background: #1C69DA; color: #fff; }


/* Featured services */
/* ================= FEATURED SECTION ================= */
.featured-section {background-color: #fff; padding: 60px 0;}
.featured-title {font-size: 30px; font-weight: 700; color: #1E5087; margin-bottom: 2px;}
.featured-subtitle {font-size: 18px; color: #667085; margin-bottom: 0;}

/* ================= FEATURED CARDS ================= */
.featured-card {border-radius: 12px; padding: 24px; text-align: center; border: 1px solid #e5e7eb; transition: all 0.3s; height: 100%; background-size: cover; background-position: center; display: flex; flex-direction: column;}
.featured-card:hover {transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1);}

/* Card Background Colors */
.card-green {background-color: #f0f8e8; border: 1px solid #82AA32;}
.card-blue {background-color: #e8f4f8; border: 1px solid #26A69A;}
.card-white {background-color: #fff; border: 1px solid #1E5087;}
.card-light-blue {background-color: #e8f1fc; border: 1px solid #1C69DA;}

/* Card Icon */
.card-icon {width: 48px; height: 48px; margin: 0 auto 16px;}
.card-icon img {width: 100%; height: 100%; object-fit: contain;}

/* Card Content */
.featured-card-title {font-size: 16px; font-weight: 600; color: #1E5087; margin-bottom: 12px; min-height: 40px;}
.featured-card-desc {font-size: 13px; color: #667085; line-height: 1.5; margin-bottom: 12px; flex: 1;}
.featured-card-extra {font-size: 13px; color: #667085; margin-bottom: 20px; font-weight: 600;}

/* ================= BUTTONS ================= */
.btn-featured {width: 100%; padding: 10px 16px; border: none; border-radius: 8px; font-weight: 600; font-size: 13px; cursor: pointer; transition: all 0.3s; margin-top: auto;}
.btn-green {background-color: #82AA32; color: #fff;}
.btn-green:hover {background-color: #6d8f2a;color: #fff;}
.btn-teal {background-color: #14b8a6; color: #fff;}
.btn-teal:hover {background-color: #0d9488;color: #fff;}
.btn-navy {background-color: #1E5087; color: #fff;}
.btn-navy:hover {background-color: #152a45;color: #fff;}
.btn-blue {background-color: #1C69DA; color: #fff;}
.btn-blue:hover {background-color: #1557b8;color: #fff;}

/* ================= STATS SECTION ================= */
.stats-section {margin-top: 10px;}
.stat-item {padding: 20px 0; position: relative;}
.stat-item::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 60%; width: 1px; background-color: #EAECF0;}
.stat-item-last::after {display: none;}
.stat-number1 {font-size: 30px; font-weight: 700; margin-bottom: 4px; padding: 0 30px;text-align: center;}
.stat-green {color: #82AA32;}
.stat-label {font-size: 13px; color: #667085; margin-bottom: 0; font-weight: 600; padding: 0 30px;}
.stat-label1 {font-size: 14px; color: #fff; margin-bottom: 0; font-weight: 400; padding: 0 30px;}
/* ================= COMPANIES SECTION ================= */
.companies-section {padding-top: 10px;}
.companies-text {font-size: 14px; color: #667085; margin-bottom: 0; font-weight: 600;}
.companies-logos {margin-top: 30px;}
.company-logo {height: 50px; width: auto; object-fit: cover; transition: transform 0.8s ease;}
.company-logo:hover {transform: scale(1.1); opacity: 1;}
.stata-para{color: #667085;margin-top: 10px;}
.stata-para b{color: #475569;}
/* Form */

.enquiry-section { background:#E3F2FD; }
.enquiry-form-wrapper { background: #fff; border-radius: 16px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); margin: 0 auto; }
.form-main-title { font-size: 28px; font-weight: 700; color: #82AA32; margin-bottom: 12px; }
.form-subtitle { font-size: 14px; color: #667085; margin-bottom: 0; }
.section-form-title { font-size: 16px; font-weight: 600; color: #667085; margin-bottom: 10px; }
.form-label { font-size: 12px; font-weight: 600; color: #344054; margin-bottom: 8px;     text-transform: capitalize;}
.form-control, .form-select { border: 1px solid #D0D5DD; border-radius: 8px; padding: 6px 14px; font-size: 13px; color: #667085;background-color: #F8FAFC; }
.form-control:focus, .form-select:focus { border-color: #82AA32; box-shadow: 0 0 0 3px rgba(130, 170, 50, 0.1); }
.form-control::placeholder { color: #98A2B3; }
.form-check-input { border: 1px solid #D0D5DD; }
/* .form-check-input:checked { background-color: #82AA32; border-color: #82AA32; } */
/* .form-check-label { font-size: 14px; color: #344054; margin-left: 8px; } */

.checkbox-label {display: flex;align-items: center;gap: 8px;cursor: pointer;margin-bottom: 6px;margin-top: 10px;}
.checkbox-label input[type="radio"] {border-radius: 4px !important;appearance: none;-webkit-appearance: none;width: 16px;height: 16px;min-width: 16px;border: 1.5px solid #adb5bd;background-color: #fff;cursor: pointer;transition: all 0.2s ease;position: relative;margin: 0;}
.checkbox-label input[type="radio"]:checked {background-color: #82AA32;border-color: #82AA32;}

/* Pure CSS checkmark */
.checkbox-label input[type="radio"]:checked::after {content: '';position: absolute;left: 4px;top: 1px;width: 5px;height: 9px;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg);border-radius: 2px;}
.checkbox-label span {margin: 0;line-height: 1;font-weight: 600;}


.btn-submit { background-color: #1E5087; color: #fff; padding: 8px 40px; border: none; border-radius: 8px; font-weight: 600; font-size: 16px; cursor: pointer; transition: background 0.3s; }
.form-footer{margin-top: 20px;}
.form-footer .form-check { display: flex; justify-content: center; align-items: center; }
.btn-submit:hover { background-color: #152a45; }

.btn-submit:disabled {background-color: #cccccc;cursor: not-allowed;opacity: 0.6;
}
.form-features { padding-top: 30px; }
.feature-icon { display: inline-block; width: 20px; height: 20px; background-color: #22C55E; color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; margin-right: 8px; line-height: 20px;text-align: center; }
.feature-text { font-size: 14px; color: #344054; font-weight: 500; }

.enquiry-form-wrapper .row > .col-lg-6:first-child { border-right: 1px solid #E4E7EC; padding-right: 30px; }
.enquiry-form-wrapper .row > .col-lg-6:last-child { padding-left: 30px; }
.strategic-form .row > .col-lg-4:first-child { border-right: 1px solid #E4E7EC; padding-right: 30px; }
.strategic-form .row > .col-lg-8:last-child { padding-left: 30px; }
.hiring-Form .row > .col-lg-4:first-child { border-right: 1px solid #E4E7EC; padding-right: 30px; }
.hiring-Form .row > .col-lg-8:last-child { padding-left: 30px; }

.tech-hiring-form .row > .col-lg-4:first-child { border-right: 1px solid #E4E7EC; padding-right: 30px; }
.tech-hiring-form .row > .col-lg-8:last-child { padding-left: 30px; }
/* Footer */
.testimonial-section { background: #F8FAFC; padding: 60px 0;background-image: url(../images/Line-pattern.png);background-position: right;background-repeat: no-repeat; }
.testimonial-card { background: linear-gradient(180deg, #E0EFFF 0%, #FFFFFF 100%);
; border-radius: 20px; padding: 30px 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);overflow: hidden;border: 5px solid #fff;position: relative; }
.carousel-inner, .carousel-item{overflow: hidden;border-radius: 20px; }
.testimonial-img { width: 100px; height: 100px; border-radius: 16px; object-fit: cover; }
.stars { display: flex; gap: 4px;justify-content: center; }
.star { color: #FDB022; font-size: 20px; }
.testimonial-text { font-size: 15px; color: #667085; line-height: 1.5; margin-bottom: 20px; }
.testimonial-author { margin-bottom: 20px; }
.author-name { font-size: 16px; font-weight: 600; color: #1e3a5f; margin-bottom: 4px; }
.author-position { font-size: 13px; color: #667085; margin-bottom: 0; }
.company-logo-testimonial { width:150px; opacity: 0.4; position: absolute;right: 0;bottom: 0;padding: 20px;}
.carousel-indicators-custom { display: flex; gap: 8px; position: relative; margin: 0; padding: 0; }
.carousel-indicators-custom button { width: 10px; height: 10px; border-radius: 50%; background-color: #1E5087; border: none; padding: 0; opacity: 1; transition: all 0.3s; }
.carousel-indicators-custom button.active { background-color: #82AA32; width: 28px; border-radius: 5px; }
.footer-section { background-color: #2C5282; padding: 60px 0 0; }
.footer-content { border-bottom: 1px solid #EAECF0; padding-bottom: 40px; }
.footer-logo { margin-bottom: 20px;width: 140px;object-fit: contain; }
.footer-title { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: #E2E8F0; font-size: 14px; text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: #82AA32; }
.social-icons { display: flex; flex-direction: row; gap: 20px;transition: transform 0.6s ease; }
.social-icon { color: #fff; font-size: 20px; transition: color 0.3s; }
.social-icon:hover { color: #82AA32;transform: scale(1.1); }
.footer-bottom { padding: 20px 0; text-align: center; }
.copyright-text { color: #E2E8F0; font-size: 13px; margin: 0; }
.policy-links { display: inline; margin-left: 5px; }
.policy-links a { color: #E2E8F0; text-decoration: none; transition: color 0.3s; }
.policy-links a:hover { color: #82AA32; text-decoration: underline; }
.policy-separator { color: #E2E8F0; margin: 0 5px; }


/* ================= BREADCRUMB SECTION ================= */
.breadcrumb-section {padding: 20px 0}
.breadcrumb {margin-bottom: 0; background: transparent; padding: 0;}
.breadcrumb-item {font-size: 14px; color: #6b7280;}
.breadcrumb-item a {color: #6b7280; text-decoration: none; transition: color 0.3s ease;}
.breadcrumb-item a:hover {color: #1e5087;}
.breadcrumb-item.active {color: #1e5087; font-weight: 500;}
.breadcrumb-item + .breadcrumb-item::before {content: '>'; color: #9ca3af; padding: 0 8px;}

/* ================= SERVICES CONTENT ================= */
.services-content {background-color: #F8FAFC; padding: 0px 0 60px 0;}
.page-title {font-size: 24px; font-weight: 700; color: #1e5087; margin-bottom: 20px; line-height: 1.2;}
.page-subtitle{font-size: 18px; font-weight: 700; color: #334155; margin-bottom: 20px; line-height: 1.2}
.intro-text {font-size: 14px; color: #4b5563; line-height: 1.6; margin-bottom: 20px;}
.section-heading {font-size: 24px; font-weight: 700; color: #1f2937; margin-bottom: 16px; margin-top: 0px;}
.capabilities-intro {font-size: 14px; color: #4b5563; line-height: 1.7; margin-bottom: 30px;}




/* ================= SERVICE IMAGE BOX ================= */
.service-image-box {position: sticky; top: 0px; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 12px solid #fff; position: relative;}
.service-image-box::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(30, 80, 135, 0.3) 0%, rgba(30, 80, 135, 0.6) 100%); z-index: 1; pointer-events: none;}
.service-image {width: 100%; height: auto; display: block; object-fit: cover;}
.service-image-industry {width: 100%; object-fit: cover;}
.cta-overlay {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);; z-index: 2;}
.btn-consultation {background: #82aa32; color: #fff; border: none; padding: 8px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(130, 170, 50, 0.3);text-align: center;margin: 0 auto;text-wrap: nowrap;}
.btn-consultation:hover {background: #6d8f2a; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(130, 170, 50, 0.4);color: #fff;}

.market-image-industry {width: 100%;}
/* ================= CAPABILITIES LIST ================= */
.capabilities-list {display: flex; flex-direction: column; gap: 12px;}
.capability-item {display: flex; gap: 16px; align-items: flex-start;}
.capability-icon {width: 16px; height: 16px; background: #22C55E; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px;}
.capability-icon i {color: #fff; font-size: 12px;}
.capability-content {flex: 1;}
.capability-title {font-size: 14px; font-weight: 600; color: #1f2937; margin-bottom: 6px;}
.capability-desc {font-size: 13px; color: #1E293B; line-height: 1.6; margin-bottom: 0;}



/* ================= CORE SERVICES SECTION ================= */
.core-services-section {background: #fff; padding: 60px 0;}
.section-header {margin-bottom: 10px;}
.section-title {font-size: 28px; font-weight: 700; color: #1E5087; margin-bottom: 8px;}
.section-subtitle {font-size: 14px; color: #475569; margin-bottom: 0;}

/* Service Cards */
.service-card {background: #F3F8FF; border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px; text-align: left; height: 100%; transition: all 0.3s ease;}
.service-card:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
.card-green {background: #FAFFF4;border: 1px solid #E2E8F0}
.card-blue {background: #EDFFFD;border: 1px solid #E2E8F0}
.core-image {width: 100%;}
.core-image img{width: 100%;}
.service-title {font-size: 18px; font-weight: 600; color: #1f2937; margin-bottom: 12px;}
.service-desc {font-size: 14px; color: #475569; line-height: 1.6; margin-bottom: 16px;}
.service-link {font-size: 14px; color: #1e5087; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: gap 0.3s ease;}
.service-link:hover {gap: 12px; color: #194066;}
#blue{color: #1E5087;}
#green{color: #82AA32;}
#teal{color: #26A69A;}


/* ================= BUSINESS STATS SECTION ================= */
.business-stats-section {background: linear-gradient(270.21deg, #FFFFFF 0.17%, #D2E2F9 101.13%);
}
.businessbox{background: linear-gradient(90deg, #D9EFFF 0%, #FFFFFF 73.13%);box-shadow: 0px 0px 30px 5px #0000001A;border-radius: 16px; padding: 0px;}

.business-info-card {padding: 0px 28px 0;}
.info-section-title {font-size: 18px; font-weight: 700; color: #1e3a5f; margin-bottom: 18px;}
.info-list {list-style: none; padding: 0; margin: 0;}
.info-list li {font-size: 14px; color: #1E293B; margin-bottom: 6px; display: flex; align-items: center; gap: 10px;}
.info-list li i {color: #0066CC; font-size: 14px;}

/* Stats Cards */
.stats-cards {display: flex; flex-direction: column; gap: 15px; margin-bottom: 0px;background: #1e5087; border-radius:50px 16px 16px 50px ; padding: 28px; display: flex; align-items: center;  color: #fff;border: 1px solid #E5E7EB}
.stat-card {display: flex; align-items: center; gap: 0px; flex-direction: column;}
.stat-icon img {width: 75px;}
.stat-number {font-size: 32px; font-weight: 700; margin-bottom: 4px;text-align: center;}
/* .stat-label {font-size: 12px; color: rgba(255,255,255,0.9); margin-bottom: 0; font-weight: 500; letter-spacing: 0.5px;} */

/* Additional Info */
.additional-info {background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.info-row {display: flex; align-items: center; gap: 10px; font-size: 13px; color: #4b5563; margin-bottom: 12px;}
.info-row:last-child {margin-bottom: 0;}
.info-row i {color: #82aa32; font-size: 16px;}

/* ================= ENQUIRY FORM SECTION ================= */
.enquiry-form-section {background: #E3F2FD;}
.form-wrapper {background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 40px;margin: 0 auto;}
.form-header {margin-bottom: 40px;}
.form-title {font-size: 28px; font-weight: 700; color: #82aa32; margin-bottom: 8px;}
.form-subtitle {font-size: 14px; color: #6b7280; margin-bottom: 0;}
.form-section-title {font-size: 16px; font-weight: 700; color: #1f2937; margin-bottom: 20px;}
/* Specific targeting for the form in the image */
.form-select,
select[class*="select"],
.dropdown-select {
  color: #667085;
}
/* ================= FORM HEADER ================= */
.form-header {margin-bottom: 40px;}
.form-main-title {font-size: 24px; font-weight: 600; color: #82aa32; margin-bottom: 8px;}
.form-main-subtitle {font-size: 13px; color: #6b7280; margin-bottom: 0;}

/* ================= SECTION BLOCKS ================= */
.form-section-block {margin-bottom: 30px;}
.form-section-block .section-title {font-size: 14px; font-weight: 600; color: #667085; margin-bottom: 10px; }

/* ================= FORM GROUPS ================= */
.form-group {margin-bottom: 10px;}
/* .form-label {font-size: 12px; font-weight: 500; color: #374151; margin-bottom: 6px; display: block;}
.form-control, .form-select {font-size: 13px; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 6px; transition: all 0.3s ease; background: #f9fafb;}
.form-control:focus, .form-select:focus {border-color: #82aa32; box-shadow: 0 0 0 3px rgba(130, 170, 50, 0.1); background: #fff;}
.form-control::placeholder {color: #9ca3af; font-size: 12px;} */
.invalid-feedback {font-size: 11px;}

/* ================= CHECKBOX GROUP ================= */
.checkbox-group {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; padding: 12px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px;}
.checkbox-group1 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; padding: 0px;border-radius: 6px;}
.form-section-block .checkbox-label {display: flex; align-items: center; gap: 8px; font-size: 12px; color: #4b5563; cursor: pointer; margin-bottom: 0;white-space: nowrap;margin-bottom: 10px;}
.checkbox-label input[type="checkbox"] {width: 16px; height: 16px; cursor: pointer; accent-color: #82aa32;}
.checkbox-label:hover {color: #1f2937;}
.form-group-check .checkbox-group1{margin-bottom: 12px;}
.form-group-check .checkbox-label{margin-bottom: 8px;margin-top: 0;}
/* ================= SUBMIT BUTTON ================= */
.btn-submit {background: #1e5087; color: #fff; border: none; padding: 8px 30px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(30, 80, 135, 0.2);}
.btn-submit:hover {background: #194066; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(30, 80, 135, 0.3);}

/* ================= TRUST BADGES ================= */
.trust-badges {display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: 0px; padding-top: 30px;}
.trust-item {display: flex; align-items: center; gap: 6px; font-size: 12px; color: #4b5563;}
.trust-item i {color: #22C55E; font-size: 14px;}

/* ================= HOW WE WORK SECTION ================= */

.work-card {background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px; height: 100%; transition: all 0.3s ease;}
.work-card:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.08); transform: translateY(-5px);}
.work-title {font-size: 16px; font-weight: 600; color: #1E293B; margin-bottom: 12px;}
.work-desc {font-size: 13px; color: #475569; line-height: 1.4; margin-bottom: 16px;}
.work-link {font-size: 13px; color: #26A69A; font-weight: 500; text-decoration: none;border-top: 1px solid #E5E7EB; padding-top: 12px; display: flex; align-items: center; gap: 8px; transition: gap 0.3s ease;}
.work-link:hover {color: #194066;}
.btn-engagement {display: inline-flex; align-items: center; gap: 8px;color: #344054; padding: 8px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.3s ease;background: #FFFFFF;border: 1px solid #E5E7EB}
.btn-engagement i{color: #0066CC;}
.btn-engagement:hover {background: #194066; color: #fff; gap: 12px; transform: translateY(-2px);}
.btn-engagement:hover i{color: #fff;}



.section-subheading{font-size: 20px;color: #1E293B;margin-bottom: 20px;}
/* Radio Group */
.radio-group {display: flex;gap: 1.5rem;margin-top: 0.5rem;}
.radio-label {display: flex;align-items: center;cursor: pointer;}
.subheading{font-size: 24px;color: #667085;margin-bottom: 12px;font-family: 'Inter-Light';font-weight: 400;}


/* Technology */
.stats-section-tech{padding: 0px 10px;position: relative;}
.stats-section-tech .stat-number {font-size: 32px; font-weight: 700; margin-bottom: 4px;text-align: left;}
.stats-section-tech .stat-label {font-size: 14px; color: #667085; margin-bottom: 0; font-weight: 600; letter-spacing: 0.5px;text-align: left;padding: 0;}
.stats-section-tech .stat-item::after{right: 53px}
.stats-section-tech .stat-item{padding: 0;}
.techpara{color: #475569;}
.small-text{font-size: 12px;color: #667085;margin-bottom: 20px;font-weight: 600;}
.list-view li{font-size: 13px;color: #1E293B;display: inline-block;padding-right: 12px;margin-top: 18px;}

.techplatform{background-color: #F8FAFC;border: 1px solid #E5E7EB;}
.tech-heading h3{font-size: 28px;color: #1E5087;font-weight: 600;margin-bottom: 20px;text-align: center;}
.tech-platform-card{background-color: #FFFFFF;border: 1px solid #EAECF0;border-radius: 12px;padding: 20px;background-image: url('../images/Shiny.svg');background-size: cover;background-position: right;width: 100%;background-repeat: no-repeat;}
.tech-icon{background-color: #EFF6FF;border-radius: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;}
.tech-icon i{color: #0066CC;}
.tech-card1 h5{font-size: 16px;color: #1E293B;font-weight: 600;margin-bottom: 8px;}

.tech-card1 ul li i {color: #0066CC;font-size: 14px;margin-right: 8px;}
.tech-card1 ul li{margin-bottom: 8px;font-size: 13px;color: #1E293B;}
.tech-platform-card {
    min-height: 200px;
    height: 100%;
}
.additinal-tech{margin-top: 30px;}
.additinal-tech p{font-size: 14px;color: #475569;line-height: 1.6;margin-bottom: 0;}
.additinal-tech h4{color: #1E293B;font-size: 24px;margin-bottom: 12px;font-weight: 700;}
.additinal-tech .info-list{margin-top: 20px !important;}
.additinal-tech .info-list li i{color: #22C55E;}
.additinal-tech .info-list li{font-size: 13px;}

.technologies{background-image: url(../images/tech-bg.png);width: 100%;background-position: center;background-size: cover;width: 100%;}
.fintech-tech{padding: 20px;background-color: #1B4F8C;border: 1px solid #E5E7EB;border-radius: 12px;color: #fff;}
.fintech-icon{background-color: #FFFFFF33;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-bottom: 12px;}
.technologies .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #F8FAFC !important;border: 1px solid #E5E7EB;color: #1E5087;font-weight: 700;}
.technologies .nav-pills .nav-link{background: #fff !important;border: 1px solid #E5E7EB;color: #64748B;font-weight: 500;}
.technologies .nav{gap: 10px !important;}

.tech-disclaimer-icon {
    cursor: help;
    opacity: 0.7;
    margin-left: 4px;
    font-size:16px;
    vertical-align: top;
    position: relative;
    top: -2px;
}
.tech-disclaimer-icon:hover { opacity: 1; }
.tech-disclaimer-tooltip .tooltip-inner {
    font-size: 12px;
    max-width: 280px;
    text-align: left;
}

.fintechcol h4{font-size: 18px;font-weight: 700;}



.data{width: 130px;}


/* Success Stories Section */ 
.success-stories-section { padding: 60px 0; background-color: #f8f9fa; } 
.stories-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; } 
.stories-title { font-size: 28px; font-weight: 700; color: #1E293B; margin-bottom: 8px; } 
.stories-subtitle { font-size: 16px; color: #475569; margin: 0; }
.view-all-link { color: #0066CC; font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; }
  
.view-all-link:hover { text-decoration: underline; }
.case-studies-row { margin-bottom: 20px; } 
.case-study-card {background: linear-gradient(180deg, #D9EFFF 0%, #FFFFFF 89.1%);
 border-radius: 12px; padding: 32px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); height: 100%; margin-bottom: 24px; } 
.case-category { display: inline-block;color: #0066CC; font-size: 12px; font-weight: 600; padding: 6px 4px; border-radius: 20px; margin-bottom: 12px;letter-spacing: 1px; } 
.case-title { font-size: 18px; font-weight: 700; color: #1E5087; margin-bottom: 20px; line-height: 1.3; } 
.case-detail { font-size: 14px; color: #4b5563; margin-bottom: 12px; line-height: 1.6; } 
.case-detail strong { color: #1E293B; font-weight: 600; } 
.case-metrics { display: flex; gap: 105px; margin-top: 24px; }
.metric-item { text-align: center; } 
.metric-value { font-size: 28px; font-weight: 800; color: #0066cc; line-height: 1; margin-bottom: 4px; }
.metric-label { font-size: 12px; color: #6b7280; }
.case-image-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; } 
.case-image { max-width: 100%; height: auto; border-radius: 8px; } 
.industries-section { margin-top: 0px; padding-top: 40px;}
.industries-title { font-size: 30px; font-weight: 700; color: #1E293B; text-align: center; margin-bottom: 20px; } 
.industries-row { justify-content: center; } 
.industry-item { text-align: center; padding: 20px 10px; transition: transform 0.2s; }
.industry-item:hover { transform: translateY(-5px); } 
.industry-icon { width: 60px; height: 60px; margin-bottom: 12px; object-fit: contain; } 
.industry-name { font-size: 13px; color: #1E293B; margin: 0; line-height: 1.4; } 

/* Innerbanner */
.innerbanner {position: relative;width: 100%;height: 550px;background-position: top;background-size: cover;background-repeat: no-repeat;overflow: hidden;display: flex;align-items: center;
justify-content: flex-end;overflow: hidden;}
.innerbanner-content {padding: 20px; position: relative; z-index: 10;text-align: end;margin-top: 0px;}
.innerbanner-content .gateway-text {font-size: 16px; color: #fff; font-weight: 500; margin-bottom: 10px; letter-spacing: 0.5px;}
.innerbanner-content .main-heading {font-size: 40px; font-weight: 700; color: #fff; margin-bottom: 15px; line-height: 1.2; letter-spacing: -1px;}
.innerbanner-content .description {font-size: 16px; color: #fff; line-height: 1.6; margin-bottom: 32px; }


.founders-section{background:#E3F2FD}
.founders-section .section-title{text-align:center;font-size:32px;font-weight:700;color:#1E5087;margin-bottom:10px}

.founders-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.founder-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.3s ease;border-left:4px solid #1E5087;cursor: pointer;}
.founder-card:hover{transform:translateY(-6px)}
.founder-top{display:flex;align-items:center;gap:20px;margin-bottom:0px}
.founder-avatar{width:90px;height:90px;background:#1E5087;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}
.founder-top h3{font-size:20px;margin-bottom:6px;color:#1E5087}
.designation{font-size:14px;color:#667085;margin:2px 0}

.content-block{margin-bottom:22px}
.content-block h4{font-size:16px;text-transform:uppercase;color:#1E5087;margin-bottom:6px;font-weight: 600;}
.modal-designation{color:#82AA32 !important}
.content-block p{font-size:14px;line-height:1.7;color:#667085;margin-bottom: 10px;}
/* Timeline */
.year h2{font-size: 60px;font-weight: bolder;}
.text-yr {font-size: 18px;color: #404040;}
#blueTxt{color: rgba(30, 80, 135, 0.40);}
#greenTxt{color:rgba(114, 191, 68,0.5)}
#yellowTxt{color: rgba(255, 242, 0,0.5);}
#SCB{color: rgba(0, 167, 126, 0.5);}
#chemic{color: rgba(0, 167, 126,0.5);}
#rd{color: rgba(128, 130, 133,0.5);}
#ac{color: rgba(0, 157, 202,0.5);}
#bc{color: rgba(79, 198, 224,0.5);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #82AA32  !important;font-weight: 600;background-color: transparent !important; border-bottom: 2px solid #82AA32  !important;border-top: none !important;border-left: none !important;border-right: none !important;}
.nav-tabs .nav-link{border: none !important;transition:all 0.3s ease;overflow: hidden;position: relative;outline: none !important;margin-bottom: 0 !important;}
.nav-tabs{border-bottom: 1px solid #667085 !important;}
.nav-link{color: #667085;font-weight:600;font-size: 14px;}
.timeline-img img{width: 100%;}
.journey-section{padding:100px 0;background:#f9fafb}

.featured-section .section-title{text-align:center;font-size:32px;font-weight:700;color:#1E5087;margin-bottom:30px}
.achievement-bar{background:#1E5087;border-radius:14px;padding:40px;display:flex;justify-content:space-between;flex-wrap:wrap;color:#fff}
.achievement-box{text-align:center;flex:1}.achievement-icon{font-size:32px;margin-bottom:20px}
.achievement-label{font-size:14px;color:#fff;margin:0}@media(max-width:992px){.achievement-bar{gap:20px}}

.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:70px}
.philosophy-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05);text-align:center;transition:.3s}
.philosophy-card:hover{transform:translateY(-5px)}
/* .card-icon{font-size:26px;margin-bottom:15px;background-color: #F3F8FF;display: flex;align-items: center;justify-content: center;border-radius: 50%;} */
.philosophy-card .card-icon i{width: 50px;}
.philosophy-card h3{color:#1E5087;font-size:18px;margin-bottom:5px}
.philosophy-card h4{color:#26A69A;font-size:14px;margin:14px 0}
.philosophy-card p{color:#667085;font-size:14px;line-height:1.6}
/* .apart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} */

.apart-card{background: #E3F2FD;height: 100%;
padding:20px;border-radius:10px;border: 1px solid #E2E8F0;box-shadow: 0px 0px 10px 0px #00000026;
}
.apart-card h4{color:#1E293B;font-size:16px;margin-bottom:12px;font-weight: 700;}
.apart-card p{color:#667085;font-size:14px;line-height:1.6}
.globex-section{padding:80px 0}

.globex-card{position:relative;display:flex;align-items:center;gap:15px;background:#f4f7fb;padding:20px;border-radius:18px;overflow:hidden;height:100%;transition:all .35s ease;border:1px solid transparent;cursor: pointer;}

/* curved shape */
.globex-card::after{content:"";position:absolute;width:120px;height:120px;background:rgba(30,80,135,0.06);border-radius:50%;right:-40px;top:-40px;transition:.35s;}

/* icon circle */
.globex-icon{width:50px;height:50px;background:#1E5087;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;transition:.55s;cursor: pointer;}
.globex-icon img{width:26px;height:26px;border-radius:50%;}

/* text */
.globex-content{z-index:1}
.globex-content h4{margin:0;font-size:16px;font-weight:700;color:#1E293B;}
.globex-company{margin:3px 0;font-size:13px;font-weight:500;color:#475569;}
.globex-address{margin:0;font-size:12px;color:#667085;}

/* HOVER EFFECT — highlight box + zoom */
.globex-card:hover{transform:scale(1.04);border:1px solid #1E5087;box-shadow:0 10px 25px rgba(30,80,135,0.15),0 0 0 3px rgba(30,80,135,0.08);}

/* animate curve */
.globex-card:hover::after{transform:scale(1.2);background:rgba(30,80,135,0.12);}

/* icon zoom */
.globex-card:hover .globex-icon{
transform:scale(1.1);
box-shadow:0 5px 15px rgba(30,80,135,0.25);}


.industry-section{background-image: url(../images/industry-bg.png);background-position: center;background-size: cover;width: 100%;background-repeat: no-repeat;}
.expertise{padding: 30px 20px;border-radius: 20px;
background: linear-gradient(90deg, #D9EFFF 0%, #FFF 69.07%);
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.10);
text-align: center;}
.expertise h3{font-size: 26px;color: #1E5087;font-weight: 700;margin-bottom: 14px;}
.expertise p{font-size: 16px;color: #475569;}

.industry-card{background: #FFFFFF;border: 1px solid #E2E8F0;box-shadow: 0px 0px 14px 0px #00000026;border-radius: 12px;padding: 20px;height: 100%;}
.industry-card h4{font-size: 16px;font-weight: 600;color: #1E293B;margin: 12px 0;}

.industry-card p{font-size: 14px;color: #667085;font-weight: 600;}
.metrics-flex{display: flex;align-items: center;justify-content: center;flex-direction: row;padding: 25px 0;gap: 30px;}
.metric h3{font-size: 20px;color: #82AA32;font-weight: 700;margin-bottom: 6px;text-align: center;}
.metric p{font-size: 12px;font-weight: 600;text-align: center;}
.industry-card h5{font-size: 16px;font-weight: 600;color: #1E293B;margin: 12px 0;}
.industry-card .info-list li{font-size: 12px;color: #475569;font-weight: 600;}







.why-arbeit{background: #F8FAFC;padding: 60px 0;}
.why-title{font-size: 24px;color: #1E5087;font-weight: 700;text-align: center;margin-bottom: 50px;}
.why-wrapper{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.why-card{background: #FFFFFF;border: 1px solid #E2E8F0;border-radius: 12px;padding: 20px;display: flex;align-items: flex-start;gap: 15px;transition: all 0.35s ease;height: 100%;}
.why-card:hover{transform: translateY(-6px);box-shadow: 0px 10px 25px 0px #00000014;border-color: #1E5087;}
.why-icon{width: 45px;height: 45px;background: #EAF2FB;color: #1E5087;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0;transition: 0.3s;}
.why-card:hover .why-icon{background: #1E5087;color: #FFFFFF;}
.why-text h4{font-size: 16px;color: #1E293B;font-weight: 700;margin-bottom: 6px;}
.why-text p{font-size: 13px;color: #667085;margin: 0;}


.industry-cta{background: #E3F2FD;padding: 60px 0;display: flex;justify-content: center;align-items: center;}
.cta-box{background: #FFFFFF;padding: 30px 40px;border-radius: 16px;text-align: center;box-shadow: 0px 15px 40px 0px #00000014;background-image: url(../images/ShinyOverlay-1.svg);width: 100%;background-position: left;background-size: cover;}
.cta-box h3{font-size: 20px;color: #82AA32;font-weight: 600;margin-bottom: 15px;}
.cta-box p{font-size: 15px;color: #475569;margin-bottom: 20px;}
.cta-btn{display: inline-block;background: #1E5087;color: #FFFFFF;padding: 8px 16px;border-radius: 6px;font-size: 14px;font-weight: 500;text-decoration: none;transition: 0.3s;}
.cta-btn:hover{background: #163D66;color: #fff;}
 
.cta-outline-btn{display: inline-block;background: #667085;color: #FFFFFF;padding: 8px 16px;border-radius: 6px;font-size: 14px;font-weight: 500;text-decoration: none;transition: 0.3s;margin-left: 20px;}
.cta-outline-btn:hover{background: #163D66;color: #fff;}

.companies-heading{font-size: 24px;color: #1E5087;font-weight: 700;text-align: center;margin-bottom: 30px;}



.geo-section{background:#F4F7FB;padding:0 0 0px;}

/* ── NAV WRAPPER ── */
.geo-tabs-wrapper{background:#1E5087;padding:0;margin-bottom:0px;}

/* Override Bootstrap nav-tabs inside our wrapper only */
.geo-tabs-wrapper .geo-nav.nav-tabs{border-bottom:none;display:flex;justify-content:center;gap:0;}
.geo-tabs-wrapper .geo-nav .geo-nav-item{margin:0;}
.geo-tabs-wrapper .geo-nav .geo-nav-link{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:#FFFFFF;padding:14px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:0.3s;}
.geo-tabs-wrapper .geo-nav .geo-nav-link:hover{background:rgba(255,255,255,0.12);color:#FFFFFF;border-color:transparent;}
.geo-tabs-wrapper .geo-nav .geo-nav-link.active{background:transparent;color:#82AA32;border-bottom:2px solid #82AA32;}

/* ── TITLES ── */
.geo-main-title{text-align:center;font-size:24px;color:#1E5087;font-weight:700;margin-bottom:10px;}
.geo-sub-title{text-align:center;font-size:14px;color:#667085;margin-bottom:40px;}

/* ── GEO CARD ── */
.geo-card{background:#F3F8FF;border:1px solid #E2E8F0;border-radius:12px;padding:20px;height:100%;box-shadow:0px 0px 14px 0px #00000014;transition:0.3s;}
.geo-card:hover{transform:translateY(-5px);box-shadow:0px 10px 25px 0px #0000001A;}
.geo-card h4{font-size:16px;color:#1E293B;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.geo-card p{font-size:13px;color:#667085;margin:12px 0;}

/* ── FLAG IMG ── */
.geo-flag-img{width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,0.25);flex-shrink:0;}

/* ── HIGHLIGHT BOX ── */
.geo-highlight{border-radius: 10px;
border: 0 solid #E5E7EB;
background: rgba(255, 255, 255, 0.50);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);;padding:12px;margin:12px 0;}
.geo-highlight h5{font-size:13px;color:#1E5087;font-weight:600;margin-bottom:8px;}
.geo-highlight ul{padding:0;margin:0;list-style:none;}
.geo-highlight ul li{font-size:12px;color:#475569;margin-bottom:10px;display:flex;align-items:flex-start;gap:7px;line-height:1.4;}

/* circle tick icon */
.geo-highlight ul li .geo-tick{display:inline-flex;align-items:center;justify-content:center;color:#1E5087;font-size:12px;margin-top:1px;}

.geo-link{font-size:13px;color:#1E5087;font-weight:600;text-decoration:none;display:inline-block;margin-top:10px;}
.geo-link:hover{color:#0F3460;text-decoration:underline;}
.geo-content{margin: 60px 0;}




/* ── MARKET ENTRY ── */
.geo-market-entry-section{background-image: url(../images/industry-bg.png);background-position: center;background-size: cover;width: 100%;}
.geo-market-entry-intro{background: linear-gradient(90deg, #D9EFFF 0%, #FFFFFF 69.07%);
;padding:30px 40px;border-radius:12px;box-shadow:0px 10px 25px #00000014;text-align:center;margin-bottom:40px;}
.geo-market-entry-intro h3{font-size:28px;color:#1E5087;font-weight:700;margin-bottom:20px;}
.geo-market-entry-intro p{font-size:14px;color:#475569;}
.geo-framework-title{font-size:28px;color:#1E5087;font-weight:700;}
.geo-framework-sub{font-size:14px;color:#82AA32;margin-bottom:35px;text-align: center;}
.geo-market-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:0;height:100%;box-shadow:0px 6px 18px #00000012;transition:all 0.3s ease;overflow: hidden;}
.geo-market-card:hover{transform:translateY(-6px);box-shadow:0px 18px 35px #00000018;border-color:#1E5087;}

.geo-market-icon{width: 60px;}
.geo-market-card h4{font-size:16px;color:#1E293B;font-weight:600;margin-bottom:6px;}
.geo-market-card p{font-size:13px;color:#667085;margin:10px 0;font-weight: 600;}
.geo-market-card ul{padding-left:0px;margin:0;}
.geo-market-card ul li{font-size:13px;color:#475569;margin-bottom:8px;}
.market-text{padding: 10px 30px;}
.market-text ul li i{color: #0066CC;font-size: 12px;margin-right: 8px;}


/* Two-column sections: heading left, content right (screenshot style) */
/* .geo-two-col-section { margin-top: 3rem; margin-bottom: 3rem; } */
.geo-section-title{font-size: 28px; font-weight: 600; color: #1e5087;margin-bottom: 15px;}
.geo-two-col-section .geo-col-heading { font-size: 20px; font-weight: 500; color: #82AA32; line-height: 1.2; margin: 0; }
.geo-two-col-section .geo-col-content { border-left: 1px solid #E2E8F0; padding-left: 2rem; }
.geo-two-col-section .geo-col-content .geo-intro { font-size: 16px; color: #667085; line-height: 1.7; margin-bottom: 1.25rem;font-weight: 600; }
.geo-key-features-box { background: #F3F8FF; border: 1px solid #E2E8F0; border-radius: 8px; padding: 1.25rem 1.5rem; }
.geo-key-features-box .geo-key-features-title { font-size: 15px; font-weight: 600; color: #82AA32; margin: 0 0 1rem 0; }
.geo-key-features-box ul { list-style: none; padding: 0; margin: 0; }
.geo-key-features-box li { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; font-size: 14px; color: #1E293B; line-height: 1.6; border-bottom: 1px solid #E2E8F0; }
.geo-key-features-box li:last-child { border-bottom: none; padding-bottom: 0; }
.geo-key-features-box li .geo-check { color: #82AA32; flex-shrink: 0; margin-top: 2px; }
.geo-workforce-list { list-style: none; padding: 0; margin: 0; }
.geo-workforce-list li { position: relative; padding-left: 1.25rem; margin-bottom: 14px; font-size: 14px; color: #334155; line-height: 1.6; }
.geo-workforce-list li:last-child { margin-bottom: 0; }
.geo-workforce-list li::before { content: ''; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; background: #1E293B; border-radius: 50%; }




.who-help-section{padding:60px 0;background:#fff;}
.who-help-title{font-size:28px;font-weight:700;color:#1E5087;margin-bottom:30px;}
.who-help-card{background:#DCE8F4;border-radius:12px;padding:25px 20px;text-align:left;height:100%;transition:all 0.3s ease;border:1px solid transparent;}
.who-help-card:hover{transform:translateY(-6px);background:#FFFFFF;border:1px solid #1E5087;box-shadow:0px 12px 30px rgba(0,0,0,0.08);}
.who-help-icon{display:flex;align-items:flex-start;justify-content:flex-start;}
.who-help-icon img{width:68px;}
.who-help-card h4{font-size:16px;font-weight:600;color:#1E293B;margin-bottom:8px;margin-top: 12px;}
.who-help-card p{font-size:14px;color:#475569;margin-bottom:8px;line-height:1.5;}



.timeline{width: 100%;margin-bottom: 40px;}

.timeline img{width: 100%;}

.modal-body{background-color: rgba(0, 0, 0, 0.08);margin: 20px;border-radius: 8px;}
.modal-newspaper .modal-continued{margin-top:0;padding-top:0px;}
.market-text{padding: 20px;color: #1e3a5f;font-size: 16px;font-weight: 600;margin-left: 15px;}
.testimonial-section h3{font-size: 24px;font-weight: 600;text-align: center;color: #1e3a5f;margin-bottom: 30px;}







.sec-title { font-size: 24px; font-weight: 700; color: #1e5087; line-height: 1.15; margin-bottom: 0; opacity: 0; animation: up 0.6s ease forwards 0.2s; }

/* .sec-rule { width: 52px; height: 3px; background: linear-gradient(90deg, #1e5087, #82AA32); border-radius: 2px; margin: 16px auto 44px; opacity: 0; animation: up 0.5s ease forwards 0.35s; } */

.eng-card { border: none; border-radius: 14px; background: #f8f9fa; padding: 32px; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; height:auto; opacity: 0; animation: up 0.6s ease forwards; margin-top: 40px;margin-bottom: 40px;}
.eng-card:nth-child(1) { animation-delay: 0.45s; }
.eng-card:nth-child(2) { animation-delay: 0.60s; }
.eng-card:nth-child(3) { animation-delay: 0.75s; }
.eng-card:nth-child(4) { animation-delay: 0.90s; }

.eng-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(30, 80, 135, 0.13); }

.eng-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #1e5087, #82AA32); }

.card-num { position: absolute; top: 8px; right: 16px;font-size: 38px; font-weight: 800; color: #e8eef6; line-height: 1; user-select: none; transition: color 0.3s; }
.eng-card:hover .card-num { color: #e8f0d6; }

.card-text { font-size: 16px; font-weight: 500; color: #1e5087; line-height: 1.55; margin-bottom: 20px; }

.card-bar { width: 24px; height: 2px; background: #82AA32; border-radius: 2px; transition: width 0.35s ease; }
.eng-card:hover .card-bar { width: 44px; }
.card-icon{width:60px;height:60px;margin:0 auto 18px;background:#eef3ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1c3f94;transition:all .3s ease;}

@keyframes up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }


.subtext{font-size: 24px;margin-bottom: 15px;color: #82AA32;}

.country-item{position: relative;display: flex;align-items: center;gap: 15px;background: #e8edf5;padding: 10px;border-radius: 8px;overflow: hidden;transition: all .35s ease;border: 1px solid transparent;cursor: pointer;}
.country-flag {width: 30px;height: auto;margin-bottom: 0px;border-radius: 4px;}
.country-name {font-size: 14px;font-weight: 500;}

.country-item {transition: transform 0.3s ease;}

.country-item:hover {transform: translateY(-5px);;border:1px solid #1E5087;}


/* HOVER EFFECT — highlight box + zoom */
/* .country-item:hover{transform:scale(1.04);border:1px solid #1E5087;box-shadow:0 10px 25px rgba(30,80,135,0.15),0 0 0 3px rgba(30,80,135,0.08);} */





.carousel-section { overflow: hidden; padding: 24px 0; background: #fff; position: relative; }
.carousel-section::before, .carousel-section::after { content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none; }
/* .carousel-section::before { left: 0; background: linear-gradient(to right, #fff, transparent); }
.carousel-section::after { right: 0; background: linear-gradient(to left, #fff, transparent); } */

.logo-track-wrapper { display: flex; flex-direction: row; width: max-content; animation: scrollLeft 80s linear infinite; }
.carousel-section:hover .logo-track-wrapper { animation-play-state: paused; }
@keyframes scrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.carousel-track { display: flex; flex-direction: row; align-items: center; gap: 48px; padding: 0 24px; flex-shrink: 0; }

.logo-item { display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; transition: transform 0.3s ease, filter 0.3s ease; }
.logo-item:hover { transform: scale(1.12) translateY(-3px); filter: drop-shadow(0 6px 14px rgba(0,100,255,0.18)); }
.logo-item img { width: 140px; object-fit: contain; display: block; }
.logo-name { font-size: 11px; font-weight: 600; color: #64748b; letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; display: none; }


/* ================= Case Stuides ================= */

/* ============================================================
    NAV TABS — scoped to .cs-tabs (won't affect other nav-tabs)
============================================================ */
.cs-tabs.nav-tabs{border-bottom:1px solid #dedad2;background-color:#F3F8FF;padding:0 40px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;display:flex;flex-direction:row;}
.cs-tabs.nav-tabs::-webkit-scrollbar{display:none;}
.cs-tabs.nav-tabs .nav-item{display:inline-flex;flex-shrink:0;}
.cs-tabs.nav-tabs .nav-link{border:none !important;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#8a9aaa;background-color:transparent !important;padding:16px 20px;border-radius:0;white-space:nowrap;transition:all 0.3s ease;border-bottom:2px solid transparent !important;}
.cs-tabs.nav-tabs .nav-link:hover:not(.active){color:#1a2b3c;border-bottom:2px solid #82AA32 !important;}
.cs-tabs.nav-tabs .nav-item.show .nav-link,.cs-tabs.nav-tabs .nav-link.active{color:#1a2b3c !important;font-weight:700;background-color:transparent !important;border-bottom:2px solid #1E5087 !important;border-top:none !important;border-left:none !important;border-right:none !important;}
 
/* ============================================================
    PAGE & TAB CONTENT
============================================================ */
 
 
.cs-tab-area{padding:60px 40px 0;max-width:1140px;margin:0 auto;}
.cs-tab-area .tab-pane{animation:cs-fade .3s ease;}
.cs-tab-area .tab-pane.show{display:block !important;}
.cs-tab-area .tab-content{display:block;}
@keyframes cs-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
 
/* ============================================================
     GRID
============================================================ */
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.cs-grid.cs-single{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
 
/* ============================================================
     CARD — equal height
============================================================ */
.cs-tab-area .row{align-items:stretch;}
.cs-tab-area .row [class*="col-"]{display:flex;}
.cs-card{background:#fff;border:1px solid #dedad2;padding:32px 32px 0;display:flex;flex-direction:column;flex:1;min-height:0;}
.cs-card .cs-outcome{margin-top:auto;}
/* .cs-grid:not(.cs-single) .cs-card:nth-child(1){border-right:none;border-bottom:none;}
.cs-grid:not(.cs-single) .cs-card:nth-child(2){border-bottom:none;}
.cs-grid:not(.cs-single) .cs-card:nth-child(3){border-right:none;} */

.cs-row-divider{height:3px;background:linear-gradient(90deg,#1E5087,#82AA32);margin: 30px 0;}
 
.cs-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}
.cs-number{font-size:58px;font-weight:400;color:rgba(30, 80, 135,0.2);line-height:1;user-select:none;letter-spacing:-0.02em;opacity: 0;}
.cs-badges{display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.cs-badge-industry{background:rgb(30, 80, 135);color:#fff;font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 10px;display:inline-block;}
.cs-badge-market{background:transparent;border:1px solid #dedad2;color:#82AA32;font-size:0.62rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:3px 10px;display:inline-flex;align-items:center;gap:4px;}
.cs-badge-market::before{content:'📍';font-size:0.58rem;}

.cs-title{font-size:26px;font-weight:500;color:#1E5087;line-height:1.3;margin-bottom:24px;}
 
 /* ============================================================
     ACCORDION (Bootstrap) — custom styling
============================================================ */
.cs-accordion.accordion{border-top:1px solid #dedad2;}
.cs-accordion .accordion-item{border:none;border-bottom:1px solid #dedad2;background:transparent;}
.cs-accordion .accordion-button{width:100%;background:none !important;border:none !important;padding:13px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:500;color:#667085;transition:color 0.2s;box-shadow:none !important;}
.cs-accordion .accordion-button:hover{color:#1E5087;}
.cs-accordion .accordion-button:not(.collapsed){color:#1E5087;}
.cs-accordion .accordion-button::after{display:none !important;}
.cs-accordion-icon{width:14px;height:14px;border:1px solid #dedad2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.5rem;color:#8a9aaa;transition:background 0.2s,border-color 0.2s;line-height:1;margin-left:auto;}
.cs-accordion-icon .cs-icon-times{display:none;}
.cs-accordion .accordion-button:not(.collapsed) .cs-accordion-icon{background:#1E5087;border-color:#1E5087;color:#fff;}
.cs-accordion .accordion-button:not(.collapsed) .cs-accordion-icon .cs-icon-plus{display:none;}
.cs-accordion .accordion-button:not(.collapsed) .cs-accordion-icon .cs-icon-times{display:inline-block;}
.cs-accordion .accordion-body{padding-top:0;padding-bottom:14px;}
.cs-accordion .accordion-body p{font-size:0.87rem;line-height:1.75;color:#4a5e72;}
 
/* ============================================================
   OUTCOME BOX
============================================================ */
.cs-outcome{background:#2C5282;margin:0 -32px;padding:22px 32px 26px;margin-top:22px;}
.cs-outcome-label{display:flex;align-items:center;gap:7px;font-size:0.66rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#82AA32;margin-bottom:9px;}
.cs-outcome-label::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;background:#82AA32;color:#fff;font-size:0.58rem;border-radius:50%;flex-shrink:0;}
.cs-outcome p{font-size:0.86rem;line-height:1.7;color:rgba(255,255,255,0.72);}
 
/* ============================================================
    RESPONSIVE
============================================================ */
@media(max-width:768px){
      .cs-tabs.nav-tabs{padding:0 16px;}
      .cs-tab-area{padding:36px 16px;}
      .cs-grid{grid-template-columns:1fr !important;}
      .cs-grid .cs-card{border-right:1px solid #dedad2 !important;border-bottom:none !important;}
      .cs-grid .cs-card:last-child{border-bottom:1px solid #dedad2 !important;}
      .cs-row-divider{display:none;}
      .cs-number{font-size:2.6rem;}
      .cs-title{font-size:1.3rem;}
      .cs-card{padding:24px 20px 0;}
      .cs-outcome{margin:0 -20px;padding:18px 20px 22px;}
}
 



.section-label {font-size: 12px;font-weight: 500;letter-spacing: 0.09em;text-transform: uppercase;color: #82AA32;margin: 0 0 16px 0;padding-bottom: 7px;border-bottom: 2px solid #82AA32;display: inline-block;}
.tech-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));gap: 12px;margin-bottom: 28px;}
.tech-card {display: flex;flex-direction: column;align-items: center;gap: 9px;padding: 18px 10px 14px;background: #fff;border: 1.5px solid #e4ebf5;border-radius: 12px;transition: border-color 0.18s, box-shadow 0.18s;cursor: default;}
.tech-card:hover {border-color: #1E5087;box-shadow: 0 0 0 3px rgba(30, 80, 135, 0.07);}
.tech-icon {width: 46px;height: 46px;border-radius: 11px;display: flex;align-items: center;justify-content: center;}
.tech-name {font-size: 12.5px;font-weight: 500;color: #1E5087;text-align: center;line-height: 1.35;}
.tech-tag {font-size: 10px;color: #82AA32;background: #f3f8e8;border-radius: 20px;padding: 2px 9px;font-weight: 500;}
.section-block {margin-bottom: 30px;}
.divider {border: none;border-top: 1px solid #edf2f8;margin: 6px 0 26px;}


.privacyTtx {padding: 60px 0;background: #fff;}
.privacyTtx h2 {font-size: 20px;font-weight: 700;color: #1B4F8C;margin: 10px 0 10px;padding-bottom: 0px;border-bottom: 2px solid #82AA32;display: inline-block;}
.privacyTtx h3 {font-size: 18px;font-weight: 600;color: #1B4F8C;margin: 20px 0 8px;}
.privacyTtx p {font-size: 14px;color: #444;line-height: 1.8;margin-bottom: 10px;}
.privacyTtx ul {list-style: none;padding: 0;margin: 8px 0 12px;}
.privacyTtx ul li {font-size: 14px;color: #444;line-height: 1.7;padding-left: 16px;position: relative;margin-bottom: 8px;}
.privacyTtx ul li::before {content: '•';position: absolute;left: 0;color: #82AA32;font-weight: 700;}
.privacyTtx ul li strong {color: #1B4F8C;}
.privacyTtx a {color: #82AA32;text-decoration: none;font-weight: 500;}
.privacyTtx a:hover {text-decoration: underline;}
.privacyTtx .contact-block {margin-top: 10px;}
.privacyTtx .contact-block p {margin-bottom: 4px;}



/* ================= MOBILE MENU TOGGLE ================= */
.mobile-menu-toggle {background: transparent; border: none; width: 24px; height: 18px; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; padding: 0;}
.mobile-menu-toggle span {width: 100%; height: 2px; background: #1f2937; border-radius: 2px; transition: all 0.3s ease;}
.mobile-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(7px, 7px);}
.mobile-menu-toggle.active span:nth-child(2) {opacity: 0;}
.mobile-menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(7px, -7px);}

/* ================= MOBILE SIDE NAVIGATION ================= */
.mobile-sidenav {position: fixed; top: 0; right: -100%; width: 320px; height: 100vh;box-shadow: -4px 0 20px rgba(0,0,0,0.1); z-index: 9999; transition: right 0.3s ease; overflow-y: auto;border: 0 solid #E5E7EB;
background: linear-gradient(180deg, #FFF 0.17%, #D2E2F9 101.13%);}
.mobile-sidenav.active {right: 0;}
.sidenav-content {padding: 24px;}
.sidenav-header {display: flex; justify-content: flex-end; margin-bottom: 32px;}
.close-btn {background: transparent; border: none; font-size: 28px; color: #1f2937; cursor: pointer; padding: 0; line-height: 1; width: 36px; height: 36px;}

/* Mobile Menu Items */
.mobile-menu {list-style: none; padding: 0; margin: 0;}
.mobile-menu > li {border-bottom: 1px solid #f3f4f6;}
.mobile-menu > li > a {display: block; padding: 16px 0; color: #1f2937; text-decoration: none; font-size: 15px; font-weight: 500; transition: color 0.3s ease;}
.mobile-menu > li > a.active {color: #1e5087;}
.mobile-menu > li > a:hover {color: #1e5087;}

/* Mobile Dropdown */
.mobile-dropdown-toggle {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.mobile-dropdown-toggle .arrow {font-size: 11px; transition: transform 0.3s ease;}
.mobile-dropdown.active .mobile-dropdown-toggle .arrow {transform: rotate(180deg);}
.mobile-submenu {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding-left: 16px; background: #f9fafb; border-radius: 6px; margin-top: 8px;}
.mobile-dropdown.active .mobile-submenu {max-height: 500px; padding-top: 10px; padding-bottom: 10px;}
.mobile-submenu a {display: block; padding: 12px 12px; color: #6b7280; text-decoration: none; font-size: 14px; font-weight: 400; transition: color 0.3s ease;}
.mobile-submenu a:hover {color: #1e5087;}

/* Overlay for mobile menu */
.mobile-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.mobile-overlay.active {opacity: 1; visibility: visible;}





/* ===================================
    03. Animations
====================================== */

.tran01 {transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;}
.tran02 {transition: all ease-in-out 1.2s;-moz-transition: all ease-in-out 1.2s;-webkit-transition: all ease-in-out 1.2s;-ms-transition: all ease-in-out 1.2s;-o-transition: all ease-in-out 1.2s;}
.tran03 {transition: all ease-in-out 1.3s;-moz-transition: all ease-in-out 1.3s;-webkit-transition: all ease-in-out 1.3s;-ms-transition: all ease-in-out 1.3s;-o-transition: all ease-in-out 1.3s;}
.tran04 {transition: all ease-in-out 1.7s;-moz-transition: all ease-in-out 1.7s;-ms-transition: all ease-in-out 1.7s;-webkit-transition: all ease-in-out 1.7s;-o-transition: all ease-in-out 1.7s;}
.tran05 {transition: all ease-in-out 1.9s;-moz-transition: all ease-in-out 1.9s;-webkit-transition: all ease-in-out 1.9s;-ms-transition: all ease-in-out 1.9s;-o-transition: all ease-in-out 1.9s;}
.tran06 {transition: all ease-in-out 2.1s;-moz-transition: all ease-in-out 2.1s;-webkit-transition: all ease-in-out 2.1s;-ms-transition: all ease-in-out 2.1s;-o-transition: all ease-in-out 2.1s;}
.fromtopcol {opacity: 0;transform: translateY(-200px);z-index: 2;}
.frombackcol {opacity: 0;transform: translateY(150px);z-index: 2;}
.fromleftcol {opacity: 0;transform: translateX(-500px);z-index: 5;}
.fromrightcol {opacity: 0;transform: translateX(500px);z-index: 5;}
.animat {padding: 80px 0px 0px 0px;background-image: url(../images/promo.png);background-size: cover;overflow: hidden;}
.animitopnrml {opacity: 1;transform: translateY(0);}
.animibacknrml {opacity: 1;transform: translateY(0);}
.animileftnrml {opacity: 1;transform: translateX(0);}
.animirightnrml {opacity: 1;transform: translateX(0);}