/* ============================================================
   RESET & BASE (unchanged)
============================================================ */

/* ============================================================
   CUSTOM FONTS
============================================================ */
/* Paragraph / Normal Text */
:root {
  --primary:        #0052cc;
  --primary-d:      #003d99;
  --primary-l:      #1a6fe8;
  --primary-xl:     #e8f0fe;
  --primary-2xl:    #f7f9ff;
  --accent:         #0073e6;
  --glow:           #3b8fff;
  --white:          #ffffff;
  --bg:             #f7f9ff;
  --bg2:            #eef2fc;
  --text:           #060d1f;
  --text2:          #1a2540;
  --muted:          #5a6a86;
  --border:         rgba(0,82,204,0.10);
  --border2:        rgba(0,82,204,0.18);
  --green:          #00b37a;
  --red:            #e5312e;
  --yellow:         #d97706;
  --amber:          #ff9a1f;
  --font:           'Inter', sans-serif;
  --mono:           'IBM Plex Mono', monospace;
  --sh-sm:          0 1px 4px rgba(0,52,120,0.07);
  --sh-md:          0 4px 24px rgba(0,52,120,0.10);
  --sh-lg:          0 12px 48px rgba(0,52,120,0.14);
  --sh-blue:        0 8px 32px rgba(0,82,204,0.28);
  --grad-text:      linear-gradient(90deg, #0052cc 0%, #1a88f5 60%, #3b8fff 100%);
  --grad-btn:       linear-gradient(135deg, #0052cc 0%, #1a6fe8 100%);
  --grad-hero:      radial-gradient(ellipse 80% 60% at 60% 40%, rgba(0,82,204,0.08) 0%, transparent 60%);
  --grad-glow:      radial-gradient(ellipse 50% 40% at 50% 80%, rgba(0,82,204,0.06) 0%, transparent 60%);
  --navy:           #060d1f;
  --navy-2:         #0b1a3d;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Bold.woff2') format('woff2'),
    url('fonts/TheFuture-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Extralight.woff2') format('woff2'),
    url('fonts/TheFuture-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Italic.woff2') format('woff2'),
    url('fonts/TheFuture-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Light.woff2') format('woff2'),
    url('fonts/TheFuture-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Medium.woff2') format('woff2'),
    url('fonts/TheFuture-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-MediumItalic.woff2') format('woff2'),
    url('fonts/TheFuture-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Black.woff2') format('woff2'),
    url('fonts/TheFutureMono-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Bold.woff2') format('woff2'),
    url('fonts/TheFutureMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Extralight.woff2') format('woff2'),
    url('fonts/TheFutureMono-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Italic.woff2') format('woff2'),
    url('fonts/TheFutureMono-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Light.woff2') format('woff2'),
    url('fonts/TheFutureMono-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Medium.woff2') format('woff2'),
    url('fonts/TheFutureMono-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Regular.woff2') format('woff2'),
    url('fonts/TheFutureMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-Thin.woff2') format('woff2'),
    url('fonts/TheFutureMono-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('fonts/TheFutureMono-ThinItalic.woff2') format('woff2'),
    url('fonts/TheFutureMono-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Regular.woff2') format('woff2'),
    url('fonts/TheFuture-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('fonts/TheFuture-Thin.woff2') format('woff2'),
    url('fonts/TheFuture-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-family:sans-serif; }
body { font-family: 'The Future'; font-size:16px; line-height:1.6; color:#111827; background:#ffffff; overflow-x:hidden; }
/* ============================================================
   TYPOGRAPHY
============================================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 15px;
    line-height: 1.2;
}

h1 {
    font-size: 64px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
}

p {
    margin-bottom: 15px;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

ul,
ol {
    list-style: none;
}

img {
    max-width: 100%;
}

.about-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;}
    .meet-people-section{padding-bottom: 50px;}
    .CareerDropdown .industry-section ul.industry-grid{
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
        margin: 0 13px;
    }
    .CareerDropdown .industry-grid li{padding: 0 0px;}
    .CareerDropdown .industry-grid li a{
        background: transparent;
        padding: 0;
        position: relative;
        overflow: hidden;
        color: #fff;
    }
    .CareerDropdown .industry-grid li a::before{content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgb(67 67 67 / 82%) 0%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
        top: 100px;}
        .CareerDropdown .industry-grid li a .card-header-row{
            position: relative;
            overflow: hidden;
            border-radius: 0;
            cursor: pointer;
            transition: transform 0.42s ease, box-shadow 0.42s ease;
        }
        .CareerDropdown .industry-grid li a .card-header-row img{
            width: 100%;
            height: 350px;
            object-fit: cover;
            transition: transform 0.78s ease;
        }
        .CareerDropdown .industry-grid li a .card-header-row .content {
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: 35px;
            z-index: 2;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12px;
            padding: 0 10px;
            transform: translateY(0);
            transition: transform .45s ease;
        }
        .CareerDropdown .industry-grid li a .card-header-row .content h3{    color: #fff;
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
            margin: 0;
            line-height: 1.25;
            transition: transform 0.38s ease;}
            .heading2 {
                color: #02328c;
                font-size: 37px;
                font-weight: 700;
                line-height: 44px;
                padding-bottom: 15px;
                margin: 0;
            }

            .heading3 {
                color: #02328c;
                font-size: 18px;
                font-weight: 600;
                line-height: 1.6;
                padding-bottom: 30px;
                margin: 0;
            }


            .section-subtitle {

                display: block;
                font-size: 37px;
                font-weight: 700;
                color: #5194fc;
                margin-bottom: 0px;
                line-height: 44px;
            }

            .section-title {

                color: #02328c;
                font-size: 37px;
                font-weight: 700;
                line-height: 44px;
                padding-bottom: 30px;
                margin: 0;
            }

            .section-description {

                font-size: 18px;
                line-height: 1.6;
                color: #2f57a1;
                padding-bottom: 20px;
            }

            .about-bg-innernew .advancesection .advancesection-item::before {
                display: none;
            }


            .industries-section-carousel.row {
                display: block;
            }

            .industries-section-carousel .item {
                padding: 15px;
            }

            .industries-section-carousel .approach-card {
                height: 100%;
            }

            .industries-section-carousel .owl-stage {
                display: flex;
            }

            .industries-section-carousel .owl-item {
                display: flex;
            }

/* Dots Wrapper */
.industries-section-carousel .owl-dots {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Default Dot */
.industries-section-carousel .owl-dot {
    margin: 0 5px;
}

.industries-section-carousel .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 0;
    background: #c9d6f2;
    border-radius: 50px;
    transition: all .35s ease;
    display: block;
}

/* Active Dot */
.industries-section-carousel .owl-dot.active span {
    width: 42px;
    height: 14px;
    background: #2f6bff;
    border-radius: 30px;
}

/* Hover */
.industries-section-carousel .owl-dot:hover span {
    background: #2f6bff;
}

.partner-slider .owl-stage {
    display: flex;
    align-items: stretch;
}

.partner-slider .owl-item {
    padding: 12px;
}
body section {
    padding: 70px 0 80px;
}
#platform{background: linear-gradient(45deg,#9cccfb 0%,#7eb7fa 25%,#5a98f8 55%,#3f7df7 80%,#326ff2 100%) !important;}
#platform .sec-eyebrow-dot{background: #fff;}

.partner-card {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;
    box-shadow:0 12px 30px rgb(64 129 255 / 8%);
    transition: all .3s ease;
}

.partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.partner-card img {
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
}


/* ─── SECTION COMMONS ─────────────────────────────────── */

.sec-eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
  color: var(--primary); text-transform: uppercase;
  margin-bottom: 16px;
  background: rgba(0,82,204,.06);
  border: 1px solid rgba(0,82,204,.18);
  border-radius: 100px;
  padding: 4px 14px 4px 8px;
}
.sec-eyebrow-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--primary); }



/* ─── LOGOS / CASE STUDIES ─────────────────────────────── */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.logo{border:1px solid var(--border2);border-radius:14px;background:#fff;padding:20px 10px;
  display:grid;place-items:center;gap:6px;text-align:center;font-size:.76rem;font-weight:700;color:var(--text2);min-height:96px;}
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.case{position:relative;border-radius:16px;overflow:hidden;background:var(--navy-2);display:flex;min-height:200px;text-decoration:none;}
.case--tall{grid-row:span 2;}
.case svg{position:absolute;inset:0;width:100%;height:100%;}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.case__cap{position:relative;margin-top:auto;padding:18px;color:#fff;font-size:.9rem;font-weight:700;
  background:linear-gradient(transparent,rgba(5,14,34,.92) 55%);width:100%;}
.case__cap em{display:block;font-style:normal;font-weight:500;color:#b9c8e8;font-size:.8rem;margin-top:4px;}
.factory-strip {
position: relative;
    z-index: 1;
    margin-top: 0;
    border-top: 1px solid #ddd;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.factory-strip div {
  padding: 24px 0px 6px;
  border-right: 1px solid rgba(255,255,255,.14);
}
.factory-strip div b{
        background: linear-gradient(90deg, #7743bb 0%, #6747bf 45%, #4569ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 22px;
}

.factory-strip div span{
        display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 16px;
    padding-top: 10px;
}
/* ─── SECTION COMMONS ─────────────────────────────────── */
.sec-eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
  color: var(--primary); text-transform: uppercase;
  margin-bottom: 16px;
  background: rgba(0,82,204,.06);
  border: 1px solid rgba(0,82,204,.18);
  border-radius: 100px;
  padding: 4px 14px 4px 8px;
}
.sec-eyebrow-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--primary); }
.sec-h2 {
        color: #02328c;
    font-size: 37px;
    font-weight: 700;
    line-height: 44px;
    padding-bottom: 15px;
    margin: 0;
}
.sec-h2 .g { background: var(--grad-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.sec-head { margin-bottom: 52px; }
.sec-head.center { text-align: center; }
.sec-head.center .sec-eyebrow { margin-left: auto; margin-right: auto; }
.sec-head .heading2{padding-bottom: 5px;}
#platform .sec-head .heading2{color: #fff;}
#platform .sec-head.center .sec-eyebrow{
        color: #fff;
    border-color: #fff;
}
#platform .sec-h2{color: #fff;}
#platform .sec-p{color: #fff;}

/* ─── PRODUCT CARDS ────────────────────────────────────── */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding: 0;}
.pcard{border:1px solid var(--border2);border-radius:18px;overflow:hidden;background:#fff;
  display:flex;flex-direction:column;text-decoration:none;transition:all .22s;}
.pcard:hover{box-shadow:var(--sh-lg);border-color:var(--primary);transform:translateY(-3px);}
.pcard__art{aspect-ratio:16/10;background:var(--navy-2);display:block;overflow:hidden;}
.pcard__art svg{display:block;width:100%;height:100%;}
.pcard__art img{display:block;width:100%;height:100%;object-fit:cover;}
.pcard__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.pcard__body h3{font-size:16.5px;font-weight:800;letter-spacing:-.02em;color:var(--text);}
.pcard__body p{
    font-size: 13.5px;
    color: var(--muted);
    line-height: 1.6;
    height: 70px;
    margin-bottom: 10px;
}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;}
.pcard__foot span.tlink{font-size:13px;font-weight:700;color:var(--primary);}
.arrow{width:32px;height:32px;border-radius:50%;background:var(--primary-xl);color:var(--primary);flex:none;
  display:grid;place-items:center;transition:all .2s;}
.pcard:hover .arrow{background:var(--primary);color:#fff;}
/* ─── PRODUCTS TABS (sidebar) ─────────────────────────── */
.products-layout { display: grid; grid-template-columns: 250px 1fr; gap: 0; background: var(--bg); border: 1px solid var(--border2); border-radius: 20px; overflow: hidden; box-shadow: var(--sh-md); }
.products-sidebar { background: var(--white); border-right: 1px solid var(--border); padding: 10px; }
.psb-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 9px; cursor: pointer; transition: all .18s; font-size: 13.5px; font-weight: 600; color: var(--text2); margin-bottom: 3px; }
.psb-item:hover { background: var(--primary-2xl); color: var(--primary); }
.psb-item.active { background: var(--primary-xl); color: var(--primary); }
.psb-icon { width: 30px; height: 30px; border-radius: 8px; background: var(--primary-2xl); display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.psb-item.active .psb-icon { background: var(--primary); color:#fff; }
.products-content { padding: 34px;background: #f7f9ff; }
.pc-panel { display: none; }
.pc-panel.active { display: block; animation:fadeUp .3s ease both; }
.pc-panel-h3 { font-size: 24px; font-weight: 800; letter-spacing: -.03em; margin-bottom: 8px; color: var(--text); }
.pc-panel-p { font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 580px; margin-bottom:26px; }
.pc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px,1fr)); gap: 14px; }
.pc-card { background: var(--white); border: 1px solid var(--border2); border-radius: 12px; padding: 20px; position: relative; overflow: hidden; transition:all .22s; }
.pc-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2.5px; background: var(--grad-btn); transform: scaleX(0); transform-origin: left; transition: transform .25s; margin: 0;padding:0}
.pc-card:hover { border-color: var(--primary); transform: translateY(-3px); box-shadow: var(--sh-lg); background: var(--primary-2xl); }
.pc-card:hover::before { transform: scaleX(1); }
.pcc-icon { width: 36px; height: 36px; border-radius: 9px; background: var(--primary-xl); display: flex; align-items: center; justify-content: center; font-size: 17px; margin-bottom: 12px; border: 1px solid var(--border2); }
.pcc-name { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
.pcc-desc { font-size: 12px; color: var(--muted); line-height: 1.6; }
.pcc-badge { margin-top: 10px; font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: .07em; padding: 2px 8px; border-radius: 4px; background: var(--primary-xl); color: var(--primary); border: 1px solid var(--border2); display: inline-block; }
.stats {
    position: relative;
    z-index: 1;
    margin-top: 0;
    border-top: 1px solid #ddd;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
        margin-top: 50px;
}

.stat {
padding: 0 22px 6px;
    border-right: 1px solid #ddd;
    margin-top: 38px;
}
.stat:last-child{border-right: 0;}
.stat b {
    background: linear-gradient(90deg, #7743bb 0%, #6747bf 45%, #4569ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 22px;
}
.stat span {
display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 16px;
    padding-top: 10px;
}
/* ─── GPU FLEET CARDS ──────────────────────────────────── */
.gpu-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.gpu-card{background:#fff;border:1px solid var(--border2);border-radius:16px;padding:16px 16px 18px;
  display:flex;flex-direction:column;box-shadow:var(--sh-sm);transition:all .22s;position:relative;}
.gpu-card:hover{box-shadow:var(--sh-lg);border-color:var(--primary);transform:translateY(-3px);}
.gpu-card__tag{position:absolute;top:12px;right:12px;z-index:1;}
.gpu-card__img{aspect-ratio:4/3;border-radius:11px;background:linear-gradient(160deg,#eef2fc,#f7f9ff);
  display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px;}
.gpu-card__img img{width:100%;object-fit:contain;padding:10px;}
.gpu-card h3{font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--text);margin-bottom:10px;}
.gpu-card__specs{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;flex:1;margin: 0;padding:0}
.gpu-card__specs li{display:flex;flex-direction:column;gap:1px;font-size:11.5px;border-top:1px solid var(--border);padding-top:6px;}
.gpu-card__specs li:first-child{border-top:0;padding-top:0;}
.gpu-card__specs span{color:var(--muted);}
.gpu-card__specs b{color:var(--text2);font-weight:600;font-size:12.5px;}
.gpu-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--border);}
.gpu-card__foot .price{font-size:15px;}
.gpu-card__foot .price i{font-style:normal;font-size:10.5px;color:var(--muted);font-weight:500;}
.gpu-card__foot .tlink{font-size:11.5px;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap;}
.btn-hero-primary {
  font-size: 16px;
  font-weight: 700;
  padding: 15px 32px;
  border-radius: 10px;
  background: var(--grad-btn);
  color: #fff;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 20px rgba(0,82,204,.36);
  transition: all .22s;
}
.tag {
  display: inline-block;
  border-radius: 999px;
  padding: 3px 11px;
  font-size: .72rem;
  font-weight: 700;
}
.tag--soon {
  background: #fff1dd;
  color: #8a4b06;
}
.tag--ok {
  background: #e4f7ec;
  color: #15633c;
}
/* Responsive */

@media (max-width:991px) {
    .partner-card {
        height: 160px;
    }

    .partner-card img {
        width: 140px;
        height: 70px;
    }
}

@media (max-width:767px) {
    .partner-card {
        height: 140px;
    }

    .partner-card img {
        width: 120px;
        height: 60px;
    }
}

section {
    padding: 100px 0 50px;
}

p,
span {}

h1,
h2,
h3,
h4,
h5,
h6 {}

/* ============================================================
   CONTAINER
============================================================ */

.container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 100px;
    position: relative;
}

/* ============================================================
   UNIFIED BUTTON SYSTEM
   ─────────────────────────────────────────────────────────
   Rules:
   • All .btn → height: 52px, font-size: 14px, font-weight: 700
   • Shine sweep on every hover
   • Arrow (.btn-arrow box  OR  .btn-icon bare) always slides
     right on hover via cubic-bezier spring
   • Five fill variants + link + circle-arrow
   • .btn-sm → 44px tall, for tight contexts (story cards etc.)
============================================================ */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 52px;
    padding: 0 28px;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    border-radius: 6px;
    border: 2px solid transparent;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    transition:
    background 0.32s ease,
    color 0.32s ease,
    border-color 0.32s ease,
    transform 0.28s ease,
    box-shadow 0.32s ease;
}

/* Shine sweep — every variant */
.btn::after {
    content: '';
    position: absolute;
    inset: 0;
    left: -110%;
    width: 80%;
    background: linear-gradient(105deg,
        transparent 0%,
        rgba(255, 255, 255, 0.26) 50%,
        transparent 100%);
    transition: left 0.52s ease;
    pointer-events: none;
}

.btn:hover::after {
    left: 130%;
}

.btn:hover {
    transform: translateY(-3px);
}

.btn:active {
    transform: translateY(-1px);
}

/* Small modifier */
.btn.btn-sm {
    height: 44px;
    padding: 0 20px;
    font-size: 13px;
    letter-spacing: 0.3px;
    text-transform: none;
}

/* ── Arrow badge (box) ── */
.btn .btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    flex-shrink: 0;
    transition: transform 0.36s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn:hover .btn-arrow {
    transform: translateX(5px);
}

/* ── Bare icon ── */
.btn .btn-icon {
    display: inline-flex;
    align-items: center;
    transition: transform 0.36s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn:hover .btn-icon {
    transform: translateX(5px);
}

/* ── Variant: Primary (solid blue) ── */
.btn-primary {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 6px 22px rgba(37, 99, 235, 0.36);
}

.btn-primary .btn-arrow {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.btn-primary:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.48);
    color: #fff;
}

/* ── Variant: Primary Badge (white arrow tile) ── */
.btn-primary-badge {
    background: #2167ff;
    color: #ffffff;
    border-color: #2167ff;
    box-shadow: 0 6px 22px rgba(33, 103, 255, 0.34);
    padding-right: 10px;
}

.btn-primary-badge .btn-arrow {
    background: #ffffff;
    color: #2167ff;
}

.btn-primary-badge:hover {
    background: #1550e8;
    border-color: #1550e8;
    box-shadow: 0 12px 30px rgba(33, 103, 255, 0.46);
    color: #fff;
}

.btn-primary-badge:hover .btn-arrow {
    transform: translateX(5px) rotate(-45deg);
}

/* ── Variant: Outline ── */
.btn-outline {
    background: transparent;
    color: #2f66ff;
    border-color: #2f66ff;
}

.btn-outline:hover {
    background: #2f66ff;
    color: #fff;
    box-shadow: 0 8px 24px rgba(47, 102, 255, 0.28);
}

/* ── Variant: Ghost (for dark/image bg) ── */
.btn-ghost {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(6px);
}

.btn-ghost:hover {
    background: #ffffff;
    color: #163d82;
    border-color: #ffffff;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.24);
}

/* ── Variant: White ── */
.btn-white {
    background: #ffffff;
    color: #0d3d97;
    border-color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
}

.btn-white:hover {
    background: #f0f4ff;
    color: #2167ff;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.14);
}

/* ── Link-style button (no box, arrow slides) ── */
.btn-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: auto;
    padding: 0;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #2f63ff;
    background: none;
    border: none;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    position: relative;
    transition: color 0.28s ease;
}

.btn-link::after {
    display: none;
}

.btn-link .btn-icon {
    transition: transform 0.36s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn-link:hover {
    color: #1d4ed8;
    transform: none;
}

.btn-link:hover .btn-icon {
    transform: translateX(7px);
}

/* ── Circle-arrow accent (card corner) ── */
.btn-circle-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1565ff;
    color: #ffffff;
    border: none;
    flex-shrink: 0;
    text-decoration: none;
    overflow: hidden;
    transition:
    background 0.28s ease,
    transform 0.34s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.28s ease;
}

.btn-circle-arrow i,
.btn-circle-arrow svg {
    transition: transform 0.34s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn-circle-arrow:hover {
    background: #1d4ed8;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.40);
    transform: scale(1.12);
}

.btn-circle-arrow:hover i,
.btn-circle-arrow:hover svg {
    transform: translateX(3px);
}

.commmon-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    background: transparent;
    border: 1.5px solid #1c6afe;
    background: #1c6afe;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

/* Arrow animation */
.commmon-btn i {
    transition: transform 0.3s ease;
}

/* Hover effect */
.commmon-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(20, 61, 153, 0.25);
}

/* Arrow slide right */
.commmon-btn:hover i {
    transform: translateX(6px);
}

@keyframes fadeUpIn {
    from {
        opacity: 0;
        transform: translateY(36px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

.main-header {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    /* 20% opacity */
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent;
    box-shadow: inherit;
}

.menu-btn:hover span:nth-child(2) {
    width: 12px;
}

.header-logo img {
    max-width: 190px;
    width: 100%;
    filter: brightness(500);
}
.main-header.is-fixed .header-logo img{filter: unset;}

/* .contact-btn → use .btn.btn-ghost in HTML */

/* ============================================================
   HOME SLIDER
============================================================ */
.home-slider {
    position: relative;
    overflow: hidden;
}

.home-slider-image {
    position: relative;
}

.home-slider-image img {
    width: 100%;
    height: 100vh;
    min-height: 600px;
    object-fit: inherit!important;
    display: block;
}
.home-slider-image{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.home-slider-image video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay */
.video-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.92) 0%,
        rgba(0,0,0,0.75) 25%,
        rgba(0,0,0,0.45) 55%,
        rgba(0,0,0,0.15) 80%,
        rgba(0,0,0,0) 100%
    );
}

.home-content{z-index: 2}

/* Gradient overlay + content centering */
.home-content {
    position: absolute;
    inset: 0;
    left: 0px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg,
        rgba(5, 10, 40, 0.15) 0%,
        rgba(5, 10, 40, 0.08) 25%,
        rgba(5, 10, 40, 0.03) 50%,
        rgba(5, 10, 40, 0) 100%);
}

/* Heading */
.home-content h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 62px;
    margin-bottom: 20px;
    max-width: 100%;
}

/* Paragraph */
.home-content p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 27px;
    max-width: 700px;
    margin-bottom: 32px;
    line-height: 35px;
    font-weight: 400;
}

/* CTA Button */
.about-badge-btn {
    background: #1a56db;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
}

.about-badge-btn:hover {
    background: #1140b0;
    color: #fff;
}

/* ── Arrows ── */
.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
    border: 1.5px solid rgba(255, 255, 255, 0.30);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    z-index: 9;
    transition: background 0.25s, border-color 0.25s, transform 0.25s;
}

.slider-nav:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.65);
    transform: translateY(-50%) scale(1.08);
}

.slider-prev {
    left: 18px;
}

.slider-next {
    right: 18px;
}

.slider-info {
    position: absolute;
    left: 100px;
    bottom: 60px;
    z-index: 9;
}

.slider-progress {
    display: flex;
    align-items: center;
    gap: 3px;
}

.slider-progress .progress-dot {
    width: auto;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    cursor: pointer;

    border-radius: 999px;
    transition: .35s;

    font-size: 0;
    color: transparent;
}

.slider-progress .progress-dot::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .45);
    transition: .35s;
}

.slider-progress .progress-dot.active {
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    width: 50px;
    height: 20px;
}

.slider-progress .progress-dot.active::before {
    display: none;
}

.progress-item,
.progress-line,
.progress-number {
    display: none !important;
}

.contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    border-radius: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-decoration: none;
    background: transparent;
    backdrop-filter: blur(6px);
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
    text-decoration: none;
}

.contact-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.85);
    color: #fff;
    text-decoration: none;
}


.main-header.is-fixed .contact-btn {
    color: rgb(255, 255, 255);
    border-width: 0px;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    transition: 0.5s;
    background: linear-gradient(45deg, rgb(156, 204, 251) 0%, rgb(126, 183, 250) 25%, rgb(90, 152, 248) 55%, rgb(63, 125, 247) 80%, rgb(50, 111, 242) 100%);
}

.main-header.is-fixed .contact-btn:hover {
    background: linear-gradient(45deg, rgb(50, 111, 242) 0%, rgb(63, 125, 247) 20%, rgb(90, 152, 248) 45%, rgb(126, 183, 250) 75%, rgb(156, 204, 251) 100%);
}

/* ============================================================
   PARTNER ECOSYSTEM
============================================================ */

.partner-ecosystem-section {
    padding: 70px 0;
    background: #fff;
}

.partner-heading {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 30px;
}
.partner-heading .heading2{padding-top: 14px}
.partner-heading p{
    font-size: 18px;
    line-height: 1.6;
    color: #2f57a1;
    padding-bottom: 30px;
    margin-top: 20px;
}
.partner-slider .owl-nav {
    display: none;
}

.partner-slider .owl-dots {
    display: none;
}

.partner-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-top: 35px;
}

.partner-dots .dot {

    width: auto;
    height: 24px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 999px;
    cursor: pointer;

    font-size: 0;
    color: transparent;

    transition: .35s;
}

.partner-dots .dot::before {

    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d7d7d7;

}

.partner-dots .dot.active {

    background: linear-gradient(45deg, #1f6afe, #11a0fb, #1977fe, #3e60fe);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    width: 60px;
    height: 24px;

}

.partner-dots .dot.active::before {
    display: none;
}

/* ============================================================
   GPTW AWARD SECTION
============================================================ */

.gptw-section{padding-top: 0}
.gptw-wrapper {
 background: #f6f6f6 url(../images/workculture-bg.webp) no-repeat center center / 100% auto;
 border-radius: 28px;
 padding: 70px 70px;
 overflow: hidden;
 position: relative;
 background-size: cover;
 background-position: right;
}

.gptw-image {
    text-align: center;
}

.gptw-image img {
    max-width: 100%;
    width: 320px;
    animation: floatAward 4s ease-in-out infinite;
}

.gptw-content {
    position: relative;
    padding-left: 30px;
    max-width: 400px;
}

.gptw-content .quote-icon {
    display: flex;
    align-items: center;
    gap: 10px;

}

.quote-iconpage {
    font-size: 72px;
    line-height: 1;
    color: #b7ccff;
    font-weight: 700;
    height: 60px;
}

.gptw-subtitle {
    color: #0a3c9d;
    font-size: 22px;
    margin: 0;
}

.gptw-content h4 {
    font-size: 34px;
    font-weight: 700;
    color: #0a3c9d;
    margin-bottom: 10px;
}

.gptw-content h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    color: #0a3c9d;
    margin-bottom: 25px;
}

.gptw-content h2 span {
    color: #012171;
}

.gptw-content h5 {
    font-size: 20px;
    font-style: italic;
    color: #18244d;
    font-weight: 500;
    margin-bottom: 30px;
}

.gptw-line {
    width: calc(100% + ((100vw - 1320px) / 2));
    margin-right: calc(-1 * ((100vw - 1320px) / 2));

    height: 5px;
    background: #2f6fff;
    border-radius: 10px;
}

@keyframes floatAward {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

/* ============================================================
   CAREER SECTION
============================================================ */

.career-section {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: url('../images/career-bg.webp') center center no-repeat;
    background-size: cover;
    padding: 150px 0;
}

.career-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.35) 40%,
        rgba(0, 0, 0, 0.65) 100%);
}

.career-section::after {
    content: "";
    position: absolute;
    width: 900px;
    height: 400px;
    right: -250px;
    bottom: -180px;
    background: radial-gradient(circle,
        rgba(41, 98, 255, 0.90) 0%,
        rgba(41, 98, 255, 0.40) 40%,
        transparent 75%);
    filter: blur(60px);
}

.career-content {
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 780px;
}

.career-content h5 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 25px;
    color: #fff;
    animation: fadeUpIn 1s ease forwards;
}

.career-content h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    animation: fadeUpIn 1s 0.1s ease both;
}

.career-content p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.95);
    animation: fadeUpIn 1s 0.2s ease both;
}

/* ============================================================
   INDUSTRY SLIDER
============================================================ */

.industry-slider-section #counter-carousel .item {
    background: #f3f5f9;
    border-radius: 10px;
    height: 200px;
    width: 100%;
    padding: 14px 20px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
}

/* Full clickable area */
.industry-slider-section #counter-carousel .item a {
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* Icon */
.industry-slider-section #counter-carousel .icon {
    margin-bottom: 10px;
}

.industry-slider-section #counter-carousel .icon img {
    width: 60px;
    height: 100px;
    object-fit: contain;
    transition: filter 0.3s ease, transform 0.3s ease;
}

/* Heading */
.industry-slider-section #counter-carousel .item h4 {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    color: #3d5ca8;
    margin: 0;
    min-height: 30px;
    transition: color 0.3s ease;
}

/* Click Here */
.industry-slider-section #counter-carousel .item .click-here {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    color: #fff;
}

/* HOVER EFFECT */
.industry-slider-section #counter-carousel .item:hover {
    background: linear-gradient(
        45deg,
        #9cccfb 0%,
        #7eb7fa 25%,
        #5a98f8 55%,
        #3f7df7 80%,
        #326ff2 100%
    );

    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(50, 111, 242, 0.25);
}

/* Hover icon */
.industry-slider-section #counter-carousel .item:hover img {
    filter: brightness(0) invert(1);
    transform: translateY(-2px);
}

/* Hover heading */
.industry-slider-section #counter-carousel .item:hover h4 {
    color: #fff;
}

/* Show Click Here */
.industry-slider-section #counter-carousel .item:hover .click-here {
    opacity: 1;
    visibility: visible;
}

/* Arrow slight right movement */
.industry-slider-section #counter-carousel .item .click-here i,
.industry-slider-section #counter-carousel .item .click-here svg,
.industry-slider-section #counter-carousel .item .click-here .arrow {
    display: inline-block;
    transition: transform 0.25s ease;
}

.industry-slider-section #counter-carousel .item:hover .click-here i,
.industry-slider-section #counter-carousel .item:hover .click-here svg,
.industry-slider-section #counter-carousel .item:hover .click-here .arrow {
    transform: translateX(4px);
}


/* ===========================
   Owl Dots
=========================== */
/* =========================
   Owl Dots
========================= */

#counter-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 35px;
}

#counter-carousel .owl-dot {
    width: auto;
    /* Fixed space for every dot */
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    outline: none;
}

/* Inactive Dot */

#counter-carousel .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #e7e7e7 !important;

    display: flex !important;
    justify-content: center;
    align-items: center;

    color: transparent;
    font-size: 0;
    overflow: hidden;

    transition: all .35s ease;
}

/* Active Capsule */

#counter-carousel .owl-dot.active span {
    width: 46px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .3px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: 1px solid #4684f7;
}

/* ============================================================
   ADVANCE SECTION (image cards)
============================================================ */
/* Section */
.section-2 {
    padding: 80px 0 80px;
    background: #fff;
}

/* Card base */
.advancesection .advancesection-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.42s ease, box-shadow 0.42s ease;
}

/* Image */
.advancesection .advancesection-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.78s ease;
}

/* Dark gradient overlay */
.advancesection .advancesection-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
        rgb(67 67 67 / 82%) 0%,
        rgba(0, 0, 0, 0.14) 100%);
    z-index: 1;
}

/* Full content box */
.advancesection .content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0px;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 0 10px;
    transform: translateY(0);
    transition: transform .45s ease;
}

/* Text */
.advancesection .content-text {
    flex: 1;
}

/* Heading */
.advancesection .content-text h3 {
    color: #fff;
    margin: 0;
}

/* Paragraph hidden */
.advancesection .content-text span {
    display: block;
    color: #e8e8e8;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 20px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    margin-top: 10px;
    transform: translateY(20px);
    transition: all .45s ease;
}

/* Hover - complete content box moves up */
.advancesection .advancesection-item:hover .content {
    transform: translateY(-6px);
}

/* Hover - paragraph appears below heading */
.advancesection .advancesection-item:hover .content-text span {
    opacity: 1;
    visibility: visible;
    max-height: 100px;
    transform: translateY(0);
}
.HomeWeEvolve2 .advancesection-item:hover .content-text span{max-height: 300px;}
.advancesection .content-text .listing ul li {
    color: #fff!important;
    font-size: 18px;
    line-height: 20px;}
    .advancesection .content-text .listing ul {margin-top: 6px;}
    .advancesection .content-text h3 {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
        margin: 0;
        line-height: 1.25;
        transition: transform 0.38s ease;
    }

/* Arrow button — blue circle */
.HomeWeEvolve .advancesection .fa {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(45deg, #1f6afe 0%, #11a0fb 25%, #1977fe 55%, #3e60fe 80%, #326ff2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.28s ease, transform 0.28s ease;
    align-self: flex-end;
    margin-bottom: 20px;
    color: #ffff;
    font-size: 13px;
}
.HomeWeEvolve .advancesection-item:hover .fa {
    background: #1140b0;
    transform: scale(1.12);
}

.HomeWeEvolve .advancesection a.advance-arrow{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: transparent;
}

.advancesection .advance-arrow {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(45deg, #1f6afe 0%, #11a0fb 25%, #1977fe 55%, #3e60fe 80%, #326ff2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.28s ease, transform 0.28s ease;
    align-self: flex-end;
    margin-bottom: 2px;
}

.advancesection .advance-arrow i {
    color: #fff;
    font-size: 13px;
}

.advancesection .advance-arrow:hover {
    background: #1140b0;
    transform: scale(1.12);
}

.advancesection a.advance-arrow{}
/* Hover states */
.advancesection .advancesection-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);
}

.advancesection .advancesection-item:hover img {
    transform: scale(1.08);
}

.advancesection .advancesection-item:hover::before {
    background: linear-gradient(to top,
        rgba(0, 0, 0, 0.90) 0%,
        rgba(0, 0, 0, 0.30) 100%);
}

.advancesection .advancesection-item:hover .content {
    bottom:0px;
}

.advancesection .advancesection-item:hover .content-text h3 {
    transform: translateY(-3px);
}

/* ============================================================
   SECTION 3 — INSPIRE CARDS
============================================================ */

body section.section-3 {
    background: #e8eefd;
    padding-bottom: 80px;
}

.section-3 .inspire-card {
    background: linear-gradient(198deg, #f7f9ff 0%, #f3f6ff 45%, #e9f0ff 70%, #d4e4ff 85%, #a9c8ff 100%);
    border-radius: 12px;
    padding: 28px 30px;
    overflow: hidden;
    position: relative;
    transition: transform 0.36s ease, box-shadow 0.36s ease;
    height: 490px;
    position: relative;
}

.section-3 .inspire-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(15, 56, 145, 0.12);
}

.section-3 .inspire-tag {
    display: inline-block;
    background: #dce8ff;
    color: #2f63ff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 6px;
    margin-bottom: 25px;
    letter-spacing: 0.3px;
}

.section-3 .inspire-card h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #0b3b9d;
    margin-bottom: 18px;
}

.section-3 .inspire-card p {
    color: #49618d;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
}

.section-3 .inspire-image {
    margin-top: 0px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 56, 145, 0.12);
    position: absolute;
    bottom: 15px;
    width: auto;
    max-width: 100%;
    left: 15px;
    right: 15px;
    padding:10px 20px;
}

.section-3 .inspire-image img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
    box-shadow: 0 20px 60px rgba(15, 56, 145, 0.12);
    border-radius: 10px;
    transform: scale(1.0);
}

.section-3 .read-more {
    color: #2f63ff;
    font-size: 14px;
    font-weight: 600
}

.section-3 .read-more i {
    margin-left: 14px
}

.section-3 .inspire-card:hover .inspire-image img {
    transform: scale(1.08);
}

.inspire-wrapper {
    position: relative;
}

/* ==========================
   Top Right Navigation
========================== */

.inspire-navigation,.CustomOwlArrow {
    position: absolute;
    top: 0;
    right: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    z-index: 9;
}
.industry-slider-section .CustomOwlArrow{
    left: 50%;
    right: auto;
    top: 100%;
    transform: translate(-50%, 0);
}
/* ==========================
   Arrows
========================== */

.inspire-prev,
.inspire-next,
.CustomOwlArrow button {
    width: 32px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #2f63ff;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    transition: all .3s ease;
    flex-shrink: 0;
}

.inspire-prev:hover,
.inspire-next:hover,
.CustomOwlArrow button:hover {
    /* background: linear-gradient(135deg, #08d4ff, #4b42ff); */
    color:#0a4a93;
}

/* ==========================
   Capsule Dots
========================== */

.inspire-dots,.CustomOwlArrowDots {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f5f6f8;
    padding: 14px 20px;
    border-radius: 100px;
}

/* Fixed width so layout never shifts */

.inspire-dots .dot,.CustomOwlArrowDots .dot {
    width: auto;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;

    cursor: pointer;

    font-size: 0;
    color: transparent;

    transition: all .35s ease;
}

/* Inactive */

.inspire-dots .dot::before,.CustomOwlArrowDots .dot::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d8d8d8;
}

/* Active */

.inspire-dots .dot.active,.CustomOwlArrowDots .dot.active {
    background: linear-gradient(45deg, rgb(156, 204, 251) 0%, rgb(126, 183, 250) 25%, rgb(90, 152, 248) 55%, rgb(63, 125, 247) 80%, rgb(50, 111, 242) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    width: 60px;
    height: 24px;
}

.inspire-dots .dot.active::before,.CustomOwlArrowDots .dot.active::before {
    display: none;
}

/* ==========================
   Responsive
========================== */

/* ============================================================
   SECTION 4 — SOLUTIONS
============================================================ */

.section-4 {
    overflow: hidden;
    padding-bottom: 70px
}

.section-4 .solutionsmainsection {
    position: relative;
}

.section-4 .row {
    align-items: center;
}

.section-4 .solution-left {
    max-width: 620px;
}

.section-4 .solution-left h2 span {
    display: block;
}

.section-4 .solution-left p {
    font-size: 22px;
    line-height: 30px;
    color: #4d6691;
    margin-bottom: 40px;
}

.section-4 .solution-right {
    position: relative;
}

.section-4 .main-img {
    width: 100%;
    border-radius: 22px;
    display: block;
}

.section-4 {
    position: relative;
}

/* Certificate Carousel */
.section-4 .certificates {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: 90%;
}

/* Owl alignment */
.section-4 .certificates .owl-stage {
    display: flex;
    align-items: center;
}

.section-4 .owl-item {
    display: flex;
    justify-content: center;
}

/* Certificate Card */
.section-4 .cert-card {
    width: 180px;
    height: 180px;
    background: #fff;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    transition: transform .38s ease, box-shadow .38s ease;
}

.section-4 .cert-card img {
    width: 100%;
    height: 120px;
    object-fit: contain;
}

.section-4 .cert-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .13);
}

/* Hide Nav */

.section-4 .owl-nav {
    display: none;
}

/* Dots */

.section-4 .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 15px;
}

/* Fixed space for every dot */

.section-4 .owl-dot {
    width: auto;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

/* Default Dot */

.section-4 .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #d7d7d7 !important;

    display: flex !important;
    justify-content: center;
    align-items: center;

    font-size: 0;
    color: transparent;
    transition: all .35s ease;
}

/* Active Capsule */

.section-4 .owl-dot.active span {

    width: 56px !important;
    height: 24px !important;

    border-radius: 999px !important;

    background: linear-gradient(45deg,
        #1f6afe 0%,
        #11a0fb 25%,
        #1977fe 55%,
        #3e60fe 80%,
        #326ff2 100%) !important;

    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;

    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* Remove old counter */

.section-4 .current-slide {
    display: none;
}

/* Mobile */

/* ============================================================
   SECTION 5 — ENGINEER
============================================================ */

.section-5 {
  overflow: hidden;
  background: url('../images/engineer-bg.webp') no-repeat top center;
  background-size: 100% auto;
  background-color: #0b2a6c; /* matches image edge color so extra height blends seamlessly */
  padding: 220px 0 0px!important;
}

/* ─── MARQUEE ─────────────────────────────────────────── */
.marquee-section { padding: 32px 0; background: var(--primary-2xl); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); overflow: hidden; }
.marquee-label { text-align: center; font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: var(--muted); margin-bottom: 18px; }
.marquee-track { display: flex; gap: 0; animation: marquee 32s linear infinite; white-space: nowrap; width:max-content; }
.marquee-item { display: inline-flex; align-items: center; gap: 8px; padding: 0 28px; border-right: 1px solid var(--border2); font-size: 13.5px; font-weight: 700; color: var(--text2); flex-shrink: 0; }
.marquee-item .mi-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--primary); opacity: .5; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

@media (max-width: 1600px){
  .section-5 { padding: 180px 0 110px; }
}

@media (max-width: 1199px){
  .section-5 { padding: 140px 0 90px; }
}

@media (max-width: 767px){
  .section-5 {
      background-size: 100% auto;
      padding: 100px 0 60px;
  }
}
.section-5 .engineerbg{margin-top: 100px;}
/* ---------- Top intro area ---------- */
.engineerbg-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0px;
}


.engineer-logo { width: 250px; margin-bottom: 40px; display:block; }

.section-5 .engineer-left h2 {
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.section-5 .engineer-left h2 span {
    color: #4f8dff;
    font-size: 40px
}

.section-5 .engineer-right {
    max-width: 100%;
}

.section-5 .engineer-right p {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 40px;

}

section p {
    color: #000;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 40px;

}
.newCustomGallery{padding: 0}
.section-5 .stats-row {
    display: flex;
    gap: 12px;
}

.section-5 .stat-box {
    width: 195px;
    min-height: 110px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 16px;
    padding: 18px 20px;
    transition: transform 0.36s ease, background 0.36s ease;
}

.section-5 .stat-box h3 {
    color: #fff;
    font-size: 26px;
    margin: 0 0 8px;
    line-height: 1.1;
}

.section-5 .stat-box h3 .counter {
    color: #fff;
    font-size: 40px;
    margin: 0 0 8px;
    line-height: 44px;
}

.section-5 .stat-box span {
    color: #d5e1ff;
    font-size: 14px;
    line-height: 1.4;
}

.section-5 .stat-box:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.06);
}

/* ============================================================
   SECTION 6 — GLOBAL CARDS
============================================================ */

.section-6 {
    padding: 80px 0;
}

.globallysection .global-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.9s ease forwards;
}

.globallysection .col-md-4:nth-child(2) .global-card {
    animation-delay: 0.18s;
}

.globallysection .col-md-4:nth-child(3) .global-card {
    animation-delay: 0.36s;
}

.globallysection .global-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}

.globallysection .global-card .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 40, 90, 0.36);
    transition: background 0.38s ease;
}

.globallysection .global-card .card-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 90%;
}

.globallysection .global-card .card-content h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
}

.globallysection .global-card:hover img {
    transform: scale(1.10);
}

.globallysection .global-card:hover .overlay {
    background: rgba(0, 40, 90, 0.14);
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================================
   SECTION 7 — STORY GRID
============================================================ */

.section-7 {
    padding: 150px 0 80px;
    background: linear-gradient(to top, rgb(255 255 255 / 75%), rgba(0, 53, 160, 0.35), #ebf1ff)
}

.section-7 .section-heading {
    margin-bottom: 35px;
}

.section-7 .section-heading h2 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
    color: #0c3895;
    margin-bottom: 15px;
}

.section-7 .section-heading h2 span {
    color: #2f66ff;
    font-size: 40px;
}

.section-7 .section-heading p {
    font-size: 20px;
    color: #1d4695;
    margin: 0;
}

.section-7 .story-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 100%;
    transition: transform 0.36s ease, box-shadow 0.36s ease;
}

.section-7 .story-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.14);
}

.section-7 .story-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}

.section-7 .story-card:hover img {
    transform: scale(1.06);
}

.section-7 .overlay {
    position: absolute;
    inset: 0;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(to top, rgb(0 60 170 / 90%), rgb(32 31 31 / 10%), #00000026);
}

.section-7 .card-big-left {
    height: 420px;
}

.section-7 .card-small-top {
    height: 260px;
}

.section-7 .card-small-bottom {
    height: 500px;
}

.section-7 .card-bottom-left {
    height: 338px;
}

.section-7 .card-lg {
    height: 596px;
}

.section-7 .card-bottom {
    height: 300px;
}

.section-7 .tag {
    display: inline-block;
    width: max-content;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    color: #fff;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.section-7 .story-card .story-btn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    border-radius: 4px;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-decoration: none;
    background: #fff;
    backdrop-filter: blur(6px);
    margin-top: 10px;
}

.section-7 .story-card:hover .story-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.section-7 .story-card .story-btn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.section-7 .story-card:hover .story-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.section-7 h3 {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    max-width: 400px;
    margin: 0
}

.section-7 .card-big-left,
.section-7 .card-small-top,
.section-7 .card-small-bottom,
.section-7 .card-bottom-left,
.section-7 .card-lg,
.section-7 .card-bottom {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* ============================================================
   SECTION 8 — TRUST
============================================================ */
.section-8 {
    padding: 100px 0;
    background: #f3f8fe;
    overflow: hidden;
}

.section-8 .trust-slider {
    width: calc(100% + ((100vw - 1320px) / 2));
    margin-left: calc(-1 * ((100vw - 1320px) / 2));
}

.section-8 .trust-slider .owl-stage,
.section-8 .trust-slider .owl-item {
    height: 100%;
}

.section-8 .trust-image {
    width: 100%;
}

.section-8 .trust-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0 12px 12px 0;
}

.section-8 .trust-content {
    margin-left: 40px;
}

.section-8 .trust-content h2 {
    color: #143d99;
    font-size: 40px;
    font-weight: 700;
}

.section-8 .trust-content h3 {
    color: #143d99;
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 20px;
    max-width: 500px;
}

.section-8 .trust-content p {
    color: #35508d;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}

.section-8 .explore-btn {
    color: #1c6afe;
    margin-top: 10px;
    background: transparent;
}

/* Arrow transition */
.section-8 .explore-btn i,
.section-8 .explore-btn svg {
    transition: transform 0.3s ease;
}

/* Hover */
.section-8 .explore-btn:hover {
    background: #1c6afe;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(20, 61, 153, 0.25);
}

/* Arrow slide */
.section-8 .explore-btn:hover i,
.section-8 .explore-btn:hover svg {
    transform: translateX(6px);
}

.section-8 .trusted-users {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.section-8 .user-images {
    display: flex;
}

.section-8 .user-images img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #edf1f7;
    margin-left: -10px;
}

.section-8 .user-images img:first-child {
    margin-left: 0;
}

.section-8 .user-text {
    margin-left: 15px;
}

.section-8 .user-text strong {
    display: block;
    color: #143d99;
    font-size: 14px;
    font-weight: 700;
}

.section-8 .user-text span {
    display: block;
    color: #6d7ba5;
    font-size: 13px;
}

/* ============================================================
   SECTION 9 — BLOG / LATEST
============================================================ */
/* ── Section 9 ── */


.section-9 {
    background: #fff;
    overflow: hidden;
}

.section-9 .container-fluid {
    padding-left: 50px;
}

.section-9 .blogs-main {
    display: flex;
    align-items: center;
    gap: 80px;
}

/* Left */
.section-9 .blog-left {
    width: 34%;
    flex-shrink: 0;
}

.section-9 .blog-content {
    max-width: 760px;
}

.section-9 .blog-content h2 {
    font-size: 50px;
    font-weight: 700;
    color: #0d3d97;
    margin-bottom: 10px;
}

.section-9 .blog-content h3 {
    font-size: 32px;
    line-height: 1.3;
    color: #0d3d97;
    margin-bottom: 30px;
    font-weight: 600;
}

.section-9 .blog-content p {
    font-size: 18px;
    line-height: 1.6;
    color: #36518f;
    margin-bottom: 20px;
}

/* Right */
.section-9 .blog-right {
    width: 62%;
    overflow: hidden;
}

.section-9 .owl-stage-outer {
    overflow: visible;
}

/* Card */
.section-9 .blog-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    height: 360px;
    width: 530PX;
}

.section-9 .blog-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.section-9 .blog-card:hover img {
    transform: scale(1.08);
}
.section-9 .blog-card:hover h4{text-decoration: underline;}
/* Overlay — flex column so tag top, title bottom */
.section-9 .blog-overlay {
    position: absolute;
    inset: 0;
    padding: 50px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(to bottom,
        rgba(7, 27, 79, 0.30) 0%,
        rgba(7, 27, 79, 0.05) 40%,
        rgba(7, 27, 79, 0.85) 100%);
}

.section-9 .blog-tag {
    display: inline-block;
    align-self: flex-start;
    padding: 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.80);
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.section-9 .blog-overlay h4 {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
    position: absolute;
    bottom: 50px;
    padding: 0 20px 0 0px;
}

/* ── Nav Row: prev · dots · next on one line ── */
.section-9 .blogs-nav-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 36px;
}

.section-9 .blog-nav-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background: #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.25s, transform 0.25s;
}

.section-9 .blog-nav-btn i {
    color: #b8bcc5;
    font-size: 16px;
    transition: color 0.25s;
}

.section-9 .blog-nav-btn:hover {
    background: #2f6dfd;
    transform: translateY(-2px);
}

.section-9 .blog-nav-btn:hover i {
    color: #fff;
}

/* Owl dots — hide default, use custom container */
.section-9 .owl-nav {
    display: none !important;
}

.section-9 .owl-dots {
    display: none !important;
}

.section-9 .owl-dots-custom {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f5f6f8;
    padding: 14px;
    border-radius: 20px;
}

.section-9 .owl-dots-custom .dot {
    width: auto;
    height: 24px;

    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;

    transition: all .35s ease;

    border-radius: 999px;

    font-size: 0;
    color: transparent;
}

/* Inactive */

.section-9 .owl-dots-custom .dot::before {

    content: '';

    width: 12px;
    height: 12px;

    border-radius: 50%;

    background: #d7d7d7;

    transition: .35s;
}

.section-9 .owl-dots-custom .dot.active {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    color: #fff;
    width: 60px;
    height: 24px;
    border-radius: 30px;
    background: linear-gradient(45deg, rgb(156, 204, 251) 0%, rgb(126, 183, 250) 25%, rgb(90, 152, 248) 55%, rgb(63, 125, 247) 80%, rgb(50, 111, 242) 100%);
}

/* Remove circle inside active capsule */

.section-9 .owl-dots-custom .dot.active::before {
    display: none;
}

/* ============================================================
   ABOUT HERO
============================================================ */

.about-hero {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.about-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.about-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.about-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to bottom,
        rgba(17, 35, 68, 0.58) 0%,
        rgba(255, 255, 255, 0) 25%,
        rgba(255, 255, 255, 0.72) 70%,
        rgba(255, 255, 255, 0.96) 90%,
        #fff 100%);
}

.about-us-detail-1 .management-row{align-items: center;}
.common-details-bg{ 
    position: relative;
    overflow: visible;
    padding: 0 0 15px 15px;
    border-radius: 20px;
    z-index: 1;
    margin-bottom: 30px;
    margin-right: 30px;

}
.common-details-bg::before{
    content: "";
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 75%;
    height: 65%;
    background: #dbe8ff;
    border-radius: 20px;
    z-index: -1;
}
.common-details-bg img{
    width: 100%;
    display: block;
    border-radius: 20px;
    transition: transform 0.5s ease;
}
.about-content {
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top: 380px;
}

.about-content h1 {
    margin-top: 28px;
    margin-bottom: 20px;
    font-size: 37px;
    line-height: 44px;
    font-weight: 600;
    color: #05286c;
}

.about-content p {
    max-width: 100%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.6;
    color: #052a72;
    font-weight: 400;
}

.waveing {
    position: absolute;
    left: 0px;
    bottom: -50px;
    z-index: 4;
    pointer-events: none;
}

.waveing img {
    width: 100%;
    max-width: none;
    opacity: 0.8;
    animation: waveFloat 8s ease-in-out infinite;
}

@keyframes waveFloat {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(40px);
    }

    100% {
        transform: translateX(0px);
    }
}


/* ============================================================
   About-us Page start
============================================================ */


.about-us-page .about-badge-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    background: #2167ff;
    color: #fff;
    padding: 6px 22px 6px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.about-us-page .about-badge-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
}
.about-overview {
    padding-right: 70px;
}

.overview-small-heading {
    color: #000;
}

.paragraph-content {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 22px;
    padding-right: 20px;
    color: #000;
}
.service-offering-wrapper p{color: #fff}

.img-fluid {
    animation: floatGPU 4s ease-in-out infinite;
    will-change: transform;
}

@keyframes floatGPU {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    25% {
        transform: translate3d(5px, -8px, 0) rotate(2deg);
    }

    50% {
        transform: translate3d(0, -16px, 0) rotate(0deg);
    }

    75% {
        transform: translate3d(-5px, -8px, 0) rotate(-2deg);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}


/* Parent Class */
.cyfuture-certification {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}

/* Content Box */
.cyfuture-certification .certification-box {
    background: #eef2ff;
    border-radius: 8px;
    padding: 30px 40px;
}

/* Text */
.cyfuture-certification .certification-box p {
    margin: 0;
    color: #163f87;
    font-size: 27px;
    line-height: 37px;
    font-weight: 400;
}

.cyfuture-certification .certification-box p strong {
    font-weight: 600;
}


/* ============================================================
     All rules are scoped under the parent class ".cyfuture-infographic"
     so this can be dropped into an existing codebase without
     leaking styles onto other components.
  ============================================================ */

  .cyfuture-infographic {
    --cf-blue-1: #35c1f0;
    --cf-blue-2: #1c6fe0;
    --cf-blue-3: #1747c9;
    --cf-text: #1c2733;
    --cf-glow: #d8f1fc;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    color: var(--cf-text);
    width: 100%;
    box-sizing: border-box;
    padding: 60px 20px;
    overflow: hidden;
}

.cyfuture-infographic *,
.cyfuture-infographic *::before,
.cyfuture-infographic *::after {
    box-sizing: border-box;
}

/* ---------- Layout wrapper ---------- */
.cyfuture-infographic .cf-wrap {
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.cyfuture-infographic .cf-col {
    flex: 1 1 380px;
    min-width: 300px;
    max-width: 460px;
}

/* ---------- Text columns ---------- */
.cyfuture-infographic .cf-col {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cyfuture-infographic .cf-col-left {
    align-items: flex-start;
}

.cyfuture-infographic .cf-col-right {
    align-items: flex-start;
}

.cyfuture-infographic .cf-text {
    font-size: 18px;
    line-height: 24px;
    max-width: 420px;
    opacity: 0;
    transform: translateY(24px);
    animation: cfTextIn 0.7s ease forwards;
}

/* Reliable CSS-only stagger (no JS/scroll dependency, so text always shows) */
.cyfuture-infographic .cf-col-left .cf-text:nth-child(1) {
    animation-delay: 0.1s;
}

.cyfuture-infographic .cf-col-left .cf-text:nth-child(2) {
    animation-delay: 0.3s;
}

.cyfuture-infographic .cf-col-left .cf-text:nth-child(3) {
    animation-delay: 0.5s;
}

.cyfuture-infographic .cf-col-left .cf-text:nth-child(4) {
    animation-delay: 0.7s;
}

.cyfuture-infographic .cf-col-right .cf-text:nth-child(1) {
    animation-delay: 0.2s;
}

.cyfuture-infographic .cf-col-right .cf-text:nth-child(2) {
    animation-delay: 0.4s;
}

.cyfuture-infographic .cf-col-right .cf-text:nth-child(3) {
    animation-delay: 0.6s;
}

.cyfuture-infographic .cf-col-right .cf-text:nth-child(4) {
    animation-delay: 0.8s;
}

@keyframes cfTextIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cyfuture-infographic .cf-col-left .cf-text-1 {
    margin-left: 60px;
}

.cyfuture-infographic .cf-col-left .cf-text-4 {
    margin-left: 45px;
}

/* ---------- Center hexagon wheel ---------- */
.cyfuture-infographic .cf-center {
    position: relative;
    width: 620px;
    height: 620px;
    flex: 0 0 620px;
    margin: 0 auto;
}

.cyfuture-infographic .cf-glow-ring {
    position: absolute;
    inset: 55px;
    border-radius: 50%;
    background: radial-gradient(circle, #c9f1fc 0%, rgba(216, 241, 252, 0.35) 90%, rgba(216, 241, 252, 0) 100%);
    animation: cfPulseRing 4.5s ease-in-out infinite;
}

.cyfuture-infographic .cf-core {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 370px;
    height: 370px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 25%,
        #69C8F2 0%,
        #58B2EF 30%,
        #4A8BE8 60%,
        #3D62E2 80%,
        #3346D8 100%);
    box-shadow: 0 10px 40px rgba(23, 71, 201, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 3;
    animation: cfCoreIn 0.8s ease-out both;
}

.cyfuture-infographic .cf-logo {
    color: #fff;
}

.cyfuture-infographic .cf-logo img {
    width: 100%;
}

.cyfuture-infographic .cf-logo-name {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0;
}

.cyfuture-infographic .cf-logo-tag {
    font-size: 11px;
    font-style: italic;
    letter-spacing: 0.5px;
    margin-top: 4px;
    opacity: 0.9;
}

/* ---------- Connector spokes (center to each hex, all sides) ---------- */
.cyfuture-infographic .cf-spoke {
    position: absolute;
    left: 309px;
    top: 200px;
    width: 2px;
    height: 110px;
    background: linear-gradient(to top, rgba(53, 193, 240, 0.75), rgba(53, 193, 240, 0));
    transform-origin: bottom center;
    z-index: 1;
    animation: cfSpokeDraw 0.6s ease-out both;
}

.cyfuture-infographic .cf-spoke-1 {
    transform: rotate(0deg);
    animation-delay: 0.15s;
}

.cyfuture-infographic .cf-spoke-2 {
    transform: rotate(45deg);
    animation-delay: 0.30s;
}

.cyfuture-infographic .cf-spoke-3 {
    transform: rotate(90deg);
    animation-delay: 0.45s;
}

.cyfuture-infographic .cf-spoke-4 {
    transform: rotate(135deg);
    animation-delay: 0.60s;
}

.cyfuture-infographic .cf-spoke-5 {
    transform: rotate(180deg);
    animation-delay: 0.75s;
}

.cyfuture-infographic .cf-spoke-6 {
    transform: rotate(225deg);
    animation-delay: 0.90s;
}

.cyfuture-infographic .cf-spoke-7 {
    transform: rotate(270deg);
    animation-delay: 1.05s;
}

.cyfuture-infographic .cf-spoke-8 {
    transform: rotate(315deg);
    animation-delay: 1.20s;
}

/* ---------- Hexagon icon nodes ---------- */
.cyfuture-infographic .cf-hex {
    position: absolute;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);
    clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);
    background: linear-gradient(160deg, var(--cf-blue-1) 0%, var(--cf-blue-2) 100%);
    box-shadow: 0 0 25px rgba(53, 193, 240, 0.55);
    z-index: 2;
    opacity: 0;
    transform: scale(0.3);
    animation: cfHexPop 0.55s cubic-bezier(.34, 1.56, .64, 1) both,
    cfFloat 3.6s ease-in-out infinite;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.cyfuture-infographic .cf-hex:hover {
    box-shadow: 0 0 40px rgba(53, 193, 240, 0.95);
    transform: scale(1.12) !important;
}

.cyfuture-infographic .cf-hex svg {
    width: 34px;
    height: 34px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;
}

/* Position each hex around the circle using precise angles (0=top, clockwise)
     so every side connects cleanly to the center with a spoke line. */
     .cyfuture-infographic .cf-hex-1 {
        top: 0px;
        left: 260px;
        animation-delay: 0.05s, 1.6s;
    }

/* 0deg   - trophy */
.cyfuture-infographic .cf-hex-2 {
    top: 76.15px;
    left: 443.85px;
    animation-delay: 0.20s, 1.8s;
}

/* 45deg  - idea */
.cyfuture-infographic .cf-hex-3 {
    top: 260px;
    left: 520px;
    animation-delay: 0.35s, 2.0s;
}

/* 90deg  - clock */
.cyfuture-infographic .cf-hex-4 {
    top: 443.85px;
    left: 443.85px;
    animation-delay: 0.50s, 2.2s;
}

/* 135deg - gear */
.cyfuture-infographic .cf-hex-5 {
    top: 520px;
    left: 260px;
    animation-delay: 0.65s, 2.4s;
}

/* 180deg - target */
.cyfuture-infographic .cf-hex-6 {
    top: 443.85px;
    left: 76.15px;
    animation-delay: 0.80s, 2.6s;
}

/* 225deg - bars */
.cyfuture-infographic .cf-hex-7 {
    top: 260px;
    left: 0px;
    animation-delay: 0.95s, 2.8s;
}

/* 270deg - handshake */
.cyfuture-infographic .cf-hex-8 {
    top: 76.15px;
    left: 76.15px;
    animation-delay: 1.10s, 3.0s;
}

/* 315deg - code */

/* ---------- Right column text alignment tweaks ---------- */
.cyfuture-infographic .cf-col-right .cf-text {
    margin-left: -40px;
}

.cyfuture-infographic .cf-col-right .cf-text1 {
    margin-left: 30px;
}

/* ---------- Keyframe animations ---------- */
@keyframes cfCoreIn {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.6);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes cfHexPop {
    from {
        opacity: 0;
        transform: scale(0.3);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes cfFloat {

    0%,
    100% {
        margin-top: 0px;
    }

    50% {
        margin-top: -8px;
    }
}

@keyframes cfSpokeDraw {
    from {
        transform: rotate(var(--r, 0deg)) scaleY(0);
        opacity: 0;
    }

    to {
        transform: rotate(var(--r, 0deg)) scaleY(1);
        opacity: 1;
    }
}

.cyfuture-infographic .cf-spoke-1 {
    --r: 0deg;
}

.cyfuture-infographic .cf-spoke-2 {
    --r: 45deg;
}

.cyfuture-infographic .cf-spoke-3 {
    --r: 90deg;
}

.cyfuture-infographic .cf-spoke-4 {
    --r: 135deg;
}

.cyfuture-infographic .cf-spoke-5 {
    --r: 180deg;
}

.cyfuture-infographic .cf-spoke-6 {
    --r: 225deg;
}

.cyfuture-infographic .cf-spoke-7 {
    --r: 270deg;
}

.cyfuture-infographic .cf-spoke-8 {
    --r: 315deg;
}

@keyframes cfPulseRing {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.75;
        transform: scale(1.04);
    }
}
/* back to top */

.backtoTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(45deg, #1f6afe 0%, #11a0fb 25%, #1977fe 55%, #3e60fe 80%, #326ff2 100%);
    color: #fff;
    border-radius: 50%;

    cursor: pointer;
    z-index: 999;

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);

    transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease,
    background 0.3s ease;
}

.backtoTop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hover effect */
.backtoTop:hover {
    background: linear-gradient(
        45deg,
        #326ff2 0%,
        #3e60fe 20%,
        #1977fe 45%,
        #11a0fb 75%,
        #1f6afe 100%
    );
    transform: translateY(-6px);
}

/* Arrow animation */
.backtoTop svg {
    transition: transform 0.3s ease;
}

.backtoTop:hover svg {
    animation: arrowUp 0.8s ease-in-out infinite;
}

@keyframes arrowUp {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

/* Keyboard focus */
.backtoTop:focus-visible {
    outline: 3px solid #000;
    outline-offset: 3px;
}

/* Mobile */
@media (max-width: 767px) {
    .backtoTop {
        width: 44px;
        height: 44px;
        right: 15px;
        bottom: 15px;
    }
}
/* Sticky css */
html {
    scroll-behavior: smooth;
}

.StickyNav {
    position: sticky;
    top: 0;
    z-index: 9999;
}

#overview,
#workplaces,
#why-choose,
#our-people {
    scroll-margin-top: 80px;
}
section.StickyNav{padding: 84px 0 0 0;}
.StickyNav {
    position: sticky;
    top: 0;
    z-index: 9;
}

.StickyNav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 auto;
    padding: 4px 5px;
    list-style: none;
    background: #fff;
    max-width: fit-content;
    border-radius: 30px;
    /* box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2); */
    box-shadow: 0 4px 10px #0000001a;
    border: 1px solid #0000001a;
}

.StickyNav ul li a {
    position: relative;
    display: block;
    padding: 10px 18px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
    border-radius: 30px;
}

.StickyNav ul li a:hover{
    background: #eee;
    color: #333;
}

/* Active color */
.StickyNav ul li a.active {
    background: linear-gradient(45deg, rgb(156, 204, 251) 0%, rgb(126, 183, 250) 25%, rgb(90, 152, 248) 55%, rgb(63, 125, 247) 80%, rgb(50, 111, 242) 100%);
    /* background: #2167ff; */
    color: #fff;
}

/* Active underline */


/* Mobile */
@media (max-width: 767px) {
    .StickyNav {
        overflow-x: auto;
    }

    .StickyNav ul {
        justify-content: flex-start;
        gap: 25px;
        min-width: max-content;
    }

    .StickyNav ul li a {
        padding: 10px 12px;
        font-size: 14px;
    }
}

.LeapEvent-box {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 35px 64px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    width: 700px;
    margin: 32px auto 0;
    border: 3px dashed #85bbf8;
}
.LeapEvent-box span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 14px;
    white-space: nowrap;
    font-weight: 600;
}
.LeapEvent-box img {
    width: 16px;
    height: 16px;
}
.news-sections p{
    font-size: 18px;
    line-height:1.6;
    color: #000;
    font-weight: 300;
    text-align: left;
}
.LeapLiquidSection{padding-bottom: 0;    padding-top: 50px;}
.LeapLiquidSection p{color: #fff}
.LeapLiquidSection .bluebg {
    background: url(../images/bg-wave-aisummit.png) center / cover no-repeat;
    padding: 80px 0 70px;
    color: #fff;
    overflow: hidden;
}
.LeapLiquidSection .experienceheading {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 0px;
}
.LeapLiquidSection .bg-box {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    padding: 28px 34px;
    max-width: 535px;
    margin-top: 30px;
}
.LeapLiquidSection .bg-box p {
    margin-top: 12px;
    font-size: 15px;
    color: #d2c7ff;
}
.LeapLiquidSection .bg-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.LeapLiquidSection .bg-box ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.6;
    color: #efeaff;
}
.LeapLiquidSection .bg-box ul li::before {
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #d7caff;
    font-size: 14px;
}
/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
    .cyfuture-infographic .cf-wrap {
        flex-direction: column;
        text-align: center;
    }

    .cyfuture-infographic .cf-col {
        gap: 30px;
        align-items: center;
        max-width: 560px;
    }

    .cyfuture-infographic .cf-text {
        max-width: 560px;
    }

    .cyfuture-infographic .cf-col-left .cf-text-1,
    .cyfuture-infographic .cf-col-left .cf-text-4 {
        margin-left: 0;
    }

    .cyfuture-infographic .cf-col-right .cf-text {
        margin-left: 0;
    }

    .cyfuture-infographic .cf-center {
        order: -1;
        margin-bottom: 20px;
    }
}


.about-company-section {

    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: linear-gradient(to bottom,
        #eef4fb 0%,
        #f5f8fc 35%,
        #ffffff 100%);
}

.about-company-section .mission-row {

    margin-bottom: 50px;
}

.mission-vission-bg {
    position: relative;
    overflow: visible;
    padding: 0 0 15px 15px;
    border-radius: 20px;
    z-index: 1;
}

.mission-vission-bg::before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 75%;
    height: 65%;
    background: #dbe8ff;
    border-radius: 20px;
    z-index: -1;
}

.mission-vission-bg img {
    width: 100%;
    display: block;
    border-radius: 20px;
    transition: transform 0.5s ease;
}

.mission-vission-bg:hover img {
    transform: scale(1.08);
}
.mission-heading {

    font-size: 42px;
    font-weight: 700;
    color: #14346d;
    margin-bottom: 20px;
}

.mission-para {

    color: #05286c;
}
.about-company-section .vision-content{max-width: 900px;}

.mission-heading4 {

    color: #1465f5;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 28px;
}

.value-list {

    list-style: none;
    padding: 0;
    margin: 0;
}

.value-list li {

    position: relative;
    padding-left: 30px;
    margin-bottom: 4px;
    color: #05286c;
    font-size: 18px;
    line-height: 1.6;
}

.value-list li:before {

    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #0d6efd;
    font-weight: 700;
}

/*====================================
 Counter Section
====================================*/

.about-company-section .counter-row {
    margin-top: 90px;
}

.about-company-section .counter-box {
    position: relative;
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.about-company-section .counter-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s ease;
}

.about-company-section .counter-box:hover img {
    transform: scale(1.08);
}

/* Overlay */

.about-company-section .overlay{
    position: absolute;
    inset: 0;               /* top:0 right:0 bottom:0 left:0 */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    z-index: 2;
    color: #fff;
    transition: .35s ease;
}

/* Card 1 */

.about-company-section .blue-card .overlay{
    background:
    linear-gradient(
        to top,
        rgba(0,84,255,.95) 0%,
        rgba(0,84,255,.78) 35%,
        rgba(0,84,255,.38) 62%,
        rgba(0,84,255,.10) 82%,
        rgba(0,84,255,0) 100%
    );
}

/* Card 2 */

.about-company-section .orange-card .overlay{
    background:
    linear-gradient(
        to top,
        rgba(177,98,56,.95) 0%,
        rgba(177,98,56,.78) 35%,
        rgba(177,98,56,.38) 62%,
        rgba(177,98,56,.10) 82%,
        rgba(177,98,56,0) 100%
    );
}

/* Card 3 */

.about-company-section .gold-card .overlay{
    background:
    linear-gradient(
        to top,
        rgba(158,121,42,.95) 0%,
        rgba(158,121,42,.78) 35%,
        rgba(158,121,42,.38) 62%,
        rgba(158,121,42,.10) 82%,
        rgba(158,121,42,0) 100%
    );
}

/* Card 4 */

.about-company-section .blue2-card .overlay{
    background:
    linear-gradient(
        to top,
        rgba(34,108,255,.95) 0%,
        rgba(34,108,255,.78) 35%,
        rgba(34,108,255,.38) 62%,
        rgba(34,108,255,.10) 82%,
        rgba(34,108,255,0) 100%
    );
}

/* Divider */

.about-company-section .divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .35);
    margin: 12px 0 18px;
}

.about-company-section .overlay h2 {
    margin: 0;
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
}

.about-company-section .overlay h2 sup {
    font-size: 28px;
    top: -12px;
}

.about-company-section .overlay p {
    margin: 10px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.about-company-section .overlay small {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 6px;
    line-height: 1.6;
    opacity: .95;
}

.about-company-section .counter {
    display: inline-block;
}

.about-company-section .counter-box:hover .overlay{
    padding-bottom:40px;
}

.counter-border-bottom {
    border-bottom: 1px solid #c9dbff;
    padding-bottom: 100px;
}


.mission-content {
    margin-left: 50px
}


/*==========================================
 OUR APPROACH SECTION
==========================================*/

.our-approach-section {
    position: relative;
    overflow: hidden;
    background:linear-gradient(340deg, #eef5fd 0%, #fff 0%, #f7faff 100%);
    padding-bottom: 70px;

}
.newbackgroundcolor{background:linear-gradient(180deg, #eef5fd 0%, #fff 0%, #f7faff 100%);}
.border-bottom-section-new{padding-bottom: 0;background:linear-gradient(1deg, #eef5fd 0%, #fff 0%, #f7faff 100%);}
.border-bottom-section{border-bottom: 1px solid #ddd;}

/*==========================    
 Heading
==========================*/

.our-approach-section .section-small {

    color: #17386f;
    font-size: 20px;
    margin-bottom: 65px;
    font-weight: 500;
}

/*==========================
 Cards
==========================*/
.our-approach-section .approach-card {

    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 18px 45px rgba(16, 61, 120, .10);
    transition: .45s;
}

.our-approach-section .approach-card:hover {

    transform: translateY(-10px);
    box-shadow: 0 28px 60px rgba(16, 61, 120, .16);
}

/*==========================
 Image
==========================*/

.our-approach-section .approach-image {

    position: relative;
    overflow: hidden;
}

.our-approach-section .approach-image img {

    width: 100%;
    height: 270px;
    object-fit: cover;
    transition: .7s;
}

.our-approach-section .approach-card:hover img {

    transform: scale(1.08);
}

/* Blue Strip */

.our-approach-section .approach-image:after {

    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 130%;
    height: 6px;
    background: #2b6cff;

    transform: scaleX(.35);
    transform-origin: right;
    transition: transform .45s ease;
}

/*==========================
 Content
==========================*/

.our-approach-section .approach-content {

    padding: 26px 40px 26px
}

.approach-heading{

    margin: 0 0 10px;
    color: #0f2f73;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
    padding-top: 20px;

}

.approach-para {

    margin: 0;
    color: #2f57a1;
}

/* Hover */

.our-approach-section .approach-card:hover .approach-image:after {

    width: 100%;
    transition: .4s;
}

.our-approach-section .approach-card:hover .approach-image:after {
    transform: scaleX(1);
}


/*=========================================
 MANAGEMENT TEAM SECTION
=========================================*/

.management-team-section {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    padding-bottom: 70px;
}

/*=========================
 Section Heading
=========================*/

/*=========================
 Row
=========================*/

.management-team-section .management-row {
    margin-top: 30px;
}

.management-team-section .management-row>[class*="col"] {
    margin-bottom: 30px;
}

/*=========================
 Card
=========================*/

.management-team-section .management-card {
    position: relative;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    transition: .45s ease;
    box-shadow: 0 12px 30px rgba(26, 58, 120, .08);
}

.management-team-section .management-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 45px rgba(26, 58, 120, .16);
}

/*=========================
 Image Area
=========================*/

.management-team-section .management-image {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: url("../images/management-image-bg.jpg") top right no-repeat;
    background-size: cover;
}

/*=========================
 Image
=========================*/

.management-team-section .management-image img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: auto;
    max-width: 92%;
    max-height: 230px;
    z-index: 3;
    transition: .55s ease;
}

.management-team-section .management-card:hover .management-image img {
    transform: translateX(-50%) scale(1.05);
}

/*=========================
 Content Box
=========================*/

.management-team-section .management-content {
    position: relative;
    padding: 24px 26px 26px;
    background: #fff;
    min-height: 150px;
}

/* Thin Border */

.management-team-section .management-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #edf2fa;
}

/* Card Radius Fix */

.management-team-section .management-card,
.management-team-section .management-image,
.management-team-section .management-content {
    border-radius: 0;
}

.management-team-section .management-card {
    border-radius: 18px;
}

.management-team-section .management-image {
    border-radius: 18px 18px 0 0;
}

.management-team-section .management-content {
    border-radius: 0 0 18px 18px;
}

/*=========================================
 TYPOGRAPHY
=========================================*/

.management-team-section .management-content h3 {
    margin-bottom: 8px;
    color: #052a72;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    transition: .35s ease;
}

.management-team-section .management-content span {
    display: block;
    min-height: 18px;
    margin-bottom: 13px;
    color: #052a72;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    transition: .35s ease;
}

/*==============================
 READ BIO BUTTON
==============================*/

.readmorebtn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: relative;
    color: #3e5175;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: .35s ease;
    text-decoration: none !important;
    cursor: pointer;

}

.readmorebtn i {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: rgb(36, 103, 255);
    font-size: 14px;
    transition: 0.35s;
}

.readmorebtn:hover i {
    transform: translateX(6px) rotate(-45deg);
    background: rgb(36, 103, 255);
    color: #fff;
    text-decoration: none;

}

/*==============================
 CARD HOVER
==============================*/

.management-team-section .management-card:hover h3 {
    color: #2467ff;
}

.management-team-section .management-card:hover {
    border-color: #2467ff;
}

.management-team-section .management-card:hover .management-content {
    background: #ffffff;
}

/*==============================
 IMAGE HOVER
==============================*/

.management-team-section .management-card:hover .management-image img {
    transform: translateX(-50%) scale(1.06);
}

.management-team-section .management-card:hover .management-image:before {
    opacity: .55;
}

/*==============================
 BOTTOM BAR
==============================*/

.management-team-section .management-card:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #2467ff;
    transition: .45s ease;
}

.management-team-section .management-card:hover:after {
    width: 100%;
}

/*==============================
 CARD BORDER
==============================*/

.management-team-section .management-card {
    border: 1px solid #edf2fa;
}

/*==============================
 IMAGE ANIMATION
==============================*/

.management-team-section .management-image {
    overflow: hidden;
}

.management-team-section .management-image img {
    transition: transform .6s ease;
}

/*==============================
 FOCUS
==============================*/

.readmorebtn:focus {
    outline: none;
    box-shadow: none;
}

/*==============================
 SMOOTH TRANSITIONS
==============================*/

.management-team-section .management-card,
.management-team-section .management-image,
.management-team-section .management-image img,
.management-team-section .management-content,
.management-team-section .management-content h3,
.management-team-section .management-content span,
.management-team-section .management-content a,
.management-team-section .management-content a i {
    transition: all .35s ease;
}

/*=========================================
 PREMIUM ANIMATION
=========================================*/

.management-team-section .management-card {

    transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
}

.management-team-section .management-card:hover {

    transform: translateY(-12px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .12);
}

/*=================================
 Image Zoom
=================================*/

.management-team-section .management-image {

    overflow: hidden;
}

.management-team-section .management-image img {

    transition: transform .7s ease;
}

.management-team-section .management-card:hover .management-image img {

    transform: translateX(-50%) scale(1.08);
}

/*=================================
 Blue Overlay
=================================*/

.management-team-section .management-image::after {

    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(to top,
        rgba(36, 103, 255, .20),
        transparent);
    transition: .45s;
}

.management-team-section .management-card:hover .management-image::after {

    height: 100%;
}

/*=================================
 Name
=================================*/

.management-team-section .management-content h3 {

    transition: .35s;
}

.management-team-section .management-card:hover h3 {

    color: #2467ff;
}


/*=================================
 Card Border
=================================*/

.management-team-section .management-card {

    border: 1px solid transparent;
}

.management-team-section .management-card:hover {

    border-color: #2467ff;
}

/*=================================
 Image Shine
=================================*/

.management-team-section .management-image {

    position: relative;
}

.management-team-section .management-image:before {

    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, .35),
        transparent);

    transform: skewX(-25deg);
    transition: .8s;
    z-index: 5;
}

.management-team-section .management-card:hover .management-image:before {

    left: 140%;
}

/*=================================
 Smooth
=================================*/

.management-team-section .management-card,
.management-team-section .management-image,
.management-team-section .management-image img,
.management-team-section .management-content,
.management-team-section .management-content h3,
.management-team-section .management-content span,
.management-team-section .management-content a {

    transition: all .35s ease;
}


/*=========================================
 SERVICES OFFER SECTION
=========================================*/

.services-offer-section {
    position: relative;
    background: #072b82;
    overflow: hidden;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 280px;
}

.services-offer-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/pattern.png") center center no-repeat;
    background-size: cover;
    z-index: -2;
}

.services-offer-section:after {
    content: "";
    position: absolute;
    left: -15%;
    top: -25%;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(255, 255, 255, .08),
        transparent 70%);
    z-index: -1;
}

/*=========================================
 Heading
=========================================*/

.section-subtitle-light{
    display: block;
    color: #45a5ff;
    font-weight: 600;
    margin-bottom: 0px;
    font-size:37px;
    line-height: 44px;
}

.section-title-white {
    color: #fff;
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-para-white {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 40px;
}

/*=========================================
 Navigation
=========================================*/

.services-offer-section .service-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 25px;
}

.services-offer-section .service-prev,
.services-offer-section .service-next {

    width: 40px;
    height: 40px;
    border: none;
    border-radius: 6px;
    background: #2467ff;
    color: #fff;
    cursor: pointer;
    transition: .35s;
}

.services-offer-section .service-prev:hover,
.services-offer-section .service-next:hover {

    background: #184fc7;
}

.services-offer-section .service-counter {

    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.services-offer-section .current-slide {

    font-size: 30px;
    font-weight: 700;
}

/*=========================================
 Stack Wrapper
=========================================*/

.services-offer-section .service-stack {

    position: relative;
    height: 460px;
}

/*=========================================
 Cards
=========================================*/

.services-offer-section .service-card {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 560px;

    display: flex;

    background: #fff;

    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .18);

    transition: all .55s ease;
}

/*=========================================
 Active Card
=========================================*/

.services-offer-section .service-card.active {

    z-index: 5;
    transform: translateX(0);
    opacity: 1;
}

/*=========================================
 Card 2
=========================================*/

.services-offer-section .service-card:nth-child(2) {

    transform: translate(40px, 22px);

    z-index: 4;

    opacity: .9;

}

/*=========================================
 Card 3
=========================================*/

.services-offer-section .service-card:nth-child(3) {

    transform: translate(80px, 44px);

    z-index: 3;

    opacity: .65;

}

/*=========================================
 Remaining Cards
=========================================*/

.services-offer-section .service-card:nth-child(n+4) {

    transform: translate(120px, 66px);

    opacity: 0;

    z-index: 1;

}

/*=========================================
 Left Image
=========================================*/

.services-offer-section .service-image {

    width: 50%;
    position: relative;
    overflow: hidden;
}

.services-offer-section .service-image img {

    width: 100%;
    height: 100%;
    display: block;
}

/*=========================================
 Right Content
=========================================*/
.services-offer-section .service-content{
    width:50%;
    padding:70px 55px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden;
    background:#fff;
    z-index:1;
}

/* Left Border */
.services-offer-section .service-content:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:100%;
    background:#edf2fb;
    z-index:2;
}

/* Background Pattern */
.services-offer-section .service-content:after{
    content:"";
    position:absolute;
    inset:0;

    background-image:url("../images/services-offer-sectionbg.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    z-index:0;
    pointer-events:none;
}

/* Content Above Background */
.services-offer-section .service-content > *{
    position:relative;
    z-index:3;
}
/*=========================================
 Typography
=========================================*/

.services-offer-section .service-content h3 {
    margin: 0 0 24px;
    color: #16387b!important;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    letter-spacing: -1px;
}

.services-offer-section .service-content p {
    margin: 0 0 40px;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

/*=========================================
 Explore Button
=========================================*/

.unfillbtn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 210px;
    height: 60px;
    padding-left: 26px;
    border: 2px solid #2467ff;
    border-radius: 4px;
    color: #2467ff;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    transition: .4s ease;
    z-index: 1;
}

.unfillbtn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #2467ff;
    transition: .45s;
    z-index: -1;
}

.unfillbtn:hover {
    color: #fff;
    text-decoration: none;
}

.unfillbtn:hover:before {
    width: 100%;
}

.services-offer-section .service-content a i {
    width: 58px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 2px solid #2467ff;
    font-size: 15px;
    transition: .35s;
}

.services-offer-section .service-content a:hover i {
    border-left-color: #fff;
    transform: translateX(5px);
}

/*=========================================
 Image Hover
=========================================*/

.services-offer-section .service-image {
    position: relative;
}

.services-offer-section .service-image img {
    transition: transform .8s ease;
}

.services-offer-section .service-card:hover .service-image img {
    transform: scale(1.08);
}

/*=========================================
 Shine Effect
=========================================*/

.services-offer-section .service-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 35%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, .35),
        transparent);
    transform: skewX(-25deg);
    z-index: 2;
}

.services-offer-section .service-card:hover .service-image:before {
    animation: serviceShine .9s linear;
}

@keyframes serviceShine {

    100% {
        left: 150%;
    }

}

/*=========================================
 Card Hover
=========================================*/

.services-offer-section .service-card {
    transition:
    transform .45s ease,
    box-shadow .45s ease;
}

.services-offer-section .service-card.active:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 75px rgba(0, 0, 0, .22);
}

/*=========================================
 Content Animation
=========================================*/

.services-offer-section .service-content h3,
.services-offer-section .service-content p,
.services-offer-section .service-content a {
    transition: .35s;
}


/*=========================================
 Arrow Animation
=========================================*/

.services-offer-section .service-content a:hover i {
    animation: arrowMove .5s;
}

@keyframes arrowMove {

    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(8px);
    }

    100% {
        transform: translateX(5px);
    }

}

/*=========================================
 Layer Effect
=========================================*/

.services-offer-section .service-card.active:after {
    content: "";
    position: absolute;
    right: -18px;
    top: 18px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .18);
    border-radius: 22px;
    z-index: -1;
}

.services-offer-section .service-card.active:before {
    content: "";
    position: absolute;
    right: -36px;
    top: 36px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .10);
    border-radius: 22px;
    z-index: -2;
}

/*=========================================
 Smooth Transition
=========================================*/

.services-offer-section .service-card,
.services-offer-section .service-image,
.services-offer-section .service-image img,
.services-offer-section .service-content,
.services-offer-section .service-content h3,
.services-offer-section .service-content p,
.services-offer-section .service-content a,
.services-offer-section .service-prev,
.services-offer-section .service-next {
    transition: all .35s ease;
}

/*=========================================
 STACK STATES
=========================================*/

.services-offer-section .service-card {

    opacity: 0;
    pointer-events: none;
}

/* Active */

.services-offer-section .service-card.active {

    opacity: 1;
    z-index: 5;
    transform: translate(0, 0);
    pointer-events: auto;
}

/* Second */

.services-offer-section .service-card.second {

    opacity: .85;
    z-index: 4;
    transform: translate(35px, 20px) scale(.97);
}

/* Third */

.services-offer-section .service-card.third {

    opacity: .55;
    z-index: 3;
    transform: translate(70px, 40px) scale(.94);
}

/* Others */

.services-offer-section .service-card.fourth {

    opacity: 0;
    z-index: 1;
    transform: translate(100px, 60px) scale(.90);
}

/* Animation */

.services-offer-section .service-card {

    transition:
    transform .65s ease,
    opacity .65s ease;
}

/* ============ SECTION ============ */
.blue-card-bg-image {
    /* If you use a real background image instead of the gradient, uncomment below
       and make sure these 3 lines are present or it will tile/stretch wrong: */
       background-image: url(../images/blue-card-bg-image.jpg) !important;

   }

   .blue-card-bg-image .award-small-title {
    color: #4b95fe !important;
}

.blue-card-bg-image .award-body p {
    font-weight: 400;
    color: #0e2654 !important;
    font-size: 18px;
    line-height: 1.6    
}

.blue-card-bg-image .award-body h3 {
    padding-bottom: 13px;
}

.blue-card-bg-image .award-card .award-img-wrap::after {
    display: none;
}

.blue-card-bg-image .award-body {
    margin-top: 0;
    min-height: 200px;
}

.blue-card-bg-image h2,
.blue-card-bg-image p {
    color: #fff !important
}

.awards-section {
    padding: 90px 0;
    background: linear-gradient(135deg, #fbfbfd 0%, #f3f1fb 45%, #f8eef1 100%);
    /* If you use a real background image instead of the gradient, uncomment below
       and make sure these 3 lines are present or it will tile/stretch wrong: */
       background-image: url(../images/awards-section.jpg);
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       overflow: hidden;
       padding-top: 140px;
   }

   .awards-content {
    position: relative;
    padding-top: 20px;
    z-index: 2;
    max-width: 500px;
}

/* ============ TROPHY ICON — this was the main problem ============
   It must be small, absolutely positioned, and sit BEHIND the text
   (z-index lower + faded), never inline at full size. */
   .award-icon {
    position: absolute;
    top: -55px;
    left: -10px;
    z-index: 0;
    /* sits behind the text, not on top of it */
    width: 110px;
    /* hard cap — this is the actual rendered size */
    height: auto;
    pointer-events: none;
    opacity: .9;
}

.award-icon img {
    width: 100% !important;
    /* !important guards against any conflicting
                                  global "img{width:auto}" or img-fluid rules */
                                  height: auto !important;
                                  display: block;
                              }

                              .award-small-title {
                                position: relative;
                                z-index: 2;
                                display: block;
                                color: #1766dc;
                                font-size: 34px;
                                line-height: 38px;
                                font-weight: 600;
                                margin-bottom: 12px;
                            }

                            .awards-heading-left {
                                position: relative;
                                z-index: 2;
                                font-size: 44px;
                                line-height: 46px;
                                font-weight: 700;
                                color: #103b77;
                                margin-bottom: 18px;
                            }

                            .awards-para-left {
                                position: relative;
                                z-index: 2;
                                color: #0e2654;
                                font-size: 22px;
                                line-height: 30px;
                                margin: 0;
                            }

                            .awards-slider.owl-carousel.owl-loaded.owl-drag {
                                width: calc(100% + ((100vw - 1320px) / 2));
                                margin-right: calc(-1 * ((100vw - 1320px) / 2));
                                position: inherit;
                            }

                            .awards-slider {
                                padding-left: 10px;
                                
                            }

/* Owl needs this so items don't render at full column width before JS inits */
.owl-carousel {
    display: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.award-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    margin: 10px;
    transition: .4s ease;
    height: 100%;
}

.award-card:hover {
    transform: translateY(-8px);
}

/* Image wrapper — needed so the fade overlay can sit ON TOP of the image */
.award-card .award-img-wrap {
    position: relative;
    overflow: hidden;
}

/* Single source of truth for image height — pick ONE number */
.award-card img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    background: #eef1f6;
}

/* THE FADE — image bottom se white mein blend hota hai */
.award-card .award-img-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: linear-gradient(to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 45%,
        rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}

.award-body {
    margin-top: -20px;
    position: relative;
    z-index: 2;
    padding: 40px 40px;
    height: auto;
}

.award-body span {
    display: block;
    color: #2168d6;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 1.6;
    margin-top: 16px;
}

.award-body h3 {
    font-size:18px;
    line-height: 1.6;
    font-weight: 700;
    color: #103b77;
    margin: 0;
}

.award-body p{font-weight: 400;color: #0e2654}
/* Owl dots */
.awards-slider .owl-dots {
    position: absolute;
    right: 40px;
    top: -35px;
    display: flex;
}

.awards-slider .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 4px;
    background: #cbd9ef;
    border-radius: 50%;
    display: block;
    transition: background .25s ease, transform .25s ease;
}

.awards-slider .owl-dot.active span {
    background: #2168d6;
    transform: scale(1.3);
}


.about-bg-inner {
    padding: 80px 0;
    background: linear-gradient(180deg, #eef5fd 0%, #fff 0%, #f7faff 100%);
}


/*==========================================
            GET A QUOTE SECTION
==========================================*/

.quote-section {
    position: relative; background: url(../images/quote-section.jpg) center center no-repeat; background-size: cover; overflow: hidden; padding: 150px 0; } 

/*.quote-section::before { content: ""; position: absolute; inset: 0; background: rgb(12 49 121); opacity: 0.75; z-index: 0; } 
.quote-section > * { position: relative; z-index: 1; }
.quote-section .container {
    position: relative;
    z-index: 2;
}*/


/*==========================================
                HEADING
==========================================*/

.quote-heading {
    margin-bottom: 20px;
}


/*==========================================
                CARD
==========================================*/

.quote-card {
    background: #fff;
    border-radius: 28px;
    padding: 65px 70px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    position: relative;
}

.quote-form-title {
    color: #102d62;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 35px;
}


/*==========================================
                FORM
==========================================*/

.quote-form .form-group {
    margin-bottom: 26px;
}

.quote-input,
.captcha-input {
    height: 58px;
    border-radius: 6px;
    border: 1px solid #d8e1ef;
    background: #eef3fb;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    box-shadow: none;
    transition: .35s;
}

.quote-input::placeholder,
.captcha-input::placeholder,
.quote-textarea::placeholder {
    color: #9a9a9a;
}

.quote-input:focus,
.captcha-input:focus,
.quote-textarea:focus {
    border-color: #2a6df4;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(42, 109, 244, .12);
    outline: none;
}


/* Active Email Input */

.active-input {
    border-color: #2a6df4;
    background: #fff;
    box-shadow: 0 0 10px rgba(42, 109, 244, .18);
}


/*==========================================
                TEXTAREA
==========================================*/

.quote-textarea {
    min-height: 112px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #d8e1ef;
    background: #eef3fb;
    padding: 18px 20px;
    font-size: 16px;
    box-shadow: none;
    transition: .35s;
}


/*==========================================
            CAPTCHA
==========================================*/

.quote-right {
    display: flex;
    flex-direction: column;
}

.captcha-box {
    position: relative;
    margin-bottom: 20px;
}

.captcha-input {
    padding-right: 150px;
}

.captcha-image {
    position: absolute;
    top: 4px;
    right: 48px;
    width: 95px;
    height: 50px;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.captcha-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.captcha-refresh {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 58px;
    border: 0;
    background: transparent;
    color: #7e97c8;
    font-size: 24px;
    cursor: pointer;
    transition: .3s;
}

.captcha-refresh:hover {
    color: #1f66ea;
    transform: rotate(180deg);
}


/*==========================================
                BUTTON
==========================================*/

.quote-btn {
    width: 200px;
    height: 52px;
    border-radius: 6px;
    background: #1f66ea;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border: none;
    transition: .35s;
    letter-spacing: .4px;
}

.quote-btn:hover {
    background: #0c4ed1;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(31, 102, 234, .25);
}


/*==========================================
            INPUT PLACEHOLDER
==========================================*/

.form-control::-webkit-input-placeholder {
    color: #9b9b9b;
}

.form-control:-ms-input-placeholder {
    color: #9b9b9b;
}

.form-control::placeholder {
    color: #9b9b9b;
}


/*==========================================
            REMOVE BOOTSTRAP SHADOW
==========================================*/

.form-control {
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
}


/*==================================================
                WHY US SECTION
==================================================*/

.why-us-section {
    position: relative;
    padding: 100px 0;
    background: url("../images/industry-details-bg.jpg") center center;
    background-size: cover;
    overflow: hidden;
}


/*==================================================
                LEFT CONTENT
==================================================*/

.why-content {
    max-width: 100%;
}


/*==================================================
                CARD ROW
==================================================*/

.why-card-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

.why-card-row>div {
    display: flex;
}


/*==================================================
                CARD
==================================================*/
.why-card {
    position: relative;
    width: 100%;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 10px;
    background: rgba(255, 255, 255, .05);
    overflow: hidden;
    transition: all .4s ease;
}

.why-card:hover {

    transform: translateY(-8px);
    border-color: #62a3ff;
    background: rgba(255, 255, 255, .10);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
}


/*==================================================
                SHINE EFFECT
==================================================*/

.why-card:before {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 60%;

    height: 100%;

    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, .18),
        transparent);

    transform: skewX(-25deg);

    transition: .8s;

}

.why-card:hover:before {

    left: 150%;

}


/*==================================================
                NUMBER
==================================================*/

.why-number {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #4d97ff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    transition: .35s ease;

}

.why-card:hover .why-number {
    transform: scale(1.12);
    background: #72b0ff;
}

.why-number span {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}


/*==================================================
                TITLE
==================================================*/

.why-card-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    flex-direction: column;
}

.why-card h4 {
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    margin: 0;
    transition: .35s ease;
    padding-top: 10px;
}

.why-card:hover h4 {
    transform: translateY(3px);
}


.why-card p{
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    transition: .35s ease;
    padding-top: 10px;
}
.why-card:hover p{ transform: translateY(3px);}
.why-us-section .paragraph-content-white{

   font-size: 18px;
   line-height: 22px;
   color: #fff;
   transition: .35s ease;
   padding-top: 10px;

}
/*==================================================
            SERVICE OFFERING SECTION
==================================================*/

.service-offering-section {
    padding-bottom: 100px;
    position: relative;
    background: #ffffff;
    padding: 0;
}


/*==================================================
            WRAPPER
==================================================*/

.service-offering-wrapper {
    background: #02328c;
    border-radius: 0px;
    padding:60px 0;
}


/*==================================================
            SIDEBAR
==================================================*/

.service-sidebar {
    height: 100%;
}
.service-sidebar .heading2, .service-content h3{color: #fff!important}

/*==================================================
            BUTTONS
==================================================*/

.service-tabs {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.service-tab-btn {
    width: 100%;
    position: relative;
    border: none;
    background: transparent;
    text-align: left;
    padding: 16px 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: .35s;
    outline: none;
    border: 1px solid #e3ecfa;
}

.service-tab-btn:hover {
    color:#a0c0ff;
    transform: translateX(6px);
}

.service-tab-btn.active {
    color: #0e2654;
    font-weight: 600;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.service-tab-btn.active:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 10px;
    bottom: 10px;
    width: 5px;
    background: #1565ff;
    border-radius: 10px;

}


/*==================================================
            TAB CONTENT
==================================================*/

.service-tab-wrapper {
    position: relative;
}

.service-tab-pane {

    display: none;

    animation: fadeUp .5s ease;

}

.service-tab-pane.active {

    display: block;

}


/*==================================================
            CONTENT
==================================================*/

.service-content {

    margin-top: 0px;
    padding: 30px;

}


.service-content-scroll{

    max-height:220px;

    overflow-y:auto;

    padding-right:10px;

}
/* Custom Scrollbar */

.service-content-scroll::-webkit-scrollbar{

    width:8px;

}

.service-content-scroll::-webkit-scrollbar-track{

    background:#edf3ff;

    border-radius:20px;

}

.service-content-scroll::-webkit-scrollbar-thumb{

    background:#1565ff;

    border-radius:20px;

}

.service-content-scroll::-webkit-scrollbar-thumb:hover{

    background:#004fe2;

}

.service-content h3 {
    color: #02328c;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
}

.service-content p {
    color:#fff;
    font-size: 18px;
    line-height: 1.6;
    margin: 25px 0;
    font-weight: 400;
}


/*==================================================
            IMAGE
==================================================*/

.service-image {
    overflow: hidden;
}

.service-image img {
    width: 100%;
    transition: .5s;
    display: block;
}

.service-image:hover img {
    transform: scale(1.05);
}



/*==================================================
            ANIMATION
==================================================*/

@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}


/*....awards-recognitions...*/
.awards-recognitions{background: linear-gradient(
  180deg,
  #ffffff 0%,
  #ffffff 15%,
  #eef5fd 35%,
  #eef5fd 75%,
  #ffffff 100%
);}
.awards-section .slider-controls{
 display: flex;
 align-items: center;
 justify-content: right;
 margin-bottom: 20px;
 width: 100%;
 margin-left: 0px;
 position: relative;
 z-index: 9;
}

.awards-section .slider-btn{
    width:40px;
    height:40px;
    border:none;
    outline:none;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .35s ease;
    flex-shrink:0;
}

.awards-section .slider-btn i{
    font-size:16px;
    line-height:1;
}

/* Previous Button */
.awards-section .slider-prev{
    background:#d9e4fb;
    color:#304879;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

/* Next Button */
.awards-section .slider-next{
    background:linear-gradient(135deg,#6b4eff,#1cc7ff);
    color:#fff;
    box-shadow:0 10px 20px rgba(59,130,246,.25);
}

/* Hover */
.awards-section .slider-btn:hover{
    background:linear-gradient(135deg,#6b4eff,#1cc7ff) !important;
    color:#fff !important;
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(59,130,246,.35);
}

/* Active */
.awards-section .slider-btn:active{
    background:linear-gradient(135deg,#6b4eff,#1cc7ff) !important;
    color:#fff !important;
    transform:translateY(0);
}

/* Counter */
.awards-section .slider-counter{
    font-size:17px;
    font-weight:600;
    line-height:1;
    
    min-width:60px;
    text-align:center;
    transition:all .3s ease;
}
.blacktextslider{   color:#304879!important;}
/* JS se active class add hogi */
.awards-section .slider-counter.active{
    color:#fff;
}

.awards-section .current-slide,
.awards-section .total-slides{
    display:inline-block;
}
.awards-section .slider-counter{color: #fff}
/*...awards-recognitions....*/


/*...ourstories-section.....*/
.ourstories-section{background-image:url(../images/ourstories-section-bgimage.jpg) !important;}
.ourstories-section .award-card{height: 430px}
.ourstories-section .award-card a{text-decoration: none;cursor: pointer;}
.ourstories-section .award-card a .award-body{display: flex;align-items: center;justify-content: space-between;}
.ourstories-section .award-card a .award-body i{color: #226ef6}
/*....ourstories-section....*/

/*........celebration-section.............*/
.festival-sectionnew{padding-bottom: 70px;}

.celebration-section .image-icon-heading img{
    width:60px;
    height:auto;
}

.celebration-section .section-btn-wrap{
    margin:0px 0 60px;
}
.view-gallery-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:13px 22px;
    border:1px solid #4f82ff;
    border-radius:4px;
    color:#4f82ff;
    transition:.35s ease;
    text-decoration: none!important;
    font-size: 12px;
    font-weight: 600;
}
.view-gallery-btn:hover{
    background:linear-gradient(135deg,#6b4eff,#1cc7ff);
    border-color:transparent;
    color:#fff;
}

/* Slider - force correct owl layout */
.celebration-section .owl-carousel{
    display:block;
}
.celebration-section .owl-carousel .owl-stage-outer{
    overflow:hidden;
}
.celebration-section .owl-stage{
    display:flex;
    align-items:stretch;
}
.celebration-section .owl-item{
    display:flex !important;
    height:auto;
    padding:0 !important;
    float:none !important;
}

/* Card */
.celebration-section .celebration-card{
    width:100%;
    background:#fff;
    border-radius:16px !important;
    overflow:hidden !important;
    box-shadow: 0 12px 30px rgb(64 129 255 / 8%) !important;
    transition:.35s ease;
    display:flex;
    flex-direction:column;
    margin-bottom: 30px;
}
.celebration-section .celebration-card:hover{
    transform:translateY(-8px);
}
.celebration-section .celebration-img{
    height:255px;
    overflow:hidden;
    border-bottom:1px solid #edf2fb;
    background:#f4f6fb; /* fallback bg agar image load na ho */
}
.celebration-section .celebration-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s ease;
}
.celebration-section .celebration-card:hover .celebration-img img{
    transform:scale(1.08);
}
.celebration-section .celebration-content{
    min-height:95px;
    padding:0 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
}
.celebration-section .celebration-content h3{
    margin:0;
    color:#16357f;
    font-size:18px;
    font-weight:700;
    line-height:1.6;
}

/* Arrow badge (diagonal arrow in circular badge) */
.celebration-section .celebration-content a{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    background:#eef2ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#4f6ef7;
    font-size:18px;
    transition:.3s ease;
    text-decoration: none!important;
}
.celebration-section .celebration-content a i{
    transform:rotate(-45deg);
    transition:.3s ease;
}
.celebration-section .celebration-content a:hover{
    background:linear-gradient(135deg,#6b4eff,#1cc7ff);
    color:#fff;
}
.celebration-section .celebration-content a:hover i{
    transform:rotate(-45deg) translate(2px,-2px);
}

/* Owl Dots */
.celebration-section .owl-dots{
    margin-top:45px;
    text-align:center;
}
.celebration-section .owl-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    margin:0 5px;
    background:#cfd8ea !important;
}
.celebration-section .owl-dot.active{
    background:#3772ff !important;
}
/* Hide default owl nav if theme css adds it */
.celebration-section .owl-nav{
    display:none;
}


/*....contact us........*/

/* ============================================
   Our Global Locations — scoped styles
   All rules are namespaced under .gl-locations
   so they cannot clash with cy-new-style.css
   ============================================ */

   .gl-locations{
      --gl-brand-dark:#22427e;
      --gl-brand-blue:#1a62fb;
      --gl-brand-light-blue:#f7faff;
      --gl-brand-lighter-blue:#e3ebfa;
      --gl-brand-border:#d7e1fb;
      --gl-tab-inactive-bar:#c9dafc;
      --gl-text-muted:#5b6478;
  }


  .gl-locations .header-row{
      padding:34px 0 24px;
  }

/* ===== Tabs ===== */
.gl-locations .region-tabs{
  list-style:none;
  display:flex;
  border:none;
  justify-content:flex-end;
  padding-left:0;
  margin:0;
  gap:14px;
}

.gl-locations .region-tabs .nav-item{
  margin-left:0;
  list-style:none;
}

.gl-locations .region-tabs .nav-link{
  display:block;
  text-decoration:none;
}

.gl-locations .region-tab-btn{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:300px;
  border:1px solid var(--gl-brand-border);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
  cursor:pointer;
  transition:all .2s ease;
  box-shadow:0 2px 6px rgba(45,71,168,.05);
}

.gl-locations .region-tab-btn .tab-icon-placeholder{
  height:150px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px 4px;
  color:#9fb1e8;
  font-size:.6rem;
  text-align:center;
}

.gl-locations .region-tab-btn .tab-icon-placeholder img{
  max-height:100%;
  max-width:100%;
  width:auto;
  object-fit:contain;
}

.gl-locations .region-tab-btn .tab-label{
  display:block;
  width:100%;
  text-align:center;
  font-size:20px;
  font-weight:700;
  letter-spacing:.4px;
  padding:14px 20px;
  border-radius:0;
  margin-top:0;
  background:var(--gl-tab-inactive-bar);
  color:var(--gl-brand-blue);
}

.gl-locations .region-tabs .nav-link.active .region-tab-btn{
  border-color:var(--gl-brand-blue);
  box-shadow:0 4px 12px rgba(26,98,251,.18);
}

.gl-locations .region-tabs .nav-link.active .region-tab-btn .tab-label{
  background:var(--gl-brand-blue);
  color:#fff;
}

/* ===== Tab panes (manual JS toggling, not Bootstrap JS) ===== */
.gl-locations .tab-pane{
  display:none;
}

.gl-locations .tab-pane.show.active{
  display:block;
}

/* ===== Cards ===== */
.gl-locations .locations-grid{
  padding-bottom:40px;
}

.gl-locations .location-card{
  border:1px solid var(--gl-brand-border);
  border-radius:14px;
  padding:0px;
  overflow: hidden;
  margin-bottom:24px;
  height: calc(100% - 24px);
  /* Added */
  box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
}

.gl-locations .location-card .loc-card-header{
  background:var(--gl-brand-light-blue);
  border:none;
  border-radius:9px 9px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 30px;
  margin-bottom:0;
}

.gl-locations .location-card .office-title{
  color:var(--gl-brand-dark);
  font-weight:700;
  font-size:25px;
  margin:0;
}

.gl-locations .location-card .doc-icon-placeholder{
  width:30px;
  height:30px;
  border:none;
  border-radius:3px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.45rem;
  color:var(--gl-brand-blue);
  flex-shrink:0;
  opacity:.75;
}

.gl-locations .location-card .doc-icon-placeholder img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.gl-locations .location-card .loc-card-body{ background:#fff; border-radius:0 0 9px 9px; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:30px; }

.gl-locations .address-info{
  flex:1 1 56%;
  font-size:17px;
  line-height:24px;
  color:var(--gl-text-muted);
}

.gl-locations .address-info .company-name{
  font-weight:700;
  color:#222;
  margin-bottom:4px;
}

.gl-locations .address-info p{
  margin-bottom:9px;
}

.gl-locations .address-info p:last-child{
  margin-bottom:0;
}

.gl-locations .address-info a{
  color:var(--gl-brand-blue);
  text-decoration:none;
  word-break:break-all;
}

.gl-locations .map-wrap{
  flex:0 0 42%;
  max-width:42%;
}

/* Map Column */
.gl-locations .map-placeholder{
  width: 100%;
  min-width: 100%;
  height: 200px;
  padding-top: 0;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e9f5;
  background: #f8faff;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}


.gl-locations .map-placeholder img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:8px;
}
.gl-locations .map-placeholder iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:8px;
}

.contact-cta-section {
    background: #e9edf8;
    padding: 70px 0;
    overflow: hidden;
}

.contact-cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.contact-cta-image {
    flex: 0 0 42%;
    text-align: center;
}

.contact-cta-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.contact-cta-content {
    flex: 0 0 48%;
}

.contact-cta-content h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    color: #17387f;
    margin-bottom: 15px;
}

.contact-cta-content p {
    font-size: 24px;
    line-height: 30px;
    color: #344767;
    margin-bottom: 30px;
}

/*.....contact us........*/


/*..current-opportunities-section...*/
.current-opportunities-section-bttom {
    position: relative;
    background: url("../images/current-opportunities-section-bttom.jpg") center center/cover no-repeat;
    min-height: 650px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Blue Overlay */
.current-opportunities-section-bttom::before {
    content: "";
    position: absolute;
    inset: 0;
    background:linear-gradient(90deg, rgba(16, 45, 112, 0.15) 20%, rgb(16 45 112 / 0%) 45%, rgb(16 45 112 / 18%) 100%)
}

.current-opportunities-section-bttom .container {
    position: relative;
    z-index: 2;
}

.current-opportunities-section-bttom .current-opportunities-content {
    max-width: 850px;
    margin-left: auto;
    padding-left: 40px;
}

.current-opportunities-section-bttom .current-opportunities-content .sub-title {
    display: block;
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    color: #4d8cff;
    margin-bottom: 10px;
}

.current-opportunities-section-bttom .current-opportunities-content h2 {
    font-size: 44px;
    line-height:50px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
}

.current-opportunities-section-bttom .current-opportunities-content p {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255,255,255,.9);
    margin-bottom: 35px;
}

.current-opportunities-section{padding-bottom: 70px;     background: linear-gradient(180deg, #ffffff 0%, #ffffff 15%, #eef5fd 35%, #eef5fd 75%, #ffffff 100%);
    position: relative;
    overflow: hidden;}

/* Tabs */
.current-opportunities-wrapper .opening-tabs {
 display: flex;
 justify-content: space-between;
 align-items: center;

 max-width: 1050px;
 width: 100%;

 margin: 0 auto 60px;
 padding: 0;

 list-style: none;
 border-bottom: 3px solid #d9e2f3;
}

.current-opportunities-wrapper .opening-tabs .nav-item {
    margin: 0;
    flex: 1;
    text-align: center;
}

.current-opportunities-wrapper .opening-tabs .nav-link {
 width: 100%;
 background: transparent;
 border: 0;
 color: #8b95a8;
 font-size: 18px;
 line-height: 24px;
 font-weight: 500;
 padding: 16px 10px 18px;
 position: relative;
 cursor: pointer;
 outline: none;
 box-shadow: none;

}

.current-opportunities-wrapper .opening-tabs .nav-link.active {
    color: #163b8e;
    font-weight: 700;
}

.current-opportunities-wrapper .opening-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);
    width: 100%;
    height: 3px;
    background: #2f6df6;
}

/* Card */
.current-opportunities-wrapper .opening-card {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 22px;
    height: 100%;
    border: 1px solid #eef2fb;
    box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
    transition: .3s;
}

.current-opportunities-wrapper .opening-card:hover,
.current-opportunities-wrapper .active-card {
    border-color: #4d86ff;
    box-shadow: 0 15px 35px rgba(47,109,246,.18);
    background: #f1f6ff;
}

.current-opportunities-wrapper .opening-badge {
    display: inline-block;
    background: #f58220;
    color: #fff;
    font-size: 10px;
    padding: 5px 12px;
    border-radius: 2px;
    margin-bottom: 18px;
}

.current-opportunities-wrapper .opening-icon {
    position: absolute;
    right: 20px;
    top: 20px;
}

.current-opportunities-wrapper .opening-icon img {
    width: 44px;
}

.current-opportunities-wrapper .opening-card h4 {
    color: #163b8e;
    font-size: 20px;
    font-weight: 700;
    line-height:22px;
    margin-bottom: 6px;
}

.current-opportunities-wrapper .department {
    display: block;
    color: #163b8e;
    font-size: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eff4ff;
    padding-bottom: 0px;
}

.current-opportunities-wrapper .opening-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.current-opportunities-wrapper .opening-info li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 18px;
}

.current-opportunities-wrapper .opening-info li:before {
    content: "\f0b1";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #8fb2ff;
}

.current-opportunities-wrapper .opening-info strong {
    display: block;
    color: #163b8e;
    font-size: 13px;
    font-weight: 600;
}

.current-opportunities-wrapper .opening-info span {
    display: block;
    color: #7d8799;
    font-size: 12px;
}

.current-opportunities-wrapper .view-details-btn {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #4d86ff;
    color: #2f6df6;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 13px;
    text-decoration: none;
    transition: .3s;
}

.current-opportunities-wrapper .view-details-btn:hover {
    background: #2f6df6;
    color: #fff;
}
/*..current-opportunities-section...*/



/* Parent Section */

.culture-values-section {
    padding: 80px 0;
    background: #fff;
}

/* Card */

.culture-values-section .culture-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
    transition: all .3s ease;
    margin: 10px;
}

.culture-values-section .culture-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(18, 52, 122, 0.12);
}

/* Image */

.culture-values-section .culture-card-image {
    overflow: hidden;
}

.culture-values-section .culture-card-image img {
    object-fit: cover;
    display: block;
    transition: .5s;
    width: 100%;
}

.culture-values-section .culture-card:hover .culture-card-image img {
    transform: scale(1.05);
}

/* Content */

.culture-values-section .culture-card-content {
    padding: 24px;
}


/* ==========================
   Workplace Section
========================== */

.workplace-section {
    padding: 80px 0;
    background: #fff;
}

/* ==========================
   Video Card
========================== */

.workplace-section .workplace-video-wrapper {
    position: relative;
    background: #ffffff;
    border-radius: 14px;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(18, 52, 122, 0.08);
}

.workplace-section .workplace-media {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.workplace-section .workplace-media img,
.workplace-section .workplace-media video,
.workplace-section .workplace-media iframe {
    width: 100%;
    display: block;
    border-radius: 4px;
    transition: all .5s ease;
}

/* Hover Effect */

.workplace-section .workplace-video-wrapper:hover img,
.workplace-section .workplace-video-wrapper:hover video {
    transform: scale(1.05);
}

/* ==========================
   Play Button
========================== */

.workplace-section .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 78px;
    height: 78px;

    background: #ffffff;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    z-index: 2;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .18);
    transition: all .3s ease;
}

.workplace-section .play-btn i {
    color: #17387f;
    font-size: 24px;
    margin-left: 4px;
}

.workplace-section .play-btn:hover {
    transform: translate(-50%, -50%) scale(1.08);
}



/* =========================
   Why Choose Cyfuture
========================= */
.why-choose-cyfuture-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;

    background-image: url("../images/why-choose-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.why-choose-cyfuture-banner-heading{
    border-bottom:1px solid rgba(255,255,255,.40);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.why-choose-cyfuture-section .container {
    position: relative;
    z-index: 2;
}



/* Row */

.why-choose-cyfuture-section .reason-row {
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
}

/* 5 Cards Per Row */

.why-choose-cyfuture-section .col-lg-custom {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 20%;
    max-width: 20%;
    width: 20%;
}

/* Card */

.why-choose-cyfuture-section .reason-card {
    min-height: 150px;
    height: 100%;

    border: 1px solid rgba(255,255,255,.40);
    border-radius: 14px;

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

    padding: 30px 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition: all .3s ease;
    margin: 20px 20px  20px 0;
}

.why-choose-cyfuture-section .reason-card:hover {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.65);
    transform: translateY(-5px);
}

/* Number Circle */

.why-choose-cyfuture-section .reason-number {
    width: 46px;
    height: 46px;

    background: #4d93ff;
    color: #ffffff;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    font-weight: 700;

    margin-bottom: 15px;
}

/* Text */

.why-choose-cyfuture-section .reason-card p {
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}




/* Owl */

.meet-people-section .owl-stage-outer{
    padding-bottom:40px;
}

.meet-people-section .owl-item{
    padding:0 10px;
}

/* Card */

.meet-people-section .people-card{
    position:relative;
    background:#ffffff;
    border-radius:14px;
    padding:100px 40px 30px;
    min-height:360px;
    box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
    border:1px solid #edf2fb;
    overflow:visible;
    transition:.3s ease;
    margin-top: 70px;
}

.meet-people-section .people-card:hover{
    transform:translateY(-5px);
}

/* Image Box */

.meet-people-section .people-image{
    position:absolute;
    top:-100px;
    left:50%;
    transform:translateX(-50%);
    width: 200px;
    height: 200px;
    z-index:3;
}

.meet-people-section .people-image img{
 width: 100%;
 height: 100%;
 object-fit:cover;
 object-position:center top;
 display:block;
 border-radius:18px 12px 24px 18px;
}

/* Content */

.meet-people-section .people-content{
    text-align:center;
}

.meet-people-section .people-content h4{
    color:#17387f;
    font-size:25px;
    line-height:30px;
    font-weight:700;
    margin-bottom:4px;
}

.meet-people-section .designation{
    display:block;
    color:#516a9c;
    font-size:18px;
    line-height:22px;
    min-height:40px;
    margin-bottom:18px;
}

/* Quote */

.meet-people-section .quote-icon{
    text-align:left;
    color:#dfe6f8;
    font-size:52px;
    line-height:1;
    margin-bottom:10px;
}

/* Description */

.meet-people-section .people-content p{
    text-align:left;
    color:#444444;
    font-size:18px;
    line-height:1.6;
    margin:0;
}

/* Dots */

.meet-people-section .owl-dots{
    text-align:center;
    margin-top:0px;
}

.meet-people-section .owl-dot{
    outline:none;
}

.meet-people-section .owl-dot span{
    width:15px;
    height:15px;
    margin:0 4px;
    border-radius:50%;
    background:#c9d5f0;
    display:block;
}

.meet-people-section .owl-dot.active span{
    background:#2f6df6;
}

/* ============================================================
     ACCREDITATIONS SECTION — matches reference layout
     Drop-in replacement for your existing .accreditationsinner CSS
     ============================================================ */


     .accreditationsinner .intro-copy {
        max-width: 900px;
        margin: 0 auto 40px;
        text-align: center;
        color: #5b6470;
        font-size: 15px;
        line-height: 1.7;
    }

    .accreditationsinner .cert-panel {
        display: flex;
        align-items: stretch;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 10px 30px rgba(20, 30, 50, 0.08);
        overflow: hidden;
        max-width: 1180px;
        margin: 0 auto;
    }

    /* ---------- LEFT: certificate image side ---------- */
    .accreditationsinner .crtifcationtab {
        flex: 0 0 58%;
        max-width: 58%;
        padding: 46px 46px 46px 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border: 1px solid #b8d4ff;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
    }

    .accreditationsinner .tab-content {
        position: relative;
        width: 100%;
        max-width: 420px;
    }

    .accreditationsinner .tab-pane {
        display: none;
        position: relative;
    }
    .accreditationsinner .tab-pane.active {
        display: block;
        animation: fadeIn .25s ease;
    }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

    .accreditationsinner .tab-pane img {
        width: 100%;
        display: block;
        border-radius: 3px;
        box-shadow: 0 6px 22px rgba(0,0,0,0.10);
    }

    /* the round green/teal zoom badge, overlapping the certificate edge */
    .accreditationsinner .zoombox {
        position: absolute;
        right: -22px;
        bottom: 78px;
        width: auto;
        height: auto;
        background: none;
    }
    .accreditationsinner .zoombox a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: linear-gradient(135deg, #7cfa25, #16d6c9);
        box-shadow: 0 8px 18px rgba(20, 200, 160, 0.35);
        transition: transform .2s ease;
    }
    .accreditationsinner .zoombox a:hover {
        transform: scale(1.08);
    }
    .accreditationsinner .zoombox i {
        font-size: 22px;
        color: #fff;
        background: none;
        width: auto;
        height: auto;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }

    /* ---------- RIGHT: scrollable pill/list navigation ---------- */
    .accreditationsinner .crtifcationnavpill {
        flex: 0 0 42%;
        max-width: 42%;
        border-left: 1px solid #edf0f3;
    }

    .accreditationsinner .new_scrollbox {
        max-height: 670px;
        overflow-y: auto;
        scrollbar-width: thin;
    }
    .accreditationsinner .new_scrollbox::-webkit-scrollbar { width: 5px; }
    .accreditationsinner .new_scrollbox::-webkit-scrollbar-thumb {
        background: #e2e5e9;
        border-radius: 4px;
    }

    .accreditationsinner .nav-pills {
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 12px;
    }

    .accreditationsinner .nav-pills > li {
        width: 100%;
        border-bottom: none;
    }

    .accreditationsinner .nav-pills > li:last-child {
        border-bottom: none;
    }

    .accreditationsinner .nav-pills > li > button {
        width: 100%;
        position: relative;
        border: 1px solid #e3ecfa;
        background: transparent;
        text-align: left;
        padding: 16px 20px;
        font-size:16px;
        line-height: 1.6;
        font-weight: 500;
        color: #fff;
        border-radius: 8px;
        cursor: pointer;
        transition: all .35s ease;
        outline: none;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .accreditationsinner .nav-pills > li > button:hover {
        background: #fbf7f4;
        color: #000;
    }

    .accreditationsinner .nav-pills > li > button span {
        display: block;
        font-size: 15px;
    }

    .accreditationsinner .nav-pills > li > button span strong {
        font-weight: 700;
    }

    .accreditationsinner .nav-pills > li.active > button {
        color: #0e2654;
        font-weight: 600;
        background: #fff;
        box-shadow: 0 10px 25px rgba(0,0,0,.08);
    }

    .accreditationsinner .nav-pills > li.active > button:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -12px;
        border-width: 13px;
        border-style: solid;
        border-color: transparent #1565ff transparent transparent;
    }

/* Tab Content */

.accreditationsinner .tab-pane {
    display: none;
}

.accreditationsinner .tab-pane.active {
    display: block;
    opacity: 1;
}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
    .accreditationsinner .cert-panel {
      flex-direction: column;
  }
  .accreditationsinner .crtifcationtab,
  .accreditationsinner .crtifcationnavpill {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .accreditationsinner .crtifcationtab {
      padding: 36px 30px 60px;
  }
  .accreditationsinner .crtifcationnavpill {
      border-left: none;
      border-top: 1px solid #edf0f3;
  }
  .accreditationsinner .new_scrollbox {
      max-height: 340px;
  }
}


.sliderbtm {
    background: #f2f2f2;
    padding: 20px 0;
    margin-top: 70px;
}
.sliderbtm ul li {
    list-style: none;
    max-width: 20%;
    padding: 0 20px;
    border-right: 1px solid #d9d9d9;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}
.sliderbtm ul li:last-child {
    border: 0;
}
.sliderbtm ul li img {
    max-width: 100%}
    .sliderbtm ul {
        padding: 0 0 0 285px;
        margin: 0 0;
        float: left;
        width: 100%;
        display: table;
    }

    .service-delbox {
        background: #fff;
        padding: 70px 0;
    }
    .service-delbox-main{padding-top: 50px;}
    .service-delbox.service-delbox2 {
        border-top: none;
        margin-top: 0;
    }
    .service-delbox.service-delbox2 .service-delbx-sec2 {
        width: 100%;
        margin: 0 auto;
    }
    .service-delbox h2 {
        padding: 50px 0 0 0;
        margin-bottom: 45px;
    }
    .service-delbox h3 {
        padding: 5px 0 0 0;
    }
    .certification-servicebx {
     display: inline-block;
     width: 100%;
     border: 1px solid #d7e3fb;
     border-radius: 10px;
     position: relative;
     background: #fff;
     box-shadow: 0 6px 18px rgba(28, 106, 254, 0.08);
     transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
     height: 400px;
 }
 .certification-servicebx:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 34px rgba(28, 106, 254, 0.22);
}
.certification-servicebx ul{padding: 0;margin: 0;}
.certification-servicebx ul li {
    width: 100%;
    display: inline-block;
    background: #fff;
    text-align: center;
    font-size: 18px;
    padding: 32px 20px;
    min-height: 90px;
    color: #33415c;
}
.certification-servicebx ul li:nth-child(2) {
    font-size: 17px;
    font-weight: 600;
    padding: 60px 18px 25px 18px;
    height: 165px;
    letter-spacing: .2px;
}
.certification-servicebx ul li span {
    font-size: 22px;
}
.certification-boxhover {
    display: inline-block;
    width: 80px;
    height: 195px;
    position: absolute;
    top: -54px;
    left: 38%}
    .certificationsboxhover1 {
        background: url(../images/certificationsboxhover1.png) no-repeat;
    }
    .certificationsboxhover2 {
        background: url(../images/certificationsboxhover2.png) no-repeat;
    }
    .certificationsboxhover3 {
        background: url(../images/certificationsboxhover3.png) no-repeat;
    }
    .certificationsboxhover4 {
        background: url(../images/certificationsboxhover4.png) no-repeat;
    }
    .certification-boxhover span {
        font-size: 20px;
        text-align: center;
        display: inline-block;
        width: 100%;
        color: #fff;
        padding: 29px 0 0 0;
    }
    .mobilecrousel {
        display: none;
    }
    .services-argementbtn {
        padding: 10px 20px;
        margin-bottom: 30px;
        color: #fff;
        background: #e95d2c;
        display: inline-block;
        font-size: 16px;
    }
    .services-argementbtn:active, .services-argementbtn:focus, .services-argementbtn:hover {
        color: #fff;
        background: #ff8459;
        text-decoration: none;
    }
    .certification-servicebx ul li.acce-downloadbtn {
        min-height: 121px;
    }
    .certification-servicebx ul li.acce-downloadbtn a {
        color: #1c6afe;
        font-weight: 600;
        padding-top: 15px;
        display: inline-block;
        transition: color .2s ease;
    }
    .certification-servicebx ul li.acce-downloadbtn a:hover {
        color: #0f4bc4;
        text-decoration: underline;
    }


    [data-simplebar] {
        position: relative;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        width: inherit;
        height: inherit;
        max-width: inherit;
        max-height: inherit;
    }
    .simplebar-wrapper {
        overflow: hidden;
        width: inherit;
        height: inherit;
        max-width: inherit;
        max-height: inherit;
    }
    .simplebar-mask {
        direction: inherit;
        position: absolute;
        overflow: hidden;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: auto!important;
        height: auto!important;
        z-index: 0;
    }
    .simplebar-offset {
        direction: inherit!important;
        box-sizing: inherit!important;
        resize: none!important;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        margin: 0;
        -webkit-overflow-scrolling: touch;
    }
    .simplebar-content {
        direction: inherit;
        box-sizing: border-box!important;
        position: relative;
        display: block;
        height: 100%;
        width: auto;
        visibility: visible;
        overflow: scroll;
        max-width: 100%;
        max-height: 100%}
        .simplebar-placeholder {
            max-height: 100%;
            max-width: 100%;
            width: 100%;
            pointer-events: none;
        }
        .simplebar-height-auto-observer-wrapper {
            box-sizing: inherit!important;
            height: 100%;
            width: inherit;
            max-width: 1px;
            position: relative;
            float: left;
            max-height: 1px;
            overflow: hidden;
            z-index: -1;
            padding: 0;
            margin: 0;
            pointer-events: none;
            flex-grow: inherit;
            flex-shrink: 0;
            flex-basis: 0;
        }
        .simplebar-height-auto-observer {
            box-sizing: inherit;
            display: block;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            height: 1000%;
            width: 1000%;
            min-height: 1px;
            min-width: 1px;
            overflow: hidden;
            pointer-events: none;
            z-index: -1;
        }
        .simplebar-track {
            z-index: 1;
            position: absolute;
            right: 0;
            bottom: 0;
            pointer-events: none;
        }
        .simplebar-scrollbar {
            position: absolute;
            right: 2px;
            width: 7px;
            min-height: 10px;
        }
        .simplebar-scrollbar:before {
            position: absolute;
            content: "";
            background: #e95d2c;
            border-radius: 7px;
            left: 0;
            right: 0;
            opacity: .5;
            transition: opacity .2s linear;
        }
        .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
            opacity: .5;
            transition: opacity 0s linear;
        }
        .simplebar-track.simplebar-vertical {
            top: 0;
            width: 11px;
        }
        .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
            top: 2px;
            bottom: 2px;
        }
        .simplebar-track.simplebar-horizontal {
            left: 0;
            height: 11px;
            display: none;
        }
        .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
            height: 100%;
            left: 2px;
            right: 2px;
        }
        .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
            right: auto;
            left: 0;
            top: 2px;
            height: 7px;
            min-height: 0;
            min-width: 10px;
            width: auto;
        }
        [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
            right: auto;
            left: 0;
        }
        .hs-dummy-scrollbar-size {
            direction: rtl;
            position: fixed;
            opacity: 0;
            visibility: hidden;
            height: 500px;
            width: 500px;
            overflow-y: hidden;
            overflow-x: scroll;
        }
        .new_scrollbox {
            width: 100%;
            height: 900px;
            max-width: 100%}
            .new_scrollbox .nav.nav-pills {
                padding: 0 14px 0 14px;
            }

            .listing ul {
                padding: 0;
                margin: 0;
            }
            .listing ul li {
                width: 100%;
                list-style: none;
                float: left;
                position: relative;
                padding: 0 0 0 15px;
                margin-bottom: 10px;
                font-size: 18px;
                line-height: 1.6;
            }
            .listing ul li:before {
                content: "";
                float: left;
                width: 5px;
                height: 5px;
                background: #2c69fc;
                margin: 8px 0 0 0;
                position: absolute;
                left: 0;
                top: 0;
                font-size: 20px;
            }

            .ptnrsec2 {
                background: url(../images/partnermdsec.jpg) no-repeat center;
                height: 255px;
                background-size: 100% 255px;
                padding-top: 85px;
                color: #fff;
            }
            .contact-us-btn{
                border: 2px solid #fff;
                border-radius: 10px;
                padding:20px 45px;
                display: inline-block;
                font-size:18px;
                transition: all ease-in-out .5s;
                position: relative;
                overflow: hidden;
                float: right;
                text-transform: uppercase;
                color: #fff;
                text-decoration: none!important;
            }
            .contact-us-btn:before{
                left: -110%;
                right: 110%;
                top: 0;
                bottom: 0;
                z-index: 0;
                background: #064f85;
                position: absolute;
                content: '';
                transition: all ease-in-out .5s;
            }
            .contact-us-btn:hover{
                border: 3px solid #1c6afe;
                color: #fff;
            }
            .contact-us-btn:hover:before {
                left: 0;
                right: 0;
                background: #1c6afe;
            }
            .contact-us-btn:hover span {
                position: relative;
                z-index: 1;
            }
            .partner-brand-section{padding: 0;}
            .wintog {
                background: linear-gradient(180deg, #eef5fd 0%, #fff 0%, #f7faff 100%);
                padding: 75px 0 60px;
            }

            .wintog__container {
                max-width: 100%;
                margin: 0 auto;
                padding: 0 15px;
            }

            .wintog__heading {
                width: 100%;
                font-size: 36px;
                color: #333;
                margin: 0 0 55px;
                text-align: center;
                font-weight: 700;
                position: relative;
            }

            .wintog__heading::after {
                content: "";
                display: block;
                width: 60px;
                height: 3px;
                background: #1c6afe;
                margin: 18px auto 0;
                border-radius: 3px;
            }

            .wintog__grid {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                gap: 30px 20px;
            }

            @media (max-width: 991px) {
                .wintog__grid { grid-template-columns: repeat(3, 1fr); }
                .gradflexbg {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 25px 20px;
                }

                .gradflexbg li,
                .gradflexbg.gradflexbg-leadgeneration li {
                    min-height: 400px;
                }
            }

            @media (max-width: 767px) {
                .wintog__grid { grid-template-columns: repeat(2, 1fr); }
            }

            @media (max-width: 480px) {
                .wintog__grid { grid-template-columns: 1fr; }
            }

            .wintog__item {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .wintog__logo-box {
                background: #fff;
                width: 100%;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 190px;
                border-radius: 10px;
                overflow: hidden;
                transition: transform .35s ease, box-shadow .35s ease;
                box-shadow: 0 2px 6px rgba(0,0,0,0.06);
            }

            .wintog__logo-box img {
                max-width: 75%;
                max-height: 65%;
                object-fit: contain;
                filter: grayscale(100%);
                opacity: .75;
                transition: filter .35s ease, opacity .35s ease, transform .35s ease;
            }

            .wintog__logo-box:hover {
                transform: translateY(-6px);
                box-shadow: 0 16px 34px rgba(28, 106, 254, 0.18);
            }

            .wintog__logo-box:hover img {
                filter: grayscale(0%);
                opacity: 1;
                transform: scale(1.05);
            }

            .wintog__name {
                color: #333;
                font-size: 14px;
                font-weight: 600;
                padding: 18px 0 0;
                margin: 0;
                text-align: center;
            }



  /* ================================
     PARENT CLASS: .talkform
     Theme color: #1c6afe
  ================================ */
  
/* ================= PARENT CLASS: .lt-form  |  Theme: #1c6afe ================= */
.talkform {
    display: flex;
    align-items: center;
    justify-content: center;
}
.lt-form {
  position: relative;
  width: 100%;
  max-width: 500px;
  background: rgb(255 255 255 / 10%);
  border-radius: 26px;
  padding: 20px 30px;
  box-shadow: 0 25px 60px rgba(30, 30, 60, 0.15);
  border: 1px solid rgba(255,255,255,0.7);
}

.lt-form h2 {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  color: #14142b;
  margin: 4px 0 0;
  letter-spacing: .3px;
}

.lt-form h2 span { color: #1c6afe; }

.lt-form .lt-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(28,106,254,0.35), transparent);
  position: relative;
  margin: 14px 0 30px;
}
.lt-form .lt-divider::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 6px; height: 6px;
  background: #1c6afe;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.lt-form form ul { list-style: none; margin: 0; padding: 0; }
.lt-form form ul li { position: relative; margin-bottom: 10px; }

/* Field card: icon + label/input stacked */
.lt-field {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #ffffff;
  border-radius: 8px;
  padding: 9px 16px;
  box-shadow: 0 6px 16px rgba(20, 20, 50, 0.05);
  transition: box-shadow .25s ease, transform .25s ease;
  border: 1px solid #ebebeb;
}
.lt-field:focus-within {
  box-shadow: 0 6px 20px rgba(28, 106, 254, 0.18);
  transform: translateY(-1px);
}

.lt-icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-top: 3px;
    color: rgba(28, 106, 254, 0.55);
}

.lt-icon svg { width: 100%; height: 100%; display: block; }

.lt-field-body { flex: 1; display: flex; flex-direction: column; min-width: 0; }

.lt-field-body label {
  font-size: 16px;
  font-weight: 700;
  color: #14142b;
  margin: 0 0 3px;
}

.lt-form input[type="text"],
.lt-form textarea {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: 16px;
  color: #14142b;
  font-family: inherit;
  padding: 0;
}
.lt-form input::placeholder,
.lt-form textarea::placeholder { color: #a3a3ae; }
.lt-form textarea {
    resize: none;
    line-height: 1.4;
    min-height: 50px;
}


/* Captcha row */
.lt-form li.captcha { display: flex; align-items: stretch; gap: 10px; }
.lt-form li.captcha .lt-field { flex: 1; margin-bottom: 0; }

.lt-captcha-box {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f4f5f9;
  border: 1px solid #e6e7ee;
  border-radius: 10px;
  padding: 6px 10px;
}
.lt-captcha-box #captcha_code {
  height: 50px;
  border-radius: 6px;
  display: block;
}
.lt-captcha-box .btnRefresh { display: flex; }
.lt-captcha-box .btnRefresh img {
  width: 22px !important;
  height: 22px !important;
  transition: transform .4s ease;
}
.lt-captcha-box .btnRefresh:hover img { transform: rotate(180deg); }

/* Submit button */

/* Submit button */
/* ================================
   Submit Button
================================ */

.lt-form .btn {
  position: relative;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: 22px 20px;
  border-radius: 10px;

  background: linear-gradient(100deg, #3a6cf0 0%, #4c3fd4 100%);
  color: #fff;

  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;

  box-shadow: 0 14px 28px rgba(60, 65, 210, 0.38);

  transition:
  transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
  box-shadow 0.35s ease;

  overflow: hidden;
  margin-top: 12px;
}


/* ================================
   Shine Effect
================================ */

.lt-form .btn::before {
  content: "";
  position: absolute;

  top: 0;
  left: -75%;

  width: 50%;
  height: 100%;

  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0) 100%
);

  transform: skewX(-25deg);

  pointer-events: none;
}

.lt-form .btn:hover::before {
  animation: lt-shine 0.9s ease-in-out;
}

.lt-form .btn:active::before {
  animation: lt-shine 0.4s ease-in-out;
}

@keyframes lt-shine {
  0% {
    left: -75%;
}

100% {
    left: 130%;
}
}


/* ================================
   Button Hover
================================ */

.lt-form .btn:hover {
  transform: translateY(-2px);

  box-shadow:
  0 18px 34px rgba(60, 65, 210, 0.48);
}


/* ================================
   Button Active
================================ */

.lt-form .btn:active {
  transform: translateY(0) scale(0.98);

  box-shadow:
  0 8px 18px rgba(60, 65, 210, 0.4);
}


/* ================================
   Button Icon Circle
================================ */

.lt-form .btn .lt-btn-icon {
  position: absolute;

  right: 22px;
  top: 50%;

  width: 32px;
  height: 32px;

  border-radius: 50%;
  background: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateY(-50%);

  z-index: 2;

  pointer-events: none;
}


/* ================================
   SVG Arrow
================================ */

.lt-form .btn .lt-btn-icon svg {
  width: 17px;
  height: 17px;

  display: block;

  transform: translate3d(0, 0, 0);

  transition:
  transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  will-change: transform;
}


/* ================================
   SVG Arrow Hover
================================ */

.lt-form .btn:hover .lt-btn-icon svg {
  transform: translate3d(5px, 0, 0);
}


/* ================================
   Accessibility
================================ */

@media (prefers-reduced-motion: reduce) {
  .lt-form .btn,
  .lt-form .btn .lt-btn-icon svg {
    transition: none;
}

.lt-form .btn::before {
    animation: none !important;
}
}

.lt-form .lt-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 14px;
  border-radius: 30px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.lt-form .lt-secure svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}
.inner-press-releases .advancesection .advancesection-large img{height: 500px;}

.mediakit {
    background: url(../images/mediakitbg.jpg) no-repeat;
    background-size: cover;
}
.mediakit h2 {
    font-size: 40px;
    color: #fff;
}
.mediakit {
    color: #fff;
}
.mediabordertm {
    border-bottom: 2px solid #c9dbff;
}
.mediaborright {
    border-right: 2px solid #c9dbff;
}
.mediafbox {
    margin-bottom: 30px;
}
.mediafbox p {
    font-size: 20px;
    padding-bottom: 30px;
    color: #fff;
}
.mediaborright p {
    padding: 10px 0 0 0;
    margin: 0 0;
    color: #fff;
}
.mediaborright p strong {
    font-size: 25px;
    padding: 20px 0;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
}
.mediaborright p a {
    border: 2px solid #c9dbff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
}
.mediaborright p a i {
    margin: 0 10px;
}
.mediaborright p a .fa-angle-right {
    font-size: 25px;
}
.mediasbox .col-md-4 {
    padding: 0 30px;
}
.mediasbox {
    margin: 0 -40px;
}
.mediaborright img {
    width: 100%;
    margin-bottom: 10px;
}
.media-contact h3 {
    font-size: 25px;
    text-transform: uppercase;
    padding: 29px 0 13px 0;
    margin: 0;
}
.media-contact p strong {
    font-size: 20px;
    color: #ffea78;
}
.media-contact p {
    font-size: 20px;
}
.media-contact ul {
    margin: 30px 0 0 0;
    padding: 0;
}
.media-contact ul li {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    font-size: 18px;
}
.media-contact ul li .fa {
    font-size: 25px;
    margin-right: 5px;
    width: 28px;
    float: left;
}
.media-contact ul li .fa.fa-mobile {
    font-size: 39px;
}
.media-contact ul li strong {
    float: left;
    padding: 6px 0;
}
.media-contact ul li span {
    float: left;
    padding: 6px 6px;
}
.mediaktitab {
    padding: 30px 0;
    background: #e6e6e6;
}
.mediaktitab.stick {
    position: fixed;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
}
.mediaktitab ul {
    margin: 0;
    padding: 0;
}
.mediaktitab ul li {
    display: inline-block;
    padding: 0 10px;
}
.mediaktitab ul li a {
    padding: 8px 25px;
    border-radius: 25px;
    color: #333;
    font-size: 20px;
}
.mediaktitab ul li .activemedia {
    background: #fff;
}

.cltbgstrip {
    background: #323232;
}
.clttbreadcrumb ul {
    border-bottom: 1px solid #e2769c;
}

.clthead h2 {
    margin-top: 50px;
}

.clttnav .innerpgfxnav li a.active {
    color: #fff;
}
.clientbx {
 width: 100%;
 height: 300px;
 position: relative;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
 transition: all .3s ease;
 margin: 15px;
}
.clntnm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: url(../images/clients/clinebg.png) repeat-x center;
    font-size: 18px;
    color: #595959;
    text-align: center;
    line-height: 53px;
}
.clntnm span {
    font-size: 30px;
    position: relative;
    top: 3px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.clientbx:hover .clntnm span {
    left: 5px;
}
.cltlogo1 {
    background: url(../images/clients/logo1.png) no-repeat center;
}
.cltlogo2 {
    background: url(../images/clients/logo2.png) no-repeat center;
}
.cltlogo3 {
    background: url(../images/clients/logo3.png) no-repeat center;
}
.cltlogo4 {
    background: url(../images/clients/logo4.png) no-repeat center;
}
.cltlogo5 {
    background: url(../images/clients/logo5.png) no-repeat center;
}
.cltlogo6 {
    background: url(../images/clients/logo6.png) no-repeat center;
}
.cltlogo7 {
    background: url(../images/clients/logo7.png) no-repeat center;
}
.cltlogo8 {
    background: url(../images/clients/logo8.png) no-repeat center;
}
.cltlogo9 {
    background: url(../images/clients/logo9.png) no-repeat center;
}
.cltlogo10 {
    background: url(../images/clients/logo10.png) no-repeat center;
}
.cltlogo11 {
    background: url(../images/clients/logo11.png) no-repeat center;
}
.cltlogo12 {
    background: url(../images/clients/logo12.png) no-repeat center;
}
.cltlogo13 {
    background: url(../images/clients/logo13.png) no-repeat center;
}
.cltlogo14 {
    background: url(../images/clients/logo14.png) no-repeat center;
}
.cltlogo15 {
    background: url(../images/clients/logo15.png) no-repeat center;
}
.cltlogo16 {
    background: url(../images/clients/logo16.png) no-repeat center;
}
.cltlogo17 {
    background: url(../images/clients/logo17.png) no-repeat center;
}
.cltlogo18 {
    background: url(../images/clients/logo18.png) no-repeat center;
}
.cltlogo19 {
    background: url(../images/clients/logo19.png) no-repeat center;
}
.cltlogo20 {
    background: url(../images/clients/logo20.png) no-repeat center;
}
.cltlogo21 {
    background: url(../images/clients/logo21.png) no-repeat center;
}
.cltlogo22 {
    background: url(../images/clients/logo22.png) no-repeat center;
}
.cltlogo23 {
    background: url(../images/clients/logo23.png) no-repeat center;
}
.cltlogo24 {
    background: url(../images/clients/logo24.png) no-repeat center;
}
.cltlogo25 {
    background: url(../images/clients/logo25.png) no-repeat center;
}
.cltlogo26 {
    background: url(../images/clients/logo26.png) no-repeat center;
}
.cltlogo27 {
    background: url(../images/clients/logo27.png) no-repeat center;
}
.cltlogo28 {
    background: url(../images/clients/logo28.png) no-repeat center;
}
.cltlogo29 {
    background: url(../images/clients/logo29.png) no-repeat center;
}
.cltlogo30 {
    background: url(../images/clients/logo30.png) no-repeat center;
}
.cltlogo31 {
    background: url(../images/clients/logo31.png) no-repeat center;
}
.cltlogo32 {
    background: url(../images/clients/logo32.png) no-repeat center;
}
.cltlogo33 {
    background: url(../images/clients/logo33.png) no-repeat center;
}
.cltlogo10:hover, .cltlogo11:hover, .cltlogo12:hover, .cltlogo13:hover, .cltlogo14:hover, .cltlogo15:hover, .cltlogo16:hover, .cltlogo17:hover, .cltlogo18:hover, .cltlogo19:hover, .cltlogo1:hover, .cltlogo20:hover, .cltlogo21:hover, .cltlogo22:hover, .cltlogo23:hover, .cltlogo24:hover, .cltlogo25:hover, .cltlogo26:hover, .cltlogo27:hover, .cltlogo28:hover, .cltlogo29:hover, .cltlogo2:hover, .cltlogo30:hover, .cltlogo31:hover, .cltlogo32:hover, .cltlogo33:hover, .cltlogo3:hover, .cltlogo4:hover, .cltlogo5:hover, .cltlogo6:hover, .cltlogo7:hover, .cltlogo8:hover, .cltlogo9:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 10;
}

.bank-of-maharashtra-logo{background: url(../images/bank-of-maharashtra.jpg) no-repeat center;}
.invest-ind-logo{background: url(../images/invest-india.jpg) no-repeat center;}
.fassai-logo{background: url(../images/fssai.jpg) no-repeat center;}
.bses-yamuna-logo{background: url(../images/bses-yamuna.jpg) no-repeat center;}
.delhi-jal-board-logo{background: url(../images/delhi-jal-board.jpg) no-repeat center;}
.dip-logo{background: url(../images/dip.jpg) no-repeat center;}
.aiims-bhu-logo{background: url(../images/aiims-bhuvneshwar.jpg) no-repeat center;}
.aon-logo{background: url(../images/aon.jpg) no-repeat center;}
.ashoka-key-logo{background: url(../images/ashoka-leyland.jpg) no-repeat center;}
.united-color-bene-logo{background: url(../images/united-colors-of-benetton.jpg) no-repeat center;}
.medix-logo{background: url(../images/medix.jpg) no-repeat center;}
.section2clientele{padding:0;padding-bottom: 70px;}


.about-overview-left {
    padding-right: 0;
    padding-left: 70px;
}
.csr-sec2 {
    padding: 100px 0;
    background: linear-gradient(to bottom, #eef4fb 0%, #f5f8fc 35%, #ffffff 100%);
}

.csr-sec2 .col-md-4 {
    padding: 0;
}

.csr-sec2 .activitybox {
    position: relative;
    margin: 15px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
    border-radius: 6px;
    min-height: 350px;
}

/* Image */
.csr-sec2 .activitybox img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.6s ease;
}

/* Blue overlay */
.csr-sec2 .activitybox::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #6a97ff8c;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

/* Heading */
.csr-sec2 .activitybox h3 {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 30px;
    margin: 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    z-index: 2;
    transition: all 0.5s ease;
}

/* Link */
.csr-sec2 .activitybox a {
    position: absolute;
    left: 50px;
    bottom: -60px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    z-index: 2;
    transition: bottom 0.5s ease;
}

/* Hover overlay */
.csr-sec2 .activitybox:hover::after {
    opacity: 0.9;
}

/* Image zoom */
.csr-sec2 .activitybox:hover img {
    transform: scale(1.12);
}

/* Heading slides up */
.csr-sec2 .activitybox:hover h3 {
    bottom: 90px;
}

/* Link slides up */
.csr-sec2 .activitybox:hover a {
    bottom: 35px;
}

.csr-sec2 .activitybox a:hover {
    text-decoration: underline;
}



.about-overview-left {
    padding-right: 0;
    padding-left: 70px;
}
.csr-sec2 {
    padding: 100px 0;
    background: linear-gradient(to bottom, #eef4fb 0%, #f5f8fc 35%, #ffffff 100%);
}

.csr-sec2 .col-md-4 {
    padding: 0;
}

.csr-sec2 .activitybox {
    position: relative;
    margin: 15px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    box-shadow: 0 8px 25px rgb(86 141 255 / 26%);
    border-radius: 6px;
    min-height: 350px;
}

/* Image */
.csr-sec2 .activitybox img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.6s ease;
}

/* Blue overlay */
.csr-sec2 .activitybox::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #6a97ff8c;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

/* Heading */
.csr-sec2 .activitybox h3 {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 30px;
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
    z-index: 2;
    transition: all 0.5s ease;
}

/* Link */
.csr-sec2 .activitybox a {
    position: absolute;
    left: 50px;
    bottom: -60px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    z-index: 2;
    transition: bottom 0.5s ease;
}

/* Hover overlay */
.csr-sec2 .activitybox:hover::after {
    opacity: 0.9;
}

/* Image zoom */
.csr-sec2 .activitybox:hover img {
    transform: scale(1.12);
}

/* Heading slides up */
.csr-sec2 .activitybox:hover h3 {
    bottom: 20px;
}

/* Link slides up */
.csr-sec2 .activitybox:hover a {
    bottom: 10px;
}

.csr-sec2 .activitybox a:hover {
    text-decoration: underline;
}

.gradflexbg.gradflexbg-leadgeneration {
    width: 100%;
    margin: 40px 0 30px;
    padding: 0;
}

/* ==============================
   MAIN GRID
   ============================== */

   .gradflexbg {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 24px;
    margin: 40px 0 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}


/* ==============================
   BOX / CARD
   ============================== */

   .gradflexbg li,
   .gradflexbg.gradflexbg-leadgeneration li {
    list-style: none;

    width: 100%;
    min-width: 0;

    /* All cards can grow automatically */
    min-height: auto;
    height: auto;

    margin: 0;
    padding: 0;

    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);

    display: flex;
    flex-direction: column;

    box-sizing: border-box;
    overflow: hidden;
}


/* ==============================
   TOP GRADIENT
   ============================== */

   .gradp {
    width: 100%;
    height: 10px;
    min-height: 10px;

    flex-shrink: 0;

    background: linear-gradient(
        45deg,
        rgb(156, 204, 251) 0%,
        rgb(126, 183, 250) 25%,
        rgb(90, 152, 248) 55%,
        rgb(63, 125, 247) 80%,
        rgb(50, 111, 242) 100%
    );
}


/* ==============================
   ICON SECTION
   ============================== */

   .flexbgimgsec {
    width: 100%;
    height: 120px;
    min-height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    flex-shrink: 0;

    box-sizing: border-box;
}

.flexbgimgsec span {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* ==============================
   CONTENT SECTION
   IMPORTANT:
   Heading + Paragraph vertically
   ============================== */

   .flexpsec {
    width: 100%;
    display: block;
    flex: 1;
    text-align: center;
    padding: 0 25px 30px;
    box-sizing: border-box;
}

.flexpsec .listing li{
    box-shadow: none;
    text-align: left;
    padding: 0 0 0 30px !important;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px !important;
    margin-bottom: 15px;
}
.flexpsec .listing ul li:before{left: 12px;}
/* ==============================
   HEADING
   ============================== */

   .flexpsec h3,
   .flexpsec h4,
   .flexpsec .title {
    width: 100%;

    display: block;

    margin: 0 0 12px;
    padding: 0;

    text-align: center;

    font-size: 18px;
    line-height: 24px;

    box-sizing: border-box;
}
.flexpsec h3, .flexpsec h4{
    color: #14346d;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}

/* ==============================
   PARAGRAPH
   ============================== */

   .flexpsec p {
    width: 100%;

    display: block;

    float: none;

    margin: 0;
    padding: 0;

    text-align: center;

    font-size: 18px;
    line-height: 1.6;
    color: #05286c;

    box-sizing: border-box;
}

/* =========================================
   CLOUD SERVICE CARDS
   Theme Color: #02328c
   ========================================= */

   .cloud-service-cards {
    width: 100%;
    max-width: 100%;

    margin: 40px auto;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;

    list-style: none;
    box-sizing: border-box;
}


/* =========================================
   CARD
   ========================================= */

   .cloud-service-cards li {
    position: relative;

    width: 100%;
    min-width: 0;
    min-height: 360px;

    margin: 0;
    padding: 0;

    background: #ffffff;

    border: 1px solid #dce6f5;
    border-radius: 18px;

    box-shadow:
    0 8px 25px rgba(2, 50, 140, 0.08);

    display: flex;
    flex-direction: column;

    overflow: hidden;

    box-sizing: border-box;

    transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}


/* =========================================
   TOP BLUE ACCENT
   ========================================= */

   .cloud-service-cards li::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #02328c 0%,
        #0757c7 50%,
        #4b8df8 100%
    );

    z-index: 2;
}


/* =========================================
   HOVER
   ========================================= */

   .cloud-service-cards li:hover {
    transform: translateY(-8px);

    border-color: #b9cceb;

    box-shadow:
    0 18px 40px rgba(2, 50, 140, 0.16);
}


/* =========================================
   ICON AREA
   ========================================= */

   .cloud-service-cards .img-sec {
    width: 110px;
    height: 110px;

    margin: 32px auto 20px;

    border-radius: 50%;

    background:linear-gradient(45deg, #1f6afe 0%, #11a0fb 25%, #1977fe 55%, #3e60fe 80%, #326ff2 100%);
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    box-sizing: border-box;

    transition: all 0.3s ease;
}


/* Icon circle border */

.cloud-service-cards .img-sec::after {
    content: "";

    position: absolute;

    inset: 7px;

    border: 1px dashed rgba(2, 50, 140, 0.35);

    border-radius: 50%;
}


/* Icon */

.cloud-service-cards .img-sec img {
    position: relative;
    z-index: 1;

    width: auto;
    height: auto;

    max-width: 100%;

    object-fit: contain;

    transition: transform 0.3s ease;
}


/* Hover icon */

.cloud-service-cards li:hover .img-sec {

    transform: scale(1.04);
}

.cloud-service-cards li:hover .img-sec img {
    transform: scale(1.08);
}


/* =========================================
   CONTENT
   ========================================= */

   .cloud-service-cards .card-content {
    flex: 1;

    width: 100%;

    padding: 0 28px 28px;

    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;

    box-sizing: border-box;
}

/* =========================================
   TEXT
   ========================================= */
   .cloud-service-cards .card-content h3{
    color: #14346d;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.cloud-service-cards p {
 width: 100%;
 display: block;
 float: none;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 18px;
 line-height: 1.6;
 color: #05286c;
 box-sizing: border-box;
}


/* =========================================
   OPTIONAL: BLUE TEXT HIGHLIGHT
   ========================================= */

   .cloud-service-cards li:hover p {
    color: #1e3557;
}


/* =========================================================
   CLOUD CONSULTING SECTION
   Theme Color: #02328c
   ========================================================= */

   .cloud-consulting-section {
    width: 100%;
}


/* =========================================================
   MAIN CARD GRID
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list {
    width: 100%;
    max-width: 100%;

    margin: 40px auto 30px;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;

    list-style: none;

    box-sizing: border-box;
}


/* =========================================================
   CARD
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li {
    position: relative;

    width: 100%;
    min-width: 0;
    min-height: 250px;

    margin: 0;
    padding: 30px 25px 25px;

    background: #ffffff;

    border: 1px solid #e3eaf5;
    border-radius: 2px;

    box-shadow:
    0 8px 25px rgba(2, 50, 140, 0.12);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    text-align: center;

    box-sizing: border-box;

    overflow: hidden;

    transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}


/* =========================================================
   TOP-RIGHT DECORATIVE CORNER
   Reference Image Style
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 58px;
    height: 58px;

    background: linear-gradient(
        135deg,
        #02328c 0%,
        #0755bd 55%,
        #4c7edc 100%
    );

    clip-path: polygon(
        20% 0,
        100% 0,
        100% 100%,
        88% 82%,
        82% 63%,
        65% 57%,
        55% 43%,
        35% 37%,
        28% 18%
    );

    z-index: 1;
}


/* Small white curve inside corner */

.cloud-consulting-section .cloud-consulting-list li::after {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 48px;
    height: 48px;

    border-top: 3px solid rgba(255,255,255,0.85);
    border-right: 3px solid rgba(255,255,255,0.85);

    border-radius: 0 0 0 22px;

    opacity: 0.35;

    z-index: 2;

    pointer-events: none;
}


/* =========================================================
   ICON WRAPPER
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-icon {
    position: relative;

    width: 105px;
    height: 105px;

    margin: 5px auto 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    transition:
    transform 0.35s ease,
    background 0.35s ease;
}


/* =========================================================
   ICON BACKGROUND
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-icon::before {
    content: "";

    position: absolute;

    width: 92px;
    height: 92px;

    border-radius: 50%;

    background: #f1f6fd;

    border: 1px solid #dce7f7;

    transition: all 0.35s ease;
}


/* =========================================================
   NORMAL ICON
   ========================================================= */

   .cloud-consulting-section .cloud-icon-normal {
    position: relative;

    width: 50px;
    height: 50px;

    object-fit: contain;

    z-index: 2;

    opacity: 1;
    visibility: visible;

    transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.35s ease;
}


/* =========================================================
   HOVER ICON
   ========================================================= */

   .cloud-consulting-section .cloud-icon-hover {
    position: absolute;

    width: 75px;
    height: 75px;

    object-fit: contain;

    z-index: 3;

    opacity: 0;
    visibility: hidden;

    transform: scale(0.8);

    transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.35s ease;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li strong {
    position: relative;

    width: 100%;

    margin: 5px 0 0;
    padding: 0 8px;

    color: #02328c;

    font-size: 18px;
    font-weight: 500;

    line-height: 1.6;

    text-align: center;

    display: block;

    box-sizing: border-box;

    z-index: 3;

    transition:
    color 0.3s ease,
    transform 0.3s ease;
}


/* =========================================================
   HOVER CARD
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li:hover {
    transform: translateY(-8px);

    border-color: #b9cbea;

    box-shadow:
    0 18px 38px rgba(2, 50, 140, 0.20);
}


/* =========================================================
   HOVER ICON
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li:hover
   .cloud-consulting-icon {
    transform: translateY(-5px);
}


.cloud-consulting-section .cloud-consulting-list li:hover
.cloud-consulting-icon::before {
    background: #e4efff;

    border-color: #b9cff0;

    transform: scale(1.08);
}


.cloud-consulting-section .cloud-consulting-list li:hover
.cloud-icon-normal {
    opacity: 0;

    visibility: hidden;

    transform: scale(0.8);
}


.cloud-consulting-section .cloud-consulting-list li:hover
.cloud-icon-hover {
    opacity: 1;

    visibility: visible;

    transform: scale(1);
}


/* =========================================================
   HOVER TITLE
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li:hover strong {
    color: #0755bd;

    transform: translateY(-2px);
}


/* =========================================================
   TOP BLUE LINE
   ========================================================= */

   .cloud-consulting-section .cloud-consulting-list li {
    border-top: 2px solid #02328c;
}


/* =========================================================
   CLOUD / IOT SOLUTIONS SECTION
   PRIMARY THEME: #02328c
   ========================================================= */

   .iot-solutions-section {
    width: 100%;
    clear: both;
    position: relative;
    box-sizing: border-box;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

   .iot-solutions-section > ul {
    width: 100%;
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    list-style: none;

    box-sizing: border-box;
}


/* =========================================================
   CARD
   ========================================================= */

   .iot-solutions-section > ul > li {
    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    position: relative;

    overflow: hidden;

    background: #02328c;

    box-sizing: border-box;
}


/* =========================================================
   LINK
   ========================================================= */

   .iot-solutions-section > ul > li > a {
    display: block;

    width: 100%;
    height: 100%;

    position: relative;

    overflow: hidden;

    color: #fff;

    text-decoration: none;

    box-sizing: border-box;
}


/* =========================================================
   NORMAL IMAGE
   ========================================================= */

   .iot-solutions-section .internetdeimg {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    transform: scale(1);

    transition:
    transform 0.6s ease,
    opacity 0.4s ease;

    box-sizing: border-box;
}


/* =========================================================
   HOVER IMAGE
   ========================================================= */

   .iot-solutions-section .internetoverimg {
    display: none;
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    visibility: hidden;

    overflow: hidden;

    z-index: 2;

    transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
}


/* Hover image itself */
.iot-solutions-section .internetoverimg img {
  position: relative;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transform: scale(1.02);

  filter: none;

  z-index: 1;

  transition: transform 0.6s ease;
}

.iot-solutions-section .internetoverimg::after {
    content: "";

    position: absolute;

    inset: 0;

    background: rgba(2, 50, 140, 0.55);

    z-index: 2;

    pointer-events: none;

    transition: background 0.4s ease;
}
/* =========================================================
   BLUE OVERLAY
   ========================================================= */

   .iot-solutions-section > ul > li > a::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 65%;

    background: linear-gradient(to top, rgb(2 50 140) 0%, rgb(62 62 62 / 52%) 35%, rgba(2, 50, 140, 0.20) 75%, rgba(2, 50, 140, 0) 100%);
    

    z-index: 3;

    pointer-events: none;
}


/* =========================================================
   CAPTION
   ========================================================= */

   .iot-solutions-section .iot-caption {
    position: absolute;

    left: 22px;
    right: 22px;
    bottom: 25px;

    margin: 0;
    padding: 0;

    z-index: 5;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

   .iot-solutions-section .iot-caption h3 {
    position: relative;

    margin: 0;
    padding: 0 0 10px;

    color: #ffffff;

    font-size: 22px;
    line-height: 28px;

    font-weight: 700;

    text-align: left;

    box-sizing: border-box;
}


/* =========================================================
   BLUE / WHITE ACCENT LINE
   ========================================================= */

   .iot-solutions-section .iot-caption h3::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 8px;

    background: #7db2ff;

    border-radius: 5px;

    transition: width 0.35s ease;
}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

   .iot-solutions-section > ul > li:hover .internetdeimg {
    transform: scale(1.08);

    opacity: 0.6;
}


.iot-solutions-section > ul > li:hover .internetoverimg {
    opacity: 1;

    visibility: visible;
}


.iot-solutions-section > ul > li:hover .internetoverimg img {
    transform: scale(1.06);

    filter: none;
}

.iot-solutions-section > ul > li:hover .iot-caption h3::after {
    width: 75px;
}


/* =========================================================
   CARD BLUE BORDER / ACCENT
   ========================================================= */

   .iot-solutions-section > ul > li {
    border-bottom: 4px solid #02328c;
}


.iot-solutions-section > ul > li:hover {
    border-bottom-color: #075bc7;
}

.table-sec {
    padding: 50px 0;
    background: #fff;
}

.table-sec .main-heading {
    color: #02328c;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}

.table-new {
    width: 100%;
    overflow-x: auto;
    border-radius: 8px;
}

.table-new table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
    font-size: 16px;
}

.table-new th,
.table-new td {
    padding: 16px 18px;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
}

.table-new thead th,
.table-new tr:first-child th {
    background-color: #02328c;
    color: #fff;
    font-weight: 600;
}

.table-new tbody tr th {
    background-color: #f4f7fc;
    color: #02328c;
    font-weight: 600;
}

.table-new tbody tr td {
    background-color: #fff;
    color: #333;
}

.table-new tbody tr:nth-child(even) td {
    background-color: #f8faff;
}

.table-new tbody tr:hover td {
    background-color: #eef3ff;
    transition: 0.2s ease;
}

.table-new a {
    color: #02328c;
    font-weight: 600;
    text-decoration: underline;
}

.table-new a:hover {
    color: #011f5c;
}



/*==========================================================
  CLOUD SECURITY BENEFITS SECTION
==========================================================*/

.cloud-security-benefits-sec {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background: #f6f9fe;
    overflow: hidden;
}


/*==========================================================
  BACKGROUND DECORATION
==========================================================*/

.cloud-security-benefits-sec::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -180px;
    border-radius: 50%;
    background: linear-gradient(
        45deg,
        rgb(50, 111, 242) 0%,
        rgb(63, 125, 247) 20%,
        rgb(90, 152, 248) 45%,
        rgb(126, 183, 250) 75%,
        rgb(156, 204, 251) 100%
    );
    opacity: 0.10;
    pointer-events: none;
}

.cloud-security-benefits-sec::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -180px;
    left: -120px;
    border-radius: 50%;
    background: linear-gradient(
        45deg,
        rgb(50, 111, 242) 0%,
        rgb(63, 125, 247) 20%,
        rgb(90, 152, 248) 45%,
        rgb(126, 183, 250) 75%,
        rgb(156, 204, 251) 100%
    );
    opacity: 0.08;
    pointer-events: none;
}


/*==========================================================
  THREE COLUMN GRID
==========================================================*/

.cloud-security-benefits-sec
.cloud-security-benefits-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


/*==========================================================
  CARD
==========================================================*/

.cloud-security-benefits-sec
.cloud-benefit-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e4ebf6;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(2, 50, 140, 0.07);
    transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease;
}


/*==========================================================
  TOP GRADIENT LINE
==========================================================*/

.cloud-security-benefits-sec
.cloud-benefit-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        45deg,
        rgb(50, 111, 242) 0%,
        rgb(63, 125, 247) 20%,
        rgb(90, 152, 248) 45%,
        rgb(126, 183, 250) 75%,
        rgb(156, 204, 251) 100%
    );
}

.cloud-security-benefits-sec
.cloud-benefit-card:hover {
    transform: translateY(-10px);
    border-color: rgba(2, 50, 140, 0.20);
    box-shadow: 0 22px 55px rgba(2, 50, 140, 0.14);
}


/*==========================================================
  CARD CONTENT
==========================================================*/

.cloud-security-benefits-sec
.cloud-benefit-card-content {
    padding: 35px 30px 30px;
}

.cloud-security-benefits-sec
.cloud-benefit-card-content h4 {
    margin: 0 0 16px;
    color: #02328c;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}

.cloud-security-benefits-sec
.cloud-benefit-card-content > p {
    margin: 0 0 15px;
    color: #555;
    font-size: 15px;
    line-height: 1.75;
}


/*==========================================================
  DID YOU KNOW BOX
==========================================================*/

.cloud-security-benefits-sec
.cloud-benefit-highlight {
    position: relative;
    margin: 25px 0;
    padding: 20px;
    border: 1px solid rgba(50, 111, 242, 0.12);
    border-radius: 16px;
    background: linear-gradient(
        45deg,
        rgba(50, 111, 242, 0.07) 0%,
        rgba(63, 125, 247, 0.08) 20%,
        rgba(90, 152, 248, 0.09) 45%,
        rgba(126, 183, 250, 0.11) 75%,
        rgba(156, 204, 251, 0.13) 100%
    );
    overflow: hidden;
}

.cloud-security-benefits-sec
.cloud-benefit-highlight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #02328c;
}

.cloud-security-benefits-sec
.cloud-benefit-highlight-title {
    margin-bottom: 10px;
}

.cloud-security-benefits-sec
.cloud-benefit-highlight-title strong {
    color: #02328c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.cloud-security-benefits-sec
.cloud-benefit-highlight p {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}

section.certifications-section {
    padding: 50px 0 80px;
}
section.certifications-section .item .certifications-main-box {
    padding: 20px;
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

.breathe-cloud {
    background: url("../images/breath-cloud.jpg") no-repeat left 22px;
    background-size: auto;
    padding: 100px 0px 57px;
    box-sizing: border-box;
    background-position: inherit;
}
.breathe-content {
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 500px;
    box-sizing: border-box;
}

.service-offering-wrapper .new-service-content .service-content-scroll{max-height:480px!important;}
.service-offering-wrapper .service-content-scroll .fulwidth {
    width: 100%;
    box-sizing: border-box;
    
}
.service-offering-wrapper .new-service-content{
    background: #fff;
    padding: 40px 60px 40px 60px;
    border-radius: 10px;
}
.wrapper-offering-service .service-content-scroll .fulwidth {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
/* =========================================================
   FORMAT 1
   Multiple <ul> cards
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul {
    position: relative;

    margin: 0 0 20px;
    padding: 55px 25px 25px 25px;

    background: #ffffff;

    border: 1px solid #e5eaf2;
    border-radius: 16px;

    color: #596579;

    font-size: 15px;
    line-height: 1.7;

    box-sizing: border-box;


    transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}


/* Card hover */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul:hover {
    transform: translateY(-3px);

    border-color: #d5dff2;
}


/* =========================================================
   FORMAT 1 - Heading inside UL
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul > h2 {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    margin: 0;
    padding: 16px 20px;

    box-sizing: border-box;

    background: linear-gradient(
        135deg,
        #f3f7ff,
        #f8faff
    );

    border-bottom: 1px solid #e5eaf2;
    border-radius: 16px 16px 0 0;

    color: #172033;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}


/* Heading accent */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul > h2::before {
    content: "";

    display: inline-block;

    width: 4px;
    height: 18px;

    margin-right: 10px;

    vertical-align: -3px;

    border-radius: 5px;

    background: linear-gradient(
        180deg,
        #3167d8,
        #7194ed
    );
}


/* =========================================================
   FORMAT 1 - List items
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul > li {
    position: relative;

    margin: 0 0 12px;

    padding-left: 20px;
}

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul > li:last-child {
    margin-bottom: 0;
}


/* Custom bullet */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul > li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 9px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #3167d8;
}


/* =========================================================
   FORMAT 2 & FORMAT 3
   Single UL without H2
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul:not(:has(> h2)) {
    display: block;

    margin: 0;

    padding: 0px 28px 0px 45px;

    background: #ffffff;

    border: none;
    border-radius: 16px;

    color: #596579;

    font-size: 15px;
    line-height: 1.7;

    box-shadow: none;

    box-sizing: border-box;
}


/* Single UL list items */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul:not(:has(> h2)) > li {
    position: relative;

    margin-bottom: 14px;
    padding-left: 15px;
}

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul:not(:has(> h2)) > li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   IMPORTANT:
   Remove default bullet because we create custom one
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul:not(:has(> h2)) > li::marker {
    color: #3167d8;
}


/* =========================================================
   NESTED OL
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth ol {
    margin: 12px 0 0;

    padding-left: 25px;

    list-style: none;

    counter-reset: service-counter;
}


.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth ol > li {
    position: relative;

    margin-bottom: 9px;

    padding-left: 30px;

    counter-increment: service-counter;
}


/* Number */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth ol > li::before {
    content: counter(service-counter);

    position: absolute;

    left: 0;
    top: 2px;

    width: 21px;
    height: 21px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    background: #eef4ff;
    color: #3167d8;

    font-size: 11px;
    font-weight: 700;
}


/* =========================================================
   HIGHLIGHT LABELS
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul > li:first-child {
    color: #536074;
}


/* Bold important prefixes naturally */
.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul > li strong {
    color: #1d2939;
}


/* =========================================================
   FORMAT 1 GRID
   GPU / CPU / RAM / Storage / Networking
========================================================= */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth:has(> ul > h2) {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
}


/* Remove bottom margin because grid handles spacing */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth:has(> ul > h2) > ul {
    margin-bottom: 0;
}


/* Networking full width */

.service-offering-wrapper .new-service-content .service-content-scroll.fulwidth:has(> ul > h2) > ul:last-child {
    grid-column: 1 / -1;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth:has(> ul > h2) {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth:has(> ul > h2) > ul:last-child {
        grid-column: auto;
    }

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul {
        padding: 52px 22px 22px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .service-offering-wrapper .service-content-scroll .fulwidth{    grid-template-columns: repeat(1, minmax(0, 1fr));}
    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul {
        padding: 50px 18px 20px;

        font-size: 14px;
        line-height: 1.65;

        border-radius: 13px;
    }


    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul > h2 {
        padding: 14px 16px;

        font-size: 16px;

        border-radius: 13px 13px 0 0;
    }


    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul > h2::before {
        width: 3px;
        height: 16px;

        margin-right: 8px;
    }


    /* Single UL */

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul:not(:has(> h2)) {
        padding: 20px 18px 20px 35px;

        font-size: 14px;

        border-radius: 13px;
    }


    /* Nested list */

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth ol {
        padding-left: 15px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth:has(> ul > h2) {
        gap: 12px;
    }

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul {
        padding: 48px 15px 18px;

        font-size: 13px;
    }

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul > h2 {
        padding: 13px 14px;

        font-size: 15px;
    }

    .service-offering-wrapper .new-service-content .service-content-scroll.fulwidth > ul:not(:has(> h2)) {
        padding: 18px 15px 18px 32px;

        font-size: 13px;
    }

}
section.insight-section .insights-box .insights-box-image .insights-icon img{width: 50px;height: 50px;}

/* =========================================
   NOIDA DATA CENTER SECTION
   Theme Color: #02328c
   ========================================= */

   .dc-noida-theme {
    --dc-primary: #02328c;
    --dc-primary-dark: #012565;
    --dc-primary-light: #eaf1ff;
    --dc-text: #333333;
    --dc-white: #ffffff;
}


/* Main Heading
----------------------------------------- */

.dc-noida-theme .main-heading {
    color: var(--dc-primary);
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 37px;
    line-height: 44px;
}


/* Poster Wrapper
----------------------------------------- */

.dc-noida-theme .poster {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    background: var(--dc-white);
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(2, 50, 140, 0.12);
}


/* Image Area
----------------------------------------- */

.dc-noida-theme .poster-img {
    position: relative;
    width: 50%;
    overflow: hidden;
}

.dc-noida-theme .poster-img picture {
    display: block;
    width: 100%;
    height: 100%;
}

.dc-noida-theme .poster-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Image Overlay
----------------------------------------- */

.dc-noida-theme .poster-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 50, 140, 0.05) 30%,
        rgba(2, 50, 140, 0.75) 100%
    );
    pointer-events: none;
}


/* Image Title
----------------------------------------- */

.dc-noida-theme .poster-img p {
    position: absolute;
    left: 30px;
    right: 20px;
    bottom: 25px;
    z-index: 2;

    margin: 0;
    color: var(--dc-white);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
}


/* Content Area
----------------------------------------- */

.dc-noida-theme .poster-content {
    width: 50%;
    padding: 40px;
    background: var(--dc-white);
    border-top: 5px solid var(--dc-primary);
    padding: 0px 0 50px;
}


/* Content Paragraph
----------------------------------------- */

.dc-noida-theme .poster-content p {
    margin: 0 0 25px;
    color: var(--dc-text);
    font-size: 18px;
    line-height: 1.6;
    padding-top: 20px;
}


/* List
----------------------------------------- */

.dc-noida-theme .poster-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dc-noida-theme .poster-content ul li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 30px;
    color: var(--dc-text);
    font-size: 15px;
    line-height: 1.6;
}


/* Custom Bullet */

.dc-noida-theme .poster-content ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;

    width: 10px;
    height: 10px;

    background: var(--dc-primary);
    border-radius: 50%;
}


/* Last List Item */

.dc-noida-theme .poster-content ul li:last-child {
    margin-bottom: 0;
}


/* =========================================
   HOVER EFFECT
   ========================================= */

   .dc-noida-theme .poster {
    transition: all 0.3s ease;
}

.dc-noida-theme .poster:hover {
    box-shadow: 0 12px 40px rgba(2, 50, 140, 0.18);
}


/* =========================================
   TABLET
   ========================================= */

   @media (max-width: 991px) {

    .dc-noida-theme .poster-content {
        padding: 30px;
    }

    .dc-noida-theme .poster-img p {
        left: 20px;
        bottom: 20px;
        font-size: 22px;
    }

    .dc-noida-theme .poster-content p {
        font-size: 15px;
    }

    .dc-noida-theme .poster-content ul li {
        font-size: 14px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

   @media (max-width: 767px) {

    .dc-noida-theme .poster {
        display: flex;
        flex-direction: column;
        border-radius: 8px;
    }

    .dc-noida-theme .poster-img {
        width: 100%;
        height: auto;
    }

    .dc-noida-theme .poster-img picture {
        height: auto;
    }

    .dc-noida-theme .poster-img img {
        width: 100%;
        height: auto;
        min-height: 240px;
        object-fit: cover;
    }

    .dc-noida-theme .poster-img p {
        left: 20px;
        bottom: 20px;
        font-size: 21px;
    }

    .dc-noida-theme .poster-content {
        width: 100%;
        padding: 25px 20px;
        border-top: 4px solid var(--dc-primary);
    }

    .dc-noida-theme .poster-content p {
        font-size: 15px;
        line-height: 1.65;
    }

    .dc-noida-theme .poster-content ul li {
        margin-bottom: 12px;
        padding-left: 26px;
        font-size: 14px;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

   @media (max-width: 480px) {

    .dc-noida-theme .main-heading {
        font-size: 24px;
        line-height: 1.3;
    }

    .dc-noida-theme .poster-img img {
        min-height: 210px;
    }

    .dc-noida-theme .poster-content {
        padding: 22px 16px;
    }
}


/* =========================================================
   NOIDA DATA CENTER - ENTERPRISE SECTION
   Parent Scoped CSS
   Theme Color: #02328c
========================================================= */

.dc-enterprise-section {
    position: relative;
    padding: 100px 0;
    background: #f6f9ff;
    overflow: hidden;
}


/* =========================================================
   BACKGROUND SHAPES
========================================================= */

.dc-enterprise-section .dc-enterprise-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.dc-enterprise-section .dc-bg-one {
    width: 420px;
    height: 420px;
    top: -200px;
    right: -150px;
    background: rgba(2, 50, 140, 0.045);
}

.dc-enterprise-section .dc-bg-two {
    width: 300px;
    height: 300px;
    bottom: -150px;
    left: -120px;
    background: rgba(2, 50, 140, 0.035);
}


/* =========================================================
   COMMON HEADING
========================================================= */
.dc-heading-line, .dc-content-line{display: none}
.dc-enterprise-section .main-heading {
    margin-bottom: 30px;
    color: #02328c;
    font-size: 37px;
    line-height: 1.2px;
    font-weight: 800;
}

.dc-enterprise-section .dc-section-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #02328c;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase;
}

.dc-enterprise-section .dc-heading-line {
    width: 65px;
    height: 4px;
    margin-top: 0;
    border-radius: 20px;
    background: #02328c;
}


/* =========================================================
   INTRO SECTION
========================================================= */

.dc-enterprise-section .dc-enterprise-intro {
    position: relative;
    margin-bottom: 100px;
}

.dc-enterprise-section .dc-intro-heading {
    padding-right: 35px;
}

.dc-enterprise-section .dc-intro-content {
    position: relative;
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid rgba(2, 50, 140, 0.08);
    border-radius: 24px;
    box-shadow: 0 15px 45px rgba(2, 50, 140, 0.07);
}

.dc-enterprise-section .dc-intro-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 35px;
    bottom: 35px;
    width: 4px;
    border-radius: 0 10px 10px 0;
    background: #02328c;
}

.dc-enterprise-section .dc-intro-content p {
    margin: 0 0 20px;
    color: #666666;
    font-size: 16px;
    line-height: 1.9;
}

.dc-enterprise-section .dc-intro-content p:last-child {
    margin-bottom: 0;
}

.dc-enterprise-section .dc-intro-content p b {
    color: #02328c;
    font-weight: 600;
}


/* =========================================================
   LOCATION HEADING
========================================================= */

.dc-enterprise-section .dc-location-heading {
    margin-bottom: 70px;
}

.dc-enterprise-section .dc-location-heading .dc-heading-line {
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   LOCATION SHOWCASE
========================================================= */

.dc-enterprise-section .dc-location-block {
    position: relative;
    display: flex;
    align-items: center;
    gap: 70px;
    margin-bottom: 80px;
}

.dc-enterprise-section .dc-location-block:last-child {
    margin-bottom: 0;
}

.dc-enterprise-section .dc-location-block.reverse {
    flex-direction: row-reverse;
}


/* =========================================================
   IMAGE
========================================================= */

.dc-enterprise-section .dc-location-image {
    width: 52%;
    flex: 0 0 52%;
}

.dc-enterprise-section .dc-image-wrapper {
    position: relative;
    height: 410px;
    overflow: hidden;
    border-radius: 28px;
    background: #02328c;
    box-shadow: 0 20px 50px rgba(2, 50, 140, 0.14);
}

.dc-enterprise-section .dc-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.dc-enterprise-section .dc-location-block:hover .dc-image-wrapper img {
    transform: scale(1.07);
}

.dc-enterprise-section .dc-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 50, 140, 0) 45%,
        rgba(2, 50, 140, 0.75) 100%
    );
}

.dc-enterprise-section .dc-image-label {
    position: absolute;
    left: 28px;
    bottom: 25px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* =========================================================
   CONTENT
========================================================= */

.dc-enterprise-section .dc-location-badge {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 17px;
    border: 1px solid rgba(2, 50, 140, 0.15);
    border-radius: 30px;
    background: rgba(2, 50, 140, 0.06);
    color: #02328c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dc-enterprise-section .dc-location-content h3 {
    margin: 0 0 18px;
    color: #02328c;
    font-size: 37px;
    line-height: 44px;
    font-weight: 800;
}

.dc-enterprise-section .dc-location-content h3 a {
    color: #02328c;
    text-decoration: none;
}

.dc-enterprise-section .dc-content-line {
    width: 55px;
    height: 3px;
    margin-bottom: 22px;
    border-radius: 20px;
    background: #02328c;
}



/* =========================================================
   BUTTON
========================================================= */

.dc-enterprise-section .dc-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 24px;
    border-radius: 50px;
    background: #02328c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dc-enterprise-section .dc-btn span {
    font-size: 19px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.dc-enterprise-section .dc-btn:hover {
    color: #ffffff;
    background: #01266d;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(2, 50, 140, 0.25);
}

.dc-enterprise-section .dc-btn:hover span {
    transform: translateX(5px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .dc-enterprise-section {
        padding: 75px 0;
    }

    .dc-enterprise-section .dc-enterprise-intro {
        margin-bottom: 75px;
    }

    .dc-enterprise-section .dc-intro-heading {
        padding-right: 0;
        margin-bottom: 35px;
    }

    .dc-enterprise-section .main-heading {
        font-size: 36px;
    }

    .dc-enterprise-section .dc-location-block,
    .dc-enterprise-section .dc-location-block.reverse {
        flex-direction: column;
        gap: 35px;
        margin-bottom: 60px;
    }

    .dc-enterprise-section .dc-location-image,
    .dc-enterprise-section .dc-location-content {
        width: 100%;
        flex: 0 0 100%;
    }

    .dc-enterprise-section .dc-image-wrapper {
        height: 330px;
    }

    .dc-enterprise-section .dc-location-content h3 {
        font-size: 30px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dc-enterprise-section {
        padding: 55px 0;
    }

    .dc-enterprise-section .main-heading {
        font-size: 29px;
    }

    .dc-enterprise-section .dc-section-label {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .dc-enterprise-section .dc-enterprise-intro {
        margin-bottom: 60px;
    }

    .dc-enterprise-section .dc-intro-content {
        padding: 28px 25px 28px 30px;
        border-radius: 18px;
    }

    .dc-enterprise-section .dc-intro-content:before {
        top: 25px;
        bottom: 25px;
    }

    .dc-enterprise-section .dc-intro-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .dc-enterprise-section .dc-location-heading {
        margin-bottom: 45px;
    }

    .dc-enterprise-section .dc-location-block {
        margin-bottom: 50px;
    }

    .dc-enterprise-section .dc-image-wrapper {
        height: 240px;
        border-radius: 20px;
    }

    .dc-enterprise-section .dc-image-label {
        left: 20px;
        bottom: 18px;
        font-size: 17px;
    }

    .dc-enterprise-section .dc-location-content h3 {
        font-size: 26px;
    }

    .dc-enterprise-section .dc-location-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .dc-enterprise-section .dc-location-badge {
        font-size: 10px;
        padding: 7px 13px;
    }

    .dc-enterprise-section .dc-btn {
        padding: 12px 21px;
        font-size: 13px;
    }

}

/* =========================================================
   NOIDA DATA CENTER MAP SECTION
   Theme: #02328c
   Parent Scoped CSS
========================================================= */

.dc-noida-map-section {
    position: relative;
    padding: 90px 0;
    background: #ffffff;
    overflow: hidden;
}


/* =========================================================
   BACKGROUND
========================================================= */

.dc-noida-map-section .dc-map-bg-shape {
    position: absolute;
    top: -180px;
    left: -180px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(2, 50, 140, 0.045);
    pointer-events: none;
}


/* =========================================================
   HEADING
========================================================= */

.dc-noida-map-section .dc-map-heading {
    max-width: 850px;
    margin: 0 auto 60px;
}

.dc-noida-map-section .dc-map-label {
    display: inline-block;
    margin-bottom: 15px;
    color: #02328c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dc-noida-map-section .main-heading {
    margin: 0;
    color: #02328c;
    font-size: 37px;
    line-height: 44px;
    font-weight: 800;
}

.dc-noida-map-section .dc-map-heading-line {
    width: 65px;
    height: 4px;
    margin: 20px auto 0;
    border-radius: 20px;
    background: #02328c;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.dc-noida-map-section .dc-map-layout {
    display: flex;
    align-items: stretch;
    gap: 45px;
}


/* =========================================================
   LEFT INFORMATION
========================================================= */

.dc-noida-map-section .dc-map-info {
    width: 42%;
    padding: 45px;
    border-radius: 25px;
    background: #f5f8fe;
    border: 1px solid rgba(2, 50, 140, 0.08);
    position: relative;
}

.dc-noida-map-section .dc-map-info:before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    width: 4px;
    border-radius: 0 10px 10px 0;
    background: #02328c;
}

.dc-noida-map-section .dc-map-info-label {
    display: inline-block;
    margin-bottom: 15px;
    color: #02328c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dc-noida-map-section .dc-map-info h3 {
    margin: 0 0 20px;
    color: #02328c;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 800;
}

.dc-noida-map-section .dc-map-info > p {
    margin: 0 0 30px;
    color: #666666;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   FEATURES
========================================================= */

.dc-noida-map-section .dc-map-features {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dc-noida-map-section .dc-map-feature {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dc-noida-map-section .dc-map-feature-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #02328c;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}

.dc-noida-map-section .dc-map-feature strong {
    display: block;
    margin-bottom: 3px;
    color: #02328c;
    font-size: 14px;
}

.dc-noida-map-section .dc-map-feature span {
    display: block;
    color: #777777;
    font-size: 12px;
}


/* =========================================================
   MAP
========================================================= */

.dc-noida-map-section .dc-map-wrapper {
    width: 58%;
    position: relative;
}

.dc-noida-map-section .dc-map-frame {
    height: 100%;
    min-height: 480px;
    padding: 10px;
    border-radius: 25px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(2, 50, 140, 0.13);
    border: 1px solid rgba(2, 50, 140, 0.1);
}

.dc-noida-map-section .dc-map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 460px;
    border: 0;
    border-radius: 18px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .dc-noida-map-section {
        padding: 70px 0;
    }

    .dc-noida-map-section .dc-map-heading {
        margin-bottom: 45px;
    }

    .dc-noida-map-section .main-heading {
        font-size: 34px;
    }

    .dc-noida-map-section .dc-map-layout {
        flex-direction: column;
        gap: 30px;
    }

    .dc-noida-map-section .dc-map-info,
    .dc-noida-map-section .dc-map-wrapper {
        width: 100%;
    }

    .dc-noida-map-section .dc-map-frame {
        min-height: 400px;
    }

    .dc-noida-map-section .dc-map-frame iframe {
        min-height: 380px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dc-noida-map-section {
        padding: 55px 0;
    }

    .dc-noida-map-section .dc-map-heading {
        margin-bottom: 35px;
    }

    .dc-noida-map-section .main-heading {
        font-size: 27px;
    }

    .dc-noida-map-section .dc-map-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .dc-noida-map-section .dc-map-info {
        padding: 30px 25px 30px 30px;
        border-radius: 20px;
    }

    .dc-noida-map-section .dc-map-info h3 {
        font-size: 25px;
    }

    .dc-noida-map-section .dc-map-info > p {
        font-size: 14px;
    }

    .dc-noida-map-section .dc-map-frame {
        min-height: 300px;
        padding: 7px;
        border-radius: 20px;
    }

    .dc-noida-map-section .dc-map-frame iframe {
        min-height: 285px;
        border-radius: 14px;
    }

    .dc-noida-map-section .dc-map-feature-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }

}

/* =========================================================
   CYFUTURE FEATURES - 4 BOX HORIZONTAL LAYOUT
   Theme: #02328c
========================================================= */

.dc-features-modern-section {
    position: relative;
    padding: 90px 0;
    background: #f6f9ff;
    overflow: hidden;
}


/* Background */

.dc-features-modern-section .dc-features-bg-one {
    position: absolute;
    width: 400px;
    height: 400px;
    top: -220px;
    right: -150px;
    border-radius: 50%;
    background: rgba(2, 50, 140, 0.045);
    pointer-events: none;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dc-features-modern-section .dc-features-header {
    max-width: 850px;
    margin: 0 auto 55px;
}

.dc-features-modern-section .dc-features-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #02328c;
    font-size: 37px;
    font-weight: 700;
    line-height: 44px;
    text-transform: uppercase;
}

.dc-features-modern-section .dc-features-title {
    margin: 0;
    color: #02328c;
    font-size: 37px;
    line-height: 44px;
    font-weight: 600;
}

.dc-features-modern-section .dc-features-heading-line {
    width: 65px;
    height: 4px;
    margin: 18px auto 0;
    border-radius: 30px;
    background: #02328c;
}


/* =========================================================
   4 BOX GRID
========================================================= */

.dc-features-modern-section .dc-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}


/* =========================================================
   FEATURE BOX
========================================================= */

.dc-features-modern-section .dc-feature-box {
    position: relative;
    min-height: 440px;
    padding: 35px 28px;
    background: #ffffff;
    border: 1px solid rgba(2, 50, 140, 0.08);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(2, 50, 140, 0.06);
    transition: all 0.4s ease;
}

.dc-features-modern-section .dc-feature-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #02328c;
}

.dc-features-modern-section .dc-feature-box:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    top: -70px;
    right: -70px;
    border-radius: 50%;
    background: rgba(2, 50, 140, 0.045);
    transition: all 0.4s ease;
}

.dc-features-modern-section .dc-feature-box:hover {
    transform: translateY(-8px);
    border-color: rgba(2, 50, 140, 0.15);
    box-shadow: 0 22px 50px rgba(2, 50, 140, 0.14);
}

.dc-features-modern-section .dc-feature-box:hover:after {
    transform: scale(1.5);
}


/* =========================================================
   ICON
========================================================= */

.dc-features-modern-section .dc-feature-icon {
    position: relative;
    z-index: 1;
    width: 85px;
    height: 85px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #f0f5ff;
    border: 1px solid rgba(2, 50, 140, 0.08);
    transition: all 0.4s ease;
}

.dc-features-modern-section .dc-feature-icon img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    transition: all 0.4s ease;
}

.dc-features-modern-section .dc-feature-box:hover .dc-feature-icon {
    background: #02328c;
}

.dc-features-modern-section .dc-feature-box:hover .dc-feature-icon img {
    transform: scale(1.1);
}


/* =========================================================
   CONTENT
========================================================= */

.dc-features-modern-section .dc-feature-label {
    display: block;
    margin-bottom: 10px;
    color: #02328c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dc-features-modern-section .dc-feature-box h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    color: #02328c;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 800;
}

.dc-features-modern-section .dc-feature-box p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {

    .dc-features-modern-section .dc-features-grid {
        gap: 18px;
    }

    .dc-features-modern-section .dc-feature-box {
        padding: 30px 22px;
    }

    .dc-features-modern-section .dc-feature-box h3 {
        font-size: 21px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .dc-features-modern-section {
        padding: 70px 0;
    }

    .dc-features-modern-section .dc-features-title {
        font-size: 34px;
    }

    .dc-features-modern-section .dc-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    .dc-features-modern-section .dc-feature-box {
        min-height: 390px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    .dc-features-modern-section {
        padding: 55px 0;
    }

    .dc-features-modern-section .dc-features-header {
        margin-bottom: 40px;
    }

    .dc-features-modern-section .dc-features-title {
        font-size: 28px;
    }

    .dc-features-modern-section .dc-features-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .dc-features-modern-section .dc-feature-box {
        min-height: auto;
        padding: 28px 24px;
    }

}
.background-tabing-image{
    position: relative;
    background: url(../images/background-tabing-image.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 150px 0;
}


/* ===== Use Cases card grid ===== */
  /* Prefixed "uc-" classes on purpose — avoids clashing with Bootstrap's
     built-in .card component that most themes already load site-wide. */

     .use-cases-section {
        --uc-radius: 18px;
        --uc-min-height: 380px;
        --uc-title-size: 1.5rem;
        --uc-desc-size: 0.95rem;
        padding: 60px 0;
    }

    .use-cases-section .uc-grid {
        margin-top: 40px;
        row-gap: 22px;
    }

  /* Column stretches to full row height (Bootstrap rows are flex by default,
     the card itself needs height:100% to actually fill that space) */
     .use-cases-section .uc-col {
        display: flex !important;
    }

    .use-cases-section .uc-card {
        position: relative !important;
        display: block !important;
        width: 100%;
        height: 500px;
        min-height: var(--uc-min-height);
        border-radius: var(--uc-radius) !important;
        overflow: hidden !important;
        isolation: isolate;
        background-color: #1a1a1a; /* fallback while image loads */
        border: none !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
        transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    /* background image layer — swap the <img src> to update visuals */
    .use-cases-section .uc-card__image {
        display: block !important;
        position: absolute !important;
        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        z-index: 1 !important;
        margin: 0 !important;
        opacity: 1 !important;
        transition: transform 0.6s ease;
    }

  /* overlay box: color comes from the inline style on each card (see markup above),
     these rules just guarantee it sits on top, full-size, and always visible */
     .use-cases-section .uc-card__overlay {
        display: block !important;
        position: absolute !important;
        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 2 !important;
        opacity: 1 !important;
        pointer-events: none;
    }

    /* text content layer — pinned to the bottom of the card */
    .use-cases-section .uc-card__content {
        position: absolute !important;
        left: 0 !important; right: 0 !important; bottom: 0 !important;
        top: auto !important;
        z-index: 3 !important;
        padding: 26px 24px 28px;
        color: #ffffff;
        text-align: left;
    }

    .use-cases-section .uc-card__title {
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: #ffffff !important;
    }

    .use-cases-section .uc-card__desc {
        margin: 0;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.88) !important;
        max-width: 34ch;
    }

    /* ===== Hover effect ===== */
    .use-cases-section .uc-card:hover,
    .use-cases-section .uc-card:focus-within {
        transform: translateY(-6px);
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22) !important;
    }

    .use-cases-section .uc-card:hover .uc-card__image,
    .use-cases-section .uc-card:focus-within .uc-card__image {
        transform: scale(1.08);
    }

    .use-cases-section .uc-card__link {
        position: absolute !important;
        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
        z-index: 4 !important;
        outline-offset: -4px;
    }

    /* ===== Responsive ===== */
    @media (max-width: 991px) {
        .use-cases-section { --uc-min-height: 340px; }
    }

    @media (max-width: 575px) {
        .use-cases-section {
          --uc-min-height: 260px;
          --uc-title-size: 1.3rem;
          --uc-desc-size: 0.9rem;
      }
      .use-cases-section .uc-col {
          margin-bottom: 16px;
      }
      .use-cases-section .uc-card__content {
          padding: 20px 18px 22px;
      }
  }

  @media (prefers-reduced-motion: reduce) {
    .use-cases-section .uc-card,
    .use-cases-section .uc-card__image {
      transition: none;
  }
}
/* ===== Built to Scale section — no CSS custom properties, plain values only ===== */
.gpu-data-centerbg{background: #ffffff}
.why-us-section2{background: url("../images/why-us-section2.jpg") center center}
.scale-section {
    padding: 70px 0;
}
/* ---------- Left column: text ---------- */
.scale-text {
    max-width: 640px;
}
.scale-eyebrow {
    margin: 0 0 6px;
    color:#2a75fb;
    font-weight: 600;
    font-size: 37px;
    line-height: 44px;
}
.scale-heading {
    margin: 0 0 22px;
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    color: #0d3d97;
}
.scale-para {
    margin: 0 0 18px;
    color: #555f72;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}
.scale-para:last-child {
    margin-bottom: 0;
}
/* ---------- Right column: card grid ---------- */
.scale-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.scale-card {
    flex: 1 1 260px;
    min-width: 240px;
    background-color: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 31, 61, 0.10);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.scale-card__image-wrap {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #0f1f3d;
}
.scale-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}
.scale-card__body {
    padding: 22px 22px 24px;
}
.scale-card__title {
    margin: 0 0 12px;
    color: #0f2f73;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}
.scale-card__desc {
    margin: 0 0 16px;
    color: #555f72;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}
.scale-card__link {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #2563eb;
    text-decoration: underline;
}
.scale-card__link:hover {
    color: #1d4ed8;
}
/* ---------- Hover effect ---------- */
.scale-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(15, 31, 61, 0.16);
}
.scale-card:hover .scale-card__image {
    transform: scale(1.06);
}
/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .scale-text {
      max-width: 100%;
      margin-bottom: 40px;
  }
  .scale-heading {
      font-size: 1.8rem;
  }
}
@media (max-width: 575px) {
    .scale-section {
      padding: 44px 0;
  }
  .scale-eyebrow {
      font-size: 1.15rem;
  }
  .scale-heading {
      font-size: 1.5rem;
      margin-bottom: 16px;
  }
  .scale-cards {
      flex-direction: column;
  }
  .scale-card {
      min-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
    .scale-card,
    .scale-card__image {
      transition: none;
  }
}

/* ===== Owl Carousel additions only — nothing above this line was touched ===== */
.scale-cards.owl-carousel {
    display: block; /* owl needs to control its own layout once it's initialized */
}

.scale-cards .owl-stage {
    display: flex;
}

.scale-cards .owl-item .scale-card {
    height: 100%;
    margin: 0 12px; /* replaces the old flex "gap" now that owl handles item margin */
}

.scale-cards .owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 26px;
}

.scale-cards .owl-dot span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #0d3d97;
    background-color: #ffffff;
    color: #0d3d97;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.scale-cards .owl-dot.active span,
.scale-cards .owl-dot:hover span {
    background-color: #0d3d97;
    color: #ffffff;
}


/*...applysec1 aplysec1 current-opportunity-page......*/

/* =========================================================
   Cyfuture — Current Opportunity Details Page
   New parent class: .cyf-opp-details
   Theme colors: #0a2f7a (deep navy) + #2167ff (bright blue)
   No existing markup/classes altered — only new rules added
   scoped under .cyf-opp-details so nothing else on the site
   is affected.
   ========================================================= */

   .cyf-opp-details {
     --cyf-navy: #0a2f7a;
     --cyf-blue: #2167ff;
     --cyf-gradient: linear-gradient(135deg, #0a2f7a 0%, #2167ff 100%);
     --cyf-gradient-soft: linear-gradient(135deg, rgba(10,47,122,0.06) 0%, rgba(33,103,255,0.06) 100%);
     --cyf-ink: #16213e;
     --cyf-muted: #5b6a8c;
     --cyf-border: #e3e8f5;
     --cyf-bg: #f5f7fc;
     --cyf-white: #ffffff;
     --cyf-radius: 14px;
     --cyf-shadow: 0 10px 30px rgba(10, 47, 122, 0.08);

     background: var(--cyf-bg);
     font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
     color: var(--cyf-ink);
     padding-top: 40px;
     padding-bottom: 40px;
 }

/* ---------------------------------------------------------
   Container width control (keeps bootstrap grid intact,
   just gives it breathing room)
   --------------------------------------------------------- */
   .cyf-opp-details .container {
     margin: 0 auto;
     float: none;
 }

/* ---------------------------------------------------------
   Top bar / openings badge area
   --------------------------------------------------------- */
   .cyf-opp-details .currenttopbtn {
     min-height: 4px;
 }

/* ---------------------------------------------------------
   Job title — treated as the page's hero heading
   --------------------------------------------------------- */
   .cyf-opp-details .opportunitylist:first-of-type {
     background: var(--cyf-gradient);
     border-radius: var(--cyf-radius);
     padding: 34px 36px;
     margin-bottom: 22px;
     box-shadow: var(--cyf-shadow);
     position: relative;
     overflow: hidden;
 }

 .cyf-opp-details .opportunitylist:first-of-type::after {
     content: "";
     position: absolute;
     right: -60px;
     top: -60px;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.07);
 }

 .cyf-opp-details .opportunitylist:first-of-type h2 {
     color: rgba(255, 255, 255, 0.75);
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0.02em;
     margin: 0 0 8px;
     border: none;
     padding: 0;
 }

 .cyf-opp-details .opportunitylist:first-of-type h2 + * ,
 .cyf-opp-details .opportunitylist:first-of-type {
     font-size: 28px;
     font-weight: 700;
     color: var(--cyf-white);
     line-height: 1.3;
 }

/* ---------------------------------------------------------
   Generic content cards (Responsibilities, Skills,
   Apply-If, Perks, Recruiter, Apply block)
   --------------------------------------------------------- */
   .cyf-opp-details .opportunitylist {
     background: var(--cyf-white);
     border: 1px solid var(--cyf-border);
     border-left: 4px solid var(--cyf-blue);
     border-radius: var(--cyf-radius);
     padding: 26px 30px;
     margin-bottom: 20px;
     box-shadow: var(--cyf-shadow);
     font-size: 15.5px;
     line-height: 1.75;
     color: var(--cyf-muted);
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .cyf-opp-details .opportunitylist h2 {
     font-size: 19px;
     font-weight: 700;
     color: var(--cyf-navy);
     margin: 0 0 14px;
     padding: 0 0 12px;
     border-bottom: 1px solid var(--cyf-border);
     letter-spacing: 0;
 }

 .cyf-opp-details .opportunitylist ul,
 .cyf-opp-details .opportunitylist ol {
     padding-left: 0px;
     margin: 0;
 }

 .cyf-opp-details .opportunitylist li {
     margin-bottom: 8px;
     font-size: 16px;
     line-height: 20px;
 }

 .cyf-opp-details .opportunitylist p {
     margin: 0 0 12px;
 }

 .cyf-opp-details .opportunitylist p:last-child {
     margin-bottom: 0;
 }

/* ---------------------------------------------------------
   Recruiter details table
   --------------------------------------------------------- */
   .cyf-opp-details .opportunitylist table {
     width: 100%;
     border-collapse: collapse;
 }

 .cyf-opp-details .opportunitylist table tr {
     border-bottom: 1px solid var(--cyf-border);
 }

 .cyf-opp-details .opportunitylist table tr:last-child {
     border-bottom: none;
 }

 .cyf-opp-details .opportunitylist table td {
     padding: 12px 8px;
     font-size: 15px;
     color: var(--cyf-muted);
     vertical-align: middle;
 }

 .cyf-opp-details .opportunitylist table td strong {
     color: var(--cyf-navy);
     font-weight: 600;
 }

 .cyf-opp-details .opportunitylist table td a {
     color: var(--cyf-blue) !important;
     text-decoration: none;
     font-weight: 600;
 }

 .cyf-opp-details .opportunitylist table td a:hover {
     text-decoration: underline;
 }

/* ---------------------------------------------------------
   Apply Now button (inside the last card)
   --------------------------------------------------------- */
   .cyf-opp-details .aoplnow {
     display: inline-block;
     background: var(--cyf-gradient);
     color: var(--cyf-white) !important;
     font-weight: 700;
     font-size: 15px;
     text-decoration: none;
     padding: 14px 42px;
     border-radius: 50px;
     box-shadow: 0 8px 20px rgba(33, 103, 255, 0.35);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .cyf-opp-details .aoplnow:hover {
     transform: translateY(-2px);
     box-shadow: 0 12px 26px rgba(10, 47, 122, 0.4);
     color: var(--cyf-white) !important;
 }

/* ---------------------------------------------------------
   Upload resume banner (second <section>)
   --------------------------------------------------------- */
   .cyf-opp-details .uploadresue {
     background: var(--cyf-gradient);
     border-radius: var(--cyf-radius);
     margin-top: 10px;
     padding: 50px 38px;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     box-shadow: var(--cyf-shadow);
 }

 .cyf-opp-details .uploadresue .col-sm-8,
 .cyf-opp-details .uploadresue .col-sm-4 {
     float: none;
     width: auto;
     padding: 0;
 }

 .cyf-opp-details .uploadresue .col-sm-8 {
     flex: 1 1 480px;
 }

 .cyf-opp-details .uploadresue .col-sm-4 {
     flex: 0 0 auto;
     margin-left: auto;
     text-align: right;
 }

 .cyf-opp-details .uploadresue h2 {
     color: var(--cyf-white);
     font-size: 24px;
     font-weight: 700;
     margin: 0;
     border: none;
     padding: 0;
     line-height: 1.4;
 }

 .cyf-opp-details .uploadresue h2 span {
     display: block;
     margin-top: 8px;
     font-size: 14.5px;
     font-weight: 400;
     color: rgba(255, 255, 255, 0.82);
     line-height: 1.6;
 }

 .cyf-opp-details .resumebtn {
     display: inline-block;
     background: var(--cyf-white);
     color: var(--cyf-navy) !important;
     font-weight: 700;
     font-size: 15px;
     text-decoration: none;
     padding: 14px 36px;
     border-radius: 50px;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .cyf-opp-details .resumebtn span {
     color: var(--cyf-navy);
 }

 .cyf-opp-details .resumebtn:hover {
     transform: translateY(-2px);
     box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
 }

/* ---------------------------------------------------------
   Two-column layout
   Main content (left) + Sidebar (right):
   Skill Requirement, Perks and Benefits,
   Recruiter Details, Apply Now button.
   The DOM reordering itself is done by job-details.js —
   this only styles the two resulting columns.
   --------------------------------------------------------- */
   .cyf-opp-details .cyf-two-col {
     display: grid;
     grid-template-columns: 75% 25%;
     gap: 24px;
     align-items: start;
 }

 .cyf-opp-details .cyf-main-col,
 .cyf-opp-details .cyf-side-col {
     display: flex;
     flex-direction: column;
 }

 .cyf-opp-details .cyf-side-col {
     position: sticky;
     top: 20px;
 }

/* Sidebar cards get a slightly tighter, distinct treatment
   so the eye reads them as a secondary rail, not a repeat
   of the main column */
   .cyf-opp-details .cyf-side-col .opportunitylist {
     padding: 22px 24px;
     border-left-width: 3px;
 }

 .cyf-opp-details .cyf-side-col .opportunitylist h2 {
     font-size: 16px;
 }

/* The Apply Now card, when moved into the sidebar, is made
   to stand out as the primary call to action */
   .cyf-opp-details .cyf-side-col .opportunitylist:has(.aoplnow) {
     background: var(--cyf-gradient);
     border: none;
     text-align: center;
     padding: 20px 16px;
 }

/* Smaller, centered pill button with a trailing arrow icon */
.cyf-opp-details .cyf-side-col .aoplnow {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 width: auto;
 min-width: 0;
 padding: 9px 22px;
 font-size: 13.5px;
 box-shadow: none;
 margin: 0 auto;
}

.cyf-opp-details .cyf-side-col .aoplnow .cyf-apply-icon {
 font-size: 12px;
 line-height: 1;
 transition: transform 0.2s ease;
}

.cyf-opp-details .cyf-side-col .aoplnow:hover .cyf-apply-icon {
 transform: translateX(3px);
}

/* ---------------------------------------------------------
   Responsive breakpoints
   --------------------------------------------------------- */

/* Tablets */
@media (max-width: 991px) {
 .cyf-opp-details {
  padding-top: 28px;
  padding-bottom: 28px;
}

.cyf-opp-details .container {
  max-width: 92%;
}

.cyf-opp-details .cyf-two-col {
  grid-template-columns: 1fr;
}

.cyf-opp-details .cyf-side-col {
  position: static;
}

.cyf-opp-details .opportunitylist:first-of-type {
  padding: 28px 26px;
}

.cyf-opp-details .opportunitylist:first-of-type,
.cyf-opp-details .opportunitylist:first-of-type h2 + * {
  font-size: 24px;
}

.cyf-opp-details .opportunitylist {
  padding: 22px 24px;
}
}

/* Small tablets / large phones */
@media (max-width: 767px) {
 .cyf-opp-details .container {
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.cyf-opp-details .opportunitylist:first-of-type {
  padding: 24px 20px;
  border-radius: 10px;
}

.cyf-opp-details .opportunitylist:first-of-type,
.cyf-opp-details .opportunitylist:first-of-type h2 + * {
  font-size: 21px;
}

.cyf-opp-details .opportunitylist {
  padding: 20px 18px;
  border-radius: 10px;
  font-size: 14.5px;
}

.cyf-opp-details .opportunitylist h2 {
  font-size: 17px;
}

.cyf-opp-details .opportunitylist table td {
  display: block;
  width: 100% !important;
  padding: 4px 0;
}

.cyf-opp-details .opportunitylist table tr {
  display: block;
  padding: 10px 0;
}

.cyf-opp-details .cyf-main-col .aoplnow {
  display: block;
  text-align: center;
  padding: 14px 20px;
}

.cyf-opp-details .cyf-side-col .aoplnow {
  display: inline-flex;
  padding: 9px 22px;
}

.cyf-opp-details .uploadresue {
  flex-direction: column;
  align-items: flex-start;
  padding: 26px 22px;
  border-radius: 10px;
  text-align: left;
}

.cyf-opp-details .uploadresue .col-sm-4 {
  margin-left: 0;
  margin-top: 20px;
  width: 100%;
  text-align: left;
}

.cyf-opp-details .resumebtn {
  display: block;
  text-align: center;
  width: 100%;
}

.cyf-opp-details .uploadresue h2 {
  font-size: 20px;
}
}

/* Phones */
@media (max-width: 480px) {
 .cyf-opp-details .opportunitylist:first-of-type,
 .cyf-opp-details .opportunitylist:first-of-type h2 + * {
  font-size: 19px;
}

.cyf-opp-details .opportunitylist {
  padding: 18px 16px;
}

.cyf-opp-details .opportunitylist h2 {
  font-size: 16px;
}

.cyf-opp-details .uploadresue h2 {
  font-size: 18px;
}

.cyf-opp-details .uploadresue h2 span {
  font-size: 13.5px;
}
}

/*...applysec1 aplysec1 current-opportunity-page.......*/

/* ==========================================
   SaaS Benefits Section
   Scoped - Only this section
   ========================================== */

   .saas-benefits-section {
      width: 100%;
      max-width: 100%;
      margin: 35px 0 0;
      padding: 0;
      box-sizing: border-box;
  }

  .saas-benefits-section *,
  .saas-benefits-section *::before,
  .saas-benefits-section *::after {
      box-sizing: border-box;
  }


/* ==========================================
   Main Grid
   ========================================== */

   .saas-benefits-section .half-li {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 35px 50px;

      width: 100%;
      margin: 0;
      padding: 0;

      list-style: none;
  }


/* ==========================================
   Individual Item
   ========================================== */

   .saas-benefits-section .half-li > li {
      display: flex;
      align-items: flex-start;

      width: 100%;
      min-width: 0;

      margin: 0;
      background: #fff;
      padding: 40px 30px;
      border-radius: 10px;
      gap: 20px;
  }


/* ==========================================
   Icon
   ========================================== */

   .saas-benefits-section .ab-icon {
      flex: 0 0 70px;
      width: 70px;
      min-width: 70px;

      display: flex;
      align-items: flex-start;
      justify-content: center;
  }

  .saas-benefits-section .ab-icon img {
      display: block;

      width: auto;
      max-width: 100%;
      height: auto;
  }


/* ==========================================
   Content
   ========================================== */

   .saas-benefits-section .ab-content {
      flex: 1 1 auto;
      width: 100%;
      min-width: 0;
  }


/* Heading */

.saas-benefits-section .ab-content h4 {
  margin-top: 0;
  margin-bottom: 0px;

  color: #183452;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;

  transition: color 0.3s ease;
}


/* Paragraph */

.saas-benefits-section .ab-content p {
  margin-top: 0;
  margin-bottom: 0;

  color: #000;
}

.saas-benefits-section-main{background: linear-gradient(45deg, rgb(156, 204, 251) 0%, rgb(126, 183, 250) 25%, rgb(90, 152, 248) 55%, rgb(63, 125, 247) 80%, rgb(50, 111, 242) 100%)}
/* ==========================================
   Tablet
   ========================================== */

   @media (max-width: 991px) {

      .saas-benefits-section {
        margin-top: 30px;
    }

    .saas-benefits-section .half-li {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .saas-benefits-section .half-li > li {
        gap: 20px;
    }

}


/* ==========================================
   Mobile
   ========================================== */

   @media (max-width: 575px) {

      .saas-benefits-section {
        margin-top: 25px;
    }

    .saas-benefits-section .half-li {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .saas-benefits-section .half-li > li {
        gap: 15px;
    }

    .saas-benefits-section .ab-icon {
        flex: 0 0 55px;
        width: 55px;
        min-width: 55px;
    }

}


/* ==========================================
   Small Mobile
   ========================================== */

   @media (max-width: 375px) {

      .saas-benefits-section .half-li > li {
        gap: 12px;
    }

    .saas-benefits-section .ab-icon {
        flex: 0 0 45px;
        width: 45px;
        min-width: 45px;
    }

}
.bankingofferingpage .offeringmainbox{padding: 30px;border: 1px solid #b3d8ff;}
.bankingofferingpage .offeringmainbox .bankingofferingheading{color: #183452; text-align: left; font-size: 18px; font-weight: 700;line-height:1.6;}
/* ============================================================
   FOOTER
============================================================ */
.inner-banner-image .about-content{padding-top: 280px;}
.cyfuture-footer {
    background: #f8f9fc;
    padding: 90px 0 30px;
    border-top: 1px solid #eef1f6;
}

.footer-logo {
    width: 180px;
    margin-bottom: 25px;
    transition: opacity 0.28s ease;
}

.footer-logo:hover {
    opacity: 0.78;
}

.company-name {
    font-size: 18px;
    font-weight: 700;
    color: #0a2f7a;
    margin-bottom: 12px;
}

.footer-address,
.footer-phone,
.footer-email {
    font-size: 14px;
    line-height: 1.8;
    color: #596ea7;
    margin: 0;
}

.footer-email a {
    color: #2167ff;
}

.footer-email a:hover {
    text-decoration: underline;
}

.cyfuture-footer h5 {
    color: #0a2f7a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

.cyfuture-footer h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2.5px;
    background: #2167ff;
    border-radius: 2px;
    transition: width 0.28s ease;
}

.quote-btn {
    overflow: hidden;
    position: relative;
}

.quote-btn::before {

    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .18);
    transform: skewX(-30deg);
    transition: .6s;

}

.quote-btn:hover::before {

    left: 130%;

}

.btn-hover {

    transform: translateY(-3px);

}

.footer-column:hover h5::after {
    width: 52px;
}

.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 12px;
}

.footer-menu li a {
    color: #596ea7;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.28s ease, padding-left 0.28s ease;
}

.footer-menu li a::before {
    content: '';
    width: 0;
    height: 1.5px;
    background: #2167ff;
    transition: width 0.28s ease;
    display: inline-block;
    flex-shrink: 0;
}

.footer-menu li a:hover {
    color: #2167ff;
    padding-left: 4px;
}

.footer-menu li a:hover::before {
    width: 10px;
}

.social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.social-icons a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #7bb5ff;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
    transition: background 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

.social-icons a:hover {
    background: #2167ff;
    transform: translateY(-6px);
    box-shadow: 0 10px 24px rgba(33, 103, 255, 0.36);
}

.new-badge {
    background: #dbe7ff;
    color: #1c6afe;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 8px;
    font-weight: 700;
}

.we-are-hiring {
    background: #1c6afe;
    color: #fff;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 4px;
    margin-left: 8px;
    font-weight: 700;
    animation: hirePulse 2s ease-in-out infinite;
}

@keyframes hirePulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(28, 106, 254, 0.35);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(28, 106, 254, 0);
    }
}

.footer-divider {
    height: 1px;
    background: #e5e7eb;
    margin: 45px 0 25px;
}

.footer-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-links a {
    color: #596ea7;
    text-decoration: none;
    font-size: 14px;
    padding: 0 18px;
    position: relative;
    transition: color 0.28s ease;
}

.footer-links a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #d6dceb;
}

.footer-links a:first-child {
    padding-left: 0;
}

.footer-links a:hover {
    color: #2167ff;
}

.copyright {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    padding-bottom: 12px;
    margin-bottom: 0px
}

.footer-column {
    transition: transform 0.36s ease;
    /* padding-left: 30px; */
}

.footer-column:not(:last-child) {
    border-right: 1px solid #e5e7eb;
}



.footer-column:hover {
    transform: translateY(-4px);
}

/* ============================================================
   CLUTCH RATING
============================================================ */

.clutch-rating {
    margin-top: 14px;
}

.clutch-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 5px;
}

.rating-text {
    font-size: 14px;
    color: #4b5563;
}

.rating-text strong {
    color: #0a2f7a;
}

.rating-stars {
    color: #03328c;
    letter-spacing: 2px;
    font-size: 16px;
    animation: starGlow 2.2s ease-in-out infinite;
}

.clutch-review {
    color: #596ea7;
    font-size: 13px;
    font-weight: 600;
}

.clutch-review a {
    color: #2167ff;
}

.clutch-review a:hover {
    text-decoration: underline;
}

@keyframes starGlow {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}


/*==================================================
                TECHNOLOGY STACK SECTION
==================================================*/

.technology-stack-section{
    position:relative;
    padding:100px 0;
    background:#f8fbff;
    overflow:hidden;
}


.technology-stack-wrapper{
    position:relative;
}


/*==================================================
                ROW
==================================================*/

.technology-stack-section .row{
    margin-left:-15px;
    margin-right:-15px;
}

.technology-stack-section .row>[class*="col-"]{
    padding-left:15px;
    padding-right:15px;
}


/*==================================================
                CARD
==================================================*/

.technology-card{
    position:relative;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    height:100%;
    box-shadow: 0 0 25px rgba(131, 160, 255, 0.18);
    transition:all .35s ease;
    display:flex;
    flex-direction:column;
    will-change:transform;
}

.technology-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}


/*==================================================
                CARD TOP
==================================================*/

.technology-card-top{
    position:relative;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 25px;
}

.technology-card-top h3{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:700;
    line-height:30px;
    width:75%;
}


/*==================================================
                ICON
==================================================*/

.technology-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.technology-icon img{
    max-width:100%;
    transition:.4s;
}

.technology-card:hover .technology-icon img{
    transform:rotate(10deg) scale(1.08);
}


/*==================================================
                BODY
==================================================*/

.technology-card-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:28px 25px;
}

.technology-card-body p{
    color:#555;
    font-size:17px;
    line-height:24px;
    margin:0 0 22px;
    min-height:120px;
}


/*==================================================
                DIVIDER
==================================================*/

.technology-divider{
    width:100%;
    height:1px;
    background:#ececec;
    margin-bottom:22px;
}


/*==================================================
                LOGO LIST
==================================================*/

/*==================================================
                HEADER COLORS
==================================================*/
.database-card{border: 1px solid #e0e8fd}
.backend-card{border: 1px solid #ffd2b0}
.frontend-card{border: 1px solid #e8cafe}
.opensource-card{border: 1px solid #aaebde}
.mobility-card{border: 1px solid #bde1fa}
.framework-card{border: 1px solid #cbeb98}
.cms-card{border:1px solid #dde6f1}
.ecommerce-card{border: 1px solid #eddb6d}
.cloud-card{border: 1px solid #facbcb}
.social-card{border: 1px solid #bde1fa;}
.content-card{border: 1px solid #e8cafe;}
.project-card{border: 1px solid #ffd2b0}
.database-top{
 background:linear-gradient(135deg, #bfd2ff 0%, #dde6fd 50%, #f8faff 100%);
}

.backend-top{
    background: linear-gradient(135deg, #f9e9db 0%, #fff6ef 50%, #fff9f3 100%);
}

.frontend-top{
    background: linear-gradient(135deg, #ede2f5 0%, #f7effc 50%, #f9f2fd 100%);
}

.opensource-top{
    background: linear-gradient(135deg, #dcf0ec 0%, #ebf9f5 50%, #f1fbf9 100%);
}

.mobility-top{
    background: linear-gradient(135deg, #d9edfb 0%, #edf5fb 50%, #f1f7fb 100%);
}

.framework-top{
    background: linear-gradient(135deg, #ebf8d6 0%, #f7fcef 50%, #f7fcf0 100%);
}

.cms-top{
    background: linear-gradient(135deg, #dae2eb 0%, #edf0f3 50%, #f1f2f4 100%);
}

.ecommerce-top{
    background: linear-gradient(135deg, #fff4b2 0%, #fdf6d6 50%, #fcf7de 100%);
}

.cloud-top{
 background: linear-gradient(135deg, #fed5d5 0%, #fdebe9 50%, #fdedec 100%);
}

.social-top{
   background: linear-gradient(135deg, #d9edfb 0%, #f0f6fb 50%, #f1f7fb 100%);
}

.content-top{
    background: linear-gradient(135deg, #ede2f5 0%, #f8f1fd 50%, #f9f2fd 100%);
}

.project-top{
    background: linear-gradient(135deg, #f9e9db 0%, #fff6ef 50%, #fff9f3 100%);
}


/*==================================================
                HOVER EFFECT
==================================================*/

.technology-card:before{
    content:"";
    position:absolute;
    top:0;
    left:-130%;
    width:70%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.18),
        transparent);
    transform:skewX(-25deg);
    transition:.8s;
}

.technology-card:hover:before{
    left:150%;
}
/*==================================================
            LOGO GRID
==================================================*/

.technology-logo-list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:16px;
    min-height:90px;
}

.technology-logo-list img{ 
    width:100%;
    max-width: 100%;
    object-fit:contain;
    filter:grayscale(0);
    transition:all .35s ease;
}

.technology-card:hover .technology-logo-list img{
    opacity:.85;
}

.technology-logo-list img:hover{
    transform:scale(1.12);
    opacity:1 !important;
}


/*==================================================
            CARD SPACING
==================================================*/

.technology-card-body{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex:1;
}

.technology-card-body p{
    flex:1;
}


/*==================================================
            TOP CORNER ICON
==================================================*/

.technology-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
}

.technology-icon img{

    width:34px;

    height:34px;

}


/*==================================================
            CARD SHINE
==================================================*/


.technology-card::after{
    content:"";
    position:absolute;
    top:-120%;
    left:-45%;
    width:45%;
    height:250%;
    background:rgba(255,255,255,.15);
    transform:rotate(25deg);
    transition:.8s;
}

.technology-card:hover::after{
    left:150%;
}


/*==================================================
            HEADER CURVE
==================================================*/

.technology-card-top{
    overflow:hidden;
}

.technology-card-top::before{
    content:"";
    position:absolute;
    right:-60px;
    top:-60px;
    width:160px;
    height:160px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}


/*==================================================
            HEADER BOTTOM SHADOW
==================================================*/

.technology-card-top::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    background:rgba(255,255,255,.15);
}


/*==================================================
            TITLE
==================================================*/

.technology-card-top h3{
    transition:.35s;
}

.technology-card:hover .technology-card-top h3{
    transform:translateX(4px);
}


/*==================================================
            PARAGRAPH
==================================================*/

.technology-card-body p{
    transition:.35s;
}

.technology-card:hover .technology-card-body p{
    color:#333;
}


/*==================================================
            DIVIDER
==================================================*/

.technology-divider{

    transition:.35s;

}

.technology-card:hover .technology-divider{

    background:#d6dce5;

}


/*==================================================
            GLASS EFFECT
==================================================*/

@supports(backdrop-filter:blur(6px)){

    .technology-card:hover{

        backdrop-filter:blur(6px);

    }

}


/*==================================================
            CARD ANIMATION
==================================================*/


.technology-card[data-aos]{

    transition-property:transform,opacity;

}


/*==================================================
            IMAGE LOADING
==================================================*/

.technology-logo-list img{

    display:block;

}


/*==================================================
            FOCUS
==================================================*/

.technology-card:focus-within{

    outline:none;

    box-shadow:0 18px 50px rgba(0,0,0,.18);

}


/*==================================================
            MATCH REFERENCE CARD HEIGHT
==================================================*/




/*==================================================
            SMOOTH TRANSITIONS
==================================================*/

.technology-card,
.technology-card-top,
.technology-card-body,
.technology-logo-list img,
.technology-icon img{

    transition:all .35s ease;

}

/* ============================================================
   RESPONSIVE — CAREER
============================================================ */

/* ============================================================
   REDUCED MOTION
============================================================ */

/* 1600px+ */
@media (min-width: 1600px) {
    .quote-textarea { min-height: 120px; }
    .captcha-image { width: 80px; height: 44px; }
    .captcha-refresh { width: 42px; height: 52px; }
    .quote-btn { width: 100%; font-size: 18px; }
    .awards-section { padding: 60px 0; }
    .award-icon { top: -30px; left: 0; width: 80px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .section-5 .engineer-logo { width: 250px;margin-bottom:20px }
    .section-3 .inspire-card{padding: 18px 20px;}
    .gptw-image img { width: 220px; }
    .inspire-dots .dot.active { width: 50px; height: 20px; }
    .partner-card { height: 140px; }
    .section-9 .blog-right{margin-top: 20px;}
    
    .cyfuture-infographic .cf-center { width: 320px; height: 320px; transform: scale(0.62); margin: -100px auto -100px; }
    .breathe-content {
        padding-left: 350px;
    }    
    .manufacturingsection .container{padding-right: 0;}
}

/* 1400px */
@media (min-width: 1400px) and (max-width: 1599px) {
    .our-approach-section .approach-card{height: 100%}
    .section-2, .section-3{    padding: 30px 0 0px;}
    .gl-locations3 .region-tabs{
        justify-content: right!important;
        overflow: hidden!important;
    }
    .ivy-highlight-grid{gap: 14px}
    .manufacturingsection .container{padding-right: 0;}

    .section-9 .blog-card{margin-right: 15px;height: 290px;width: 430px;}
    .inspire-navigation, .CustomOwlArrow{right: 50px;}
    body .new-section-add {
        padding:80px 0 0 0;}

        .CareerDropdown .industry-section ul.industry-grid {grid-template-columns: repeat(3, 1fr);gap: 12px;max-width: 100% !important;}
        .Nav-grid {grid-template-columns: repeat(4, 1fr);gap: 12px;max-width: 100% !important;}
        
        /*..menu_responsvie.....*/
        .about-us-page .about-badge-btn{    padding: 6px 14px 6px 14px;font-size: 14px;}

        .commmon-btn{    padding: 10px 14px;}
        .award-body{padding: 30px 30px}
        .sliderbtm ul{padding: 0;display: flex;flex-wrap: wrap;margin: 14px;justify-content: space-between;}
        .sliderbtm ul img{height: 82px}
        .sliderbtm ul li{display: block;max-width: 100%;height: auto;}
        .certification-servicebx{height: auto;margin-bottom: 70px;}
        .service-delbox{padding: 50px 0 0;}
        .certification-servicebx ul li:nth-child(2){    padding: 50px 18px 18px 18px;height: 100px;}
        .service-delbox a.commmon-btn{margin-bottom: 40px;}
        .certification-servicebx ul li.acce-downloadbtn{    padding: 14px 14px;    min-height: 100px;}
        .certification-servicebx ul li span {
            font-size: 14px;
        }
        .service-delbox.service-delbox2 .service-delbx-sec2 .col-md-3, .service-delbox-main .col-md-3{        width: 25%;}
        .cloud-security-benefits-sec {
            padding: 60px 0;
        }

        .cloud-security-benefits-sec::before {
            width: 280px;
            height: 280px;
            top: -150px;
            right: -140px;
        }

        .cloud-security-benefits-sec::after {
            width: 220px;
            height: 220px;
            bottom: -130px;
            left: -100px;
        }


        .cloud-security-benefits-sec
        .cloud-security-benefits-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .cloud-security-benefits-sec
        .cloud-benefit-card:nth-child(4),
        .cloud-security-benefits-sec
        .cloud-benefit-card:nth-child(5) {
            grid-column: auto;
            margin-left: 0;
            width: 100%;
        }

        .cloud-security-benefits-sec
        .cloud-benefit-card-content {
            padding: 28px 25px 25px;
        }

        .cloud-security-benefits-sec
        .cloud-benefit-card-content h4 {
            font-size: 20px;
        }
        .iot-solutions-section > ul {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .iot-solutions-section .iot-caption {
            left: 15px;
            right: 15px;
            bottom: 17px;
        }

        .iot-solutions-section .iot-caption h3 {
            font-size: 18px;
            line-height: 23px;
        }

        .cloud-service-cards {
            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 20px;

            margin-top: 30px;
        }

        .cloud-service-cards li {
            min-height: auto;

            border-radius: 15px;
        }

        .cloud-service-cards .img-sec {
            width: 100px;
            height: 100px;

            margin-top: 28px;
        }

        .cloud-service-cards .img-sec img {
            width: 58px;
            height: 58px;
        }

        .cloud-service-cards .card-content {
            padding: 0 22px 25px;
        }


        .reason-row .col-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .cloud-consulting-section .cloud-consulting-list {
            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 20px;

            margin-top: 30px;
        }


        .cloud-consulting-section .cloud-consulting-list li {
            min-height: 240px;

            padding: 25px 20px 25px;
        }


        .cloud-consulting-section .cloud-consulting-icon {
            width: 95px;
            height: 95px;

            margin-bottom: 12px;
        }


        .cloud-consulting-section .cloud-consulting-icon::before {
            width: 85px;
            height: 85px;
        }


        .cloud-consulting-section .cloud-icon-normal,
        .cloud-consulting-section .cloud-icon-hover {
            width: 68px;
            height: 68px;
        }


        

        .section-9 .blog-content{max-width: 100%}
        .section-4 .cert-card { width: 100%; height: 100%; }
        .about-company-section .overlay h2 { font-size: 36px; }
        .section-8 .trust-image{margin-bottom: 20px;}
        
        .container{padding:0 50px;}
        .gl-locations .region-tabs{justify-content: center;overflow: scroll;}
        .gl-locations .location-card .loc-card-body{display: block;}
        .gl-locations .map-wrap{max-width: 100%;flex: 0 0 100%;margin-top: 20px;}
        .gl-locations .region-tab-btn .tab-label{    padding: 8px 10px;    font-size: 11px;}
        .gl-locations .region-tab-btn .tab-icon-placeholder{    height: 100px;}
        .contact-cta-content h2{margin-top: 20px;margin-bottom: 0;}
        .gl-locations .region-tab-btn{width: auto;}
        .mission-vission-bg { padding: 0 0 10px 10px; }
        .mission-vission-bg::before { left: -10px; bottom: -10px; width: 85%; height: 58%; border-radius: 15px; }
        .mission-vission-bg img { border-radius: 15px; }
        .technology-stack-section { padding: 60px 0; }
        .technology-card { border-radius: 16px; }
        .technology-card-top { padding: 18px; min-height: 72px; }
        .why-content h2, .contact-cta-content h2, .current-opportunities-section-bttom .current-opportunities-content h2, .current-opportunities-section-bttom .current-opportunities-content .sub-title { font-size: 25px; line-height: 30px;}
        .why-card { min-height: 180px; }
        .service-offering-section { padding: 0px 0 0; }
        .service-offering-wrapper { padding: 20px; }
        .service-content { padding: 22px; }
        .service-content h3 { font-size: 24px; }
        .service-tab-btn { padding: 14px 18px; }
        .quote-section { padding: 70px 0 90px; }
        .quote-heading h2 { font-size: 25px; line-height: 1.3;padding-bottom:15px;font-weight: 500}
        .quote-card { padding: 30px 25px; border-radius: 18px; }
        .quote-input, .captcha-input { height: 52px; font-size: 15px; }
        .quote-textarea { min-height: 120px; }
        .captcha-image { width: 80px; height: 44px; }
        .captcha-refresh { width: 42px; height: 52px; }
        .quote-btn { width: 100%; font-size: 18px; }
        .awards-section { padding: 60px 0; }
        .award-icon { top: -30px; left: 0; width: 80px; }
        .about-company-section .overlay h2 { font-size: 34px; }
        .about-company-section .counter-box { height: 300px; }
        .our-approach-section { padding: 60px 0; }
        .our-approach-section .approach-image img { height: 220px; }
        .management-team-section { padding: 60px 0; }
        .management-team-section .section-title { font-size: 28px; }
        .management-team-section .management-image { height: 260px; }
        .management-team-section .management-image img { max-height: 240px; }
        .management-team-section .management-content { padding: 20px; }
        .management-team-section .management-content h3 { font-size: 21px; }
        .career-content h5 { font-size: 20px; }
        .career-content h2 { font-size: 28px; }
        .career-content p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
        .section-5 { padding: 100px 0 70px; }
        .section-5 .engineer-logo { width: 200px;margin-bottom:20px }
        .section-5 .engineer-left h2{padding-bottom: 20px}
        .section-3 .inspire-card{padding: 18px 20px;}
        .section-5 .engineer-left h2 span { font-size: 24px; }
        .section-5 .stat-box h3 .counter { font-size: 32px; }
        .gptw-image img { width: 220px; }
        .gptw-content h2 { font-size: 40px;line-height:44px }
        .gptw-content h4 { font-size: 24px; }
        .inspire-dots .dot.active { width: 50px; height: 20px; }
        .partner-card { height: 140px; }
        .partner-card img { width: 120px; height: 60px; }    
        .section-9 .blog-right{margin-top: 20px;}
        
        .about-overview { text-align: left;padding-right:0 }
        .about-content h1 { font-size: 32px;line-height:40px }
        .about-content p { font-size: 20px;line-height:24px }
        .about-content{    padding-top: 180px;}
        .about-content-image { margin-top: 20px; }
        .cyfuture-certification .certification-box { padding: 20px; }
        .cyfuture-certification .certification-box p { font-size: 18px; }
        .cyfuture-infographic .cf-center { width: 320px; height: 320px; transform: scale(0.62); margin: -100px auto -100px; }
        .cyfuture-infographic .cf-text { font-size: 14px; }
        .about-company-section .counter-box { height: 300px; }
        .our-approach-section .approach-image img { height: 220px; }
        .management-team-section .management-card { border-radius: 16px; }
        .management-team-section .management-image { height: 260px; }
        .management-team-section .management-image img { max-height: 240px; }
        .management-team-section .management-content { padding: 20px; }
        .management-team-section .management-content h3 { font-size: 21px; }
        .services-offer-section { padding-top:100px; padding-bottom: 100px; }
        .services-offer-section .service-image img { height: 100%; }
        .services-offer-section .service-navigation{margin-bottom: 25px;}
        .services-offer-section .service-content h3 { font-size: 25px;margin-bottom:0; }
        .services-offer-section .service-content p { font-size: 18px;line-height:1.6 }
        .why-us-section { padding: 50px 0; }
        .section-subtitle-light{    font-size:25px;line-height: 30px;}
        .why-card { min-height: 170px; }
        .why-card h4 { font-size: 15px; }
        .why-number { width: 42px; height: 42px; }
        .why-number span { font-size: 20px; }
        .service-offering-wrapper { padding: 50px 0; }
        
        .service-tab-btn { font-size: 16px; }
        .meet-people-section { padding: 50px 0; }
        .meet-people-section .people-card { min-height: auto; padding: 90px 22px 25px; }
        .footer-column { border-right: none !important; padding-left: 10px; margin-bottom: 10px; }
        .footer-menu li a { padding-left: 0px; gap: 0;}
        .social-icons { justify-content: left; }
        .advancesection .content-text h3{font-size: 18px;line-height: 1.6}
        .advancesection .advancesection-item img{height: auto;}
        .advancesection .advancesection-item{margin-bottom: 20px}
        .section-4 .solution-left{margin-bottom: 20px;}
        .section-7 .story-card, .section-7 .story-card{margin-bottom: 30px}
        .section-7 .overlay{padding: 20px;}
        .section-8 .trust-content{margin-left: 0;}
        .gptw-content{padding-left: 0;}
        .cyfuture-footer{padding: 70px 0 0px;}
        .footer-menu li, .cyfuture-footer h5{margin-bottom: 0}
        .footer-divider{margin: 0px 0 10px;}
        .partner-heading p, 
        .section-8 .trust-content p,
        .section-9 .blog-content p,
        .section-7 .section-heading p, .awards-para-left, .section-4 .solution-left p, .section-5 .engineer-right p
        {font-size: 18px;line-height: 24px;padding-bottom: 0;}
        .partner-ecosystem-section .heading2{padding-bottom:15px;padding-top:0px}
        .section-8 .trust-content h3, .section-9 .blog-content h3{font-size: 26px;line-height: 30px;}
        .section-8 .trust-content h2, 
        .section-9 .blog-content h2,  
        .section-7 .section-heading h2, 
        .section-7 .section-heading h2 span,
        .heading2, .awards-content h2, .award-small-title, .section-subtitle, .mission-heading, .section-title, .ivy-header h1, .industries-modern-heading h2,
        .ab-uni-content .section-heading h2, .cloud-services-heading h2, .cy-testimonials-pro-heading h2,
        .industries-modern-subtitle, .cloud-services-label, .web-development-page .section-heading h2,
        .enterprise-business-application .main-title, .cyfuture-edge-pro-eyebrow, .cyfuture-edge-pro-heading h2,
        .cy-testimonials-pro-eyebrow, .ivy-copy h2, .ivy-highlights h3, .bpo-services-section .bpo-subtitle, .cyfuture-section .cyfuture-title,
        .cyfuture-section .cyfuture-label, .enterprise-business-application .kicker, .enterprise-business-application .script-title,
        .our-services-section .our-services-title, .our-services-section .application-title,  .our-services-section .differentiators-title,
        .busappimgsec .busapp-heading h4, .why-us-header h2, .portfolio-services-section .portfolio-services-header h2,
        .iot-modern-heading h2, .iot-modern-eyebrow, .ai-types-modern .ai-heading h1, .robust-ai-heading h2, .robust-ai-eyebrow,
        .industry-expertise-header h2, .industry-expertise-eyebrow, .bcs-why-us-tag, .bcs-why-us-heading h2, .ab-impact h2, .dc-noida-theme .main-heading, .scale-heading, .scale-eyebrow,
        .section-subtitle-light, .section-title-white, .dc-enterprise-section .main-heading, .dc-enterprise-section .dc-location-content h3, .dc-features-modern-section .dc-features-title, .dc-features-modern-section .dc-features-label
        {font-size: 25px!important;line-height: 30px!important;}
        .dc-enterprise-section .dc-heading-line, .dc-enterprise-section .dc-location-content h3{margin-top: -12px}
        .saas-benefits-section-main .heading2{padding-bottom: 0;}
        .heading2{padding-bottom: 40px}
        .tech-partners-section .heading2{padding-bottom: 0} 
        .value-list li{font-size: 18px;line-height: 1.6;}
        .industry-expertise-card{padding: 20px 20px}
        .section-9 .blog-overlay h4{font-size: 14px;line-height: 18px}
        .contact-btn{padding:8px 18px;font-size: 12px}
        
        .home-content{left: 10px}
        /* .slider-nav{display: none;}*/
        .slider-prev{left: 4px;}
        .slider-next{right: 4px;}


        .awards-slider.owl-carousel.owl-loaded.owl-drag{width: auto;margin-right: auto;}
        .award-card{height: 100%px;}
        .services-offer-section .service-image, .services-offer-section .service-content{width: 100%;}
        .service-content{margin-top: 0;}
        .service-content{height: 100%;}
        .services-offer-section .service-card{height: auto;}
        .unfillbtn{width: 170px;height: 40px;font-size: 12px;}
        .social-icons a{width: 28px;height: 28px;}
        .section-title-white{font-size: 25px;line-height: 30px;}
        .contact-us-btn{width: auto;float: right;text-align: center;}
        .clientbx{margin: 0;margin-bottom: 20px;}
        .listing ul li{text-align: left;}
        .contentbox{height: auto;}
        .current-opportunities-wrapper .opening-card h4{    font-size: 16px;    line-height: 1.6;}
        .current-opportunities-wrapper .department{    padding-bottom: 0px;    margin-bottom: 10px;}
        .current-opportunities-wrapper .opening-badge{font-size: 10px;}
        .mediasbox{margin: 0;}
        .mediakit h2{    font-size: 32px;line-height: 36px}
        .mediafbox p{    font-size: 20px;    line-height: 24px;}
        .mediaborright p strong, .media-contact h3{    font-size: 20px;}
        .mediaborright p a{    padding: 10px 10px;    font-size: 10px;}
        .mediaborright p a .fa-angle-right{font-size: 13px;}
        .mediaborright p{    font-size: 12px; line-height: 16px;}
        .media-contact ul li{font-size: 11px;display: flex;align-items: center;}
        .media-contact ul li .fa{font-size: 16px}
        .cloud-consulting-section{width: auto;}
        section.insight-section .insights-box .insights-box-heading{margin: 0px 26px;}
        .insight-sectionp .insights-box .insights-box-heading{margin: 0!important;}
        .why-us-section .col{    flex: 0 0 auto;}
        section.insight-section .insights-box{height: auto;}
        section.insight-section .insights-box .insights-box-heading ul{padding: 0;}
        .approach-heading{font-size: 18px;line-height: 1.6;}
        section.insight-section .insights-box .insights-box-image .insights-icon img{width: 28px;height: 28px;}
        section.insight-section .insights-box .insights-box-heading ul li{font-size: 18px;line-height: 1.6;}
        .table-sec {padding: 0px 0;padding-bottom: 0 !important;}

        .table-sec .main-heading {font-size: 24px; line-height: 1.3;margin-bottom: 20px;}

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

        .table-new table {min-width: 800px;font-size: 14px;}

        .table-new th,
        .table-new td { padding: 8px 10px;}
        .certifications-section .main-heading{font-size: 23px;line-height: 28px;}
        .gradflexbg{grid-template-columns:repeat(3, minmax(0, 1fr));}
        .insights-content .col-md-4{width: 33%;}
        .about-overview{padding-left: 0;}

        .our-approach-section .approach-content{    padding: 20px 30px 20px;}
        .approach-para{font-size: 18px;line-height: 1.6}
        .industries-section-carousel .item{padding: 0;padding-bottom: 20px;}
        .section-para-white{ font-size: 20px;line-height: 1.6;}
        section.insight-section .insights-box .insights-box-image .insights-icon{display: flex;gap: 10px;}
        .ivy-tabs .nav-link{    font-size: 16px;    padding: 0 14px;    min-width: 140px;height: 50px;}
        .web-development-page .trend-card{display: block;}
        .slider-info{left: 60px;}
        .quote-iconpage{font-size: 72px;}
        .ivy-highlight{padding: 28px 20px 18px;min-height: 180px;}
        .ivy-highlight p{margin: 10px 0 0}
        .cyfuture-section .cyfuture-card{padding: 28px 14px 18px;min-height: 180px;}
        .footer-column2{width: 20%}
        .footer-column3{width: 21%}
        .bpo-services-section .bpo-title{font-size: 26px}
        .bpo-services-section .bpo-accordion .accordion-button:not(.collapsed){ padding: 0 17px 0 20px}
        .bpo-services-section .bpo-accordion .accordion-body{padding: 24px 25px 26px}
        .certification-servicebx ul li{    font-size: 15px;}
        .engineer-left{     margin-left: 64px;}
        .section-8-right{    padding-left: 35px;}
        .main-header.cyf-nav-v2 .cyf-front-nav a.cyf-link{font-size: 14px;}
    }

/* 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
    .main-header.cyf-nav-v2 .cyf-front-nav a.cyf-link{font-size: 14px;}
    .about-content h1{font-size: 34px;line-height: 38px;}
    .heading2, .awards-content h2, .award-small-title, .section-subtitle, .mission-heading, .section-title, .ivy-header h1, .industries-modern-heading h2,
    .ab-uni-content .section-heading h2, .cloud-services-heading h2, .cy-testimonials-pro-heading h2,
    .industries-modern-subtitle, .cloud-services-label, .web-development-page .section-heading h2,
    .enterprise-business-application .main-title, .cyfuture-edge-pro-eyebrow, .cyfuture-edge-pro-heading h2,
    .cy-testimonials-pro-eyebrow, .ivy-copy h2, .ivy-highlights h3, .bpo-services-section .bpo-subtitle, .cyfuture-section .cyfuture-title,
    .cyfuture-section .cyfuture-label, .enterprise-business-application .kicker, .enterprise-business-application .script-title,
    .our-services-section .our-services-title, .our-services-section .application-title,  .our-services-section .differentiators-title,
    .busappimgsec .busapp-heading h4, .why-us-header h2, .portfolio-services-section .portfolio-services-header h2,
    .iot-modern-heading h2, .iot-modern-eyebrow, .ai-types-modern .ai-heading h1, .robust-ai-heading h2, .robust-ai-eyebrow,
    .industry-expertise-header h2, .industry-expertise-eyebrow, .bcs-why-us-tag, .bcs-why-us-heading h2, .ab-impact h2, .service-content h3,   .scale-heading, .scale-eyebrow,
    .section-subtitle-light, .section-title-white, .dc-enterprise-section .main-heading, .dc-enterprise-section .dc-location-content h3
    {font-size: 25px!important;line-height: 30px!important;padding: 0 0 20px}

    .certification-servicebx ul li{    font-size: 14px;}
    .bpo-services-section .bpo-accordion .accordion-button:not(.collapsed){ padding: 0 17px 0 20px}
    .bpo-services-section .bpo-accordion .accordion-body{padding: 24px 25px 26px}
    .bpo-services-section .bpo-title{font-size: 24px}
    .footer-column2{width: 20%}
    .footer-column3{width: 21%}
    .cyfuture-section .cyfuture-card{padding: 28px 14px 28px;min-height: 150px;}
    .ivy-highlight{padding: 28px 14px 28px;min-height: 150px;}
    .ivy-highlight p{font-size: 12px;margin: 10px 0 0}
    .ivy-highlights{padding: 0!important;margin-top: 20px}
    .ai-content h2{font-size: 24px;line-height: 28px;}
    .section-3 .inspire-tag{    margin-bottom: 25px;}
    .stat-content{padding: 14px 14px}
    .stat-content h2{font-size: 38px;}
    .stat-content h3{font-size: 15px}
    .stat-card{
        /* min-height: 480px; */
    }
    .section-8 .trust-slider{width:calc(100% + ((100vw - 1190px) / 2));margin-left: calc(-1 * ((100vw - 1190px) / 2))}

    .quote-iconpage{font-size: 72px;}
    #burgerMenu .offcanvas-body .leftPanel{
       height: 390px;
       overflow-y: auto;
       overflow-x: hidden;

       scrollbar-width: thin;
       scrollbar-color: #b8b8b8 transparent;
   }
   #burgerMenu .offcanvas-body .leftPanel::-webkit-scrollbar, #burgerMenu .submenu-inner::-webkit-scrollbar {
    width: 5px;
}

#burgerMenu .offcanvas-body .leftPanel::-webkit-scrollbar-track, #burgerMenu .submenu-inner::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

#burgerMenu .offcanvas-body .leftPanel::-webkit-scrollbar-thumb, #burgerMenu .submenu-inner::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #777, #aaa);
    border-radius: 10px;
}

#burgerMenu .offcanvas-body .leftPanel::-webkit-scrollbar-thumb:hover, #burgerMenu .submenu-inner::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#burgerMenu .submenu-inner{height: 400px;scrollbar-width: thin;
    scrollbar-color: #b8b8b8 transparent;}
    .slider-info{left: 30px;}
    .CareerDropdown .industry-section ul.industry-grid {grid-template-columns: repeat(2, 1fr);gap: 12px;max-width: 100% !important;}
    .Nav-grid {grid-template-columns: repeat(3, 1fr);gap: 12px;max-width: 100% !important;}
    #burgerMenu ul li.list-group-item > .menu-btn{font-size: 12px;}
    #burgerMenu .feat-title, .data-center-title{font-size: 18px;line-height: 22px;}
    .CareerDropdown .industry-grid li a h3 { font-size: 14px!important;}
    /*..menu_responsvie.....*/

    .technology-card-top h3{font-size: 14px;line-height: 16px;}
    .about-us-page .about-badge-btn{    padding: 6px 14px 6px 14px;font-size: 14px;}
    .mission-content{margin-left: 0}
    .mission-heading{font-size: 34px;}

    .commmon-btn{    padding: 10px 12px;}
    .award-body{padding: 30px 30px}
    .sliderbtm ul{padding: 0;display: flex;flex-wrap: wrap;margin: 14px;}
    .sliderbtm ul li{width: calc(100% * (1/2) - 14px);display: block;max-width: 100%;height: auto;}
    .certification-servicebx{height: auto;margin-bottom: 70px;}
    .service-delbox{padding: 10px;}
    .certification-servicebx ul li:nth-child(2){    padding: 50px 18px 18px 18px;height: 100px;}
    .service-delbox a.commmon-btn{margin-bottom: 40px;}
    .certification-servicebx ul li.acce-downloadbtn{    padding: 14px 14px;    min-height: 100px;}
    .certification-servicebx ul li span {
        font-size: 14px;
    }
    .service-delbox.service-delbox2 .service-delbx-sec2 .col-md-3, .service-delbox-main .col-md-3{        width: 50%;}
    .cloud-security-benefits-sec {
        padding: 60px 0;
    }

    .cloud-security-benefits-sec::before {
        width: 280px;
        height: 280px;
        top: -150px;
        right: -140px;
    }

    .cloud-security-benefits-sec::after {
        width: 220px;
        height: 220px;
        bottom: -130px;
        left: -100px;
    }


    .cloud-security-benefits-sec
    .cloud-security-benefits-grid {
        grid-template-columns:repeat(3, 1fr);
        gap: 20px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(4),
    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(5) {
        grid-column: auto;
        margin-left: 0;
        width: 100%;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content {
        padding: 28px 25px 25px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content h4 {
        font-size: 20px;
    }
    .iot-solutions-section > ul {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .iot-solutions-section .iot-caption {
        left: 15px;
        right: 15px;
        bottom: 17px;
    }

    .iot-solutions-section .iot-caption h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .cloud-service-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 20px;

        margin-top: 30px;
    }

    .cloud-service-cards li {
        min-height: auto;

        border-radius: 15px;
    }

    .cloud-service-cards .img-sec {
        width: 100px;
        height: 100px;

        margin-top: 28px;
    }

    .cloud-service-cards .img-sec img {
        width: 58px;
        height: 58px;
    }

    .cloud-service-cards .card-content {
        padding: 0 22px 25px;
    }

    .cloud-service-cards p {
        font-size: 16px;
        line-height: 24px;
    }
    .reason-row .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cloud-consulting-section .cloud-consulting-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 20px;

        margin-top: 30px;
    }


    .cloud-consulting-section .cloud-consulting-list li {
        min-height: 240px;

        padding: 25px 20px 25px;
    }


    .cloud-consulting-section .cloud-consulting-icon {
        width: 95px;
        height: 95px;

        margin-bottom: 12px;
    }


    .cloud-consulting-section .cloud-consulting-icon::before {
        width: 85px;
        height: 85px;
    }


    .cloud-consulting-section .cloud-icon-normal,
    .cloud-consulting-section .cloud-icon-hover {
        width: 68px;
        height: 68px;
    }


    .cloud-consulting-section .cloud-consulting-list li strong {
        font-size: 14px;
        line-height: 18px;
    }

    .section-9 .blog-content{max-width: 100%}
    .section-4 .cert-card { width: 100%; height: 100%; }
    .about-company-section .overlay h2 { font-size: 36px; }
    .section-8 .trust-image{margin-bottom: 20px;}
    section,     
    .section-2, 
    .section-8, 
    .section-9, .partner-ecosystem-section{padding:60px 0 60px!important;}
    .industry-slider-section #counter-carousel .item h4{font-size:14px;}
    .container{padding:0 50px;}
    .gl-locations3 .region-tabs{
        justify-content: right!important;
        overflow: hidden!important;
    }
    .gl-locations .location-card .office-title{font-size: 18px}
    .company-name, .gl-locations .address-info p{font-size: 14px}
    .gl-locations .region-tabs{justify-content: center;overflow: scroll;}
    .gl-locations .location-card .loc-card-body{display: block;}
    .gl-locations .map-wrap{max-width: 100%;flex: 0 0 100%;margin-top: 20px;}
    .gl-locations .region-tab-btn .tab-label{    padding: 8px 10px;    font-size: 11px;}
    .gl-locations .region-tab-btn .tab-icon-placeholder{    height: 58px;}
    .contact-cta-content h2{margin-top: 20px;margin-bottom: 0;}
    .gl-locations .region-tab-btn{width: auto;}
    .mission-vission-bg { padding: 0 0 10px 10px; }
    .mission-vission-bg::before { left: -10px; bottom: -10px; width: 85%; height: 58%; border-radius: 15px; }
    .mission-vission-bg img { border-radius: 15px; }
    .technology-stack-section { padding: 60px 0; }
    .technology-card { border-radius: 16px; }
    .technology-card-top { padding: 18px; min-height: 72px; }
    .why-content h2, .contact-cta-content h2, .current-opportunities-section-bttom .current-opportunities-content h2, .current-opportunities-section-bttom .current-opportunities-content .sub-title { font-size: 22px; line-height: 28px;}
    .why-card { min-height: 180px; }
    .service-offering-section { padding: 80px 0; }
    .service-offering-wrapper { padding: 20px; }
    .service-content { padding: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { padding: 14px 18px; }
    .quote-section { padding: 70px 0 50px; }
    .quote-heading h2 { font-size: 32px; line-height: 1.3; }
    .quote-card { padding: 30px 25px; border-radius: 18px; }
    .quote-input, .captcha-input { height: 52px; font-size: 15px; }
    .quote-textarea { min-height: 120px; }
    .captcha-image { width: 80px; height: 44px; }
    .captcha-refresh { width: 42px; height: 52px; }
    .quote-btn { width: 100%; font-size: 18px; }
    .awards-section { padding: 60px 0; }
    .award-icon { top: -30px; left: 0; width: 80px; }
    .about-company-section .overlay h2 { font-size: 34px; }
    .about-company-section .overlay p { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section { padding: 60px 0; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section { padding: 60px 0; }
    .management-team-section .section-title { font-size: 28px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .career-content h5 { font-size: 20px; }
    .career-content h2 { font-size: 28px; }
    .career-content p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
    .section-5 .engineer-logo { width: 200px;margin-bottom:20px }
    .section-5 .engineer-left h2{padding-bottom: 20px}
    .section-3 .inspire-card{padding: 18px 20px;}
    .section-5 .engineer-left h2 span { font-size: 24px; }
    .section-5 .stat-box h3 .counter { font-size: 32px; }
    .gptw-wrapper { padding: 30px 18px; }
    .gptw-image img { width: 220px; }
    .gptw-content h2 { font-size: 24px; }
    .gptw-content h4 { font-size: 20px; }
    .inspire-dots .dot.active { width: 50px; height: 20px; }
    .partner-card { height: 140px; }
    .partner-card img { width: 120px; height: 60px; }    
    .section-9 .blog-right{margin-top: 20px;}
    .section-9 .blog-card{margin-right: 15px;    height: auto;width:100%;}
    .about-overview { text-align: left;padding-right:0 }
    .about-content h1 { font-size: 32px;line-height:38px }
    .about-content p { font-size: 20px;line-height:24px }
    .about-content{    padding-top: 180px;}
    .about-content-image { margin-top: 20px; }
    .cyfuture-certification .certification-box { padding: 20px; }
    .cyfuture-certification .certification-box p { font-size: 18px; }
    .cyfuture-infographic .cf-center { width: 320px; height: 320px; transform: scale(0.62); margin: -100px auto -100px; }
    .cyfuture-infographic .cf-text { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section .management-card { border-radius: 16px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .services-offer-section { padding-top:100px; padding-bottom: 100px; }
    .services-offer-section .service-image img { height: 100%; }
    .services-offer-section .service-navigation{margin-bottom: 25px;}
    .services-offer-section .service-content h3 { font-size: 18px; }
    .services-offer-section .service-content p { font-size: 15px; }
    .why-us-section { padding: 50px 0; }
    .section-subtitle-light{    font-size: 30px;line-height: 40px;}
    .why-card { min-height: 170px; }
    .why-card h4 { font-size: 15px; }
    .why-number { width: 42px; height: 42px; }
    .why-number span { font-size: 20px; }
    .service-offering-wrapper { padding: 20px; }
    .service-content h3 { font-size: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { font-size: 14px; }
    .meet-people-section { padding: 50px 0; }
    .meet-people-section .people-card { min-height: auto; padding: 90px 22px 25px; }
    .meet-people-section .people-content p { line-height: 24px; }
    .footer-column { border-right: none !important; padding-left: 10px; margin-bottom: 10px; }
    .footer-menu li a { padding-left: 0px; gap: 0;font-size: 12px;}
    .footer-address, .footer-phone, .footer-email{font-size: 12px;}
    .social-icons { justify-content: left; }
    .advancesection .content-text h3{font-size: 20px}
    .advancesection .advancesection-item img{height: auto;}
    .advancesection .advancesection-item{margin-bottom: 20px}
    .section-4 .solution-left{margin-bottom: 20px;}
    .section-7 .story-card, .section-7 .story-card{margin-bottom: 30px}
    .section-7 .overlay{padding: 20px;}
    .section-8 .trust-content{margin-left: 0;}
    .gptw-content{padding-left: 0;}
    .gptw-section{padding-bottom: 30px;}
    .cyfuture-footer{padding: 30px 0 0px;}
    .footer-menu li, .cyfuture-footer h5{margin-bottom: 0}
    .footer-divider{margin: 0px 0 10px;}
    .partner-heading p, 
    .section-8 .trust-content p,
    .section-9 .blog-content p,
    .section-7 .section-heading p, .awards-para-left
    {font-size: 15px;line-height: 18px;padding-bottom: 0;}
    .partner-ecosystem-section .heading2{padding-bottom:10px;}
    .section-8 .trust-content h3, .section-9 .blog-content h3{font-size: 20px;line-height: 24px;}
    .section-8 .trust-content h2, 
    .section-9 .blog-content h2,  
    .section-7 .section-heading h2, 
    .section-7 .section-heading h2 span,
    .heading2, .awards-content h2, .award-small-title
    {font-size: 32px!important;line-height: 36px!important;}
    .section-9 .blog-overlay h4{font-size: 14px;line-height: 18px}
    .contact-btn{padding:8px 18px;font-size: 12px!important}
    .cyf-nav-v2 .d-xl-flex{padding: 0;}
    .home-content h1{ font-size: 32px;line-height: 36px;margin-bottom: 20px;}
    /* Paragraph */
    .home-content p {max-width: 700px;margin-bottom: 15px;line-height: 24px;font-size: 20px;}
    .home-content{left: 0}
    .slider-nav{display: none;}

    .section-title{font-size: 24px;    line-height: 28px;margin-bottom: 15px;padding-bottom: 6px}
    .section-subtitle{font-size: 24px;line-height: 26px;}
    .awards-slider.owl-carousel.owl-loaded.owl-drag{width: auto;margin-right: auto;}
    .award-card{height: 100%px;}
    .services-offer-section .service-image, .services-offer-section .service-content{width: 100%;}
    .service-content{margin-top: 0;}
    .service-content{height: 100%;}
    .services-offer-section .service-card{height: auto;}
    .unfillbtn{width: 170px;height: 40px;font-size: 12px;}
    .services-offer-section .service-content h3{line-height: 24px;}
    .social-icons a{width: 28px;height: 28px;}
    .section-title-white{font-size: 24px;line-height: 28px;}
    .contact-us-btn{width: 100%;float: none;text-align: center;}
    .ivy-highlight-grid{gap: 14px}
    .clientbx{margin: 0;margin-bottom: 20px;}
    .listing ul li{text-align: left;}
    .contentbox{height: auto;}
    .current-opportunities-wrapper .opening-card h4{    font-size: 16px;    line-height: 1.6;}
    .current-opportunities-wrapper .department{    padding-bottom: 0px;    margin-bottom: 10px;}
    .current-opportunities-wrapper .opening-badge{font-size: 10px;}
    
    .mediasbox{margin: 0;}
    .mediakit h2{    font-size: 23px;}
    .mediafbox p{    font-size: 16px;    line-height: 20px;}
    .mediaborright p strong, .media-contact h3{    font-size: 20px;}
    .mediaborright p a{    padding: 10px 10px;    font-size: 10px;}
    .mediaborright p a .fa-angle-right{font-size: 13px;}
    .mediaborright p{    font-size: 12px; line-height: 16px;}
    .media-contact ul li{font-size: 11px;display: flex;align-items: center;}
    .media-contact ul li .fa{font-size: 16px}
    .cloud-consulting-section{width: auto;}
    section.insight-section .insights-box .insights-box-heading{margin: 0 15px;}
    section.insight-sectionp .insights-box-heading{margin: 0!important;}

    .why-us-section .col{    flex: 0 0 auto;}
    section.insight-section .insights-box{height: auto;}
    section.insight-section .insights-box .insights-box-heading ul{padding: 0;}
    .approach-heading{font-size: 16px;line-height: 20px;}
    section.insight-section .insights-box .insights-box-image .insights-icon img{width: 28px;height: 28px;}
    section.insight-section .insights-box .insights-box-heading ul li{font-size: 14px;line-height: 18px;}
    .table-sec {padding: 0px 0;padding-bottom: 0 !important;}

    .table-sec .main-heading {font-size: 24px; line-height: 1.3;margin-bottom: 20px;}

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

    .table-new table {min-width: 800px;font-size: 14px;}

    .table-new th,
    .table-new td { padding: 8px 10px;}
    .certifications-section .main-heading{font-size: 23px;line-height: 28px;}
    .gradflexbg{grid-template-columns:repeat(3, minmax(0, 1fr));}
    .insights-content .col-md-4{width: 33%;}
    .about-overview{padding-left: 0;}

    .our-approach-section .approach-content{    padding: 14px 14px 14px;}
    .approach-para{font-size: 14px;line-height: 1.6}
    .industries-section-carousel .item{padding: 0;padding-bottom: 20px;}
    .section-para-white{ font-size: 14px;line-height: 1.6;}
    section.insight-section .insights-box .insights-box-image .insights-icon{display: flex;gap: 10px;}
    .breathe-cloud {padding: 80px 30px 50px;    background-size: contain;}

    .breathe-content {
        padding-left: 200px;
    }
    .why-content{text-align: center;}
    .ivy-tabs .nav-link{    font-size: 13px;    padding: 0 14px;    min-width: 140px;height: 50px;}
    .web-development-page .trend-card{display: block;}
    .mission-heading{font-size: 23px;line-height: 1.6}
    .value-list li{font-size: 18px;line-height: 24px;}
    .news-sections p{font-size: 18px;line-height: 24px;}
    .news-sections .col-md-3{width: 33%;}
    .news-sections .mediaimgbox{margin:10px auto;}
    .cyfuture-section .cyfuture-cards{    grid-template-columns: repeat(4, 1fr);}
    .row.approach-row .col-lg-3{width: 33%;}
    .aisec2 ul li .aihelpimg{    width: 200px;height: 200px;margin: 0 auto 20px;    margin-top: 52px;}
    .aisec2 ul li p{font-size: 14px;line-height: 18px;}
    .OurCustomAplication.about-company-section .blue-card .overlay small{    font-size: 15px;line-height: 18px;}
    .section-3 .inspire-card h3, .section-7 h3{font-size: 17px;line-height: 22px;}
    .section-3 .inspire-card p, .section-4 .solution-left p,.section-9 .blog-content p {font-size: 15px;line-height: 20px;}
    .section-3 .inspire-image{bottom: 20px!important;left: 10px;right:10px;padding: 10px 0}
    .section-3 .inspire-card{height: 450px;}

    .lt-form h2{font-size: 18px}
    .lt-form .lt-divider{margin: 10px 0 15px;}
    .lt-field-body label,
    .lt-form input[type="text"], .lt-form textarea
    {font-size: 14px}
    .lt-icon{width: 18px;    height: 18px;}
    .lt-field{    padding: 4px 16px;}

}

/* 1199px */
@media (min-width: 992px) and (max-width: 1199px) {

    .slider-info{left: 30px;}
    .globallysection .global-card .card-content h3{font-size: 22px;}
    .section-7, .section-8{padding: 70px 0}
    .section-8 .trust-slider{margin-left: initial;}
    .section-8 .section-8-left{display: none;}
    .section-8 .section-8-right{width: 100%;}

    #burgerMenu ul{max-width: 240px;}
    #burgerMenu .submenu-inner{max-height: 90vh;padding: 0;}
    #burgerMenu .feat-main .col-md-5{width: 100%;}
    #burgerMenu .feat-main .col-md-7{display: none;}
    #burgerMenu .submenu-inner{margin-top: 100px;}
    #burgerMenu .submenu-inner .industry-grid, .data-center-section .data-center-list{max-width: 100%!important;}
    #burgerMenu.offcanvas.offcanvas-start{height:100%;}
    #burgerMenu .offcanvas-body{padding: 30px 0px 0;}
    #burgerMenu .submenu-portion{left: 270px;}
    #burgerMenu ul li.list-group-item > .menu-btn{font-size: 12px;}
    #burgerMenu .feat-title, .data-center-title{font-size: 18px;line-height: 22px;}
    #burgerMenu .feat-main{padding: 30px 0 20px 20px;}
    #burgerMenu .data-center-item{padding: 12px 20px;    font-size: 15px;}
    ul.industry-grid {grid-template-columns: repeat(2, 1fr)!important;}
    .CareerDropdown .industry-grid li a h3 { font-size: 14px!important;}
    .CareerDropdown .industry-grid li a .card-header-row img{height: 200px;}
    .industry-grid li a{border-radius: 6px;}
    .Nav-grid {grid-template-columns: repeat(2, 1fr);gap: 12px;max-width: 100% !important;}
    #burgerMenu .submenu-inner .col-md-9{width: 70%;}
    #burgerMenu .submenu-inner .col-md-3{width: 30%;}
    .NavBtnLink{padding: 12px 30px 12px 16px;font-size: 11px;}
    .logoclosesection .col-md-7{width: 56.333333%;}
    /*..menu_responsvie.....*/

    .row.approach-row .col-lg-3{width: 50%;}

    .ivy-tabs .nav-link{    font-size: 13px;    padding: 0 14px;    min-width: 140px;height: 50px}
    .web-development-page .trend-card{display: block;}
    .why-content{text-align: center;}
    .about-us-page .about-badge-btn{    padding: 6px 14px 6px 14px;font-size: 14px;}

    .commmon-btn{    padding: 10px 12px;}
    .award-body{padding: 30px 30px}
    .sliderbtm ul{padding: 0;display: flex;flex-wrap: wrap;margin: 14px;}
    .sliderbtm ul li{width: calc(100% * (1/2) - 14px);display: block;max-width: 100%;height: auto;}
    .certification-servicebx{height: auto;margin-bottom: 70px;}
    .service-delbox{padding: 10px;}
    .certification-servicebx ul li:nth-child(2){    padding: 50px 18px 18px 18px;height: 100px;}
    .service-delbox a.commmon-btn{margin-bottom: 40px;}
    .certification-servicebx ul li.acce-downloadbtn{    padding: 14px 14px;    min-height: 100px;}
    .certification-servicebx ul li span {
        font-size: 14px;
    }
    .service-delbox.service-delbox2 .service-delbx-sec2 .col-md-3, .service-delbox-main .col-md-3{        width: 50%;}
    .cloud-security-benefits-sec {
        padding: 60px 0;
    }

    .cloud-security-benefits-sec::before {
        width: 280px;
        height: 280px;
        top: -150px;
        right: -140px;
    }

    .cloud-security-benefits-sec::after {
        width: 220px;
        height: 220px;
        bottom: -130px;
        left: -100px;
    }


    .cloud-security-benefits-sec
    .cloud-security-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(4),
    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(5) {
        grid-column: auto;
        margin-left: 0;
        width: 100%;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content {
        padding: 28px 25px 25px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content h4 {
        font-size: 20px;
    }
    .iot-solutions-section > ul {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .iot-solutions-section .iot-caption {
        left: 15px;
        right: 15px;
        bottom: 17px;
    }

    .iot-solutions-section .iot-caption h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .cloud-service-cards {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 30px;
    }

    .cloud-service-cards li {
        min-height: auto;

        border-radius: 15px;
    }

    .cloud-service-cards .img-sec {
        width: 100px;
        height: 100px;

        margin-top: 28px;
    }

    .cloud-service-cards .img-sec img {
        width: 58px;
        height: 58px;
    }

    .cloud-service-cards .card-content {
        padding: 0 22px 25px;
    }

    .cloud-service-cards p {
        font-size: 16px;
        line-height: 24px;
    }
    .reason-row .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cloud-consulting-section .cloud-consulting-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 20px;

        margin-top: 30px;
    }


    .cloud-consulting-section .cloud-consulting-list li {
        min-height: 240px;

        padding: 25px 20px 25px;
    }


    .cloud-consulting-section .cloud-consulting-icon {
        width: 95px;
        height: 95px;

        margin-bottom: 12px;
    }


    .cloud-consulting-section .cloud-consulting-icon::before {
        width: 85px;
        height: 85px;
    }


    .cloud-consulting-section .cloud-icon-normal,
    .cloud-consulting-section .cloud-icon-hover {
        width: 68px;
        height: 68px;
    }


    .cloud-consulting-section .cloud-consulting-list li strong {
        font-size: 14px;
        line-height: 18px;
    }

    .section-9 .blog-content{max-width: 100%}
    .section-4 .cert-card { width: 100%; height: 100%; }
    .about-company-section .overlay h2 { font-size: 36px; }
    .section-8 .trust-image{margin-bottom: 20px;}
    .container{padding:0 20px;}
    .gl-locations .region-tabs{justify-content: center;overflow: scroll;}
    .gl-locations .location-card .loc-card-body{display: block;}
    .gl-locations .map-wrap{max-width: 100%;flex: 0 0 100%;margin-top: 20px;}
    .gl-locations .region-tab-btn .tab-label{    padding: 8px 10px;    font-size: 11px;}
    .gl-locations .region-tab-btn .tab-icon-placeholder{    height: 58px;}
    .contact-cta-content h2{margin-top: 20px;margin-bottom: 0;}
    .gl-locations .region-tab-btn{width: auto;}
    .mission-vission-bg { padding: 0 0 10px 10px; }
    .mission-vission-bg::before { left: -10px; bottom: -10px; width: 85%; height: 58%; border-radius: 15px; }
    .mission-vission-bg img { border-radius: 15px; }
    .technology-stack-section { padding: 60px 0; }
    .technology-card { border-radius: 16px; }
    .technology-card-top { padding: 18px; min-height: 72px; }
    .why-content h2, .contact-cta-content h2, .current-opportunities-section-bttom .current-opportunities-content h2, .current-opportunities-section-bttom .current-opportunities-content .sub-title { font-size: 22px; line-height: 28px;}
    .why-card { min-height: 180px; }
    .service-offering-section { padding: 80px 0; }
    .service-offering-wrapper { padding: 20px; }
    .service-content { padding: 22px; }
    .service-content h3 { font-size: 24px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { padding: 14px 18px; }
    .quote-section { padding: 70px 0 50px; }
    .quote-heading h2 { font-size: 32px; line-height: 1.3; }
    .quote-card { padding: 30px 25px; border-radius: 18px; }
    .quote-input, .captcha-input { height: 52px; font-size: 15px; }
    .quote-textarea { min-height: 120px; }
    .captcha-image { width: 80px; height: 44px; }
    .captcha-refresh { width: 42px; height: 52px; }
    .quote-btn { width: 100%; font-size: 18px; }
    .awards-section { padding: 60px 0; }
    .award-icon { top: -30px; left: 0; width: 80px; }
    .about-company-section .overlay h2 { font-size: 34px; }
    .about-company-section .overlay p { font-size: 14px;line-height:16px; }
    .about-company-section .overlay{padding: 15px;}
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section { padding: 60px 0; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section { padding: 60px 0; }
    .management-team-section .section-title { font-size: 28px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .career-content h5 { font-size: 20px; }
    .career-content h2 { font-size: 28px; }
    .career-content p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
    .section-5 { padding: 70px 0 0px!important; }
    .section-5 .engineer-logo { width: 200px;margin-bottom:20px }
    .section-5 .engineer-left h2{padding-bottom: 20px}
    .section-3 .inspire-card{padding: 18px 20px;}
    .section-5 .engineer-left h2 span { font-size: 24px; }
    .section-5 .stat-box h3 .counter { font-size: 32px; }
    .gptw-wrapper { padding: 30px 18px; }
    .gptw-image img { width: 220px; }
    .gptw-content h2 { font-size: 24px; }
    .gptw-content h4 { font-size: 20px; }
    .inspire-dots .dot.active { width: 50px; height: 20px; }
    .partner-card { height: 140px; }
    .partner-card img { width: 120px; height: 60px; }    
    .section-9 .blog-left, .section-9 .blog-right { width: 100%; }
    .section-9 .blog-right{margin-top: 20px;}
    .section-9 .blog-card{margin-right: 15px;height: auto;width: 100%;}
    .section-9 .blog-card img{height: auto;}
    .section-9 .blogs-main{display: block;}
    .about-overview { text-align: left;padding-right:0 }
    .about-content h1 { font-size: 23px; }
    .about-content p { font-size: 16px;line-height:20px }
    .about-content{    padding-top: 180px;}
    .about-content-image { margin-top: 20px; }
    .cyfuture-certification .certification-box { padding: 20px; }
    .cyfuture-certification .certification-box p { font-size: 18px; }
    .cyfuture-infographic .cf-center { width: 320px; height: 320px; transform: scale(0.62); margin: -100px auto -100px; }
    .cyfuture-infographic .cf-text { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section .management-card { border-radius: 16px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .services-offer-section { padding-top:100px; padding-bottom: 500px; }
    .services-offer-section .service-image img { height: auto; }
    .services-offer-section .service-navigation{margin-bottom: 25px;}
    .services-offer-section .service-content { padding: 28px 20px; }
    .services-offer-section .service-content h3 { font-size: 18px; }
    .services-offer-section .service-content p { font-size: 15px; }
    .why-us-section { padding: 50px 0; }
    .section-subtitle-light{    font-size: 30px;line-height: 40px;}
    .why-card { min-height: 170px; }
    .why-card h4 { font-size: 15px; }
    .why-number { width: 42px; height: 42px; }
    .why-number span { font-size: 20px; }
    .service-offering-wrapper { padding: 20px; }
    .service-content h3 { font-size: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { font-size: 14px; }
    .meet-people-section { padding: 50px 0; }
    .meet-people-section .people-card { min-height: auto; padding: 90px 22px 25px; }
    .meet-people-section .people-content p { line-height: 24px; }
    .footer-column { border-right: none !important; padding-left: 10px; margin-bottom: 10px; }
    .footer-menu li a { padding-left: 0px; gap: 0;}
    .social-icons { justify-content: left; }
    .advancesection .content-text h3{font-size: 20px}
    .advancesection .advancesection-item img{height: auto;}
    .advancesection .advancesection-item{margin-bottom: 20px}
    .section-4 .solution-left{margin-bottom: 20px;}
    .section-7 .story-card, .section-7 .story-card{margin-bottom: 30px}
    .section-7 .overlay{padding: 20px;}
    .section-8 .trust-content{margin-left: 0;}
    .gptw-content{padding-left: 0;}
    .gptw-section{padding-bottom: 30px;}
    .cyfuture-footer{padding: 30px 0 0px;}
    .footer-menu li, .cyfuture-footer h5{margin-bottom: 0}
    .footer-divider{margin: 0px 0 10px;}
    .partner-heading p, 
    .section-8 .trust-content p,
    .section-9 .blog-content p,
    .section-7 .section-heading p, .awards-para-left
    {font-size: 16px;line-height: 20px;padding-bottom: 0;}
    .partner-ecosystem-section .heading2{padding-bottom:10px;}
    .section-8 .trust-content h3, .section-9 .blog-content h3{font-size: 20px;line-height: 24px;}
    .section-8 .trust-content h2, 
    .section-9 .blog-content h2,  
    .section-7 .section-heading h2, 
    .section-7 .section-heading h2 span,
    .heading2, .awards-content h2, .award-small-title
    {font-size: 32px!important;line-height: 36px!important;}
    .section-9 .blog-overlay h4{font-size: 14px;line-height: 18px}
    .contact-btn{padding:8px 18px;font-size: 12px}
    .home-content h1{ font-size: 32px;line-height: 36px;margin-bottom: 20px;}
    /* Paragraph */
    .home-content p {max-width: 700px;margin-bottom: 10px;line-height: 22px;font-size: 18px;}
    .home-content{left: 0}
    .slider-nav{display: none;}

    .section-title{font-size: 24px;    line-height: 28px;margin-bottom: 15px;padding-bottom: 6px}
    .section-description, .paragraph-content{font-size: 16px;line-height: 20px;margin-bottom: 0}
    .section-subtitle{font-size: 28px;line-height: 34px;}
    .awards-slider.owl-carousel.owl-loaded.owl-drag{width: auto;margin-right: auto;}
    .award-card{height: 100%px;}
    .services-offer-section .service-card, .services-offer-section .service-content{display: block;}
    .services-offer-section .service-image, .services-offer-section .service-content{width: 100%;}
    .service-content{margin-top: 0;}
    .service-content{height: 100%;}
    .services-offer-section .service-card{height: auto;}
    .unfillbtn{width: 170px;height: 40px;font-size: 12px;}
    .services-offer-section .service-content h3{line-height: 24px;}
    .social-icons a{width: 28px;height: 28px;}
    .section-title-white{font-size: 24px;line-height: 28px;}
    .contact-us-btn{width: 100%;float: none;text-align: center;}
    .clientbx{margin: 0;margin-bottom: 20px;}
    .clientbxsectionpage .col-md-3{width: 50%;}
    .listing ul li{text-align: left;}
    .contentbox{height: auto;}
    .current-opportunities-wrapper .opening-card h4{    font-size: 16px;    line-height: 1.6;}
    .current-opportunities-wrapper .department{    padding-bottom: 0px;    margin-bottom: 10px;}
    .current-opportunities-wrapper .opening-badge{font-size: 10px;}
    .advancesection .col-md-4{width: 100%}
    .advancesection .col-md-3{width: 50%}
    .mediasbox{margin: 0;}
    .mediakit h2{    font-size: 23px;}
    .mediafbox p{    font-size: 16px;    line-height: 20px;}
    .mediaborright p strong, .media-contact h3{    font-size: 20px;}
    .mediaborright p a{    padding: 10px 10px;    font-size: 10px;}
    .mediaborright p a .fa-angle-right{font-size: 13px;}
    .mediaborright p{    font-size: 12px; line-height: 16px;}
    .media-contact ul li{font-size: 11px;display: flex;align-items: center;}
    .media-contact ul li .fa{font-size: 16px}
    .cloud-consulting-section{width: auto;}
    section.insight-section .insights-box .insights-box-heading{margin: 0px 26px;}

    .why-us-section .col{    flex: auto;}
    section.insight-section .insights-box{height: auto;}
    section.insight-section .insights-box .insights-box-heading ul{padding: 0;}
    .approach-heading{font-size: 16px;line-height: 20px;}
    section.insight-section .insights-box .insights-box-image .insights-icon img{width: 28px;height: 28px;}
    section.insight-section .insights-box .insights-box-heading ul li{font-size: 14px;line-height: 18px;}
    .table-sec {padding: 0px 0;padding-bottom: 0 !important;}

    .table-sec .main-heading {font-size: 24px; line-height: 1.3;margin-bottom: 20px;}

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

    .table-new table {min-width: 800px;font-size: 14px;}

    .table-new th,
    .table-new td { padding: 8px 10px;}
    .certifications-section .main-heading{font-size: 23px;line-height: 28px;}
    .gradflexbg{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .insights-content .col-md-4{width: 50%;}
    .about-overview{padding-left: 0;}

    .our-approach-section .approach-content{    padding: 14px 14px 14px;}
    .approach-para{font-size: 14px;line-height: 1.6}
    .industries-section-carousel .item{padding: 0;padding-bottom: 20px;}
    .why-us-section .col-lg-4, .why-us-section .col-lg-8{width: 100%;}
    .section-para-white{ font-size: 14px;line-height: 1.6;}
    .breathe-cloud {padding: 80px 30px 50px;    background-size: contain;}

    .breathe-content {padding-left: 200px;}
    .mission-heading{font-size: 23px;line-height: 1.6}
    .mission-para{font-size: 14px}

    .LeapLiquidSection .col-md-5, .LeapLiquidSection .col-md-7{width: 100%;}
    .LeapLiquidSection .bg-box{max-width: 100%;}
    .mission-content{margin-left: 0}
    .mission-heading{font-size: 23px;line-height: 1.6}
    .value-list li{font-size: 14px;line-height: 18px;}
    .news-sections p{font-size: 14px;line-height: 18px;}
    .LeapEvent-box{width: 100%;}
    .news-sections .col-md-3{width: 50%;}
    .news-sections .mediaimgbox{margin:10px auto;}
    .cyfuture-section .cyfuture-cards{    grid-template-columns: repeat(2, 1fr);}
    .industries-modern-card{display: block;}
    .aisec2 ul li .aihelpimg{    width: 200px;height: 200px;margin: 0 auto 20px;    margin-top: 52px;}
    .aisec2 ul li p{font-size: 14px;line-height: 18px;}
    .use-cases-section .uc-col{width: 50%}
}

/* 991px (Tablet) */
@media (min-width: 769px) and (max-width: 991px) {
    .section-3 .inspire-card h3{font-size: 16px;line-height: 20px;}
    .section-4 .solution-left p{font-size: 14px;line-height: 18px;}
    .section-4 .solution-left{max-width: 100%;}
    .slider-info{left: 30px;}

    .use-cases-section .uc-col{width: 50%}
    #burgerMenu ul{max-width: 240px;}
    #burgerMenu .submenu-inner{max-height: 90vh;padding: 0;}
    #burgerMenu .submenu-inner .col-md-6{width: 49%;}
    #burgerMenu .feat-main .col-md-5{width: 100%;}
    #burgerMenu .feat-main .col-md-7{display: none;}
    #burgerMenu .submenu-inner{margin-top: 100px;}
    #burgerMenu .submenu-inner .industry-grid, .data-center-section .data-center-list{max-width: 100%!important;}
    #burgerMenu.offcanvas.offcanvas-start{height:100%;}
    #burgerMenu .offcanvas-body{padding: 30px 0px 0;}
    #burgerMenu .submenu-portion{left: 270px;}
    #burgerMenu ul li.list-group-item > .menu-btn{font-size: 12px;}
    #burgerMenu .feat-title, .data-center-title{font-size: 18px;line-height: 22px;}
    #burgerMenu .feat-main{padding: 30px 0 20px 20px;}
    #burgerMenu .data-center-item{padding: 12px 20px;    font-size: 15px;}
    ul.industry-grid {grid-template-columns: repeat(2, 1fr)!important;}
    .CareerDropdown .industry-grid li a h3 { font-size: 14px!important;}
    .CareerDropdown .industry-grid li a .card-header-row img{height: 200px;}
    .industry-grid li a{border-radius: 6px;}
    .Nav-grid {grid-template-columns: repeat(2, 1fr);gap: 12px;max-width: 100% !important;}
    #burgerMenu .submenu-inner .col-md-9{width: 70%;}
    #burgerMenu .submenu-inner .col-md-3{width: 30%;}
    .NavBtnLink{padding: 12px 30px 12px 16px;font-size: 11px;}
    .logoclosesection .col-md-7{width: 56.333333%;}
    /*..menu_responsvie.....*/

    .industries-modern-card{display: block;}
    .cyfuture-section .cyfuture-cards{    grid-template-columns: repeat(2, 1fr);}
    .news-sections .col-md-3{width: 50%;}
    .news-sections .mediaimgbox{margin:10px auto;}
    .mission-heading{font-size: 23px;line-height: 1.6}
    .mission-para{font-size: 14px}
    .mission-content{margin-left:0; }
    .about-us-page .about-badge-btn{padding: 6px 14px 6px 14px;font-size: 14px;}
    .about-us-detail-1 .management-row .col-md-5, .about-us-detail-1 .management-row  .col-md-7{width: 100%;}
    .approach-para{font-size: 14px;line-height: 1.6}
    .industries-section-carousel .item{padding: 0;padding-bottom: 20px;}
    .section-para-white{ font-size: 14px;line-height: 1.6;}
    .commmon-btn{    padding: 10px 12px;}
    .award-body{padding: 30px 30px}
    .sliderbtm ul{padding: 0;display: flex;flex-wrap: wrap;margin: 14px;}
    .sliderbtm ul li{width: calc(100% * (1/2) - 14px);display: block;max-width: 100%;height: auto;}
    .certification-servicebx{height: auto;margin-bottom: 70px;}
    .service-delbox{padding: 10px;}
    .certification-servicebx ul li:nth-child(2){    padding: 50px 18px 18px 18px;height: 100px;}
    .service-delbox a.commmon-btn{margin-bottom: 40px;}
    .certification-servicebx ul li.acce-downloadbtn{    padding: 14px 14px;    min-height: 100px;}
    .certification-servicebx ul li span {
        font-size: 14px;
    }
    .service-delbox.service-delbox2 .service-delbx-sec2 .col-md-3, .service-delbox-main .col-md-3{        width: 50%;}
    .cloud-security-benefits-sec {
        padding: 60px 0;
    }

    .cloud-security-benefits-sec::before {
        width: 280px;
        height: 280px;
        top: -150px;
        right: -140px;
    }

    .cloud-security-benefits-sec::after {
        width: 220px;
        height: 220px;
        bottom: -130px;
        left: -100px;
    }


    .cloud-security-benefits-sec
    .cloud-security-benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(4),
    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(5) {
        grid-column: auto;
        margin-left: 0;
        width: 100%;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content {
        padding: 28px 25px 25px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content h4 {
        font-size: 20px;
    }
    .iot-solutions-section > ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .iot-solutions-section .iot-caption {
        left: 15px;
        right: 15px;
        bottom: 17px;
    }

    .iot-solutions-section .iot-caption h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .cloud-service-cards {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 30px;
    }

    .cloud-service-cards li {
        min-height: auto;

        border-radius: 15px;
    }

    .cloud-service-cards .img-sec {
        width: 100px;
        height: 100px;

        margin-top: 28px;
    }

    .cloud-service-cards .img-sec img {
        width: 58px;
        height: 58px;
    }

    .cloud-service-cards .card-content {
        padding: 0 22px 25px;
    }

    .cloud-service-cards p {
        font-size: 16px;
        line-height: 24px;
    }
    .reason-row .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cloud-consulting-section .cloud-consulting-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 20px;

        margin-top: 30px;
    }


    .cloud-consulting-section .cloud-consulting-list li {
        min-height: 240px;

        padding: 25px 20px 25px;
    }


    .cloud-consulting-section .cloud-consulting-icon {
        width: 95px;
        height: 95px;

        margin-bottom: 12px;
    }


    .cloud-consulting-section .cloud-consulting-icon::before {
        width: 85px;
        height: 85px;
    }


    .cloud-consulting-section .cloud-icon-normal,
    .cloud-consulting-section .cloud-icon-hover {
        width: 68px;
        height: 68px;
    }


    .cloud-consulting-section .cloud-consulting-list li strong {
        font-size: 14px;
        line-height: 18px;
    }

    .section-9 .blog-content{max-width: 100%}
    .section-4 .cert-card { width: 100%; height: 100%; }
    .about-company-section .overlay h2 { font-size: 36px; }
    .section-8 .trust-image{margin-bottom: 20px;}
    section,     
    .section-2, 
    .section-8, 
    .section-9, .partner-ecosystem-section{padding:30px 0 30px;}
    .industry-slider-section #counter-carousel .item h4{font-size: 15px;}    
    .container{padding:0 20px;}
    .gl-locations .region-tabs{justify-content: center;overflow: scroll;}
    .gl-locations .location-card .loc-card-body, .contact-cta-wrapper{display: block;}
    .gl-locations .map-wrap{max-width: 100%;flex: 0 0 100%;margin-top: 20px;}
    .gl-locations .region-tab-btn .tab-label{    padding: 8px 10px;    font-size: 11px;}
    .gl-locations .region-tab-btn .tab-icon-placeholder{    height: 58px;}
    .contact-cta-content h2{margin-top: 20px;margin-bottom: 0;}
    .gl-locations .region-tab-btn{width: auto;}
    .mission-vission-bg { padding: 0 0 10px 10px; }
    .mission-vission-bg::before { left: -10px; bottom: -10px; width: 85%; height: 58%; border-radius: 15px; }
    .mission-vission-bg img { border-radius: 15px; }
    .technology-stack-section { padding: 60px 0; }
    .technology-card { border-radius: 16px; }
    .technology-card-top { padding: 18px; min-height: 72px; }
    .why-content h2, .contact-cta-content h2, .current-opportunities-section-bttom .current-opportunities-content h2, .current-opportunities-section-bttom .current-opportunities-content .sub-title { font-size: 22px; line-height: 28px;}
    .why-card { min-height: 180px; }
    .service-offering-section { padding: 80px 0; }
    .service-offering-wrapper { padding: 20px; }
    .service-content { padding: 22px; }
    .service-content h3 { font-size: 24px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { padding: 14px 18px; }
    .quote-section { padding: 70px 0 50px; }
    .quote-heading h2 { font-size: 32px; line-height: 1.3; }
    .quote-card { padding: 30px 25px; border-radius: 18px; }
    .quote-input, .captcha-input { height: 52px; font-size: 15px; }
    .quote-textarea { min-height: 120px; }
    .captcha-image { width: 80px; height: 44px; }
    .captcha-refresh { width: 42px; height: 52px; }
    .quote-btn { width: 100%; font-size: 18px; }
    .awards-section { padding: 60px 0; }
    .award-icon { top: -30px; left: 0; width: 80px; }
    .about-company-section .overlay h2 { font-size: 34px; }
    .about-company-section .overlay p { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section { padding: 60px 0; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section { padding: 60px 0; }
    .management-team-section .section-title { font-size: 28px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .career-content h5 { font-size: 20px; }
    .career-content h2 { font-size: 28px; }
    .career-content p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
    .section-5 { padding: 70px 0 70px!important;}
    .section-5 .engineer-logo { width: 200px;margin-bottom:20px }
    .section-5 .engineer-left h2{padding-bottom: 20px}
    .section-3 .inspire-card{padding: 18px 20px;}
    .section-5 .engineer-left h2 span { font-size: 24px; }
    .section-5 .stat-box h3 .counter { font-size: 32px; }
    .gptw-wrapper { padding: 30px 18px; }
    .gptw-image img { width: 220px; }
    .gptw-content h2 { font-size: 24px; }
    .gptw-content h4 { font-size: 20px; }
    .inspire-dots .dot.active { width: 50px; height: 20px; }
    .partner-card { height: 140px; }
    .partner-card img { width: 120px; height: 60px; }    
    .section-9 .blog-left, .section-9 .blog-right { width: 100%; }
    .section-9 .blog-right{margin-top: 20px;}
    .section-9 .blog-card{margin-right: 15px;height: auto;width: 100%;}
    .section-9 .blog-card img{height: auto;}
    .section-9 .blogs-main{display: block;}
    .about-overview { text-align: left;padding-right:0 }
    .about-content h1 { font-size: 23px; }
    .about-content p { font-size: 16px;line-height:20px }
    .about-content{    padding-top: 180px;}
    .about-content-image { margin-top: 20px; }
    .cyfuture-certification .certification-box { padding: 20px; }
    .cyfuture-certification .certification-box p { font-size: 18px; }
    .cyfuture-infographic .cf-center { width: 320px; height: 320px; transform: scale(0.62); margin: -100px auto -100px; }
    .cyfuture-infographic .cf-text { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section .management-card { border-radius: 16px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .services-offer-section { padding-top:100px; padding-bottom: 200px; }
    .services-offer-section .service-image img { height: auto; }
    .services-offer-section .service-navigation{margin-bottom: 25px;}
    .services-offer-section .service-content { padding: 28px 20px; }
    .services-offer-section .service-content h3 { font-size: 18px; }
    .services-offer-section .service-content p { font-size: 15px; }
    .why-us-section { padding: 50px 0; }
    .section-subtitle-light{    font-size: 30px;line-height: 40px;}
    .why-card { min-height: 170px; }
    .why-card h4 { font-size: 15px; }
    .why-number { width: 42px; height: 42px; }
    .why-number span { font-size: 20px; }
    .service-offering-wrapper { padding: 20px; }
    .service-content h3 { font-size: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { font-size: 14px; }
    .meet-people-section { padding: 50px 0; }
    .meet-people-section .people-card { min-height: auto; padding: 90px 22px 25px; }
    .meet-people-section .people-content p { line-height: 24px; }
    .footer-column { border-right: none !important; padding-left: 10px; margin-bottom: 10px; }
    .footer-menu li a { padding-left: 0px; gap: 0;}
    .social-icons { justify-content: left; }
    .advancesection .content-text h3{font-size: 20px}
    .advancesection .advancesection-item img{height: auto;}
    .advancesection .advancesection-item{margin-bottom: 20px}
    .section-4 .solution-left{margin-bottom: 20px;}
    .section-7 .story-card, .section-7 .story-card{margin-bottom: 30px}
    .section-7 .overlay{padding: 20px;}
    .section-8 .trust-content{margin-left: 0;}
    .gptw-content{padding-left: 0;text-align: center;}
    .gptw-content .quote-icon{justify-content: center;}
    .gptw-line{width: 100%}
    .gptw-section{padding-bottom: 30px;}
    .cyfuture-footer{padding: 30px 0 0px;}
    .footer-menu li, .cyfuture-footer h5{margin-bottom: 0}
    .footer-divider{margin: 0px 0 10px;}
    .partner-heading p, 
    .section-8 .trust-content p,
    .section-9 .blog-content p,
    .section-7 .section-heading p, .awards-para-left
    {font-size: 16px;line-height: 20px;padding-bottom: 0;}
    .partner-ecosystem-section .heading2{padding-bottom:10px;}
    .section-8 .trust-content h3, .section-9 .blog-content h3{font-size: 20px;line-height: 24px;}
    .section-8 .trust-content h2, 
    .section-9 .blog-content h2,  
    .section-7 .section-heading h2, 
    .section-7 .section-heading h2 span,
    .heading2, .awards-content h2, .award-small-title
    {font-size: 32px!important;line-height: 36px!important;}
    .section-7, .section-6{padding: 40px 0;}
    .globallysection .global-card .card-content h3{font-size: 20px;}

    .section-9 .blog-overlay h4{font-size: 14px;line-height: 18px}
    .contact-btn{padding:8px 18px;font-size: 12px}
    .home-content h1{ font-size: 25px;line-height: 30px;margin-bottom: 0;}
    /* Paragraph */
    .home-content p {max-width: 700px;margin-bottom: 10px;line-height: 22px;font-size: 18px;}
    .home-content{left: 0}
    .slider-nav{display: none;}

    .section-title{font-size: 24px;    line-height: 28px;margin-bottom: 15px;padding-bottom: 6px}
    .section-description, .paragraph-content{font-size: 16px;line-height: 20px;margin-bottom: 0}
    .section-subtitle{font-size: 24px;line-height: 26px;}
    .awards-slider.owl-carousel.owl-loaded.owl-drag{width: auto;margin-right: auto;}
    .award-card{height: 100%px;}
    .services-offer-section .service-card, .services-offer-section .service-content{display: block;}
    .services-offer-section .service-image, .services-offer-section .service-content{width: 100%;}
    .service-content{margin-top: 0;}
    .service-content{height: 100%;}
    .services-offer-section .service-card{height: auto;}
    .unfillbtn{width: 170px;height: 40px;font-size: 12px;}
    .services-offer-section .service-content h3{line-height: 24px;}
    .social-icons a{width: 28px;height: 28px;}
    .section-title-white{font-size: 24px;line-height: 28px;}
    .contact-us-btn{width: 100%;float: none;text-align: center;}
    .clientbx{margin: 0;margin-bottom: 20px;}
    .clientbxsectionpage .col-md-3{width: 50%;}
    .listing ul li{text-align: left;}
    .contentbox{height: auto;}
    .current-opportunities-wrapper .opening-card h4{    font-size: 16px;    line-height: 1.6;}
    .current-opportunities-wrapper .department{    padding-bottom: 0px;    margin-bottom: 10px;}
    .current-opportunities-wrapper .opening-badge{font-size: 10px;}
    .advancesection .col-md-4{width: 100%}
    .advancesection .col-md-3{width: 50%}
    .mediasbox{margin: 0;}
    .mediakit h2{    font-size: 23px;}
    .mediafbox p{    font-size: 16px;    line-height: 20px;}
    .mediaborright p strong, .media-contact h3{    font-size: 20px;}
    .mediaborright p a{    padding: 10px 10px;    font-size: 10px;}
    .mediaborright p a .fa-angle-right{font-size: 13px;}
    .mediaborright p{    font-size: 12px; line-height: 16px;}
    .media-contact ul li{font-size: 11px;display: flex;align-items: center;}
    .media-contact ul li .fa{font-size: 16px}
    .cloud-consulting-section{width: auto;}
    section.insight-section .insights-box .insights-box-heading{margin: 0 15px;}
    section.insight-sectionp .insights-box-heading{margin: 0!important;}

    .why-us-section .col{    flex: auto;}
    section.insight-section .insights-box{height: auto;}
    section.insight-section .insights-box .insights-box-heading ul{padding: 0;}
    .approach-heading{font-size: 16px;line-height: 20px;}
    section.insight-section .insights-box .insights-box-image .insights-icon img{width: 28px;height: 28px;}
    section.insight-section .insights-box .insights-box-heading ul li{font-size: 14px;line-height: 18px;}
    .table-sec {padding: 0px 0;padding-bottom: 0 !important;}

    .table-sec .main-heading {font-size: 24px; line-height: 1.3;margin-bottom: 20px;}

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

    .table-new table {min-width: 800px;font-size: 14px;}

    .table-new th,
    .table-new td { padding: 8px 10px;}
    .certifications-section .main-heading{font-size: 23px;line-height: 28px;}
    .gradflexbg{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .insights-content .col-md-4{width: 50%;}
    .about-overview{padding-left: 0;}

    .our-approach-section .approach-content{    padding: 14px 14px 14px;}
    .breathe-cloud {padding: 70px 30px 0px;}

    .breathe-content {
     background: #fff;
     margin-top: -71px;
     margin-left: 170px;
     padding: 40px 0px 0 40px;
     max-width: 100%;
 }
 .why-content{text-align: center;}
 section.insight-section.insight-sectionp .col-md-3{width: 50%;}
 .LeapLiquidSection .col-md-5, .LeapLiquidSection .col-md-7{width: 100%;}
 .LeapLiquidSection .bg-box{max-width: 100%;}
 .mission-content{margin-left: 0}
 .mission-heading{font-size: 23px;line-height: 1.6}
 .value-list li{font-size: 14px;line-height: 18px;}
 .news-sections p{font-size: 14px;line-height: 18px;}
 .cyfuture-infographic .cf-info-row > [class*="col-"], .colocation-main .col-md-4{        width: 50%;}
 .aisec2 ul li p{ margin-bottom: 0;}
 .aisec2 ul li .aihelpimg{    width: 150px;height: 150px;margin: 0 auto 20px;    margin-top: 52px;}
 .aisec2 ul li p{font-size: 14px;line-height: 18px;}
 .career-content{text-align: center;}
}


/* 767px (Mobile) */
@media (max-width: 768px) {
   .career-content{text-align: center;}
   .globallysection .global-card .card-content h3{font-size: 20px;}
   .slider-info{left: 30px;}

   .industries-modern-card, .aisec2 ul li{display: block;}
   .aisec2 ul li p{border-right: none;
    margin-bottom: 0;}
    .cyfuture-infographic .cf-info-row > [class*="col-"]{width: 50%}
    .bpo-footer-text{    margin-top: 0;    max-width: 100%;    padding: 0;    font-size: 14px;    line-height: 18px;}

    .about-us-page .about-badge-btn{    padding: 6px 10px 6px 10px;font-size: 14px;}
    .about-us-detail-1 .management-row .col-md-7, .about-us-detail-1 .management-row .col-md-5{width: 100%}
    .about-us-detail-1 .management-row .col-md-5{margin-top: 30px;}
    .commmon-btn{    padding: 10px 12px;}
    .award-body{padding: 30px 30px}
    .sliderbtm ul{padding: 0;display: flex;flex-wrap: wrap;margin: 14px;}
    .sliderbtm ul li{width: calc(100% * (1/2) - 14px);display: block;max-width: 100%;height: auto;}
    .certification-servicebx{height: auto;margin-bottom: 70px;}
    .service-delbox{padding: 10px;}
    .certification-servicebx ul li:nth-child(2){    padding: 50px 18px 18px 18px;height: 100px;}
    .service-delbox a.commmon-btn{margin-bottom: 40px;}
    .certification-servicebx ul li.acce-downloadbtn{    padding: 14px 14px;    min-height: 100px;}
    .certification-servicebx ul li span {
        font-size: 14px;
    }
    .service-delbox.service-delbox2 .service-delbx-sec2 .col-md-3, .service-delbox-main .col-md-3{        width: 50%;}
    .cloud-security-benefits-sec {
        padding: 60px 0;
    }

    .cloud-security-benefits-sec::before {
        width: 280px;
        height: 280px;
        top: -150px;
        right: -140px;
    }

    .cloud-security-benefits-sec::after {
        width: 220px;
        height: 220px;
        bottom: -130px;
        left: -100px;
    }


    .cloud-security-benefits-sec
    .cloud-security-benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(4),
    .cloud-security-benefits-sec
    .cloud-benefit-card:nth-child(5) {
        grid-column: auto;
        margin-left: 0;
        width: 100%;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content {
        padding: 28px 25px 25px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content h4 {
        font-size: 20px;
    }
    .iot-solutions-section > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iot-solutions-section .iot-caption {
        left: 15px;
        right: 15px;
        bottom: 17px;
    }

    .iot-solutions-section .iot-caption h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .cloud-service-cards {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 30px;
    }

    .cloud-service-cards li {
        min-height: auto;

        border-radius: 15px;
    }

    .cloud-service-cards .img-sec {
        width: 100px;
        height: 100px;

        margin-top: 28px;
    }

    .cloud-service-cards .img-sec img {
        width: 58px;
        height: 58px;
    }

    .cloud-service-cards .card-content {
        padding: 0 22px 25px;
    }

    .cloud-service-cards p {
        font-size: 16px;
        line-height: 24px;
    }
    .reason-row .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cloud-consulting-section .cloud-consulting-list {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 30px;
    }


    .cloud-consulting-section .cloud-consulting-list li {
        min-height: 240px;

        padding: 25px 20px 25px;
    }


    .cloud-consulting-section .cloud-consulting-icon {
        width: 95px;
        height: 95px;

        margin-bottom: 12px;
    }


    .cloud-consulting-section .cloud-consulting-icon::before {
        width: 85px;
        height: 85px;
    }


    .cloud-consulting-section .cloud-icon-normal,
    .cloud-consulting-section .cloud-icon-hover {
        width: 68px;
        height: 68px;
    }


    .cloud-consulting-section .cloud-consulting-list li strong {
        font-size: 14px;
        line-height: 18px;
    }

    .section-9 .blog-content{max-width: 100%}
    .section-4 .cert-card { width: 100%; height: 100%; }
    .about-company-section .overlay h2 { font-size: 36px; }
    .section-8 .trust-image{margin-bottom: 20px;}
    section,     
    .section-2, 
    .section-8, 
    .section-9, .partner-ecosystem-section{padding:30px 0 30px;}
    .industry-slider-section #counter-carousel .item h4{font-size: 15px;}
    .container{padding:0 20px;}
    .gl-locations .region-tabs{justify-content: center;overflow: scroll;}
    .gl-locations .location-card .loc-card-body, .contact-cta-wrapper{display: block;}
    .gl-locations .map-wrap{max-width: 100%;flex: 0 0 100%;margin-top: 20px;}
    .gl-locations .region-tab-btn .tab-label{    padding: 8px 10px;    font-size: 11px;}
    .gl-locations .region-tab-btn .tab-icon-placeholder{    height: 58px;}
    .contact-cta-content h2{margin-top: 20px;margin-bottom: 0;}
    .gl-locations .region-tab-btn{width: auto;}
    .mission-vission-bg { padding: 0 0 10px 10px; }
    .mission-vission-bg::before { left: -10px; bottom: -10px; width: 85%; height: 58%; border-radius: 15px; }
    .mission-vission-bg img { border-radius: 15px; }
    .technology-stack-section { padding: 60px 0; }
    .technology-card { border-radius: 16px; }
    .technology-card-top { padding: 18px; min-height: 72px; }
    .why-content h2, .contact-cta-content h2, .current-opportunities-section-bttom .current-opportunities-content h2, .current-opportunities-section-bttom .current-opportunities-content .sub-title { font-size: 22px; line-height: 28px;}
    .why-card { min-height: 180px; }
    .service-offering-section { padding:0 0 0px; }
    .service-offering-wrapper { padding: 20px; }
    .service-content { padding: 22px; }
    .service-content h3 { font-size: 24px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { padding: 14px 18px; }
    .quote-section { padding: 70px 0 50px; }
    .quote-heading h2 { font-size: 32px; line-height: 1.3; }
    .quote-card { padding: 30px 25px; border-radius: 18px; }
    .quote-input, .captcha-input { height: 52px; font-size: 15px; }
    .quote-textarea { min-height: 120px; }
    .captcha-image { width: 80px; height: 44px; }
    .captcha-refresh { width: 42px; height: 52px; }
    .quote-btn { width: 100%; font-size: 18px; }
    .awards-section { padding: 60px 0; }
    .award-icon { top: -30px; left: 0; width: 80px; }
    .about-company-section .overlay h2 { font-size: 34px; }
    .about-company-section .overlay p { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section { padding: 60px 0; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section { padding: 60px 0; }
    .management-team-section .section-title { font-size: 28px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .career-content h5 { font-size: 20px; }
    .career-content h2 { font-size: 28px; }
    .career-content p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
    .section-5 { padding: 70px 0 70px!important; }
    .section-5 .engineer-logo { width: 200px;margin-bottom:20px }
    .section-5 .engineer-left h2{padding-bottom: 20px}
    .section-3 .inspire-card{padding: 18px 20px;}
    .section-5 .engineer-left h2 span { font-size: 24px; }
    .section-5 .stat-box h3 .counter { font-size: 32px; }
    .gptw-wrapper { padding: 30px 18px; }
    .gptw-image img { width: 220px; }
    .gptw-content h2 { font-size: 24px; }
    .gptw-content h4 { font-size: 20px; }
    .inspire-dots .dot.active { width: 50px; height: 20px; }
    .partner-card { height: 140px; }
    .partner-card img { width: 120px; height: 60px; }    
    .section-9 .blog-left, .section-9 .blog-right { width: 100%; }
    .section-9 .blog-right{margin-top: 20px;}
    .section-9 .blog-card{margin-right: 15px;height: auto;width: 100%;}
    .section-9 .blog-card img{height: auto;}
    .section-9 .blogs-main{display: block;}
    .about-overview { text-align: left;padding-right:0 }
    .about-content h1 { font-size: 23px; }
    .about-content p { font-size: 16px;line-height:20px }
    .about-content{    padding-top: 180px;}
    .about-content-image { margin-top: 20px; }
    .cyfuture-certification .certification-box { padding: 20px; }
    .cyfuture-certification .certification-box p { font-size: 18px; }
    .cyfuture-infographic .cf-center { width: 320px; height: 320px; transform: scale(0.62); margin: -100px auto -100px; }
    .cyfuture-infographic .cf-text { font-size: 14px; }
    .about-company-section .counter-box { height: 300px; }
    .our-approach-section .approach-image img { height: 220px; }
    .management-team-section .management-card { border-radius: 16px; }
    .management-team-section .management-image { height: 260px; }
    .management-team-section .management-image img { max-height: 240px; }
    .management-team-section .management-content { padding: 20px; }
    .management-team-section .management-content h3 { font-size: 21px; }
    .services-offer-section { padding-top: 60px; padding-bottom: 60px; }
    .services-offer-section .service-image img { height: 200px; }
    .services-offer-section .service-content { padding: 28px 20px; }
    .services-offer-section .service-content h3 { font-size: 18px; }
    .services-offer-section .service-content p { font-size: 15px; }
    .why-us-section { padding: 50px 0; }
    .section-subtitle-light{    font-size: 24px;line-height: 28px;}
    .why-card { min-height: 170px; }
    .why-card h4 { font-size: 15px; }
    .why-number { width: 42px; height: 42px; }
    .why-number span { font-size: 20px; }
    .service-offering-wrapper { padding: 20px; }
    .service-content h3 { font-size: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { font-size: 14px; }
    .meet-people-section { padding: 50px 0; }
    .meet-people-section .people-card { min-height: auto; padding: 90px 22px 25px; }
    .meet-people-section .people-content p { line-height: 24px; }
    .footer-column { border-right: none !important; padding-left: 10px; margin-bottom: 10px; }
    .footer-menu li a { padding-left: 0px; gap: 0;}
    .social-icons { justify-content: left; }
    .advancesection .content-text h3{font-size: 20px}
    .advancesection .advancesection-item img{height: auto;}
    .advancesection .advancesection-item{margin-bottom: 20px}
    .section-4 .solution-left{margin-bottom: 20px;}
    .section-7 .story-card, .section-7 .story-card{margin-bottom: 30px}
    .section-7 .overlay{padding: 20px;}
    .section-8 .trust-content{margin-left: 0;}
    .gptw-content{padding-left: 0;text-align: center;}
    .gptw-line{width: 100%}
    .gptw-section{padding-bottom: 30px;}
    .cyfuture-footer{padding: 30px 0 0px;}
    .footer-menu li, .cyfuture-footer h5{margin-bottom: 0}
    .footer-divider{margin: 0px 0 10px;}
    .partner-heading p, 
    .section-8 .trust-content p,
    .section-9 .blog-content p,
    .section-7 .section-heading p, .awards-para-left
    {font-size: 16px;line-height: 20px;padding-bottom: 0;}
    .partner-ecosystem-section .heading2{padding-bottom:10px;}
    .section-8 .trust-content h3, .section-9 .blog-content h3{font-size: 20px;line-height: 24px;}
    .section-8 .trust-content h2, 
    .section-9 .blog-content h2,  
    .section-7 .section-heading h2, 
    .section-7 .section-heading h2 span,
    .heading2, .awards-content h2, .award-small-title
    {font-size: 23px!important;line-height: 26px!important;}
    .section-9 .blog-overlay h4{font-size: 14px;line-height: 18px}
    .contact-btn{padding:8px 18px;font-size: 12px}
    .home-content h1{ font-size: 25px;line-height: 30px;margin-bottom: 0;}
    /* Paragraph */
    .home-content p {max-width: 700px;margin-bottom: 10px;line-height: 22px;font-size: 18px;}
    .home-content{left: 0}
    .slider-nav{display: none;}

    .section-title{font-size: 20px;    line-height: 24px;margin-bottom: 15px;padding-bottom: 6px}
    .section-description, .paragraph-content{font-size: 16px;line-height: 20px;margin-bottom: 0}
    .section-subtitle{font-size: 24px;line-height: 26px;}
    .awards-slider.owl-carousel.owl-loaded.owl-drag{width: auto;margin-right: auto;}
    .award-card{height: 100%px;}
    .services-offer-section .service-card, .services-offer-section .service-content{display: block;}
    .services-offer-section .service-image, .services-offer-section .service-content{width: 100%;}
    .service-content{margin-top: 0;}
    .service-content{height: 100%;}
    .services-offer-section .service-card{height: auto;}
    .unfillbtn{width: 170px;height: 40px;font-size: 12px;}
    .services-offer-section .service-content h3{line-height: 24px;}
    .social-icons a{width: 28px;height: 28px;}
    .section-title-white{font-size: 23px;line-height: 28px;}
    
    .clientbx{margin: 0;        margin-bottom: 20px;}
    .clientbxsectionpage .col-md-3{width: 50%;}
    .listing ul li{text-align: left;}
    .contentbox{height: auto;}
    .current-opportunities-wrapper .opening-card h4{    font-size: 16px;    line-height: 1.6;}
    .current-opportunities-wrapper .department{    padding-bottom: 0px;    margin-bottom: 10px;}
    .current-opportunities-wrapper .opening-badge{font-size: 10px;}
    .advancesection .col-md-4{width: 100%}
    .advancesection .col-md-3{width: 50%}
    .mediasbox{margin: 0;}
    .mediakit h2{    font-size: 23px;}
    .mediafbox p{    font-size: 16px;    line-height: 20px;}
    .mediaborright p strong, .media-contact h3{    font-size: 20px;}
    .mediaborright p a{    padding: 10px 10px;    font-size: 10px;}
    .mediaborright p a .fa-angle-right{font-size: 13px;}
    .mediaborright p{    font-size: 12px; line-height: 16px;}
    .media-contact ul li{font-size: 11px;display: flex;align-items: center;}
    .media-contact ul li .fa{font-size: 16px}
    .cloud-consulting-section{width: auto;}
    section.insight-section .insights-box .insights-box-heading{margin: 0 15px;}
    section.insight-sectionp .insights-box-heading{margin: 0!important;}

    .why-us-section .col{    flex: auto;}
    section.insight-section .insights-box{height: auto;}
    section.insight-section .insights-box .insights-box-heading ul{padding: 0;}
    .approach-heading{font-size: 16px;line-height: 20px;padding-top: 0}
    section.insight-section .insights-box .insights-box-image .insights-icon img{width: 28px;height: 28px;}
    section.insight-section .insights-box .insights-box-heading ul li{font-size: 14px;line-height: 18px;}
    .table-sec {padding: 0px 0;padding-bottom: 0 !important;}

    .table-sec .main-heading {font-size: 16px; line-height: 1.3;margin-bottom: 20px;}

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

    .table-new table {min-width: 800px;font-size: 14px;}

    .table-new th,
    .table-new td { padding: 8px 10px;}
    .certifications-section .main-heading{font-size: 23px;line-height: 28px;}
    .gradflexbg{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .insights-content .col-md-4{width: 100%;}
    .about-overview{padding-left: 0;}
    .breathe-cloud {padding: 50px 20px 35px;

        background-position: center top;
        background:#fff;}

        .breathe-content {
            width: 100%;
            padding-left: 0;
        }
        .why-content{text-align: center;}
        section.insight-section.insight-sectionp .col-md-3{width: 50%;}
        .grid-page-new{display: block;margin-top: 0}
        .service-offering-wrapper .new-service-content{padding: 20px 20px 20px 20px}
        .service-offering-wrapper .new-service-content .service-content-scroll .fulwidth > ul:not(:has(> h2)){padding: 0px 14px 0px 14px;}
        .bpo-services-section{padding: 0}
        .web-development-page .trend-card{display: block;}  
        
        .our-approach-section .approach-content {padding: 20px 20px 20px;}
        .contact-us-btn{padding: 10px 25px;display: block;margin: 0 auto;width: 200px;font-size: 15px;        border-radius: 3px;float: none;}
        .outsourcedata-btnUpdate ul{    grid-template-columns: repeat(1, 1fr);}
        .ivy-copy h2{font-size: 20px}
        .listingNewLising ul li{font-size: 14px;}
        .LeapEvent-box{width: auto;padding: 15px 20px;}
        .LeapLiquidSection .col-md-5, .LeapLiquidSection .col-md-7{width: 100%;}
        .LeapLiquidSection .bg-box{max-width: 100%;}
        .mission-content{margin-left: 0}
        .mission-heading{font-size: 23px;line-height: 1.6}
        .value-list li{font-size: 14px;line-height: 18px;}
        .news-sections p{font-size: 14px;line-height: 18px;}
        .cyfuture-section{padding: 70px 0 70px;}
        .cyfuture-infographic .cf-info-row > [class*="col-"], .colocation-main .col-md-4{        width: 50%;}

        .gptw-content .quote-icon{justify-content: center;}
        .home-slider-image .landmark-shade{background:transparent !important}
    }

/* 575px (Small Mobile) */
@media (max-width: 575px) {
    .cyfuture-infographic .cf-info-row > [class*="col-"], .colocation-main .col-md-4{width: 100%;}
    .cyfuture-infographic .cf-info-row > [class*="col-"]{width: 100%}
    .cyfuture-infographic{padding: 0}
    section.section-colocation .colocation-main .colocation-details{height: auto;}
    .faster{margin-bottom: 320px;}
    .LeapEvent-box{width: auto;display: block;padding: 15px 20px;}
    .ptnrsec2 .section-title-white, .ptnrsec2 p{text-align: center;}
    .ptnrsec2{height: 355px;}
    .iot-solutions-section > ul {
        grid-template-columns: 1fr;
    }

    .iot-solutions-section .iot-caption {
        left: 20px;
        right: 20px;
        bottom: 22px;
    }

    .iot-solutions-section .iot-caption h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .gradflexbg {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 0;
    }

    .gradflexbg li,
    .gradflexbg.gradflexbg-leadgeneration li {
        min-height: auto;
        font-size: 14px;
        line-height: 18px;
    }

    .flexpsec {
        padding: 0 20px 25px;
    }

    .flexpsec h3,
    .flexpsec h4,
    .flexpsec .title {
        font-size: 18px;
        line-height: 24px;
    }

    .flexpsec p {
        font-size: 17px;
        line-height: 23px;
    }
    .about-overview { text-align: center;padding-right:0 }
    .section-9 .blog-overlay h4{font-size: 14px;line-height: 18px}
    .contact-btn{padding:8px 18px;font-size: 12px}
    .home-content h1, .home-content h3{ font-size: 25px;line-height: 30px;margin-bottom: 0;}
    .commmon-btn{    padding: 8px 12px;font-size: 10px;}
    .home-slider-image img{    min-height: 200px;}
    .slider-info{    left: 20px;}
    .footer-links a{    padding: 0 8px;}
    /* Paragraph */
    .home-content p {max-width: 700px;margin-bottom: 10px;line-height: 22px;font-size: 18px;}
    .home-content{left: 0}
    .slider-nav{display: none;}
    .section-7 h3{font-size: 16px;line-height: 20px;}
    .section-5, .section-7, .section-6, .partner-ecosystem-section{ padding:30px 0 0px; }
    .about-company-section .counter-box { height: 280px; }
    .services-offer-section { padding-top: 80px; padding-bottom: 90px; }
    .awards-section { padding-top: 70px; padding-bottom: 60px; }
    .technology-stack-section { padding: 50px 0; }
    .technology-card { border-radius: 14px; }
    .technology-card-top { padding: 16px; min-height: 72px; }
    .technology-card-top h3 { font-size: 18px; line-height: 1.35; }
    
    .why-card { min-height: 170px; padding: 20px 15px; }
    .why-number { width: 42px; height: 42px; }
    .why-card h4 { font-size: 15px; }
    .why-number span { font-size: 20px; }
    .service-content h3 { font-size: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { font-size: 14px; }
    .quote-section { padding: 60px 0 40px; }
    .quote-heading h2 { font-size: 26px; }
    .quote-card { padding: 25px 18px; border-radius: 15px; }
    .quote-input, .captcha-input { height: 50px; font-size: 14px; }
    .quote-textarea { min-height: 110px; }
    .captcha-image { width: 68px; height: 42px; }
    .quote-btn { width: 100%; height: 50px; font-size: 16px; }
    .management-team-section{ padding: 50px 0; }
    .management-team-section .section-title { font-size: 28px; }
    .management-team-section .management-image { height: 240px; }
    .management-team-section .management-image img { max-height: 220px; max-width: 90%; }
    .management-team-section .management-content { padding: 18px; }
    .management-team-section .management-content h3 { font-size: 20px; }
    .management-team-section .management-content span { font-size: 14px; }
    .management-team-section .management-content a { font-size: 14px; }
    .management-team-section .management-content a i { width: 32px; height: 32px; font-size: 12px; }
    .about-company-section .counter-box { height: 280px; }
    .about-company-section .overlay h2 { font-size: 28px; }
    .about-company-section .overlay p { font-size: 14px; }
    .our-approach-section { padding: 50px 0; }
    .our-approach-section .approach-image img { height: 200px; }
    .our-approach-section .approach-content { padding: 24px 20px; }
    .our-approach-section .approach-content h3 { font-size: 22px; }
    .our-approach-section .approach-content p { font-size: 15px; }
    .services-offer-section { padding-top: 50px; padding-bottom:250px; }
    .services-offer-section .service-image img { height: 180px; }
    .services-offer-section .service-content { padding: 26px 18px; }    
    .services-offer-section .service-content p { font-size: 14px; }
    .why-us-section { padding: 50px 0; }
    .why-card { min-height: 170px; padding: 20px 15px; }
    .why-card h4 { font-size: 15px; }
    .why-number { width: 42px; height: 42px; }
    .why-number span { font-size: 20px; }
    .service-offering-wrapper { padding: 20px; }
    .service-content h3 { font-size: 22px; }
    .service-content p { font-size: 14px; }
    .service-tab-btn { font-size: 14px; }
    .section-5 .stats-row{display: block;}
    .section-5 .stat-box{width: 100%;margin-bottom: 15px;border-radius: 8px;}
    .awards-slider.owl-carousel.owl-loaded.owl-drag{width: auto;margin-right: auto;}
    .award-card{height: 550px;}

    .mission-content{margin-left: 0;}
    .mission-heading{
        font-size: 23px;
        line-height: 26px;
    }
    .mission-heading4{
        font-size: 18px;
        line-height: 22px;
    }
    .mission-para{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .value-list li{
        font-size: 16px!important;
        line-height: 20px!important;
    }
    .counter-border-bottom{    padding-bottom: 40px;}
    .about-company-section .counter-row{    margin-top: 40px;}
    .about-company-section{padding: 30px 0}
    .reason-row .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .current-opportunities-section-bttom{min-height: auto}
    .current-opportunities-section-bttom .current-opportunities-content{    max-width: 100%;    padding-left: 0;}
    .current-opportunities-wrapper .opening-tabs .nav-link{    padding: 16px 4px 4px;font-size: 12px;}
    .advancesection .col-md-4{width: 100%}
    .advancesection .col-md-3{width: 100%}
    .breathe-cloud {padding: 40px 15px 30px;}
    .breathe-content {width: 100%; padding-left: 0px;}
    section.insight-section .insights-box .insights-box-heading{margin: 0 15px;}
    section.insight-sectionp .insights-box-heading{margin: 0!important;}
}

/* 480px (Extra Small) */
@media (max-width: 480px) {
    .copyright, .footer-address, .footer-phone, .footer-email{font-size: 14px!important;}
    .about-us-detail-1{padding-bottom: 0;}
    .about-us-page .about-badge-btn{padding: 4px 10px 4px 10px;font-size: 12px;    border-radius: 3px;}
    .section-para-white{margin-bottom:18px;}
    .services-offer-section .service-navigation{margin-top:0px;margin-bottom: 18px;}
    .services-offer-section .service-counter{font-size: 12px;}
    .services-offer-section .current-slide{font-size: 15px;}
    .services-offer-section .service-prev, .services-offer-section .service-next{width: 30px;height: 30px;}

    p{font-size: 16px!important;line-height: 20px!important;}
    .section-3 .inspire-image{position: inherit;}
    .section-3 .inspire-card{height: auto;}
    .mission-vission-bg { padding: 0 0 8px 8px; }
    .mission-vission-bg::before { left: -8px; bottom: -8px; width: 90%; height: 55%; border-radius: 12px; }
    .mission-vission-bg img { border-radius: 12px; }
    .technology-card-top h3 { font-size: 16px; }
    .technology-card-body p { font-size: 12px; }
    .technology-icon { width: 42px; height: 42px; }
    .technology-icon img { width: 22px; }
    .cyfuture-certification .certification-box p { font-size: 16px; line-height: 1.6; }
    .our-approach-section { padding: 30px 0; }
    .our-approach-section .approach-image img { height: 200px; }
    .our-approach-section .approach-content { padding: 24px 20px; }
    .our-approach-section .approach-content h3 { font-size: 22px; }
    .our-approach-section .approach-content p { font-size: 15px; }
    .management-team-section .management-image { height: 240px; }
    .management-team-section .management-image img { max-height: 220px; max-width: 90%; }
    .management-team-section .management-content { padding: 18px; }
    .management-team-section .management-content h3 { font-size: 20px; }
    .management-team-section .management-content span { font-size: 14px; }
    .management-team-section .management-content a { font-size: 14px; }
    .cloud-consulting-section .cloud-consulting-list li {
        min-height: 225px;
    }


    .cloud-consulting-section .cloud-consulting-list li::before {
        width: 50px;
        height: 50px;
    }
    .cloud-security-benefits-sec {
        padding: 50px 0;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card {
        border-radius: 18px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content {
        padding: 25px 20px 22px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content h4 {
        font-size: 19px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-card-content > p {
        font-size: 14px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-highlight {
        padding: 17px;
    }

    .cloud-security-benefits-sec
    .cloud-benefit-highlight p {
        font-size: 13px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.15ms !important;
    }
    .cyfuture-infographic .cf-hex,
    .cyfuture-infographic .cf-core,
    .cyfuture-infographic .cf-glow-ring,
    .cyfuture-infographic .cf-spoke,
    .cyfuture-infographic .cf-text {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}
.youmayalso{padding: 100px 0 0px;}
.disclaimer-clsss p{
    color: #000;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.disclaimer-clsss .heading2{padding-bottom: 0}
.service-tab-wrapper2 .service-content-scroll .listing ul {padding-top: 50px}
.service-tab-wrapper2 .service-content-scroll .listing ul li{color: #fff}
.service-tab-wrapper2 .service-content-scroll{max-height: 100%}
.gpuservice-sections{padding-top: 70px}
.bankingoffering {padding: 0;padding-bottom: 70px}
.ngovisit .image-link img{width: 100%!important;line-height: 100%;}
.section-subtitle{display: none;}
.lccdsec1 {
    background: #f6f6f6 url(../images/lccd-bg.png) no-repeat center center / 100% auto;
    background-position: bottom;
    background-blend-mode: lighten;
}
.tech-partners-section{padding-bottom: 0;}


/*....add-new-home-page-css-start....*/
/* Cyfuture's own building leads the experience. The façade stays visible. */
/* CSS */
:root {
    --neo-coral: linear-gradient(
        90deg, 
        rgb(156, 204, 251) 0%, 
        rgb(126, 183, 250) 25%, 
        rgb(90, 152, 248) 55%, 
        rgb(63, 125, 247) 80%, 
        rgb(50, 111, 242) 100%
    );
}
.reading-progress {
    height: 4px;
    position: fixed;
    inset: 0 auto auto 0;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    background: var(--neo-coral);
    z-index: 999999;
    pointer-events: none;
    transition: transform 0.1s ease-out; /* Smooth scrolling ke liye */
}

.landmark-hero {
    background: #071321;
    color: #fff;
    isolation: isolate
}

.landmark-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden
}

.landmark-photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transform-origin: 73% 15%;
    animation: landmark-drift 24s ease-in-out infinite alternate;
    animation-play-state: paused;
    will-change: transform
}

.landmark-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(3,13,26,.91) 0%,rgba(4,16,31,.78) 23%,rgba(5,19,37,.32) 47%,rgba(6,18,34,.02) 72%),linear-gradient(0deg,#061222 0%,rgba(6,18,34,.87) 12%,rgba(6,18,34,.22) 35%,rgba(6,18,34,.04) 76%)
}

.landmark-grid {
    min-height: 680px;
    padding-top: 70px;
    padding-bottom: 64px;
    display: grid;
    grid-template-columns: minmax(0,590px) 1fr;
    gap: 24px;
    align-items: center;
    position: relative;
    z-index: 2
}

.landmark-hero h1 {
    font-size: clamp(58px,5.55vw,84px);
    letter-spacing: -.062em;
    line-height: 1.035;
    text-shadow: 0 2px 25px #0002
}

.landmark-hero h1 em {
    color: #ffd0bd
}

.landmark-hero .eyebrow {
    font-size: 10px;
    color: #e4edf6;
    letter-spacing: .145em;
    margin-bottom: 28px
}

.landmark-hero .status-dot {
    background: #ffc3a5;
    box-shadow: 0 0 18px #ffbda277
}

.landmark-hero .neo-lead {
    font-size: 17px;
    line-height: 1.8;
    color: #d3dfed;
    max-width: 480px;
    margin: 29px 0 28px;
    text-wrap: pretty
}

.landmark-hero .button-group {
    gap: 12px;
    align-items: center;
    flex-wrap: wrap
}

.landmark-hero .button {
    min-height: 54px;
    padding: 16px 24px;
    font-size: 13px;
    letter-spacing: 0
}

.landmark-hero .landmark-primary {
    background: #cc3049;
    border-color: #cc3049;
    color: #fff;
    box-shadow: 0 8px 30px #020b1766;
    display: inline-flex;
    align-items: center;
    gap: 27px
}

.landmark-primary>span {
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    transition: transform .2s
}

.landmark-primary:hover>span {
    transform: translate(2px,-2px)
}

.landmark-hero .landmark-primary:hover {
    background: #b5233b;
    border-color: #b5233b
}

.landmark-hero .button-outline {
    background: #0a1a2e45;
    border-color: #8fabc57d;
    color: #f0f4f9;
    backdrop-filter: blur(8px)
}

.landmark-hero .button-outline:hover {
    background: #263b54b3;
    border-color: #b6cbdf
}

.landmark-cta-note {
    font-size: 11px;
    line-height: 1.6;
    color: #aebed1;
    margin: 14px 0 0
}

.hero-intents {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 19px;
    align-items: center;
    max-width: 500px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #d6e4f01c
}

.hero-intents>span {
    font-size: 8px;
    letter-spacing: .12em;
    color: #8fa5bd;
    flex-basis: 100%
}

.hero-intent {
    font-size: 12px;
    line-height: 1.7;
    color: #dbe6f0;
    border-bottom: 1px solid #c5d5e252;
    padding-bottom: 2px;
    transition: color .2s,border-color .2s
}

.hero-intent:hover {
    color: #ffc4b1;
    border-color: #ffc4b1
}

.landmark-caption {
    position: absolute;
    right: var(--gutter);
    bottom: 210px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px;
    text-shadow: 0 2px 14px #051426;
    z-index: 2;
    color: #f0f4f8;
    max-width: 40%
}

.landmark-caption>span:first-child {
    font-family: Manrope,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: .28em;
    font-weight: 700
}

.landmark-caption>span:last-child {
    font-size: 8px;
    letter-spacing: .16em;
    color: #c2d1e3
}

.landmark-view-controls {
    align-self: end;
    justify-self: end;
    position: relative;
    margin-bottom: 7px
}

.landmark-view-controls .motion-toggle {
    color: #c9d8e8;
    background: #06152260;
    border-color: #87a5c34d;
    backdrop-filter: blur(6px)
}

.landmark-facade-line {
    position: absolute;
    width: 54%;
    height: 1px;
    right: -10%;
    top: 29%;
    background: linear-gradient(90deg,transparent,#ffe8bc85,transparent);
    transform: rotate(30deg);
    transform-origin: right;
    opacity: 0;
    animation: facade-glimmer 15s ease-in-out infinite;
    animation-play-state: paused;
    pointer-events: none
}

.landmark-proof {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    gap: 36px;
    padding-top: 28px;
    padding-bottom: 31px;
    grid-template-columns: .82fr 1.15fr 1.03fr;
    border-top-color: #a6c5df38
}

.landmark-proof>div,.landmark-proof>a {
    gap: 10px
}

.landmark-proof strong {
    font-size: 21px;
    line-height: 1.3;
    color: #f4f6f9;
    font-weight: 500
}

.landmark-proof span {
    font-size: 11px;
    color: #9cb4cd;
    line-height: 1.65
}

.landmark-proof>a {
    padding-left: 35px;
    border-left: 1px solid #94b1ce2b
}

.landmark-proof i {
    font-style: normal;
    color: #fff;
    margin-left: 5px
}

.motion-active .landmark-photo,.motion-active .landmark-facade-line {
    animation-play-state: running
}

.landmark-hero+.rich-section {
    border-top: 1px solid #233247
}

.landmark-hero~.cta-section .button {
    min-width: 180px
}

@keyframes landmark-drift {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.035)
    }
}

@keyframes facade-glimmer {
    0%,70%,100% {
        opacity: 0
    }

    80%,86% {
        opacity: .3
    }
}
.neo-hero {
    position: relative;
    overflow: hidden;
    background: radial-gradient(ellipse at 80% 38%, #183443 0, transparent 47%), #07101c;
    color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
}

.neo-proof {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1.15fr 1fr;
    border-top: 1px solid #8ea1b62d;
    padding-top: 30px;
    padding-bottom: 35px;
    gap: 45px;
}

.neo-proof>div,.neo-proof>a {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.neo-proof>div+div,.neo-proof>a {
    border-left: 1px solid #8ea1b62d;
    padding-left: 38px;
    text-decoration: none !important;
}

.neo-proof strong {
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -.04em
}

.neo-proof strong small {
    font-size: 15px;
    color: #a6b8cd;
    margin-left: 7px
}

.neo-proof span {
    font-size: 11px;
    color:#a4d4ff ;
    line-height: 1.5
}
.landmark-proof>a:hover span {
    color: #73bdff;
}
@keyframes stack-breathe {
    0%,100% {
        transform: translateX(-50%) translateY(0) rotateX(55deg) rotateZ(-29deg)
    }

    50% {
        transform: translateX(-50%) translateY(-7px) rotateX(55deg) rotateZ(-29deg)
    }
}

@keyframes scan-surface {
    0%,20% {
        left: -100%
    }

    80%,100% {
        left: 150%
    }
}

@keyframes energy-rise {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    20% {
        opacity: .75
    }

    85% {
        opacity: .5
    }

    100% {
        transform: translateY(-285px);
        opacity: 0
    }
}

@keyframes voice-wave {
    from {
        transform: scaleY(.4)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes panel-in {
    from {
        opacity: .35;
        transform: translateY(7px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}


@media(min-width: 1600px) {
    .landmark-grid {
        min-height:760px;
        padding-top: 80px;
        padding-bottom: 80px;
        grid-template-columns: 640px 1fr
    }

    .landmark-hero h1 {
        font-size: 92px
    }

    .landmark-hero .neo-lead {
        font-size: 18px;
        max-width: 490px
    }

    .landmark-caption {
        right: max(var(--gutter),calc((100vw - 1320px)/2));
        bottom: 240px
    }
}

@media(max-width: 1200px) {
    .landmark-grid {
        min-height:645px;
        grid-template-columns: minmax(0,510px) 1fr;
        padding-block:56px}

    .landmark-hero h1 {
        font-size: 68px
    }

    .landmark-photo {
        object-position: 65% top
    }

    .landmark-hero .neo-lead {
        font-size: 16px;
        max-width: 430px
    }

    .landmark-hero .button {
        padding: 15px 20px;
        font-size: 12px
    }

    .landmark-proof {
        gap: 25px
    }

    .landmark-proof strong {
        font-size: 18px
    }

    .landmark-proof>a {
        padding-left: 26px
    }

    .landmark-caption {
        bottom: 220px
    }

    .landmark-shade {
        background: linear-gradient(90deg,#031021e6 0%,#031021bf 25%,#06142655 55%,#07152808 85%),linear-gradient(0deg,#061222 0%,#061222c4 15%,#06122208 65%)
    }
}

@media(max-width: 960px) {
    .landmark-grid {
        grid-template-columns:minmax(0,480px) 1fr;
        min-height: 610px;
        padding-top: 47px;
        padding-bottom: 45px;
        gap: 15px
    }

    .landmark-hero h1 {
        font-size: clamp(57px,7.3vw,68px)
    }

    .landmark-hero .neo-lead {
        font-size: 15px;
        max-width: 420px
    }

    .landmark-hero .eyebrow {
        font-size: 9px;
        margin-bottom: 23px
    }

    .landmark-caption {
        bottom: 198px;
        max-width: 30%;
        text-align: right
    }

    .landmark-caption>span:last-child {
        font-size: 7px;
        line-height: 1.8
    }

    .landmark-view-controls {
        margin-bottom: 0
    }

    .landmark-proof {
        grid-template-columns: .82fr 1.05fr 1.13fr;
        gap: 20px;
        padding-block:25px 28px}

    .landmark-proof strong {
        font-size: 17px
    }

    .landmark-proof>a {
        padding-left: 22px
    }

    .landmark-proof span {
        font-size: 10px
    }

    .landmark-hero .button-group {
        gap: 10px
    }

    .hero-intents {
        max-width: 415px
    }
}

@media(max-width: 700px) {
    .landmark-media {
        position:relative;
        inset: auto;
        height: 290px;
        width: 100%
    }

    .landmark-photo {
        object-position: 67% 8%;
        transform-origin: 70% 20%
    }

    .landmark-shade {
        background: linear-gradient(0deg,#071321 0%,#07132185 19%,#07132100 52%),linear-gradient(90deg,#07132110,transparent 30%,#07132100)
    }

    .landmark-grid {
        display: block;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 31px;
        margin-top: -23px;
        position: relative;
        z-index: 2
    }

    .landmark-hero h1 {
        font-size: clamp(43px,10.7vw,64px);
        line-height: 1.05;
        letter-spacing: -.055em;
        max-width: 520px
    }

    .landmark-hero .eyebrow {
        font-size: 8px;
        margin-bottom: 18px;
        letter-spacing: .12em
    }

    .landmark-hero .neo-lead {
        font-size: 14px;
        line-height: 1.75;
        max-width: 480px;
        margin: 22px 0 23px
    }

    .landmark-hero .neo-lead br {
        display: none
    }

    .landmark-hero .button {
        min-height: 50px;
        padding: 13px 18px;
        font-size: 12px
    }

    .landmark-hero .landmark-primary {
        gap: 18px
    }

    .landmark-hero .button-group {
        gap: 10px;
        align-items: stretch
    }

    .landmark-primary>span {
        font-size: 19px
    }

    .landmark-cta-note {
        font-size: 10px;
        line-height: 1.7;
        margin-top: 12px
    }

    .hero-intents {
        gap: 10px 20px;
        padding-top: 18px;
        margin-top: 22px;
        max-width: none
    }

    .hero-intents>span {
        font-size: 8px
    }

    .hero-intent {
        font-size: 11px;
        padding: 4px 0
    }

    .landmark-caption {
        right: 21px;
        top: 17px;
        bottom: auto;
        max-width: none;
        gap: 0;
        align-items: flex-end;
        padding: 8px 11px;
        background: #051b3440;
        backdrop-filter: blur(4px);
        border: 1px solid #ffffff1c
    }

    .landmark-caption>span:first-child {
        font-size: 8px;
        letter-spacing: .22em
    }

    .landmark-caption>span:last-child {
        display: none
    }

    .landmark-view-controls {
        position: absolute;
        right: var(--gutter);
        top: -39px
    }

    .landmark-view-controls .motion-toggle {
        font-size: 8px;
        padding: 7px 10px;
        min-height: 30px;
        color: #c7d5e2
    }

    .landmark-facade-line {
        display: none
    }

    .landmark-proof {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding-block:24px 28px}

    .landmark-proof>a:nth-child(2) {
        grid-column: auto;
        padding: 0 0 0 20px;
        border-top: 0;
        border-left: 1px solid #94b1ce2b;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px
    }

    .landmark-proof>a:nth-child(2)>span {
        max-width: none;
        text-align: left
    }

    .landmark-proof>a:nth-child(3) {
        grid-column: 1/-1;
        border-left: 0;
        border-top: 1px solid #94b1ce2b;
        padding: 19px 0 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px
    }

    .landmark-proof>a:nth-child(3)>span {
        max-width: 156px;
        text-align: right
    }

    .landmark-proof strong {
        font-size: 18px;
        line-height: 1.4
    }

    .landmark-proof span {
        font-size: 10px
    }

    .landmark-proof strong small {
        font-size: 13px
    }

    .landmark-hero .button-outline {
        background: #13283f7a
    }

    .landmark-hero h1 em {
        color: #ffc5b1
    }
}

@media(max-width: 374px) {
    .landmark-media {
        height:250px
    }

    .landmark-hero h1 {
        font-size: 43px
    }

    .landmark-hero .button-group {
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 290px
    }

    .landmark-hero .button {
        justify-content: center;
        min-height: 47px
    }

    .landmark-hero .neo-lead {
        font-size: 13px
    }

    .landmark-proof strong {
        font-size: 16px
    }

    .hero-intents {
        gap: 9px 14px
    }

    .hero-intent {
        font-size: 11px
    }
}

@media(prefers-reduced-motion:reduce) {
    .landmark-photo,.landmark-facade-line {
        animation: none!important;
        transform: none!important;
        will-change: auto
    }

    .landmark-facade-line {
        display: none
    }
}

.motion-paused .landmark-photo {
    will-change: auto
}
.home-slider-image .landmark-shade{
        position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3, 13, 26, .91) 0%, rgba(4, 16, 31, .78) 23%, rgba(5, 19, 37, .32) 47%, rgba(6, 18, 34, .02) 72%), linear-gradient(0deg, #061222 0%, rgba(6, 18, 34, .87) 12%, rgba(6, 18, 34, .22) 35%, rgba(6, 18, 34, .04) 76%);
}
.home-content .eyebrow{
    font-size: 10px;
    color: #e4edf6;
    letter-spacing: .145em;
    margin-bottom: 8px;
    line-height:1.5;
}
.home-content .eyebrow .status-dot{
        background: #73bdff;
    box-shadow: 0 0 18px #73bdff;
}
.home-content .status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff6973;
    margin-right: 12px;
    box-shadow: 0 0 20px #ff6973a6;
}
.home-content h1 em{
  color: #73bdff;
  font-style: normal;
}
.home-content .button-group {
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.home-content .button-group {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

.home-content .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background .2s, transform .2s, border-color .2s;
    text-decoration: none;
}
.home-content .button-outline {
    background: #0a1a2e45;
    border-color: #8fabc57d;
    color: #f0f4f9;
    backdrop-filter: blur(8px);
}
.home-content .button:hover {
    transform: translateY(-2px);
}
.home-content .button-outline:hover {
    background: #263b54b3;
    border-color: #b6cbdf;
}
.home-content .landmark-cta-note {
    font-size: 11px;
    line-height: 1.6;
    color: #aebed1;
    margin: 14px 0 0;
}
.home-content .hero-intents {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 19px;
    align-items: center;
    max-width: 500px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #d6e4f01c;
}
.home-content .hero-intents>span {
    font-size: 8px;
    letter-spacing: .12em;
    color: #8fa5bd;
    flex-basis: 100%;
}
.home-content .hero-intent {
    font-size: 12px;
    line-height: 1.7;
    color: #dbe6f0;
    border-bottom: 1px solid #c5d5e252;
    padding-bottom: 2px;
    transition: color .2s, border-color .2s;
    text-decoration: none;
}
.home-content .hero-intent:hover {
    color: #73bdff;
    border-color: #73bdff;
}

.eyebrow {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: var(--accent);
}

 .eyebrow {
    font-weight: 600;
    letter-spacing: .13em;
}
.white .eyebrow, .soft .eyebrow {
    color: #0056b3;
}

.rich-section-new .ecosystem-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px
}
.rich-section-new .section-heading.reveal-ready.revealed{
        margin-bottom: 30px;
}
.rich-section-new .ecosystem-pair article {
    background: white;
    border: 1px solid #d8dfe6;
    padding: 43px 40px;
    position: relative;
    overflow: hidden
}

.rich-section-new .ecosystem-pair article:after {
    content: '';
    height: 120px;
    width: 120px;
    position: absolute;
    right: -50px;
    top: -50px;
    border: 1px solid #dda4ad55;
    border-radius: 50%;
    box-shadow: 0 0 0 30px #eee4e64d,0 0 0 60px #f7f0f233
}

.rich-section-new .ecosystem-pair .eyebrow {
    font-size: 9px;
    color: #737f91
}

.rich-section-new .ecosystem-pair h3 {
    font-size: 44px;
    font-weight: 500;
    letter-spacing: -.055em
}

.rich-section-new .ecosystem-pair h3 span {
    color: #b92f47
}

.rich-section-new .ecosystem-pair p {
    font-size: 16px;
    line-height: 1.85;
    color: #576779;
    margin: 24px 0
}

.rich-section-new .pill-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 33px
}

.rich-section-new .pill-list span {
    font-size: 10px;
    padding: 7px 10px;
    border: 1px solid #dee4eb
}

.rich-section-new .factory-editorial {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 70px;
    align-items: center
}

.rich-section-new .factory-editorial h2 em {
    font-style: normal;
    color: #ff747d
}

.rich-section-new .factory-editorial p:not(.eyebrow) {
    font-size: 16px;
    color: #a7b9cd;
    line-height: 1.9;
    margin: 28px 0 30px;
    max-width: 480px
}

.rich-section-new .factory-visual {
    position: relative;
    padding-bottom: 42px
}

.rich-section-new .factory-visual img {
    height: 405px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.6);
    opacity: .75
}

.rich-section-new .factory-visual:before {
    content: '';
    position: absolute;
    inset: 0 0 42px;
    background: linear-gradient(0deg,#07101cbb,transparent 50%);
    z-index: 1;
    pointer-events: none
}

.rich-section-new .factory-annotations {
    position: absolute;
    bottom: 60px;
    left: 23px;
    right: 23px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.rich-section-new .factory-annotations span {
    background: #07101ca6;
    border: 1px solid #8ba0b440;
    padding: 11px 14px;
    font-size: 9px;
    letter-spacing: .12em;
    backdrop-filter: blur(5px)
}

.rich-section-new .factory-visual>p {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px!important;
    letter-spacing: .03em;
    margin: 0!important
}

.rich-section-new .footprint-layout {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 65px;
    align-items: center
}

.rich-section-new .footprint-photo {
    position: relative;
    min-height: 440px;
    overflow: hidden
}

.rich-section-new .footprint-photo img {
    width: 100%;
    height: 440px;
}

.rich-section-new .footprint-photo:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg,#061321d9,transparent 65%)
}

.rich-section-new .footprint-photo>div {
    position: absolute;
    left: 30px;
    bottom: 29px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: white
}

.rich-section-new .footprint-photo span {
    font-size: 9px;
    letter-spacing: .17em
}

.rich-section-new .footprint-photo strong {
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -.03em
}

.rich-section-new .footprint-copy h3 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.2
}

.rich-section-new .footprint-copy>p:not(.eyebrow) {
    line-height: 1.85;
    color: #58697d;
    font-size: 15px;
    margin: 22px 0
}

.rich-section-new .footprint-copy .scope-caption {
    font-size: 11px!important;
    margin: 18px 0 25px!important
}

.rich-section-new .city-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-top: 24px
}

.rich-section-new .city-links>a {
    padding: 15px 0;
    border-bottom: 1px solid #dbe1e9;
    font-size: 14px;
    display: flex;
    gap: 12px;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
}

.rich-section-new .city-links>a:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0056b3
}

.rich-section-new .city-links>a:hover {
    color: #0056b3
}
.rich-section-new .text-link {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px solid var(--accent);
    padding: 8px 0;
    line-height: 1.5;
    text-decoration: none;
}

/* ==========================================
   PARENT CLASS SCOPED CSS
   ========================================== */
/* ========================================================
   NEW COLOR THEME WITH PARENT CLASS (.custom-ai-wrapper)
   ======================================================== */

.custom-ai-wrapper {
  /* New theme accents from your blue gradient palette */
  --accent: #3f7df7;
  --accent-light: #7eb7fa;
  --accent-soft: #9cccfb;
  --accent-gradient: linear-gradient(45deg, #9cccfb 0%, #7eb7fa 25%, #5a98f8 55%, #3f7df7 80%, #326ff2 100%) !important;
  --muted: #8c9ab0;
  --light-muted: #aab5c6;
  width: 100%;
  box-sizing: border-box;
}

.custom-ai-wrapper * {
  box-sizing: border-box;
}

.custom-ai-wrapper .rich-stack {
  background: radial-gradient(ellipse at 20% 90%, #0b396b 0, transparent 55%), #0b1422;
  position: relative;
  padding: 80px 0;
}

.custom-ai-wrapper .section-heading {
  display: block;
  text-align: center;
  margin-bottom: 56px;
  color: #fff;
}
.custom-ai-wrapper .section-heading h2{
    /* font-size: 37px;
    font-weight: 700;
    line-height: 44px; */
    font-size: clamp(36px, 4.1vw, 55px);
    line-height: 1.13;
    letter-spacing: -0.055em;
}
.custom-ai-wrapper .enhanced .eyebrow {
  font-weight: 600;
  letter-spacing: .13em;
}

.custom-ai-wrapper .eyebrow {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: .17em;
  text-transform: uppercase;
  margin-bottom: 0;
  color: var(--accent-light);
}

.custom-ai-wrapper .ink .section-heading > p,
.custom-ai-wrapper .stack-section .section-heading > p {
  color: var(--light-muted);
}

.custom-ai-wrapper .section-heading > p {
  max-width: 100%;
  color: var(--muted);
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

.custom-ai-wrapper .stack-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 80px;
  align-items: center;
}

.custom-ai-wrapper .stack-copy {
  position: relative;
  min-height: 345px;
  padding: 55px 0 12px;
}

.custom-ai-wrapper .stack-panel-number {
  position: absolute;
  top: -22px;
  left: -5px;
  font-size: 150px;
  line-height: 1;
  font-weight: 600;
  color: #ffffff05;
  letter-spacing: -.08em;
  pointer-events: none;
}

.custom-ai-wrapper .stack-copy .eyebrow {
  font-size: 11px;
  margin-bottom: 18px;
  position: relative;
  color: var(--accent-soft);
}

.custom-ai-wrapper .rich-stack .stack-copy h3 {
     font-size: 25px;
    line-height: 30px;
  font-weight: 500;
  letter-spacing: -.035em;
  color: #fff;
}

.custom-ai-wrapper .stack-copy > p:not(.eyebrow) {
     font-size: 22px;
    line-height: 30px;
  color: #aab5c6;
  margin: 24px 0 20px;
  max-width: 435px;
}

.custom-ai-wrapper .light-link {
  color: #fff;
}

.custom-ai-wrapper .text-link {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  border-bottom: 2px solid var(--accent);
  padding: 8px 0;
  line-height: 1.5;
  text-decoration: none;
}

.custom-ai-wrapper .rich-stack .layer-list {
  position: relative;
}

.custom-ai-wrapper .layer-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.custom-ai-wrapper .rich-stack .layer-button {
  position: relative;
  border-radius: 4px;
  background: linear-gradient(110deg, #1c2b3e, #111d2e);
  border-color: #3b4c626b;
  transition: background .25s, transform .25s, box-shadow .25s;
}

.custom-ai-wrapper .layer-button:nth-child(1) {
  width: 86%;
  align-self: center;
}

.custom-ai-wrapper .layer-button {
  display: grid;
  grid-template-columns: 30px 1fr auto 22px;
  align-items: center;
  gap: 17px;
  text-align: left;
  width: 100%;
  min-height: 77px;
  padding: 20px 23px;
  background: #131e2e;
  color: #fff;
  border: 1px solid #2b3545;
  cursor: pointer;
  transition: background .2s, border-color .2s, transform .2s;
}

/* Connecting line with theme gradient */
.custom-ai-wrapper .rich-stack .layer-button:before {
  content: '';
  width: 35%;
  height: 2px;
  position: absolute;
  left: -35%;
  top: 50%;
  background: linear-gradient(90deg, transparent, #5a98f8);
  opacity: 0;
  pointer-events: none;
}

.custom-ai-wrapper .rich-stack .layer-button.active:before {
  opacity: 0.85;
}

.custom-ai-wrapper .layer-index {
  font-size: 12px;
  color: #93a3b9;
  letter-spacing: .04em;
}

.custom-ai-wrapper .stack-caption {
  font-size: 10px;
  letter-spacing: .14em;
  color: #7b8a9e;
  text-align: center;
  margin: 19px 0 0;
}

.custom-ai-wrapper .framework-note {
  font-size: 18px;
  line-height: 1.6;
  color: #8c9ab0;
  margin-top: 46px;
  border-top: 1px solid #253045;
  padding-top: 23px;
  text-align: center;
}

.custom-ai-wrapper .framework-note a {
  border-bottom: 1px solid var(--accent);
  color: #fff;
  margin-left: 5px;
  text-decoration: none;
}

/* Active tab style with your blue gradient */
.custom-ai-wrapper .rich-stack .layer-button.active,
.custom-ai-wrapper .layer-button.active {
    background: linear-gradient(100deg, #1a64b5, #0a2a4c);
    border-color: #82bafa;
  color: #ffffff;
  transform: translateX(-11px);

    box-shadow: 10px 10px 0 #022143;
}

.custom-ai-wrapper .rich-stack .layer-button.active .layer-index,
.custom-ai-wrapper .rich-stack .layer-button.active .layer-category,
.custom-ai-wrapper .rich-stack .layer-button.active .layer-label {
  color: #ffffff;
}

.custom-ai-wrapper .layer-button:nth-child(4) {
  width: 100%;
}
/* Content Smooth Fade & Slide Transition */
.custom-ai-wrapper .stack-copy {
  transition: opacity 0.35s ease, transform 0.35s ease;
  will-change: opacity, transform;
}

/* Jab tab change ho raha ho tab ke liye hidden state */
.custom-ai-wrapper .stack-copy.is-switching {
  opacity: 0;
  transform: translateY(8px);
}

/* Buttons par smooth easing */
.custom-ai-wrapper .layer-button {
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}