*,
 *::before,
 *::after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
.clearfix-ele {
	width: 100%;
	float: left;
}
 :root {
   --red: #E8251A;
   --dark: #0A0A0F;
   --navy: #0F1B35;
   --mid: #1C2A4A;
   --light-bg: #F5F5F0;
   --white: #FFFFFF;
   --text: #0A0A0F;
   --muted: #6B7280;
   --border: rgba(0, 0, 0, 0.08);
   --font-head: 'century gothic', century gothic, sans-serif;
   --font-body: 'century gothic', century gothic, sans-serif;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   font-family: var(--font-body);
   color: var(--text);
   background: var(--white);
   overflow-x: hidden;
 }

 /* ── NAV ── */


 .btn {
   font-family: var(--font-body);
   font-size: 14px;
   font-weight: 500;
   padding: 9px 22px;
   border-radius: 10px;
   cursor: pointer;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   transition: all .2s;
   border: none;
 }

 .display-none {
   display: none !important;
 }

 .btn-ghost {
   background: transparent;
   border: 1.5px solid rgba(0, 0, 0, 0.15);
   color: var(--text);
 }

 .btn-ghost:hover {
   border-color: var(--red);
   color: var(--red);
 }

 .btn-primary {
   background: var(--red);
   color: #fff;
 }

 .btn-primary:hover {
   background: #c01f15;
   transform: translateY(-1px);
 }

 /* ── HERO ── */
 .hero {

   /* min-height: 100vh; */
   /* height: 600px; */
   height: auto;
   display: grid;
   grid-template-columns: 1fr 520px;

   overflow: visible;
 }

 .uatheroquad {
   max-width: 1200px;
   padding: 0px;
   margin: auto;
   padding: 0px 0px;

 }

 .Homequad {
   background: url('../../Image/Common/bnnerhomenew.jpg') center center / cover no-repeat;


   background-size: cover;
   /* full cover */
   background-position: center;
   /* center align */
   background-repeat: no-repeat;
   /* repeat na ho */
   padding: 60px 0px;
   min-height: 548px;
 }


 .hero-left {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;

   padding: 0rem 4rem 0rem 0rem;
   position: relative;
   overflow: hidden;

 }

 .pd-r-0 {
   padding-right: 0 !important;
 }

 .hero-left h1 {
   font-size: 64px;
   font-weight: 600;
   letter-spacing: 0%;
   color: #ffffff;
 }

 .hero-left::before {
   content: '';
   position: absolute;
   inset: 0;
   background: repeating-linear-gradient(-45deg,
       rgba(255, 255, 255, 0.015) 0px,
       rgba(255, 255, 255, 0.015) 1px,
       transparent 1px,
       transparent 60px);
 }

 .hero-mobile-banner {
   margin-top: 20px;
 }

 .hero-mobile-banner img {
   width: 100%;
 }

 .hero-badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: rgba(232, 37, 26, 0.15);
   border: 1px solid rgba(232, 37, 26, 0.3);
   color: #ff6b63;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.05em;
   padding: 6px 14px;
   border-radius: 100px;
   margin-bottom: 2rem;
   width: fit-content;
 }

 .hero-badge::before {
   content: '';
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--red);
   animation: pulse 2s infinite;
 }

 @keyframes pulse {

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

   50% {
     opacity: 0.5;
     transform: scale(0.8);
   }
 }

 .hero-title {
   font-family: var(--font-head);
   font-size: clamp(42px, 5vw, 68px);
   font-weight: 800;
   line-height: 1.05;
   color: var(--white);
   letter-spacing: -2px;
   margin-bottom: 1.5rem;
 }

 .hero-title em {
   font-style: normal;
   color: var(--red);
 }

 .hero-sub {
   font-size: 20px;
   color: #fff;
   max-width: 502px;
   margin: 2.5rem 0rem;

   font-weight: 400;
 }

 .hero-ctas {
   position: relative;
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   z-index: 99;
 }

 .hero-right {
   /* background: var(--light-bg); */

   flex-direction: column;

   justify-content: center;
 }

 .konnect-logo {
   height: 50px;
   display: block;
 }

 .konnect-logo-w {
   height: 50px;
   display: none;
 }

 .product-card {
   border-radius: 16px;
   transition: all .25s;
   cursor: pointer;
   text-decoration: none;
   display: block;
 }

 /* .product-card:hover { */
 /* transform: translateX(-4px); */
 /* box-shadow: 6px 0 24px rgba(0, 0, 0, 0.08); */
 /* } */

 .product-card-label {
   font-size: 20px;
   font-weight: 600;
   letter-spacing: normal;
   color: var(--white);
   margin-bottom: 8px;
 }

 .product-card-name {
   font-family: var(--font-head);
   font-size: 22px;
   font-weight: 700;
   color: var(--dark);
   margin-bottom: 4px;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .dot-teal {
   color: #1D9E75;
 }

 .dot-blue {
   color: #378ADD;
 }

 .product-card-desc {
   font-size: 20px;
   color: var(--white);
   /* line-height: 1.5; */
   font-weight: 400;
   font-family: corbel;
   margin-top: 10px;
   letter-spacing: normal;
 }

 .tag {
   display: inline-block;
   background: #EAF3DE;
   color: #3B6D11;
   font-size: 11px;
   font-weight: 500;
   padding: 3px 10px;
   border-radius: 100px;
   margin-top: 10px;
 }

 .tag-blue {
   background: #E6F1FB;
   color: #185FA5;
 }

 /* ── TICKER ── */
 .ticker {
   background: var(--dark);
   padding: 14px 0;
   overflow: hidden;
   white-space: nowrap;
 }

 .ticker-inner {
   display: inline-flex;
   gap: 4rem;
   animation: ticker 20s linear infinite;
 }

 .ticker-item {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.4);
   font-weight: 300;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .ticker-item::before {
   content: '✦';
   font-size: 8px;
   color: var(--red);
 }

 @keyframes ticker {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-50%);
   }
 }

 /* ── CUSTOMERS ── */
 .section {
   padding: 6rem 5rem;
 }

 .section-sm {
   padding: 4rem 5rem;
 }

 .section-label {
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.12em;
   color: var(--red);
   text-transform: uppercase;
   margin-bottom: 1rem;
 }

 .section-title {
   font-family: 'Century Gothic', sans-serif;
   font-size: 32px;
   font-weight: 400;
   font-weight: 600;
   color: #fff;
   letter-spacing: -1px;
   line-height: 1.15;
 }

 .center {
   text-align: center;
 }

 .customers {
   background: var(--white);
 }

 .logos-row {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 3rem;
   flex-wrap: wrap;
   margin-top: 3rem;
 }

 .logo-item {
   font-family: var(--font-head);
   font-size: 18px;
   font-weight: 700;
   color: #9CA3AF;
   letter-spacing: -0.5px;
   transition: color .2s;
   cursor: pointer;
 }

 .logo-item:hover {
   color: var(--dark);
 }

 /* ── TRAVOG FEATURE ── */
 .travog-section {
   background: var(--dark);
   display: grid;
   grid-template-columns: 1fr 1fr;
   overflow: hidden;
   gap: 52px;
   max-width: 1200px;
   margin: auto;
 }

 .travog-visual {
   /* background: var(--mid); */
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;

 }

 .travog-visual::before {
   content: '';
   position: absolute;
   inset: 0;
   background: radial-gradient(circle at 50% 50%, rgba(29, 158, 117, 0.2) 0%, transparent 70%);
 }

 .video-thumb {
   width: 100%;
   /* aspect-ratio: 16/9; */
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
 }

 .play-btn {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: var(--white);
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: transform .2s;
   z-index: 1;
 }

 .play-btn:hover {
   transform: scale(1.1);
 }

 .play-btn::after {
   content: '';
   border-left: 22px solid var(--white);
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent;
   margin-left: 4px;
 }

 .screen-mockup {
   position: absolute;
   bottom: -20px;
   right: -30px;
   width: 160px;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 12px;
   padding: 12px;
 }

 .bar {
   height: 6px;
   border-radius: 3px;
   margin-bottom: 6px;
   background: rgba(255, 255, 255, 0.15);
 }

 .bar.active {
   background: #1D9E75;
   width: 70%;
 }

 .bar:nth-child(2) {
   width: 85%;
 }

 .bar:nth-child(3) {
   width: 55%;
 }

 .travog-content {
   display: flex;
   flex-direction: column;
   justify-content: center;

 }

 .travog-logo {
   font-family: 'Century Gothic', sans-serif;
   font-size: 36px;
   font-weight: 400;
   color: #fff;
   margin-bottom: 1.5rem;
   letter-spacing: 0%;
 }

 .travog-logo span {
   color: #1D9E75;
 }

 .travog-headline {
   font-family: 'Century Gothic', sans-serif;
   font-size: 36px;
   font-weight: 600;
   color: #fff;
   letter-spacing: 0%;
   margin-bottom: 1.5rem;
 }

 .travog-headline em {
   font-style: normal;
   color: #1D9E75;
 }

 .travog-desc {
   font-size: 15px;
   color: rgba(255, 255, 255, 0.5);
   line-height: 1.7;
   margin-bottom: 2rem;
 }

 /* ── WHY TRAVOG ── */
 .maintravogbox {
   background-image: url('../../Image/Common/whysectionimage.png');
   /* path correct hona chahiye */
   background-size: cover;
   /* full cover */
   background-position: center;
   /* center align */
   background-repeat: no-repeat;
   /* repeat na ho */

 }

 .why-section {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
   max-width: 1200px;
   margin: auto;
   padding: 60px 0px;



 }

 .whybro-section .why-content {
   padding: 60px 0px;
   position: relative;
   z-index: 0;
   max-width: 1200px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
   margin: auto;

 }

 .events {
   background-image: url('../../Image/Common/patternbackimage.png') !important;
   /* path correct hona chahiye */
   background-size: cover;
   /* full cover */
   background-position: center;
   /* center align */
   background-repeat: no-repeat;
   /* repeat na ho */
 }

 /* .why-content { padding: 4rem 8rem; } */

 .why-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1.5rem;
   margin-top: 3rem;
 }

 .why-card {
   background: var(--white);
   border: 1px solid var(--border);
   border-radius: 12px;
   padding: 1.5rem;
   transition: all .25s;
 }

 .why-card:hover {
   border-color: rgba(232, 37, 26, 0.2);
   transform: translateY(-3px);
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.07);
 }

 .why-icon {
   width: 40px;
   height: 40px;
   border-radius: 8px;
   background: #FCEBEB;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 12px;
   font-size: 18px;
 }

 .why-card-title {
   font-family: var(--font-head);
   font-size: 15px;
   font-weight: 600;
   color: var(--dark);
   margin-bottom: 6px;
 }

 .why-card-desc {
   font-size: 13px;
   color: var(--muted);
   line-height: 1.5;
 }

 .why-image-panel {

   position: relative;
   overflow: hidden;
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
   padding: 4rem;
 }

 .why-image-panel::before {
   content: '';
   position: absolute;
   inset: 0;
   /* background: linear-gradient(135deg, rgba(15,27,53,0.3) 0%, rgba(15,27,53,0.8) 100%); */
   z-index: 1;
 }

 .why-stats {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }

 .stat-pill {
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.15);
   backdrop-filter: blur(12px);
   border-radius: 12px;
   padding: 1rem 1.5rem;
   width: 200px;
 }

 .stat-number {
   font-family: var(--font-head);
   font-size: 32px;
   font-weight: 800;
   color: var(--white);
   letter-spacing: -1px;
   line-height: 1;
 }

 .stat-label {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.5);
   margin-top: 4px;
 }

 /* ── SUPPLIERS ── */
 .suppliers {
   background: var(--white);
   text-align: center;
   padding: 5rem;
 }

 .supplier-logos {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4rem;
   flex-wrap: wrap;
   margin-top: 3rem;
 }

 .supplier-logo {
   font-family: var(--font-head);
   font-size: 16px;
   font-weight: 700;
   color: #9CA3AF;
   letter-spacing: -0.5px;
   transition: color .2s;
   cursor: pointer;
 }

 .supplier-logo:hover {
   color: var(--dark);
 }

 /* ── INSIGHTS ── */
 .insights {
   max-width: 1200px;
   margin: auto;
   padding: 0 0 40px;

 }

 /* .insights h2 {
   font-size: 28px;
   font-weight: 600;
   letter-spacing: 0%;
 }
 */
 .insights-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 2rem;
   margin-top: 3rem;
 }

 .insight-card {

   border-radius: 16px;
   overflow: hidden;

   transition: all .25s;
   cursor: pointer;
 }

 /* .insight-card:hover {
    transform: translateY(4px);
    box-shadow: 0 20px 48px rgba(0,0,0,0.1);
   
  } */

 .insight-thumb {
   /* display: flex; align-items: center; justify-content: center;
    font-size: 36px; */
 }

 .insight-thumb img:hover {
   transform: translateY(8px);


 }

 .insight-thumb a:hover {
   text-decoration: none;


 }

 .insight-body {
   padding: 1.25rem;
 }

 .insight-tag {
   font-size: 11px;
   font-weight: 500;
   letter-spacing: 0.08em;
   color: var(--red);
   text-transform: uppercase;
   margin-bottom: 8px;
 }

 .insight-title {
   font-family: var(--font-head);
   font-size: 14px;
   font-weight: 600;
   color: var(--dark);
   line-height: 1.4;
 }

 /* ── AWARDS ── */
 .awards {
   background: #f6f6f6;
   padding: 6rem 5rem;
   text-align: center;
 }

 .awards .section-title {
   color: #000;
 }

 .awards-row {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 2rem;
   flex-wrap: wrap;
   margin-top: 3rem;
 }

 .award-item {
   /* background: rgba(255,255,255,0.05); */
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 12px;
   padding: 1.5rem 2rem;
   text-align: center;
   transition: all .25s;
 }

 .award-item:hover {
   background: rgba(255, 255, 255, 0.08);
   transform: translateY(-3px);
 }

 .award-year {
   font-size: 24px;
   font-weight: 800;
   font-family: var(--font-head);
   color: var(--red);
   letter-spacing: -1px;
 }

 .award-name {
   font-size: 13px;
   color: #000;
   margin-top: 14px;
   line-height: 1.4;
   font-weight: 600;
 }

 /* ── EVENTS ── */
 .events {
   background: var(--light-bg);
   padding: 3.75rem 5rem;
 }

 .events-row {
   max-width: 1200px;
   display: flex;
   flex-wrap: wrap;
   gap: 2rem;
   font-size: 24px;
   font-weight: 600;
   justify-content: space-evenly;
   align-content: center;
   margin: auto;

 }

 .event-card {

   border-radius: 16px;
   display: flex;
   align-items: center;
   transition: all .25s;
   flex-direction: column;
   justify-content: flex-start;
 }

 .event-cardname {
   justify-content: center;
 }

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

 .event-card a:hover {
   text-decoration: none;
 }

 .event-logo-box {
   width: 72px;
   height: 72px;
   border-radius: 12px;
   background: var(--dark);
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: var(--font-head);
   font-size: 10px;
   font-weight: 700;
   color: var(--white);
   text-align: center;
   letter-spacing: 0.05em;
   line-height: 1.3;
 }

 .event-info-label {
   font-size: 12px;
   font-weight: 500;
   color: var(--red);
   text-transform: uppercase;
   letter-spacing: 0.08em;
   margin-bottom: 4px;
 }

 .event-name {
   font-family: var(--font-head);
   font-size: 18px;
   font-weight: 700;
   color: var(--dark);
   letter-spacing: -0.5px;
 }

 .event-date {
   font-size: 14px;
   color: #000;
   margin-top: 0px;
   text-align: center;
   font-weight: 400;
   font-family: century gothic;
   margin-top: -18px;
 }



 /* ── CTA BAND ── */
 .cta-band {
   background: var(--red);
   padding: 5rem;
   text-align: center;
 }

 .cta-band h2 {
   font-family: var(--font-head);
   font-size: clamp(28px, 3vw, 42px);
   font-weight: 800;
   color: var(--white);
   letter-spacing: -1.5px;
   margin-bottom: 1.5rem;
 }

 .cta-band p {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.75);
   margin-bottom: 2rem;
 }

 .btn-white {
   background: var(--white);
   color: var(--red);
   font-weight: 600;
 }

 .btn-white:hover {
   background: rgba(255, 255, 255, 0.9);
   transform: translateY(-2px);
 }

 /* ── FOOTER ── */
 footer {
   background: var(--dark);
   padding: 5rem;
   border-top: 1px solid rgba(255, 255, 255, 0.05);
 }

 .footer-grid {
   display: grid;
   grid-template-columns: 1.5fr 1fr 1.5fr 1fr;
   gap: 3rem;
   margin-bottom: 4rem;
 }

 .footer-logo {
   font-family: var(--font-head);
   font-size: 24px;
   font-weight: 800;
   color: var(--white);
   letter-spacing: -0.5px;
   margin-bottom: 1rem;
 }

 .footer-logo span {
   color: var(--red);
 }

 .footer-tagline {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.35);
   line-height: 1.6;
   margin-bottom: 1.5rem;
 }

 .footer-social {
   display: flex;
   gap: 10px;
 }

 .social-btn {
   width: 36px;
   height: 36px;
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.1);
   display: flex;
   align-items: center;
   justify-content: center;
   color: rgba(255, 255, 255, 0.5);
   font-size: 13px;
   cursor: pointer;
   text-decoration: none;
   transition: all .2s;
 }

 .social-btn:hover {
   background: rgba(255, 255, 255, 0.12);
   color: var(--white);
 }

 .footer-col-title {
   font-family: var(--font-head);
   font-size: 13px;
   font-weight: 600;
   color: var(--white);
   letter-spacing: 0.05em;
   text-transform: uppercase;
   margin-bottom: 1.25rem;
 }

 .footer-links {
   list-style: none;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .footer-links a {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.35);
   text-decoration: none;
   transition: color .2s;
 }

 .footer-links a:hover {
   color: var(--white);
 }


 .footer-copy {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.2);
 }

 /* ── SCROLL ANIMATIONS ── */
 .fade-up {
   opacity: 0;
   transform: translateY(24px);
   transition: opacity .6s ease, transform .6s ease;
 }

 .fade-up.visible {
   opacity: 1;
   transform: translateY(0);
 }

 /* ── TRAVOG MODAL ── */




 .modal-overlay {
   position: fixed;
   inset: 0;
   z-index: 999;
   /* background: rgba(0,0,0,0.72);
    backdrop-filter: blur(6px); */
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   pointer-events: none;
   transition: opacity .3s ease;
 }

 .modal-overlay.open {
   opacity: 1;
   pointer-events: all;
   position: absolute;
 }

 .modal-box {
   background: #111116;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 10px;
   padding: 2.5rem 2.5rem 2rem;
   max-width: 560px;
   height: 492px;
   width: 560px;
   /* position: relative; */
   position: absolute;
   top: 100px;
   right: 0;

   /* 👉 Start from right */
   transform: translateX(100%) scale(0.97);
   /* transition: transform .45s cubic-bezier(.34,1.56,.64,1), opacity .3s ease; */
   transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), opacity .3s ease;
   opacity: 1;

   text-align: center;
 }

 .modal-overlay.open .modal-box {
   transform: translateX(16px) scale(1);
   opacity: 1;
   /* right: -16%; */
   /* bottom: 12%; */
   top: 100px;
   right: 50%;
   left: 50%;
 }

 .modal-close {
   position: absolute;
   top: 14px;
   right: 14px;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.15);
   color: rgba(255, 255, 255, 0.7);
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background .2s;
   line-height: 1;
 }

 .modal-close:hover {
   background: rgba(255, 255, 255, 0.18);
   color: #fff;
 }

 .modal-logo {
   font-family: var(--font-head);
   font-size: 36px;
   font-weight: 800;
   color: #fff;
   letter-spacing: -1.5px;
   margin-bottom: 0.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 2px;
 }

 .modal-logo .o-ring {
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background: conic-gradient(#E8251A 0deg 90deg, #F59E0B 90deg 180deg, #10B981 180deg 270deg, #3B82F6 270deg 360deg);
   margin: 0 1px;
   flex-shrink: 0;
 }

 .modal-tagline {
   font-size: 20px;
   color: #fff;
   font-weight: 400;
   margin-bottom: 1rem;
   line-height: 1.5;
   font-family: Corbel;
 }

 .modal-features {
   width: 487px;
   display: flex;
   justify-content: space-around;
   /* gap: 1.5rem; */
   margin-bottom: 0rem;
   flex-wrap: wrap;
 }

 .modal-feature {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100px;

   height: 100px;

 }

 .modal-feature:hover {

   border-radius: 10px;
   background: rgba(255, 255, 255, 0.07);
   border: 1px solid rgba(255, 255, 255, 0.1);

 }


 .modal-feature-icon {
   width: 90px;
   height: 55px;
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 19px;
 }

 .modal-feature-label {
   font-size: 11px;
   color: rgba(255, 255, 255, 0.5);
   text-align: center;
   line-height: 1.4;
 }

 .modal-mockup {
   position: relative;
   margin: 0 auto;
   max-width: 400px;
   /* height: 200px; */
   display: flex;
   align-items: flex-end;
   justify-content: center;
 }

 .mockup-laptop {
   width: 300px;
   height: 180px;
   background: #1a1a22;
   border: 2px solid rgba(255, 255, 255, 0.1);
   border-radius: 10px 10px 0 0;
   overflow: hidden;
   position: relative;
   flex-shrink: 0;
 }

 .mockup-laptop-screen {
   background: #fff;
   width: 100%;
   height: 100%;
   display: grid;
   grid-template-rows: 28px 1fr;
 }

 .mockup-topbar {
   background: #f0f0f0;
   border-bottom: 1px solid #ddd;
   display: flex;
   align-items: center;
   gap: 5px;
   padding: 0 10px;
 }

 .mockup-dot {
   width: 7px;
   height: 7px;
   border-radius: 50%;
 }

 .mockup-content {
   padding: 8px;
   display: flex;
   flex-direction: column;
   gap: 5px;
 }

 .mockup-row {
   height: 8px;
   border-radius: 3px;
   background: #e8e8e8;
 }

 .mockup-row.accent {
   background: #E8251A;
   width: 40%;
 }

 .mockup-row.short {
   width: 55%;
 }

 .mockup-row.xshort {
   width: 30%;
 }

 .mockup-phone {
   width: 88px;
   height: 160px;
   background: #1a1a22;
   border: 2px solid rgba(255, 255, 255, 0.15);
   border-radius: 14px;
   overflow: hidden;
   position: absolute;
   right: 10px;
   bottom: 0;
   box-shadow: -8px 8px 24px rgba(0, 0, 0, 0.5);
 }

 .mockup-phone-screen {
   background: #fff;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding: 8px;
 }

 .mockup-ph-row {
   height: 6px;
   border-radius: 3px;
   background: #e8e8e8;
 }

 .mockup-ph-row.accent {
   background: #1D9E75;
   width: 60%;
 }

 .mockup-ph-map {
   flex: 1;
   background: linear-gradient(135deg, #e8f4e8 0%, #d4e8f0 100%);
   border-radius: 6px;
   margin-top: 4px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 2px;
   padding: 4px;
 }

 .map-block {
   background: rgba(255, 255, 255, 0.5);
   border-radius: 2px;
 }

 .map-block.road {
   background: rgba(255, 255, 255, 0.8);
 }



 .travogpoup {
   background: #2a2a2a;
   border-radius: 8px;
   padding: 0px;
   opacity: 0.9;
   width: 489px;
   height: 189px;
   display: flex;
   flex-direction: column;
   gap: 44px;

 }

 .konnectpopup {
   background: #2a2a2a;
   border-radius: 8px;
   padding: 24px;

   width: 489px;
   height: 189px;


 }

 .arrowfoh {
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 8px;
   float: right;
   background: #939393;
   border: none;
   top: 0;
   right: 0;
   padding-top: 5px;
 }

 .arrowfoh:hover {
   background: #fff;
 }

 .arrowfoh:hover .material-symbols-outlined {
   /* width: 40px; */
   /* font-size: 24px; */
   /* height: 40px; */
   /* border-radius: 8px; */
   /* float: right; */

   /* transform: translateX(4px); */
   /* box-shadow: 6px 0 24px rgba(0, 0, 0, 0.08); */

 }

 .arrowfoh .material-symbols-outlined:hover {}

 /* .travogpop {
        padding: 20px;
    }       
    .konectpop {
        padding: 20px;
    } */

 .product-card-wrapper {
   position: relative;
   background: #282828;
   height: 172px;
   padding: 24px;
   border-radius: 10px;
   width: 495px;
   opacity: 85%;
   transform: translate(0);
   transition: transform .2s;
 }

 .product-card-wrapper:hover {
   background: #000000;
   box-shadow: 6px 0 24px rgba(0, 0, 0, 0.08);
   transform: translateY(calc(3px * -2));
   padding: 24px;
   border-radius: 8px;
 }

 .product-card-wrapper:hover .arrowfoh {
   color: red;
   background: #fff;
 }

 .product-card-wrapper .arrowfoh .material-symbols-outlined {
   position: relative;
   transition: all 0.3s ease;
 }

 /* .product-card-wrapper .arrowfoh:hover .material-symbols-outlined { */
 /* position: relative; */
 /* left: 5px; */
 /* bottom: 5px; */
 /* } */

 .travoghomesection {
   background: var(--dark);
   padding: 60px 0;

 }

 .travogpop:hover {
   background: #000000;

   box-shadow: 6px 0 24px rgba(0, 0, 0, 0.08);
   height: 172px;
   padding: 24px;
   border-radius: 8px;
   width: 495px;
   opacity: 90%;


 }

 .konnectpopup:hover {
   background: #000000;
   transform: translateX(4px);
   box-shadow: 6px 0 24px rgba(0, 0, 0, 0.08);
   height: 172px;
   padding: 24px;
   border-radius: 8px;
   width: 495px;
   opacity: 90%;

 }

 .headsubtitle {
   display: flex;
   justify-content: space-between;
 }

 .product-section {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }

 .overlay-container {
   display: flex;
 }

 /* Overlay (background) */
 /* default icon color */
 .travogpop .material-symbols-outlined {
   color: inherit;
   transition: color 0.3s ease;
 }



 /* slidercode start */

 .logo-slider-section {
   padding: 60px 0;
   text-align: center;
   background: #fff;
   /* height: 241px; */
 }

 /* .logo-slider-section h2 {
   font-size: 28px;
   font-weight: 600;
   margin-bottom: 40px;
   color: #000;
   margin-top: 0px;
 } */

 .logo-slider {
   overflow: hidden;
   width: 100%;
 }

 .logo-track {
   display: flex;
   align-items: center;
   gap: 80px;
   width: max-content;
   animation: scroll 35s linear infinite;
 }

 .logo-track img {
   height: 60px;
   object-fit: contain;
   filter: grayscale(100%);

   transition: opacity 0.3s ease, filter 0.3s ease;
 }

 .logo-track img:hover {
   filter: grayscale(0%);
   /* opacity: 1; */
 }

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

   100% {
     transform: translateX(-50%);
   }
 }


 /* Slider code end */

 /* cardcsscodestart/ */

 .why-travog {

   background: url('../../Image/Common/bg-blur.jpg') center/cover no-repeat;
   color: #fff;
 }

 .why-travog h2 {
   font-size: 36px;
   font-weight: 600;
   /* margin-left: 120px; */
   margin-bottom: 40px;

 }

 .why-travogsecond h2 {
   font-size: 36px;
   font-weight: 600;
   /* margin-left: 120px; */
   /* margin-bottom: 0px; */
 }
 .why-travogsecond .why-travog-title {
    margin-bottom: 25px;
 }

 /* .why-travogsecond p {
   margin-bottom: 40px;
   font-size: 20px;
 } */

 .card-grid {
   display: grid;
   grid-template-columns: repeat(3, 230px);
   gap: 28px;
   max-width: 1100px;
   margin: auto;
   margin-bottom: 40px;
 }

 .flip-card {
   perspective: 1200px;
   height: 220px;
 }

 .flip-inner {
   width: 100%;
   height: 100%;
   position: relative;
   transition: transform 0.7s ease;
   transform-style: preserve-3d;
 }

 .flip-card:hover .flip-inner {
   transform: rotateY(180deg);
 }

 .quad-card {
   width: 230px;
   position: absolute;
   inset: 0;
   padding: 20px;
   border-radius: 12px;
   backface-visibility: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: auto;
 }

 .quad-card.front {
   background: rgba(0, 0, 0, 0.55);
   backdrop-filter: blur(6px);
 }

 .quad-card.back {
   background: #c4161c;
   transform: rotateY(180deg);
   text-align: left;
 }

 .quad-card h4 {
   font-size: 18px;
   margin: 16px 0 8px;
   font-weight: 600;
   letter-spacing: 0%;
 }

 .quad-card p {
   font-size: 16px;
   opacity: 0.9;
 }

 /* .whybro-section h2 {
   margin: 0px 16px 16px 0px;
 } */

 .travogheadwhy {
   font-size: 28px;
   margin: 0px 0px 30px 0px;
 }

 .cardwithquad .back p {
   font-size: 20px;
   line-height: 22px;

   font-family: corbel;
   letter-spacing: 0%;

 }

 .cardwithquad .back {
   display: flex;
   margin: 0 0 0 0 mar;
   justify-content: flex-start;
 }

 /* Icons (replace with SVGs if needed) */
 .icon {
   width: 26px;
   height: 26px;
   background: #fff;
   border-radius: 4px;
 }


 /* cardcssend */

 .mt-20 {
   margin-top: 20px;
 }

 .insight-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .insight-card {
   border-radius: 8px;
   overflow: hidden;
   background: #fff;
   transition: all 0.35s ease;
   cursor: pointer;
 }

 /* Image */
 .insight-thumb img {
   width: 100%;
   display: block;
   /* padding: 12px; */
   transition: transform 0.4s ease;
 }

 /* Content */
 .insight-body {
   padding: 0;
   margin-top: 20px;
 }

 .insight-title {
   font-size: 14px;
   font-weight: 400;
   transition: color 0.3s ease;
 }

 /* 🔥 Hover Effect */
 .insight-card:hover {
   transform: translateY(-8px);

 }

 .event-cardname span {
   font-size: 24px;
   font-weight: 400;
 }

 /* Image zoom on hover */
 .insight-card:hover .insight-thumb img {
   transform: scale(1.05);
 }

 /* Title color change */
 .insight-card:hover .insight-title {
   color: #000000;
 }

.cursor {
  cursor: pointer !important;
}

 /* award slider css code start  */

 .awards {
   padding: 3.75rem 5rem;
 }

 .section-title {
   text-align: center;
   margin-bottom: 30px;
   color: #fff;
 }

 /* Slider */
 .awards-slider {
   position: relative;
   overflow: hidden;
   max-width: 100%;
 }

 /* Track */
 .awards-track {
   display: flex;
   gap: 20px;
   transition: transform 0.5s ease;
 }

 /* 👉 6 items visible */
 .award-item {
   flex: 0 0 calc((100% - 100px) / 6);
   /* background: #111116; */
   border-radius: 16px;
   padding: 20px;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, 0.1);
   color: #fff;
 }

 /* Buttons */
 .slider-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
   font-size: 22px;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   cursor: pointer;
   z-index: 2;
 }

 .slider-btn.prev {
   left: 10px;
 }

 .slider-btn.next {
   right: 10px;
 }

 .slider-btn:hover {
   background: rgba(255, 255, 255, 0.25);
 }


 /* footercodestart */

 .site-footer {
   background: linear-gradient(90deg, #0b0b0b, #1a1a1a);
   color: #ccc;
   font-size: 13px;
 }

 .footer-container {
   max-width: 1300px;
   margin: auto;
   /* padding: 50px 40px 30px; */
 }

 .footer-col {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .footer-brand h2 {
   color: #fff;
   font-size: 22px;
   margin-bottom: 4px;
 }

 .footer-brand span {
   color: #888;
   font-size: 12px;
 }

 .footer-col h4 {
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 14px;
 }

 .footer-col ul {
   list-style: none;
   padding: 0;
 }

 .footer-col li {
   margin-bottom: 8px;
   cursor: pointer;
 }

 .footer-col li:hover {
   color: #fff;
 }

 .footer-col ul.spaced li {
   margin-bottom: 10px;
 }

 .footer-bottom {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   margin: 35px 0;
   gap: 175px;
 }

 .badges {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   gap: 15px;
   margin-top: 10px;
 }

 .social .icons span {
   display: inline-block;
   margin-right: 12px;
   font-weight: bold;
   color: #fff;
   cursor: pointer;
 }

 .badges span {
   display: inline-block;
   margin-right: 20px;
   font-size: 12px;
   opacity: 0.8;
 }

 .connect {
   /* max-width: 520px; */
   margin: 40px 0;
 }

 .connect h4 {
   color: #fff;
   margin-bottom: 8px;
 }

 .connect a {
   color: #e5001c;
   text-decoration: none;
 }

 .connect a:hover {
   text-decoration: underline;
 }

 .copyright {
   border-top: 1px solid #333;
   padding-top: 20px;
   font-size: 11px;
   color: #777;
 }


 .footer-col ul li a {
   color: #b9b9b9;
   text-decoration: none
 }

 .footer-col ul li a:hover {
   color: #fff;
   text-decoration: none;
   transform: translateX(4px);
   box-shadow: 6px 0 24px rgba(0, 0, 0, 0.08);
   padding: 0px 0px 0px 0px;

   transition: all 0.3s ease;
 }

 .copyright {
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0%;
 }

 .copyright a {
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0%;
   text-decoration: none;
 }

 .social h4 {
   font-size: 20px;
   font-weight: 600;
   color: #fff;
   font-family: century gothic;
   margin: 0px;
 }

 .icons {
   display: flex;
   gap: 14px;
   align-items: flex-end;
   margin-top: 10px;
 }

 .social-icon {
   width: 24px;
   height: 24px;
   fill: #555;
   /* default color */
   transition: 0.3s;
 }

 .icons a:hover .social-icon {
   fill: #fff;
 }

 .youtubeicon {
   display: flex;
   align-items: center;
 }

 .accreditation h4 {
   font-size: 20px;
   font-weight: 600;
   color: #fff;
   margin: 0px;
 }

 .connect h4 {
   font-size: 20px;
   font-weight: 600;
   color: #fff;
 }

 .connect p {
   font-size: 14px;
   color: #fff;
   margin-top: 8px;
   letter-spacing: normal;
 }

 /* Default (Desktop) */
 .footer-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
   margin: 00;
 }


 /* video play css code start */

 .travog-visual {
   margin: auto;
 }

 .video-thumb {
   position: relative;
   border-radius: 12px;
   overflow: hidden;
   cursor: pointer;
 }

 .video-thumb video {
   width: 100%;
   display: block;
   border-radius: 12px;
 }

 /* Play Button */
 .play-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: rgba(0, 0, 0, 0.6);
   color: #fff;
   font-size: 30px;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.3s;
   z-index: 2;
 }

 .play-btn:hover {
   background: rgba(0, 0, 0, 0.8);
   transform: translate(-50%, -50%) scale(1.1);
 }

 /* Hide button when playing */
 .video-playing .play-btn {
   opacity: 0;
   pointer-events: none;
 }

 .hero-ctas .btn {
   width: 155px;
   /* background: var(--red); */
   background: #C51C1F;
   color: #fff;
   height: 49px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 600;
   font-size: 14px;

 }

 .hero-ctas .btn:Hover {
   width: 155px;
   height: 49px;
   /* background: #a50d24; */
   background: #ea2330;
   color: #fff;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;

 }


 /* Travog css code start  */
 .Travoghero {
   max-width: 1200px;
   margin: auto;
   /* display: grid;
   grid-template-columns: 1fr 1fr; */
   display: flex;
   padding: 0;
 }

 .travogbacgroundsection {
   background: url(../../Image/Common/travog-banner-bg.jpg) right 35% center / cover no-repeat;
   /* min-height: 100vh; */
   min-height: 548px;
   display: grid;
   grid-template-columns: 1fr;
   overflow: hidden;
 }

 .Travoghero .hero-left h1,
 .Konnectbacgroundsection .hero-left h1 {
   font-size: 48px;
   font-weight: 600;
   letter-spacing: 0%;
   color: #FFF;
   /* width: 600px; */
 }

 .Travoghero .hero-sub,
 .Konnectbacgroundsection .hero-sub {
   font-size: 20px;
   font-weight: 400;
   max-width: 531px;
 }

 .Travoghero .hero-left,
 .Konnectbacgroundsection .hero-left {
   width: 50%;
 }
.Travoghero .hero-right-image,
.Konnectbacgroundsection .hero-right-image {
    max-width: 620px;
    width: 100%;
    /* align-self: flex-end; */
}
 .hero-right-image img {
   max-width: 100%;
 }

 .platform-section {
   /* padding: 0px 80px 60px 0px; */
   background: #ffffff;
   text-align: center;


 }

 .container {
   max-width: 1200px;
   margin: auto;
 }

 /* .platform-section h2 {
   font-size: 28px;
   font-weight: 600;
   margin: 0 0 16px 0px;

 } */

 .title {
   font-size: 28px;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0;
   margin-bottom: 20px;
   margin-top: 0;
 }

 .subtitle {
   font-size: 20px;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0;
   margin-bottom: 40px;
 }

 .platform-section .phonecards {
   display: flex;

 }

 .platform-section .phonecard {
   background: #fafafa;
   border: 1px solid #ddd;
   border-radius: 16px;
   padding: 32px 24px;
   width: 100%;
   max-width: 400px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .platform-section .phonecard h3 {
   font-size: 28px;
   font-weight: 600;
   margin-bottom: 16px;
 }

 .platform-section .phonecard p {
   font-size: 16px;
   color: #000000;
   /* line-height: 1.6; */
   margin-bottom: 25px;
   font-weight: 400;
 }

 .phone {
   display: flex;
   justify-content: center;
 }

 .phone img {
   max-width: 200px;
   height: auto;
   border-radius: 24px;
 }


 .platform-section .phonecards {
   display: flex;

 }

 .whybro-section {

   background-image: url('../../Image/Common/heromaintravog.png');

   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;

   z-index: 0;
 }

 .whybro-section .fade-up {

   position: relative;
   z-index: 99;
 }

 .ai-content {
   width: 670px;
   max-width: 670px;
 }

 /* 
ai section css code start  */




 /* Teams Section */
 .teamdivsec {
   max-width: 1200px;
   margin: auto;
   padding: 0px;
 }

 .teams-section {
   padding: 60px 80px;
   text-align: center;
 }

 /* .teams-section h2 {
   margin: 0px;
   font-size: 28px;
   font-weight: 600;
   margin-bottom: 30px;
   line-height: 44px;
   letter-spacing: -3%;

 } */

 .teams-image img {
   width: 100%;
   border-radius: 16px;
   max-height: 404px;
   /* min-height: 300px; */
 }

 .teams-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: stretch;
   gap: 48px;
 }

 .teams-image {
   width: 100%;

 }

 .team-item {

   text-align: left;
 }

 .team-item h4 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 6px;
   line-height: 24px;
 }

 .team-item p {
   font-size: 16px;
   color: #000000;
   line-height: 24px;
   font-weight: 400;
 }

 /* AI Section */
 .ai-section {
   background: #fafafa;
   padding: 80px 0;
 }

 .ai-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 48px;
   max-width: 1200px;
   margin: auto;
 }
 }

 .ai-content h3 {
   font-size: 28px;
   font-weight: 600;

   margin: 0px 0px 20px 0px;
 }

 .aihead {
   font-size: 28px;
   font-weight: 600;

   margin: 0px 0px 20px 0px;

 }

 .ai-content h4 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .ai-content p {
   font-size: 20px;
   font-weight: 400;
   margin-bottom: 12px;
 }

 .download-text {
   margin-top: 24px;
   font-weight: 600;
 }
 .ai-grid .store-buttons {
  margin-top: 24px;
 }
 .store-buttons {
   display: flex;
   gap: 14px;
   margin-top: 12px;
 }

 .store-buttons img {
   height: 61px;
   width: 172px;
 }

 .ai-image img {
   width: 100%;
   max-width: 380px;
   margin-left: auto;
 }

 /* CTA */
 .cta-section {
   background: #fff;
   padding: 0px;
 }

 .cta-box {
   display: flex;
   justify-content: flex-start;
   /* align-items: center; */
   gap: 151px;
   flex-wrap: wrap;
   max-width: 1200px;
   margin: auto;

   align-items: center;

 }

 .cta-box Button {
   width: 155px;
   height: 49px;

 }

 .cta-box h3 {
   font-size: 28px;
   font-weight: 600;
   text-align: left;
 }

 .ctahead {
   margin: 0px;
 }

 .cta-btn {
   background: #d71920;
   color: #fff;
   border: none;
   padding: 12px 28px;
   border-radius: 8px;
   font-weight: 600;
   cursor: pointer;
 }


 .ai-section {
   background: url('../../Image/Common/aibrain.svg') center center / cover no-repeat;
 }

 .teams-section {
   padding: 3.75rem 0;
 }

 .ai-section {
   padding: 60px 0;
 }



 .platform-section .phonecards {
   gap: 30px;
   max-width: 1200px;
   margin: 0 -15px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   overflow-x: visible;
   justify-content: start;
   padding: 40px 15px 60px;
 }

 .phonecard {
   transition: all 0.3s ease;
   cursor: pointer;
 }

 .phonecard:hover {
   transform: scale(1.05) translateY(-6px);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
 }

 .teams-content {
   display: flex;
   flex-direction: column;
   justify-content: space-between;

 }


 .Konnecthero .hero-sub {

   font-size: 20px;
   color: #000000;
   font-family: corbel;
   font-weight: 400;
   margin: 30px 0px;
 }

 /* Konnect page css code start */
 .Konnectbacgroundsection {
   /* background: url('../../Image/Common/Konnectheroimage.svg') center center / cover no-repeat; */
   background: #EAEAEA;
   overflow: hidden;
 }

 .Konnecthero {
   display: flex;
   grid-template-columns: 660px 1fr;
   padding: 60px 0px;
   max-width: 1200px;
   margin: auto;
 }

 .Konnectbacgroundsection .hero-left h1 {
   font-size: 48px;
   font-weight: 600;
   letter-spacing: 0%;
   color: #000;
 }

 .sales-channels {
   background: #000;
   color: #fff;

   padding: 60px 0px;


 }

 .sales-channels-microdiv {
   max-width: 1200px;
   margin: auto;
 }

 .section-header {
   text-align: center;

   margin: 0 auto 60px;
 }

 /* .section-header h2 {
   font-size: 36px;
   font-weight: 600;
   margin-bottom: 16px;
 } */

 /* .section-header p {
   color: #cfcfcf;
   line-height: 1.6;
   margin-bottom: 30px;
   font-size: 20px;
 } */

 .highlights {
   display: flex;
   justify-content: center;
   gap: 32px;
   list-style: none;
   padding: 0;
   font-size: 14px;
   color: #e6e6e6;
 }

 .highlights li::before {
   content: "✦";
   margin-right: 8px;
 }

 .content-grid {
   display: grid;
   grid-template-columns: 1fr 420px;
   gap: 40px;
   align-items: stretch;
 }

 .Box-cards-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 42px;
 }

 .Box-card {
   background: #151515;
   border-radius: 16px;
   padding: 28px;
   transform: translate(0);
   transition: transform .2s;
 }

 .Box-card:hover {
   background: #c51c1f;
   transform: translateY(calc(2px * -1));
 }

 .Box-card .icon {
   font-size: 26px;
   display: block;
   margin-bottom: 14px;
 }

 .Box-card h4 {
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 600;
   line-height: 120%;
   letter-spacing: 0%;
 }

 .Box-card p {
   color: #fff;
   font-size: 16px;
   line-height: 20.4px;
   font-weight: 400;
 }

 .image-Box-card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 20px;
 }

 /* Enterprise */

 .enterprise-section {
   padding: 80px 0;
   background: #0b0b0d;
   color: #ffffff;
 }

 .card-wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
 }

 .info-card {
   background: #ececec;
   border-radius: 28px;
   padding: 32px;
   min-height: 250px;
   color: #111111;
   transition: 0.3s ease;
 }

 .info-card:hover {
   transform: translateY(-6px);
 }

 .card-icon {
   width: 48px;
   height: 48px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .card-icon svg {
   width: 32px;
   height: 32px;
   stroke: #2a2a2a;
 }

 .info-card h3 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 12px;
   line-height: 1.4;
 }

 .info-card p {
   font-size: 16px;
   line-height: 1.6;
   color: #555;
 }


 .operations {
   background: #ffffff;
   padding: 60px 0px;

   color: #000;
 }

 .ops-container {

   max-width: 1200px;
   margin: auto;
 }

 .ops-header {
   text-align: center;
   max-width: 860px;
   margin: 0 auto 70px;
 }

 /* .ops-header h2 {
   font-size: 28px;
   font-weight: 600;
   margin: 0 0 30px 0;

 } */

 /* .ops-header p {
   font-size: 20px;
   color: #000000;
   font-weight: 400;
   margin: 0 0 60px 0;
 } */

 .ops-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 40px 36px;
 }

 .ops-card {
   display: flex;
   border: 1.5px solid #bdbdbd;
   border-radius: 24px;
   padding: 30px;
   background: #f3f3f3;
   max-width: 600px;
   height: 280px;
   flex-direction: column;
   gap: 25px;
   transform: translate(0);
   transition: transform .2s;
 }

 .ops-card:hover {
   background: #ffffff;
   box-shadow: 0 0 16px #e6e6e6;
   transform: translateY(calc(2px * -1));
   border: 1px solid #a8a8a8;
 }

 .ops-icon {
   font-size: 22px;
   display: inline-block;
   margin-bottom: 22px;
 }

 .ops-card h4 {
   font-size: 18px;
   font-weight: 600;
   line-height: 120%;
   margin: 0;
 }

 .ops-card p {
   font-size: 16px;
   color: #000;
   line-height: 24px;
   margin: 0px;

 }

 .tags {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
 }

 .tags span {
   border: 1px solid #333;
   border-radius: 20px;
   padding: 6px 14px;
   font-size: 12px;
   color: #000;
   white-space: nowrap;
 }


 .supply-control {
   background: #fff;


   color: #000;
 }

 .sc-container {
   padding: 0px;
   max-width: 1200px;
   margin: auto;

 }

 .sc-header {
   text-align: center;
   max-width: 850px;
   margin: 0 auto 70px;
 }

 /* .sc-header h2 {
   font-size: 34px;
   font-weight: 600;
   margin-bottom: 12px;
 } */

 /* .sc-header p {
   font-size: 20px;
   color: #444;
   line-height: 1.6;
 } */

 .sc-layout {
   display: grid;
   grid-template-columns: 451px 1.1fr;
   gap: 48px;
   align-items: start;
 }

 .sc-image img {
   width: 100%;
   height: 690px;
   object-fit: cover;
   border-radius: 26px;
 }

 .sc-cards {
   display: flex;
   flex-direction: column;
   gap: 46px;

 }

 .sc-card {
   border: 1.5px solid #bdbdbd;
   border-radius: 22px;
   padding: 30px 32px;
   height: 200px;
   background: #f3f3f3;
   transform: translate(0);
   transition: transform .2s;
 }

 .sc-card:hover {
   background: #ffffff;
   box-shadow: 0 0 16px #e6e6e6;
   transform: translateY(calc(2px * -1));
   border: 1px solid #a8a8a8;
 }

 .sc-icon {
   display: inline-block;
   font-size: 22px;
   margin-bottom: 18px;
 }

 .sc-card h4 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 10px;
 }

 .sc-card p {
   font-size: 14px;
   line-height: 1.6;
   color: #444;
 }

 .cta-section {

   background: #f9f9f9;
   text-align: center;
   padding: 60px 0 60px;


 }

 .travog-bghero .cta-section {
   background: #fff;

 }

 .cta-container {

   margin: auto;
   padding: 0px 0px 0 0px;
 }

 .cta-container h2 {
   font-size: 48px;
   font-weight: 600;
   margin: 0px 0px 30px 0px;
   color: #000;

 }

 /* .cta-container p {
   font-size: 20px;
   color: #444;
   line-height: 1.6;
   margin-bottom: 34px;
 } */

 .cta-btn {
   background: #C51C1F;
   color: #fff;
   border: none;
   padding: 12px 26px;
   font-size: 14px;
   font-weight: 600;
   border-radius: 8px;
   cursor: pointer;
 }

 .cta-btn:hover {
   background: #ea2330;
 }




 .sales-channels .section-header h2 {
   font-size: 28px;
   font-weight: 600;
   margin: 0px 0 30px 0px;
 }

 /* .sales-channels .section-header p {
   color: #ffffff;
   line-height: 1.6;
   font-size: 20px;
   margin-bottom: 30px;
 } */

 .sales-channels-microdiv .section-header {
   text-align: center;
   margin: 0 auto 50px;
 }

 .stats-strip {
   width: 100%;
   background: #ffffff;
   padding: 40px 0;
 }

 .stats-container {
   display: flex;
   justify-content: space-around;
   gap: 50px;
 }

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

 .stat-item h2 {
   margin: 0;
   font-size: 48px;
   font-weight: 700;
   color: #000;
 }

 .stat-item p {
   margin-top: 6px;
   font-size: 20px;
   color: #000000;
 }


 .supplier-section {
   background: #ffffff;
   padding: 60px 20px;
 }

 .supplier-container {
   max-width: 1200px;
   margin: 0 auto;
   text-align: center;
 }

 /* .supplier-title {
   font-size: 28px;
   font-weight: 600;
   margin: 0px 0px 40px 0;
   color: #000;
   letter-spacing: 0%;
 } */

 /* .supplier-desc {
   max-width: 900px;
   margin: 0 auto 40px;
   font-size: 20px;
   color: #000000;
 } */

 .supplier-grid {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px 28px;
 }

 .supplier-card {

   padding: 20px 30px;
   background: #f3f3f3;
   border-radius: 10px;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 20px;
   color: #000;
 }


 .supplier-card span {
   font-size: 20px;
   font-weight: 400;


 }

 .supplier-card .icon {
   font-size: 16px;
   background: none;
 }

 .supplier-card .icon img {
   width: 100%;
 }

 .supplier-footer {
   margin-top: 40px;
 }

 .supplier-link {
   color: #e60000;
   font-size: 28px;
   font-weight: 600;
   text-decoration: underline;
 }


 /* architechrurepagecsscode start   */

 .Architechture-banner {
   width: 100%;
   height: 450px;
   background-image: url('../../Image/Common/Architecture-Design-new.jpg');

   background-size: cover;
   background-position: center center;
   position: relative;
   display: flex;
   align-items: center;
 }

 .Architechture-banner.automation-ai-banner {
   background-image: url('../../Image/Common/Automationai.jpg');
 }

 .Architechture-banner.DataScienceAnalytics-banner {
   background-image: url('../../Image/Common/dataai.jpg');
 }

 .Architechture-banner.EnterpriseMobility-banner {
   background-image: url('../../Image/Common/digitalai.jpg');
 }

 .Architechture-banner.ResellerPertner-banner {
   background-image: url('../../Image/Common/ResellerPertner-banner.svg');
 }

 .Architechture-banner.NDC-banner {
   background-image: url('../../Image/Common/ndc-banner.svg');
 }

 .Architechture-banner  {
   background-image: url('../../Image/Common/intbanner.png');
 }

 .architechpagebaner {
  background-image: url('../../Image/Common/architechdesignbanner.png')!important;
 }

 .brainatwork-banner {
    width: 100%;
    height: 450px;
    background-image: url(../../Image/Common/brainatworkbanner.svg);
    background-size: cover;
    background-position: center center;
    position: relative;
    display: flex;
    align-items: center;
}

 /* Dark gradient overlay */
 /* .Architechture-overlay {
     width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    align-items: center;

} */

 .Architechture-overlay {
   margin: auto;
   /* max-width: 1200px; */
   /* width: 100%; */
   height: 100%;
   /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0) 100%); */
   display: flex;
   align-items: center;
   padding-top: 60px;
   padding-bottom: 60px;
   /* grid-template-rows: 1fr 1fr; */
   /* grid-template-rows: 1fr 520px; */
   justify-content: start;
   /* grid-template: repeat(2, 1fr) / repeat(2, 1fr); */
 }

 .Architechture-overlay.container:before {
   display: none;
 }

 /* Content */
 .Architechture-content {
 max-width: 70%;
    color: #ffffff;
    margin: 0px;
        display: flex;
    flex-direction: column;
    gap: 30px;

 }

 .Architechture-content h1 {
      font-size: 36px;
    font-weight: 700;
    margin: 0px;
 }

 .Architechture-content p {
       font-size: 20px;
    
    color: #dddddd;
   
    font-weight: 400;
 
 }



 .offerings-section {
   padding: 60px 0px;
   background: #ffffff;
   margin: auto;
 }

 .offerings-section .icon {
   background: none;
 }

 .offerings-container {
   /* display: grid; */
   /* grid-template-columns: 300px 1fr; */
   gap: 28px;
   align-items: start;
   max-width: 1200px;
   margin: auto;
 }

 /* Intro */
 .offerings-intro h2 {
   margin-top: 0;
 }

 /* .offerings-intro p {
   font-size: 20px;
   line-height: auto;
   color: #000000;
   font-weight: 400;
 } */

 /* Grid */
 .offerings-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 28px;
 }

 /* Card */
 .offering-card {
   border: 1px solid #bdbdbd;
   border-radius: 14px;
   padding: 28px 26px;
   background: #fafafa;
   min-height: 220px;
   /* width: 260px; */
   transform: translate(0);
   transition: transform .2s;
 }

 .offering-card:hover {
   background: #ffffff;
   box-shadow: 0 0 16px #e6e6e6;
   transform: translateY(calc(2px * -1));
   border: 1px solid #a8a8a8;
 }

 .offering-card .icon {
   font-size: 22px;
   margin-bottom: 18px;
 }

 .offering-card h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 12px;
   line-height: 1.4;
 }

 .offering-card p {
   font-size: 16px;
   line-height: 1.6;
   color: #555;
 }

 .whyPartner-section .offerings-grid {
   grid-template-columns: repeat(3, 1fr);
 }

 .offerings-section.ndc-level-card {
   padding: 0;
   background: none;
 }

 .ndc-level-card .offerings-grid {
   grid-template-columns: repeat(3, 1fr);
 }

 .ndc-core-platform .offering-card ul {
   padding-left: 20px;
 }

 .ndc-core-platform .offering-card ul li {
   font-size: 16px;
   line-height: 1.5;
 }

 .travel-ecosystem .offerings-grid {
   grid-template-columns: repeat(2, 1fr);
 }

 .travel-ecosystem .travel-ecosystem-img {
   overflow: hidden;
   padding: 0;
 }

 .travel-ecosystem .travel-ecosystem-img img {
   width: 100%;
   object-fit: cover;
   display: block;
   height: 100%;
 }

 .travel-ecosystem .offering-card ul {
   padding-left: 20px;
 }

 .travel-ecosystem .offering-card ul li {
   font-size: 16px;
   line-height: 1.5;
 }

 .architecture-section {
   padding: 60px 0px;
   background: #f9f9f9;
 }

 .architecture-container {
   max-width: 1200px;
   margin: 0 auto;
 }

 /* Header */
 .architecture-header {
   text-align: center;
   /* margin-bottom: 30px; */
 }

 /* .architecture-header h2 {
   font-size: 28px;
   font-weight: 600;
   margin: 0 0 30px 0px;
 } */

 /* .architecture-header p {
   font-size: 20px;
   color: #000000;
   margin: 0px;
   padding: 0px;
 } */

 /* Main layout */
 .architecture-content {
   display: grid;
   grid-template-columns: 1fr 1.1fr;
   gap: 60px;
   align-items: start;
 }

 /* Image */
 .architecture-image img {
   width: 100%;
   border-radius: 12px;
   display: block;
 }

 /* Text blocks */
 .architecture-details {
   display: flex;
   flex-direction: column;
   gap: 28px;
 }

 .architecture-block h3 {
   font-size: 18px;
   font-weight: 600;
   margin: 0px 0 8px 0;
 }

 .architecture-block p {
   font-size: 16px;
   line-height: normal;
   color: #555;
 }

 .architecture-block ul {
   margin-left: 20px;
 }

 .architecture-block ul li {
   font-weight: 600;
 }

 .enterprise-resellers {
   background: #fff;
 }


 .trusted-enterprises-section {
   padding: 60px 0;
   background: #ffffff;
 }

 .trusted-enterprises-container {
   max-width: 1200px;
   margin: 0 auto;
 }

 /* Header */
 .trusted-enterprises-header {
   text-align: center;
   margin-bottom: 48px;
 }

 /* .trusted-enterprises-header h2 {
   font-size: 32px;
   font-weight: 700;
   margin-bottom: 14px;
 } */

 /* .trusted-enterprises-header p {
   font-size: 16px;
   color: #555;
   max-width: 1200px;
   margin: 0 auto;
 } */

 /* Grid */
 .trusted-enterprises-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
 }

 /* Card */
 .trusted-enterprise-card {
   background: #fafafa;
   border-radius: 16px;
   padding: 30px;
   text-align: center;
 }

 .trusted-enterprise-card img {
   height: 90px;
   margin-bottom: 22px;
   filter: grayscale(100%);
 }

 .trusted-enterprise-card p {
   font-size: 14px;
   line-height: 1.65;
   color: #555;
 }


 /* trusted seller */
 .partners-section {
   padding: 70px 0;
   background: #F9F9F9;
 }

 .section-title {
   font-size: 28px;
   font-weight: 700;
   color: #000;
   text-align: center;
   margin-bottom: 60px;
 }

 .partner-card {
   background: #fff;
   border: 1px solid #8d8d8d;
   border-radius: 28px;
   padding: 80px;
   min-height: 360px;
   transition: all 0.3s ease;
 }

 .partner-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
 }

 .partner-logo {
   max-width: 320px;
   margin-bottom: 35px;
 }

 .partner-description {
   font-size: 28px;
   line-height: 1.3;
   font-weight: 300;
   color: #111;
   margin: 0;
 }


 .cta-strip {
   background: #F9F9F9;
   ;
   padding: 36px 60px;
   /* border-top: 1px solid #eee; */
 }

 .cta-strip-container {
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   /* justify-content: space-between; */
   gap: 151px;
 }

 /* Text */
 .cta-strip-title {
     font-size: 28px;
    font-weight: 600;
    color: #000;
    margin: auto;
    text-align: center;
        margin-bottom: 40px;
 }
.ndctexten .cta-strip-title {
  text-align: left;
}
 .quick-enquiry-section {

    background: #fff!important;
      padding: 60px!important;
}
.quick-enquiry-form { 

    background: #f9f9f9!important;
        

}
 /* Button */
 .cta-strip-button {
   background: #C51C1F;
   color: #ffffff;
   border: none;
   padding: 10px 18px;
   font-size: 13px;
   font-weight: 600;
   border-radius: 6px;
   cursor: pointer;
   transition: background 0.3s ease;
 }

 .cta-strip-button:hover {
   background: #ea2330;
 }

 /* Card */
 .brand-card {
   background: #F9F9F9;
   border-radius: 16px;
   padding: 32px 24px;
   text-align: center;

   transition: transform 0.35s ease, box-shadow 0.35s ease;
   cursor: pointer;
 }

 .brand-card:hover {
   transform: scale(1.06);

 }

 /* Logo swap */
 .brand-logo {
   position: relative;

   height: 80px;
   margin: 0 auto 20px;
 }

 .brand-logo .logo {
   position: absolute;
   inset: 0;
   width: 60%;
   max-width: 220px;
   max-height: 60px;
   margin: 5px auto;
   height: auto;
   /* transition: opacity 0.3s ease, transform 0.3s ease; */
   transition: all 0.5s ease;
   /* filter: grayscale(100%); */
 }

 /* .brand-card:hover .logo {
  filter: grayscale(0);
} */

 /* .brand-logo .hover {
  opacity: 0;
      width: 220px;
    height: 60px;
    margin: auto;
}

.brand-card:hover .default {
  opacity: 0;
}

.brand-card:hover .hover {
  opacity: 1;
  transform: scale(1.1);
} */

 .brand-text {
   font-size: 15px;
   line-height: 1.6;
   color: #333;
 }



 .headtitlefooter {
   display: grid;
   grid-template-columns: 25% 75%;
   gap: 30px;
 }

 .footer-col h4 {
   font-size: 20px;
   margin-bottom: 10px;
   font-weight: 600;
 }

 .footer-col ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer-col ul li {
   margin-bottom: 6px;
   font-size: 14px;
   color: #555;
 }

 .footer-brand {
   margin-bottom: 25px;
 }

 /* NDC Level3 Section */
 .ndc-level3-section {
   display: flex;
   flex-direction: column;
   gap: 50px;
   padding: 60px 0;
   background: #f9f9f9;
 }

 .ndc-title-section {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: 30px;
   text-align: center;
   max-width: 1100px;
   margin: 0 auto;
 }

 .ndc-title-section img {
   max-width: 608px;
 }

 .ndc-title-section p {
   font-size: 20px;
   line-height: normal;
 }

 .ndc-level3-graphic {
   display: none;
 }

 /* NDC Wrapper */
 .ndc-wrapper {
  
   margin: auto;
   position: relative;
   min-height: 388px;
   padding: 24px 0;
 }

 /* NDC Outer Border */
 .ndc-wrapper:before {
   content: "";
   position: absolute;
   height: 70px;
   top: 0;
   left: 100px;
   right: 80px;
   bottom: 0;
   border: 2px solid #5f3ea5;
   border-bottom: none;
   border-radius: 20px;
   z-index: 0;
 }

 .ndc-wrapper:after {
   content: "";
   position: absolute;
   height: 70px;
   bottom: 0;
   left: 100px;
   right: 80px;
   bottom: 0;
   border: 2px solid #5f3ea5;
   border-top: none;
   border-radius: 20px;
   z-index: 0;
 }

 /* NDC-Layout */
 .ndc-layout {
   max-width: 760px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   z-index: 2;
 }

 /* Side Columns */
 .side-column {
   display: flex;
   flex-direction: column;
   gap: 42px;
   position: relative;
 }

 .side-column .feature-card:nth-child(2) {
   left: -60px;
   position: relative;
 }

 .side-column-second .feature-card:nth-child(2) {
   left: 60px;
   position: relative;
 }

 /* Vertical Connector */
 .side-column:before {
   content: "";
   position: absolute;
   width: 120px;
   top: 90px;
   bottom: 90px;
   left: 50%;
   transform: translateX(-50%);
   z-index: -1;
 }

 /* Feature Card */
 .feature-card {
   width: 204px;
   background: #fff;
   border: 2px solid #5f3ea5;
   border-radius: 16px;
   padding: 16px;
   display: flex;
   align-items: center;
   gap: 17px;
   position: relative;
   z-index: 2;
   transition: all .35s ease;
   cursor: pointer;
 }

 /* Hover Effect */
 .feature-card:hover {
   background: #5f3ea5;
   transform: translateY(-6px);
   box-shadow: 0 15px 30px rgba(95, 62, 165, .35);
 }

 /* Icon Box */
 .icon-box {
   width: 50px;
   height: 50px;
   min-width: 50px;
   padding: 8px;
   border-radius: 50%;
   background: #5f3ea5;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all .35s ease;
 }

 /* Icon */
 .icon-box i {
   color: #fff;
   font-size: 46px;
   transition: all .35s ease;
 }

 .feature-card .icon-box .icon-w {
   display: block;
 }

 .feature-card .icon-box .icon-d {
   display: none;
   transition: all .35s ease;
 }

 /* Title */
 .feature-title {
   color: #5f3ea5;
   font-size: 16px;
   line-height: 1.2;
   font-weight: 600;
   transition: all .35s ease;
 }

 /* Hover Change */
 .feature-card:hover .icon-box {
   background: #fff;
 }

 .feature-card:hover .icon-box .icon-w {
   display: none;
 }

 .feature-card:hover .icon-box .icon-d {
   display: block;
 }

 .feature-card:hover .feature-title {
   color: #fff;
 }

 /* Center Box */
 .center-box {
   width: 236px;
   height: 236px;
   padding: 44px;
   background: #fff;
   border: 2px solid #5f3ea5;
   border-radius: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }

 .center-box img {
   width: 100%;
 }

 /* Horizontal Connector */
 .center-box:before,
 .center-box:after {
   content: "";
   position: absolute;
   top: 50%;
   width: 260px;
   height: 2px;
   background: #5f3ea5;
   transform: translateY(-50%);
 }

 .center-box:before {
   right: 100%;
 }

 .center-box:after {
   left: 100%;
 }


 /* integration */

 .integration-wrapper {
   padding-top: 60px;
   padding-bottom: 60px;
 }

 /* integration-nav */

 .integration-nav {
   width: 100%;
   overflow-x: auto;
  
 }

 .nav-scroll {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 34px;
   min-width: max-content;
   padding: 0 10px;
 }

 .nav-scroll a {
   text-decoration: none;
   color: #111;
   font-size: 18px;
   font-weight: 600;
   white-space: nowrap;
   transition: .25s ease;
 }

 .nav-scroll a:hover {
   opacity: .7;
 }

 /* SECTION */

 .integration-section {
   margin-top: 60px;
   text-align: center;
 }

 .integration-section h2 {
   margin-bottom: 50px;
 }

 /* GRID */

 .integration-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 36px 28px;
 }

 /* CARD */

 .integration-card {
   background: #f5f5f5;
   border-radius: 8px;
   overflow: hidden;
   transition: .3s ease;
   cursor: pointer;
 }

 .integration-card .glyphicon {
   font-size: 12px;
   margin-left: 5px;
 }

 .integration-card:hover {
   transform: translateY(-4px);
 }

 .logo-wrap {
   height: 110px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 22px;
   background: #f5f5f5;
 }

 .logo-wrap img {
   max-width: 140px;
   max-height: 42px;
   object-fit: contain;
 }

 .company-name {
   background: #eaeaea;
   text-align: center;
   font-size: 13px;
   font-weight: 500;
   padding: 12px 10px;
   transition: .3s ease;
 }

 .integration-card:hover .company-name {
   background: #111;
   color: #fff;
 }

 /* Desktop */
 .architecture-details.accordion {
   gap: 0;
 }

 .architecture-block {
   border-bottom: 1px solid #ddd;
 }

 .architecture-block .title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   margin-bottom: 0;
   padding: 24px 0;
 }

 .architecture-block .title h3 {
   margin: 0;
   font-size: 18px;
 }

 .accordion-icon {
   font-size: 24px;
   line-height: 1;
   transition: transform 0.3s ease;
 }

 .architecture-block .desc {
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition:
     max-height 0.4s ease,
     opacity 0.3s ease,
     padding-top 0.3s ease;
   padding-top: 0;
   margin: 0;
 }

 .architecture-block.active .desc {
   max-height: 300px;
   opacity: 1;
 }
.bg-none {
  background-image: none !important;
}
 .architecture-block .title {
   background-image: url('../../Image/Common/plus.svg');
   background-position: 100% center;
   background-repeat: no-repeat;
   padding-right: 32px;
 }

 .architecture-block.active .title {
   background-image: url('../../Image/Common/minus.svg');
 }

 .video-hero{
    background:#000;
    color:#fff;
    text-align:center;
    padding:20px 0 40px;
}

.hero-top h2{
    font-size:28px;
    font-weight:700;
}
 .video-hero video {
   aspect-ratio: 8 / 4.5;
 }
 .video-hero .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:90px;
    height:90px;
    border-radius:50%;
    border:3px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background:rgba(0,0,0,.3);
}
.hero-top p{
    font-size:20px;
    margin-top:10px;
    color:#bcbcbc;
}

 .video-hero .features{
    margin-top: 30px;
    justify-content: center;
    gap: 40px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
}
.video-hero .features span { 
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
}
.video-card{
    margin:40px auto 0;
    background:linear-gradient(135deg,#111,#03143d);
    position:relative;
}
.video-card video {
  display: block;
}

.video-hero .cta{
    margin-top:50px;    
    justify-content: center;
}

 .video-hero .cta button{
    margin:0 8px;
}

 .video-hero .cta .primary{
    background:#d71920;
    border:none;
}

 .video-hero .desc{
    width:75%;
    margin:30px auto 0;
    color:#FFFFFF;
    font-size:20px;
    line-height:120%;
}

.stats{
    background:#f5f5f5;
    text-align:center;
    padding: 60px 0;
}

.stats h3{
    font-size:28px;
    margin: 0px;
    font-weight: 700;
}

.stats .numbers{
    display: flex;
    justify-content: center;
    gap: 140px;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;

}

.stats .numbers h2{
  font-size: 64px;
  font-weight: 700;
  margin: 0px;
}
.stats .numbers h6 {
  font-size: 24px;
  font-weight: 700;
  color:#000;
}
.stats .numbers p{
    margin-top:10px;
    color:#000;
    font-size: 20px;
}
.connected-travel {
  padding-bottom: 80px;
}
.connected-travel .integrations{
    margin:80px auto 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.connected-travel .network{
    position:relative;
}

.connected-travel .center{
    position:absolute;
    width:90px;
    height:90px;
    background:#fff;
    border-radius:12px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 15px rgba(0,0,0,.08);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:54px;
    color:#d71920;
    font-weight:800;
}

.connected-travel .text{
    max-width:405px;
    text-align:left;
}

.connected-travel .text h2{
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 700;
}

.connected-travel .text p{
    color:#000000;
    line-height:1.2;
    font-size: 20px;
    margin-bottom:25px;
}

.connected-travel .text button{
    background:#000;
    color:#fff;
    border:none;
    padding:12px 20px;
    border-radius:20px;
    cursor:pointer;
    font-weight: 700;
}
.btn.btn-white-outline {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.btn.btn-white-outline:hover {
  background-color: transparent;
}

 /* ── RESPONSIVE ── */
 @media (min-width: 1200px) {
   .container {
     width: 1200px;
     padding: 0px;
   }

   .Architechture-banner {
     background-position: right 30% center;
     height: 323px;
   }

   .Architechture-overlay {
     /* width: 970px; */
   }

   .travog-visual {
     width: 750px;
     max-width: 750px;
   }
 }


 @media (max-width: 1199px) {
  .Travoghero .hero-left h1,
  .Konnectbacgroundsection .hero-left h1 {
      font-size: 36px;
  }
  .Travoghero .hero-right-image,
  .Konnectbacgroundsection .hero-right-image {
      max-width: 480px;
      align-self: flex-end;
  }
   .hero {
     grid-template-columns: 1fr;
   }

   /* .hero-right {
     display: none;
   } */

   .travog-section {
     grid-template-columns: 1fr;
   }

   .why-section {
     grid-template-columns: 1fr;
   }

   .insights-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .footer-grid {
     grid-template-columns: 1fr 1fr;
   }

   nav {
     padding: 0 1.5rem;
   }

   .nav-links {
     display: none;
   }

   .section {
     padding: 4rem 1.5rem;
   }

   .section-sm {
     padding: 3rem 1.5rem;
   }

   .travog-content {
     /* padding: 3rem 1.5rem; */
     padding: 0;
   }

   .why-content {
     /* padding: 3rem 1.5rem; */
     padding: 0;
   }

   .award-item {
     flex: 0 0 calc((100% - 60px) / 4);
   }

   .mards {
     gap: 24px;
   }

   .Architechture-content {
     /* padding-left: 48px; */
   }

   .Architechture-content h1 {
     font-size: 42px;
   }

   .offerings-container {
     grid-template-columns: 1fr;
   }

   .offerings-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .whyPartner-section .offerings-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .ndc-level-card .offerings-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .architecture-content {
     grid-template-columns: 1fr;
     gap: 30px;
   }

   .architecture-header {
     margin-bottom: 40px;
   }

   .enterprise-resellers .architecture-details {
     order: 2;
   }

   .trusted-enterprises-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .section-title {
     margin-bottom: 40px;
   }

   .partner-card {
     padding: 50px 40px;
     min-height: 280px;
   }

   .partner-description {
     font-size: 22px;
   }

   .partner-logo {
     max-width: 220px;
     margin-bottom: 25px;
   }

   .ndc-wrapper {
     min-height: 318px;
   }

   /* NDC Outer Border */
   .ndc-wrapper:before {
     left: 150px;
     right: 150px;
   }

   .ndc-wrapper:after {
     left: 150px;
     right: 150px;
   }

   .ndc-layout {
     padding: 0 50px;
   }

   .feature-card {
     width: 180px;
     padding: 10px;
     gap: 8px;
   }

   .icon-box {
     width: 40px;
     height: 40px;
     min-width: 40px;
   }

   .center-box {
     width: 200px;
     height: 200px;
     padding: 20px;
   }

   .center-box:before,
   .center-box:after {
     width: 260px;
   }

   /* NDC Level3 Section */
   .ndc-level3-section {
     gap: 30px;
   }

   .integration-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
   }

   .nav-scroll {
     justify-content: flex-start;
   }

   .Travoghero {
     grid-template-columns: 1fr;
   }

   .hero-sub {
     max-width: 100%;
   }

   .hero-ctas {
     margin-bottom: 16px;
   }

   .product-card-wrapper {
     width: 100%;
   }

   .modal-overlay.open .modal-box {
     top: 10ss0px;
     right: auto;
     left: 10px;
     width: calc(100% - 48px);
     height: auto;
     max-width: 100%;
   }

   .modal-features {
     width: 100%;
     max-width: 487px;
     margin-left: auto;
     margin-right: auto;
   }

   /* .Travoghero .hero-left h1 {
     font-size: 40px;
     max-width: 410px;
     width: 100%;
   } */

   .Travoghero .hero-sub,
   .Konnectbacgroundsection .hero-sub {
     max-width: 400px;
   }

   .travogbacgroundsection {
     background: url(../../Image/Common/travog-banner-bg.jpg) right 23% center / cover no-repeat;
   }

   /* .hero-left {
      padding-top: 30px;
      min-width: 420px;
    }
    .hero-right-image {
      align-self: flex-end;
      margin-bottom: 63px;
    }
    .hero-right-image img {
      max-width: 100%;
    } */
     .connected-travel .network {
        max-width: 450px;
    width: 100%;
    }
    .connected-travel .network img{
        max-width: 100%;
    }
 }

 /* Tablet */
 @media (max-width: 991px) {

    .Travoghero .hero-right-image,
    .Konnectbacgroundsection .hero-right-image {
        max-width: 400px;
    }
    .Travoghero .hero-left h1,
    .Konnectbacgroundsection .hero-left h1 {
        font-size: 24px;
    }
   .footer-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
   }

   .content-grid {
     grid-template-columns: 1fr;
   }

   .highlights {
     flex-direction: column;
     gap: 12px;
     text-align: left;
   }

   .ai-content {
     width: auto;
   }

   .Box-cards-grid {
     grid-template-columns: 1fr;
     gap: 30px;
     order: 2;
   }

   .card-wrapper {
     grid-template-columns: 1fr 1fr;
   }

   .ops-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
   }

   .ops-grid .ops-card {
     height: auto;
     padding: 24px;
     max-width: 100%;
   }

   .sc-layout {
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
   }

   .sc-layout .sc-cards {
     gap: 30px;
   }

   .sc-layout .sc-cards .sc-card {
     height: auto;
     padding: 24px;
   }

   .sc-image {
     height: 100%;
   }

   .sc-image img {
     height: 100%;
   }

   .platform-section .phonecards {
     overflow-x: auto;
   }
   .stats .numbers {
      gap: 40px;
  }
    .connected-travel .text {
      max-width: 335px;
      padding-left: 36px;
  }
 }

 @media (max-width: 767px) {

   .overlay-container {
     height: 100%;
     width: 100%;
     display: flex;
     padding: 40px 0;
     /* background: rgba(0, 0, 0, 0.55); */
   }
   .Travoghero,
   .Konnectbacgroundsection {
      flex-wrap: wrap;
    }
    .Travoghero .hero-right-image,
    .Travoghero .hero-left,
    .Konnectbacgroundsection .hero-right-image,
    .Konnectbacgroundsection .hero-left {
      width: 100%;
      max-width: 100%;
    }
   .hero-left {
     padding: 0;
   }

   .travogbacgroundsection {
     height: auto;
     background: url(../../Image/Common/travog-banner-bg.jpg) right 58% center / cover no-repeat;
   }

   .Konnectbacgroundsection {
     background: url('../../Image/Common/Konnectheroimage.svg') left center / cover no-repeat;
     overflow: hidden;
   }

   .sales-channels .section-header h2 {
     margin: 0px auto 30px;
     max-width: 370px;
   }

   .hero-left h1 {
     font-size: 42px;
     font-weight: 600;
     letter-spacing: normal;
   }

   .hero-sub {
     font-size: 20px;
     width: 100%;
   }

   .ops-grid {
     grid-template-columns: 1fr;
   }

   .logo-track {
     gap: 40px;
   }

   .logo-track img {
     /* height: 32px; */
   }

   .card-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .card-grid .quad-card {
     width: 100%;
   }

   .award-item {
     flex: 0 0 calc((100% - 20px) / 2);
   }

   .footer-grid {
     grid-template-columns: 1fr;
     gap: 5px;
     margin: 0;
   }

   footer {
     background: var(--dark);
     padding: 10px;
     border-top: 1px solid rgba(255, 255, 255, 0.05);
   }

   .konnect-logo {
     height: 50px;
     display: none;
   }

   .konnect-logo-w {
     height: 50px;
     display: block;
   }

   .platform-section h2 {
     font-size: 28px;
   }


   .platform-section .phonecard {
     max-width: 100%;
   }

   .teams-grid,
   .ai-grid,
   .cta-box {
     grid-template-columns: 1fr;
     text-align: center;
   }

   .team-item {
     text-align: center;
   }

   .cta-box {
     gap: 16px;
   }

   .cta-container h2 {
     font-size: 32px;
   }

   .card-wrapper {
     grid-template-columns: 1fr;
   }

   .stats-container {
     flex-direction: column;
     gap: 24px;
   }

   .supplier-grid {
     gap: 16px;
   }

   .supplier-card {
     padding: 10px 15px;
     min-width: auto;
     width: calc(100% / 2 - 10px);
   }

   .supplier-card .icon img {
     min-width: 24px;
   }

   .supplier-card span {
     font-size: 12px;
     text-align: left;
     font-weight: 600;
   }

   .supplier-footer .supplier-link {
     font-size: 18px;
   }

   .integration-wrapper {
     padding-top: 30px;
   }

   .integration-section {
     margin-top: 30px;
   }

   .integration-section h2 {
     margin-bottom: 30px;
   }

   .integration-nav {
     padding-top: 0px;
     padding-bottom: 8px;
     padding-left: 0;
     padding-right: 0;
   }

   .nav-scroll {
     gap: 18px;
     padding: 0;
   }

   .Architechture-banner {
             height: 400px;
        /* padding: 80px 0; */
        padding: 0;
        background-position: right 24% center;
   }

   .Architechture-banner.integration-partner-banner {
     background-position: right 26% center;
   }

   .Architechture-overlay {
     background: rgba(0, 0, 0, 0.55);
     grid-template: auto / 1fr;
     padding-top: 100px;
     padding-bottom: 100px;
   }

   .Architechture-content {
     padding: 0;
     width: 100%;
     max-width: 100%;
   }

   .Architechture-content h1 {
     font-size: 32px;
   }

   .Architechture-content p {
     font-size: 16px;
   }

   .EnterpriseMobility-banner .Architechture-content {
     color: #fff !important;
   }

   .EnterpriseMobility-banner .Architechture-content p {
     color: #fff !important;
   }

   .offerings-grid .subtitle {
     margin-bottom: 0px;
   }

   .offerings-grid {
     grid-template-columns: 1fr;
     padding: 30px 0;
   }

   .offerings-section {
     padding: 0;
   }

   .whyPartner-section .offerings-grid {
     grid-template-columns: 1fr;
   }

   .travel-ecosystem .offerings-grid {
     grid-template-columns: 1fr;
   }

   .ndc-level-card .offerings-container {
     gap: 0;
   }

   .ndc-level-card .offerings-grid {
     grid-template-columns: 1fr;
   }

   /* .architecture-header h2 {
     font-size: 26px;
   } */

   .architecture-section {
     padding: 40px 0px;
   }

   .whyPartner-section {
     padding: 20px 0 0;
   }

   .whyPartner-section .architecture-header {
     margin-bottom: 0;
   }

   .partners-section {
     padding: 50px 0;
   }

   .section-title {
     font-size: 28px;
   }

   .partner-card {
     padding: 35px 24px;
     border-radius: 20px;
   }

   .partner-card {
     padding: 35px 24px;
     border-radius: 20px;
     min-height: auto;
     height: auto;
   }

   .partner-logo {
     max-width: 220px;
     margin-bottom: 25px;
   }

   .partner-description {
     font-size: 18px;
   }

   .margin-bottom-mobile {
     margin-bottom: 20px;
   }

   .trusted-enterprises-section {
     padding: 40px 0 !important;
   }

   .trusted-enterprises-grid {
     grid-template-columns: 1fr !important;
   }

   .trusted-enterprises-header h2 {
     font-size: 26px;
   }

   .cta-strip-container {
     flex-direction: column;
     gap: 16px;
     text-align: center;
   }

   .ndc-level3-graphic {
     display: block;
   }

   .ndc-wrapper {
     display: none;
   }

   .integration-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 15px;
   }

   .whybro-section .why-content {
     grid-template-columns: 1fr;
     gap: 15px;
   }

   .store-buttons {
     justify-content: center;
   }

   .Travoghero .hero-left h1,
   .Konnectbacgroundsection .hero-left h1 {
     width: 100%;
     font-size: 32px;
   }

   .Travoghero .hero-left p,
   Konnectbacgroundsection .hero-left p {
     width: 100%;
     font-size: 18px;
   }

   .Konnecthero h1,
   .Konnecthero .hero-sub {
     color: #000;
   }

   .Konnecthero {
     grid-template-columns: 1fr;
     padding: 0;
     flex-wrap: wrap;
   }

   .Konnecthero .hero-left h1 {
     width: 100%;
     font-size: 32px;
     line-height: normal;
   }

   .Konnecthero .hero-left p {
     width: 100%;
     font-size: 18px;
   }

   .ops-header {
     margin-bottom: 0;
   }

   .ops-header p {
     margin-bottom: 40px;
   }

   .ops-grid {
     gap: 30px;
   }

   .sc-layout {
     grid-template-columns: 1fr;
     gap: 30px;
   }

   .sc-layout .sc-cards {
     grid-template-columns: 1fr;
     gap: 30px;
   }

   .sc-image {
     height: 360px;
     display: block;
     overflow: hidden;
     border-radius: 26px;
   }

   .sc-image img {
     height: auto;
     position: relative;
     top: -30px;
   }

   .footer-container {
     text-align: center;
   }

   .headtitlefooter {
     grid-template-columns: 1fr;
     gap: 30px;
   }

   .footer-col {
     display: flex;
     flex-direction: column;
     gap: 15px;
   }

   /* .footer-col ul {
		  display: flex;
			flex-wrap: wrap;
			row-gap: 15px;
			margin: 0 -15px;
	  } */

   /* .footer-col ul li {
		  display: inline-block;
		  margin-bottom: 0;
		  padding: 0 20px;
		  border-right: 1px solid #4f4f4f;
	  } */

   .footer-col ul li a {
     color: #9d9d9d;
     font-size: 14px;
   }

   .footer-col:first-child ul li:last-child {
     border-right: none;
   }

   .footer-col:last-child ul:last-child li:last-child {
     border-right: none;
   }

   .footer-bottom {
     display: flex;
     flex-direction: column;
     gap: 45px;
     justify-content: center;
     align-items: center;
   }

   .badges {
     justify-content: Center;
     margin-top: 20px;
   }

   .Homequad {
     padding: 30px 0px 30px;
     background-position: right 57% center;
   }

   .product-card-wrapper {
     width: 100%;
     height: auto;
   }

   .product-section {
     padding-top: 24px;
   }

   .product-card-label {
     font-size: 14px;
   }

   .product-card-desc {
     font-size: 13px;
   }

   .modal-overlay.open .modal-box {
     top: 80px;
     right: auto;
     left: 10px;
     width: calc(100% - 50px);
     height: auto;
     /* transform: translateX(-50%) scale(1); */
   }

   .modal-overlay.open .modal-box .modal-mockup img {
     width: 100% !important;
   }

   .modal-box .modal-features {
     width: 100%;
   }

   .modal-features .modal-feature {
     width: 50%;
   }

   .modal-box .modal-logo img {
     max-width: 90%;
     height: auto;
   }

   .ai-section {
     padding-bottom: 0px;
   }

   .store-buttons img {
     max-width: 100%;
   }

   .integration-card {
     display: flex;
     flex-direction: column;
   }

   .logo-wrap {
     height: 100%;
   }
   .stats .numbers {
        display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: center !important;
    margin-top: 50px;
    flex-direction: column;
  }
  .stats .numbers h2 {
    font-size: 40px;
  }
  .stats .numbers h6 {
      font-size: 20px;
  }
  .stats .numbers p {
      font-size: 16px;
  }
  .stats {      
    padding: 40px 0;
  }
  .stats h3 {
      margin-bottom: 30px;
  }
  .connected-travel .network,
  .connected-travel .text {
      max-width: 100%;
      padding-left: 0;
      text-align: center;
      margin-bottom: 30px;
  }
  .connected-travel .integrations {
      margin: 40px auto 0;
    flex-direction: column;
  }
  .video-hero .features {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .video-hero .cta {
      margin-top: 30px;
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  .video-hero .cta button {
    padding: 12px 24px;
    width: 100%;
    margin: 0;
  }
  .video-hero .desc {
    width: 100%;
    line-height: 150%;
  }
  .connected-travel {
      padding-bottom: 20px;
  }
  .ai-image {
    margin-bottom: 40px;
    padding-top: 0;
  }
  .enquiryndc {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    padding: 0;
    margin: 0px;

  }
  .ndctexten {
    width: 100%!important;
    padding: 24px;
 }
 .ndcfomren {
      width: 100%!important;

 }

 .hybEng_cards {
  
    display: flex!important;

    gap: 20px;
    flex-direction: column;
    padding: 10px;
}

  .integration-grid {
    padding: 10px;

   }

   .timelineAward-right img {
    width: 100%;
    object-fit: cover;
    height: 204px; 
  
  
}
.timelineAward-wrapper::before {
      display: none;
    }
 .timelineAward-right img {
    width: 100%!important;
    border-radius: 12px;
    object-fit: cover;
    height: 204px!important;
   
}
.eventimage img {
   width: 100%!important;
    border-radius: 12px;
    object-fit: cover;
    height: 204px!important;
}
    .timelineAward-row {
    
            flex-direction: column;
        align-items: flex-start;
        padding: 24px;
    }
    .timelineAward-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px!important;
}
.timelineAward-year-bottom {
margin-top: 0px;
}
.timelineAward-year {
  margin: 0px!important;
}
    .timelineAward-year {
        left: 36%!important;
        transform: none;
    }
    .indAcc_section {
      height: auto!important;
    }

    .timelineAward-left {
    padding: 0px!important;
    }
}

 @media (max-width: 600px) {
   .card-grid {
     grid-template-columns: 1fr;
   }

   .drowtext { 

        font-size: 16px!important;
    
    margin: auto;
    line-height: 26px!important;
    letter-spacing: 0%;
    width: 100%!important;
   }
   .quick-enquiry-section {
    background: #fff !important;
    padding: 0px !important;
}

.cta-strip-title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: auto;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.hero-titlehead {
    font-size: 45px!important;
    margin-top: 35px !important;
 }

 .offerings-intro {
  text-align: center;
}
 }



.xhostcon h2 {
  color: #000;
}





 .ql-main-container {
  
      margin: 0 auto;
     
    }

    .ql-header-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      background-color: #fff;
      
      border-radius: 8px;
          width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 60px 0px;
    }

    .ql-header-text {
      flex: 1;
      min-width: 300px;
    }

    .ql-header-text h1 {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 15px;
    }

    .ql-header-text p {
      font-size: 16px;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .ql-btn-ndc {
      background-color: #c00;
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      cursor: pointer;
      font-weight: 600;
    }

    .ql-header-image {
         width: 495px;
    border-radius: 8px;
    object-fit: cover;
    height: 237px;
    }

    .ql-benefits-section {
      text-align: center;
      padding: 60px 0;
    }

    .ql-benefits-section h2 {
      font-size: 22px;
      font-weight: 700;
      margin: 0 0 30px 0;
    }

    .ql-benefits-section p {
      font-size: 15px;
      color: #555;
      margin-bottom: 30px;
    }

    .ql-logo-row {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-bottom: 40px;
    }

    .ql-card-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .ql-card-box {
     background-color: #f3f3f3;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    width: 300px;
    padding: 25px;
    border: 1px solid #404040;
    text-align: left;
    }

    .ql-card-box h3 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 10px;
          text-align: left;
    }

    .ql-card-box ul {
      
   
    padding: 0;
    margin: 0;
    text-align: left;
    }

    .ql-card-box ul li {
      font-size: 14px;
      color: #444;
      margin-bottom: 8px;
      line-height: 1.4;
    }

    @media (max-width: 768px) {
      .ql-header-section {
        flex-direction: column;
        text-align: center;
      }

      .ql-header-image {
        margin-top: 20px;
        width: 100%;
      }

      .ql-card-container {
        flex-direction: column;
        align-items: center;
      }
    }




    .ndc-wrapper {
  background: #f5f5f5;
  
  color: #222;
}

.ndc-container {
 
  margin: auto;
  padding: 50px 20px;
}

/* TOP */
.ndc-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.ndc-left h2 {
  font-size: 28px;
  font-weight: 700;
}

.ndc-left p {
  margin: 15px 0;
  color: #666;
  line-height: 1.6;
}

.ndc-btn {
  background: #e50914;
  color: white;
  padding: 10px 18px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}

.ndc-right img {
  width: 350px;
  border-radius: 12px;
}

/* BENEFITS */
.ndc-benefits {
  text-align: center;
}

.ndc-benefits h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.ndc-subtext {
  color: #777;
  font-size: 14px;
  max-width: 700px;
  margin: 0 auto 20px;
}

.ndc-logos {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

.ndc-logo {
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: bold;
}

.ndc-logo.red {
  background: #e50914;
  color: #fff;
}

.ndc-logo.blue {
  border: 2px solid #2d5bff;
  color: #2d5bff;
}

/* CARDS */
.ndc-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.ndc-card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  text-align: left;
  border: 1px solid #ddd;
}

.ndc-card h4 {
  margin-bottom: 10px;
}

.ndc-card ul {
  padding-left: 18px;
}

.ndc-card li {
  margin-bottom: 8px;
  font-size: 14px;
  color: #555;
}

/* FEATURES */
.ndc-features {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.ndc-feature-left {
  max-width: 350px;
}

.ndc-feature-left h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.ndc-feature-left p {
  color: #666;
  font-size: 14px;
}

.ndc-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  flex: 1;
}

.ndc-feature-card {
  background: white;
  padding: 18px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.ndc-feature-card h4 {
  margin-bottom: 8px;
}

.ndc-feature-card p {
  font-size: 13px;
  color: #666;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .ndc-top {
    flex-direction: column;
  }

  .ndc-card-grid {
    grid-template-columns: 1fr;
  }

  .ndc-features {
    flex-direction: column;
  }

  .ndc-feature-grid {
    grid-template-columns: 1fr;
  }
}


/* Wrapper */
.hybEng_wrapper {

     padding: 60px 0px 0px 0px;
   
}
.hybEng_mainbody { 
   padding: 60px 0px;
     background: #f9f9f9;
}
/* TOP SECTION */
.hybEng_topSection {
  display: flex;
  gap: 40px;
  align-items: flex-start;
 
max-width: 1200px;
  margin: 0 auto;
}

.hybEng_left {
  width: 35%;
}

.hybEng_title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.hybEng_desc {
  color: #555;
  line-height: 1.5;
}

/* CARDS GRID */
.hybEng_cards {
  width: 65%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.hybEng_card {
  background: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  transition: 0.3s;
}

.hybEng_card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.hybEng_icon {
  font-size: 22px;
  margin-bottom: 10px;
}

.hybEng_card h4 {
  font-size: 18px;
    margin-bottom: 8px;
    font-weight: 700;
}

.hybEng_card p {
  font-size: 16px;
  color: #777;
}

/* AIRLINES SECTION */
.hybEng_airlinesSection {
  text-align: center;
}

.hybEng_airlineTitle {
font-size: 28px;
       margin: 60px 0 50px 0px;
    font-weight: 700;
}

/* AIRLINE GRID */
.hybEng_airlineGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  
  max-width: 1200px;
    margin: auto;
    
}

/* CARD */
.hybEng_airlineCard {
  width: 180px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}

.hybEng_logo {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #2a4b8d;
  background: #f9f9f9;
}

.hybEng_label {
  background: #eee;
  padding: 10px;
  font-size: 12px;
  color: #555;
}

/* Responsive */
@media (max-width: 1024px) {
  .hybEng_topSection {
    flex-direction: column;
  }

  .hybEng_left,
  .hybEng_cards {
    width: 100%;
  }

  .hybEng_airlineGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.enquiryndc {
  display: flex;
  justify-content: space-between;

}

.ndctexten {
  width: 35%;
}

.ndcfomren {
  width: 65%;
}
.ndctexten .col-sm-12 {
  padding: 0px;
}

.ndc-integrations1 {
    text-align: center;
    max-width: 1200px;
    margin: auto;
}




/* branatworkcss */

.leaders_wrapper {

  text-align: center;
  /* background: #f5f5f5; */
 
}

.leaders_title {
  font-size: 22px;
  margin-bottom: 30px;
}

.mt {
  margin-top: 60px;
}

.leaders_grid {
      padding: 46px 0;
    max-width: 1200px;
    display: flex;

    flex-wrap: wrap;
    margin: auto;
}
.leaders_meets {
    font-size: 28px;
    margin-top: 43px;
    /* margin-bottom: -25px; */
    font-weight: bold;
}

.leaders_card{
    transition: all .3s ease;
    cursor:pointer;
     border-radius: 19px;
    padding: 0 0 30px 0px;
}

.leaders_card:hover{
        /* transform: translateY(-6px); */
    box-shadow: 0 12px 30px rgba(0, 4, 4, 0.1);
    border-radius: 19px;
    padding: 0 0 30px 0px;
}
.gcleaders {
  justify-content: space-between;
}
.gkleaders {
  justify-content: space-around;
  width: 935px;
     
}




.leaders_img {
  width: 100%;
  border-radius: 12px;
  background: #ddd;
}

.leaders_card h3 {
 font-size: 21px;
    margin: 15px 0px 15px 0px;
    font-weight: 600;
}

.leaders_card p {
    font-size: 16px;
    color: #000000;
}

.leaders_actions {
  margin-top: 8px;
}

.leaders_linkedin {


  font-size: 12px;
  margin-right: 6px;
}
.leaders_linkedin img{

width: 40px;
height: 40px;
}

 /* .leaders_card :hover{
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

      background: #e0e0e0;
      border-radius: 12px;
}  */
.leaders_card {
      

    background: #fff;
    align-items: center;
    flex-direction: column;
} 
.leaders_arrow {
  color: #0077b5;
  font-weight: bold;
}

/* ✅ MODAL */
.leaders_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
}

.leaders_modal_content {
  background: #fff;
  width: 100%;
  max-width: 990px;
  margin: auto;
  padding: 30px;
  border-radius: 14px;
  position: relative;
}

.leaders_close {
  position: absolute;
  right: 14px;
  top: 0px;
  font-size: 26px;
  cursor: pointer;
}

.leaders_modal_layout {
  display: flex;
  gap: 30px;
}

.leaders_modal_img {
  width: 260px;
  border-radius: 14px;
}

.leaders_modal_text {
  text-align: left;
}

.leaders_modal_text h3 {
  margin-bottom: 5px;
}

.leaders_role {
  font-weight: bold;
  margin-bottom: 10px;
}

.leaders_modal_text p {
  font-size: 16px;
  
  font-weight: 400;
}

/* ✅ Responsive */
@media (max-width: 768px) {
  .leaders_modal_layout {
    flex-direction: column;
  }

  .leaders_modal_img {
    width: 100%;
  }

  .leaders_modal_content {
    overflow: scroll;
    background: #fff;
    width: 100%;
    max-width: 990px;
    margin: auto;
    padding: 30px;
    border-radius: 14px;
    position: relative;
    max-height: 700px;
}
}


.hire-section {
  background-color: #e9e9e9;
  padding: 60px 20px;
  text-align: center;
}
#leaders_modal_name { 

      font-size: 20px;
    font-weight: bold;
}

.leaders_role { 

   font-size: 20px;
    font-weight: 400;
}
.hire-container {
 
  margin: 0 auto;
}

.hire-title {
  font-size: 48px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;

}

.hire-description {
    max-width: 1200px;
    font-size: 19px;
    color: #555;
    line-height: 1.6;
    margin: auto;
    margin-bottom: 24px;
  
}

.hire-btn {
  background-color: #c8102e;
  color: #fff;
  border: none;
  padding: 10px 26px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
}

.hire-btn:hover {
  background-color: #a50e26;
}

@media (max-width: 768px) { 

  .leaders_grid {
    padding: 46px 0;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    flex-direction: column;
}
}

/* event section css code start */

/* Wrapper */
.evtConf-wrapper {
  font-family: Arial, sans-serif;
  background: #f5f5f5;
}

/* HERO */
.evtConf-hero {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
}

.evtConf-hero h2 {
     font-size: 36px;
    margin-bottom: 20px;
    font-weight: 700;
}

.evtConf-hero p {
  font-size: 24px;
  font-weight: 400;
}

/* COMMON SECTION */
.evtConf-section {
  padding: 60px 0px;
  text-align: center;
}

.evtConf-section h3 {
      font-size: 28px;
       margin: 0 0 40px 0;
    font-weight: 600;
}

/* UPCOMING EVENTS */
.evtConf-events-grid {
  display: flex;
  justify-content: center;
  gap: 80px;
  flex-wrap: wrap;
}

.evtConf-event-card {
  text-align: center;
  max-width: 260px;
}

.evtConf-event-card img {
  height: 69px;
  margin-bottom: 15px;
}

.evtConf-event-card p {
  margin: 5px 0;
  font-size: 24px;
}
.evtConf-visit {
  background-color: #fff;
}
.evtConf-event-card span {
  font-size: 13px;
  color: #555;
  display: block;
  margin-bottom: 10px;
}

.evtConf-event-card button {
  background: #c20000;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
}

.evtConf-event-card button:hover {
  background: #a50000;
}

/* VISIT LOGOS */
.evtConf-logos {
  display: grid;
   grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-items: center;
  gap: 40px;
     max-width: 1000px;
  margin: auto;
}

.evtConf-logos img {
  max-width: 120px;
  max-height: 50px;
  object-fit: contain;
  /* filter: grayscale(100%); */
  transition: 0.3s;
}

.evtconfairline {
  margin-top: 40px!important;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-items: center;

  max-width: 1200px;
  margin: auto;
}

.evtconfairline img {
  max-width: 120px;
  max-height: 50px;
  object-fit: contain;
   transition: 0.3s;
}

.evtConf-logos img:hover {
  filter: grayscale(0%);
}

/* SUBSCRIBE */
.evtConf-subscribe {
  background: #eee;
}

.evtConf-subscribe-box {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.evtConf-subscribe-box input {
  padding: 10px;
  width: 280px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}

.evtConf-subscribe-box button {
  background: #c20000;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.evtConf-subscribe-box button:hover {
  background: #a50000;
}


/* contactuscsscodestart */
.contactusgetintouch {

max-width: 1200px;
}

.contactSec-wrapper {

  background: #fff;
}

/* TOP SECTION */
.contactSec-container {
  display: flex;
  justify-content: space-between;
  padding: 60px 80px;
  gap: 60px;
  max-width: 1200px;
  margin: auto;
}

.contactSec-left {
  width: 35%;
}

.contactSec-right {
  width: 55%;
  background: #efefef;
  padding: 30px;
  border-radius: 10px;
}

/* TEXT */
.contactSec-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}

.contactSec-item {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  flex-direction: column;
}

.contactSec-icon {
  font-size: 24px;
  color: #e11d2e;
}

.contactSec-label {
  font-weight: 600;
  margin-bottom: 5px;
}

.contactSec-text {
  color: #555;
  line-height: 1.6;
}

/* FORM */
.contactSec-form input,
.contactSec-form select,
.contactSec-form textarea {
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  outline: none;
  font-size: 14px;
}

.contactSec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.contactSec-form textarea {
  margin-top: 15px;
  resize: none;
  height: 80px;
}

/* CAPTCHA MOCK */
.contactSec-captcha {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}

.contactSec-checkbox {
  width: 18px;
  height: 18px;
  border: 1px solid #999;
}

/* BUTTON */
.contactSec-btn {
  background: #e11d2e;
  color: #fff;
  padding: 10px 35px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
}

/* SUCCESS SECTION */
.contactSec-success {
  text-align: center;
  padding: 60px 20px;
 
  margin: auto;
  background: #F9F9F9;
}

.contactSec-success-title {
      font-size: 64px;
    margin: 0 0 50px 0;
    font-weight: 600;
}

.contactSec-stats {
  display: flex;
  justify-content: center;
  gap: 80px;
}

.contactSec-stats h3 {
    font-size: 36px;
    margin: 0 0 20px 0;
    font-weight: 600;
}

.contactSec-stats p {
  font-size: 14px;
  color: #444;
}

/* OFFICE SECTION */
.contactSec-office {
  display: flex;
  justify-content: space-between;
  padding: 60px 0px;
  align-items: center;
  max-width: 1200px;
  margin: auto;
}

.contactSec-address {
  width: 30%;
}

.contactSec-map {
  width: 60%;
}

.contactSec-map img {
  width: 100%;
  opacity: 0.6;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .contactSec-container,
  .contactSec-office {
    flex-direction: column;
  }

  .contactSec-left,
  .contactSec-right,
  .contactSec-address,
  .contactSec-map {
    width: 100%;
  }

  .contactSec-stats {
    flex-direction: column;
    gap: 30px;
  }
}

.contactenquiry-section {
  padding: 0px!important;
  margin: 0px;
}

.contactSec-address h4 {
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: 600;
}
.contactSec-address p { 

  font-size: 20px;
}
.contactSec-address .companynamecontac { 

  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}


@media (max-width: 992px) {
.contactSec-container {

    display: flex;
    justify-content: space-between;
    padding: 24px;
    gap: 60px;
    max-width: 1200px;
    margin: auto;
}

.contactSec-office {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    align-items: center;
    max-width: 1200px;
    margin: auto;

}

}


/* privacypoolicycsscodestart */

.ppLayout-wrapper {
  
}

/* Header */
.ppLayout-header {
    background-color: #000;
    /* padding: 24px 0; */
    text-align: center;
    height: 204px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppLayout-header h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  margin: 0;
}

/* Content Container */
.ppLayout-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

/* Headings */
.ppLayout-content h2 {
       font-size: 28px;
    font-weight: 600;
    margin: 60px 50px;
    letter-spacing: 0%;
}

/* Paragraph */
.ppLayout-content p {
  font-size: 20px;
    color: #000;
    margin-bottom: 16px;
    font-weight: 400;
}

/* Footer CTA */
.ppLayout-footer {
    padding: 60px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    background: #f9f9f9;
}

.ppLayout-footer span {
      font-size: 28px;
    font-weight: 600;
}

.ppLayout-footer button {
  background-color: #e11b22;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  font-weight: bold;
}

.ppLayout-footer button:hover {
  background-color: #c4161c;
}

/* Responsive */
@media (max-width: 768px) {
  .ppLayout-content {
    padding: 30px 15px;
  }

  .ppLayout-footer {
    flex-direction: column;
    gap: 15px;
  }
}

/* digitalmarketigpage code start */

.digital-marketing-banner {

    background-image: url(../../Image/Common/digitalbanner.svg);

}
.digitaloffierings-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.offerings-header {
  text-align: center;
}



.businessbanner {

    background-image: url(../../Image/Common/businessprocessbanner.svg);
        background-position: right 30% center;
        height: 323px;
}

.digitalanylitics {
    background-image: url(../../Image/Common/digitalanyliticsbanner.jpg);
        background-position: right 30% center;
        height: 323px;

        
}



.digitaltransformationbanner {
   background-image: url(../../Image/Common/digitaltransformationbanner.jpg);
        background-position: right 30% center;
        height: 323px;

}

.consultingbanner {
   background-image: url(../../Image/Common/consultingbanner.jpg);
        background-position: right 30% center;
        height: 323px;
  
}

@media screen and (max-width: 767px) { 

    .digitaloffierings-grid {
    display: flex;
  
    gap: 28px;
    flex-direction: column; 
  }
  .digitalanylitics {
    background-image: url(../../Image/Common/digitalanyliticsbanner.jpg);

	        background-position: right 24% center;
    height: 400px;
       

        
}

.consultingbanner {
    background-image: url(../../Image/Common/consultingbanner.jpg);
    background-position: right 24% center;
    height: 400px;
}
.digitaltransformationbanner {
 background-position: right 24% center;
    height: 400px;

}
.businessbanner {
   background-position: right 24% center;
    height: 400px;
}

.offerings-header {
    text-align: center;
    padding: 24px 0 0 0;
}
}

/* awardandrecognization page css code start  */

.timelineAward-wrapper {
  position: relative;
 

  max-width: 1200px;
  margin: auto;

}

/* Center vertical line */
.timelineAward-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #444;
  transform: translateX(-50%);
}

/* Year badges */
.timelineAward-year {
  position: relative;
  display: inline-block;
  background: #c8102e;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  padding: 12px 30px;
  border-radius: 10px;
  margin: 0 auto 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.timelineAward-year-bottom {
  margin-top: 60px;
}

/* Rows */
.timelineAward-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}

/* LEFT TEXT */
.timelineAward-left {
  width: 45%;
  padding-right: 30px;
}

.timelineAward-left h3 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 20px 0px;
}

.timelineAward-right h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}

.timelineAward-right p {
font-size: 16px;
    color: #000;
    line-height: 1.6;
    font-weight: 400;
}

.timelineAward-left p {
font-size: 16px;
    color: #000;
    line-height: 1.6;
    font-weight: 400;
}

.timelineAward-left a {
  display: inline-block;
  margin-top: 10px;
  color: #c8102e;
  text-decoration: underline;
  font-size: 14px;
}

/* RIGHT IMAGE */
.timelineAward-right {
 width: 505px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
}

.timelineAward-right img {
  width: 505px;
    border-radius: 12px;
    object-fit: cover;
    height: 300px;
}

/* Responsive */
@media (max-width: 992px) {
  .timelineAward-wrapper::before {
    left: 20px;
  }

  .timelineAward-row {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 40px;
  }

  .timelineAward-left,
  .timelineAward-right {
    width: 100%;
  }

  .timelineAward-year {
    left: 20px;
    transform: none;
  }
}
.eventimage img {
width: 505px;
    border-radius: 12px;
    object-fit: cover;
    height: 300px;
}

.preslink {
    display: flex;
    gap: 60px;
    width: 100%;
}

.preslink a {
  font-weight: bold;
  color:  #C51C1F;
  font-size: 16px;

}

.indAcc_section {
  display: flex;
    background: #0f0f10;
    height: 319px;
    text-align: center;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
  
}

.indAcc_title {
  font-size: 28px;
 margin: 0 0 0 0;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.indAcc_container {
  display: flex;
     justify-content: space-around;
  align-items: flex-start;
  gap: 100px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
}

.indAcc_item {
  
}

/* Windows Icon Grid */
.indAcc_logo {
  display: grid;
  
  gap: 4px;
  justify-content: center;
  margin-bottom: 15px;
}

.indAcc_logo div {
  width: 12px;
  height: 12px;
  border-radius: 1px;
}

/* Colors for logos */
.indAcc_winLogo div {
  background: #bdbdbd;
}

.indAcc_msLogo div:nth-child(1) { background: #f25022; }
.indAcc_msLogo div:nth-child(2) { background: #7fba00; }
.indAcc_msLogo div:nth-child(3) { background: #00a4ef; }
.indAcc_msLogo div:nth-child(4) { background: #ffb900; }

/* Headings */
.indAcc_heading {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

/* Nasscom styling */
.indAcc_nasscom {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
  letter-spacing: 1px;
}

/* Description */
.indAcc_desc {
  font-size: 20px;
  color: #fff;
  
}

/* Responsive */
@media (max-width: 768px) {
  .indAcc_container {
    gap: 40px;
  }
}

.awardpageheader {
  width: 100%;
  margin: auto;
background: #000;
height: 244px;
    display: flex;
}
.awardpageheader h2 {
  color: #fff;
  margin: auto;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
}

.quadlabslifegrid {

        display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;

}

.joinoffier {
  text-align: center;
margin-bottom: 40px;
}
.joinoffier h3 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
} 

.careerSec_wrapper {
  padding: 80px 0;
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
}

.careerSec_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

/* ROW STRUCTURE */
.careerSec_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 100px;
}

/* IMAGE GRID */
.careerSec_imgGrid {
      display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 20px;
}

.careerSec_imgGrid img {
 
  object-fit: cover;
  border-radius: 18px;
  transition: transform 0.3s ease;
}

.careerSec_imgGrid img:hover {
  transform: scale(1.05);
}

/* RIGHT GRID slight style variation */


/* CONTENT */
.careerSec_content {
  max-width: 420px;
}

.careerSec_content h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #111;
}

.careerSec_content p {
  font-size: 20px;
  line-height: 1.6;
  color: #555;
}

/* ALIGNMENTS */
.careerSec_top .careerSec_imgGrid {
  margin-right: 80px;
}

.careerSec_bottom .careerSec_content {
  margin-right: 80px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .careerSec_row {
    flex-direction: column;
    text-align: center;
  }

  .careerSec_imgGrid {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 30px;
  }

  .careerSec_top .careerSec_imgGrid,
  .careerSec_bottom .careerSec_content {
    margin-right: 0;
  }
}
.herolifequad {
  background: #000;
  width: 100%;
  height: 323px;
  margin: auto;

}
.lifequadlabsherosec {
    height: 100%;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.lifequadlabsherosec h3 {
  color: #fff;
  max-width: 590px;
  font-size: 36px;
  font-weight: bold;
  text-align: left;
}
.lifequadlabsherosec h5 {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  margin-top: 30px;
}

.enjoy-slider-section {
  background: #f5f5f5;
  padding: 60px 40px;
  text-align: center;
}

.enjoy-slider-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

.enjoy-slider-subtitle {
     font-size: 20px;
    color: #000;
    margin-bottom: 40px;
    margin-top: 40px;
}

/* Wrapper */
.enjoy-slider-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

/* Track */
.enjoy-slider-track {
  display: flex;
  gap: 24px;
  overflow: hidden;
  scroll-behavior: smooth;
}

/* Card */
.enjoy-slide-card {
  min-width: 300px;
  height: 170px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.enjoy-slide-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Buttons */
.enjoy-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  cursor: pointer;
  z-index: 2;
}

.enjoy-slider-btn.prev {
  left: -20px;
}

.enjoy-slider-btn.next {
  right: -20px;
}

/* Hover effect */
.enjoy-slide-card:hover {
  transform: scale(1.03);
  transition: 0.3s;
}

.footerjoinquad {
  width: 100%;
  height: 323px;
  margin: auto;
  background: #F9F9F9;
  display: flex;
}
.Footerquadjoin {
    margin: auto;
    max-width: 1200px;
    text-align: center;
    display: flex;
    flex-direction: column;
   
        justify-content: center;

}
.Footerquadjoin h3 {
  font-size: 48px;
  color: #000;
  font-weight: 600;
  margin: 0;
}
.Footerquadjoin button  {
  font-size: 16px;
  width: 206px;
  height: 46px;
  color: #fff;
  background: #C51C1F;
  border-radius: 10px;
  border: 0px;
  margin: auto;
  margin-top: 30px;
  font-weight: bold;
}

.termcta {
  margin-top: 50px;
}


/* Media query responsive  */


  @media (max-width: 768px) {
    .gkleaders{
          justify-content: space-around;
    width: auto;
    }

    .timelineAward-right {
        
    margin-top: 15px;
    }

    .indAcc_item img {
      width: 50%;
    }

    .indAcc_logo {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-bottom: 15px;
}

.indAcc_section {
    display: flex;
    background: #0f0f10;
    height: 319px;
    text-align: center;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    padding: 24px 0 24px 0;
}
    .contactSec-left, .contactSec-right, .contactSec-address, .contactSec-map {
        width: 100%;
        text-align: center;
    }

        .contactSec-container {
        display: flex;
        justify-content: space-between;
        padding: 24px;
        gap: 0;
        max-width: 1200px;
        margin: auto;
    }
.evtConf-logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    gap: 40px;
    max-width: 1000px;
    margin: auto;
}

.evtconfairline {
    margin-top: 40px !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    max-width: 1200px;
    margin: auto;
    gap: 20px;
}


.brainatwork-banner {
        height: 400px;
        /* padding: 80px 0; */
        padding: 0;
        background-position: right 20% center;

 }


    }




/* Tablet only (768px to 1024px) */

@media screen and (min-width: 768px) and (max-width: 1024px) {
 .Architechture-banner {
        height: 400px;
        /* padding: 80px 0; */
        padding: 0;
        background-position: right 24% center;
    }
    .timelineAward-wrapper::before {
      display: none;
    }

    .timelineAward-right {
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.contactSec-item {
  text-align: center;
}
.contactSec-title {
  text-align: center;
}

.contactSec-left, .contactSec-right, .contactSec-address, .contactSec-map {
  text-align: center;
}

.leaders_grid {
    padding: 46px 0;
    max-width: 700px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
}
        

.first-menu > li:first-child {
   display: none;
}