@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicBook.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicBold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicDemi.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicHeavy.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicLight.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Futura PT'; src: url('../fonts/FuturaCyrillicMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
* { margin: 0; padding: 0; box-sizing: border-box; font-family: Futura PT; }
body { background: #fff; }
/* HEADER */
.header { background: transparent; padding: 18px 20px; }
.container { width: 100%; max-width: 1200px; padding: 0 20px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
/* LOGO */
.logo img { height: 42px; }
.header.stickyHead { position: fixed; width: 100%; z-index: 99; background-color: #fff; }
/* RIGHT NAV AREA */
.nav-area { display: flex; align-items: center; gap: 30px; position: relative; z-index: 999; }
/* MENU */
.nav ul { list-style: none; display: flex; gap: 28px; z-index: 99; margin-bottom: 0; }
.nav ul li { position: relative; }
.nav ul li a { text-decoration: none; font-size: 14px; color: #333; font-weight: 500; text-transform: uppercase; cursor: pointer; }
/* SUBMENU */
.submenu { position: absolute; top: 20px; left: 0; background: #fff; width: 220px; list-style: none; padding: 10px 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s; }
.submenu { list-style: none; display: block !important; z-index: 99; }
.submenu li { padding: 8px 18px; }
.submenu li a { font-size: 14px; color: #444; display: block; }
.submenu li:hover { background: #f5f5f5; }
/* SHOW DROPDOWN */
.dropdown:hover .submenu { opacity: 1; visibility: visible; transform: translateY(0); }
/* CONTACT BUTTON */
.contact-btn { background: #f4b223; padding: 10px 22px; border-radius: 6px; text-decoration: none; font-size: 14px; font-weight: 600; color: #000; transition: 0.3s; text-transform: uppercase; }
.contact-btn:hover { background: #e6a81d; }
.hero { position: relative; width: 100%; /* max-width: 1366px;*/ /*height: 772px;*/ margin: 0 auto; /*background: linear-gradient(90deg, #fff7e6 0%, #ffffff 100%);*/ display: flex; align-items: center; justify-content: center; overflow: hidden; font-family: Arial, sans-serif; color: #000; text-align: center; /*padding: 0 20px;*/ padding-top: 70px; z-index: 0; }
.left-blur { position: absolute; left: -35%; top: -50%; }
.right-blur { position: absolute; right: -35%; top: -50%; }
.hero-content { position: relative; width: 100%; /*max-width: 700px;*/ z-index: 1; }
.hero h1 { font-size: 75px; font-weight: 900; margin-bottom: 20px; letter-spacing: 1.5px; }
.hero p { font-size: 50px; font-weight: 400; line-height: 1; margin-bottom: 35px; }
.btn { display: inline-block; background-color: #f4b223; color: #000; padding: 14px 32px; font-weight: 700; text-decoration: none; border-radius: 6px; font-size: 14px; letter-spacing: 0.8px; transition: background-color 0.3s ease; }
.btn:hover { background-color: #e2a11a; }
.insights-section { background-image: url("../media/sctn-1-bg.png"); /* your XD image */ background-size: cover; background-position: center; background-repeat: no-repeat; }
.insights-section { padding: 120px 0; /*background:#fff;*/ position: relative; overflow: hidden; }
.insights-content { max-width: 520px; }
.section-tag { font-size: 22px; letter-spacing: 2px; color: #FFC02B; font-weight: 500; }
.insights-content h2 { font-size: 48px; line-height: 1.2; margin: 15px 0 20px; color: #222; font-weight: 500; }
.insights-content p { font-size: 22px; line-height: 1.2; color: #777; margin-bottom: 30px; }
.btn-primary { display: inline-block; padding: 14px 28px; background: #f5a623; color: #000; font-weight: 600; text-decoration: none; border-radius: 6px; transition: 0.3s; }
.btn-primary:hover { background: #e69500; }
.insights-graphic { position: relative; }
.insights-graphic img { width: 520px; /*opacity:0.35;
    filter: blur(8px);*/ }
.target-section { background-image: url("../media/sctn-1-bg.png"); /* your XD image */ background-size: cover; background-position: center; background-repeat: no-repeat; }
.target-section { padding: 0 20px 0px 20px; }
.target-container { width: 100%; max-width: 1200px; margin: auto; text-align: center; padding: 120px 80px; background-color: #fdbc28; background-image: url("../media/Mask Group 19667.png"); /* your XD image */ background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 40px; }
/* small top label */
.target-tag { font-size: 22px; /*letter-spacing:2px;*/ font-weight: 500; color: #111; }
/* heading */
.target-container h2 { font-size: 48px; margin: 15px 0 20px; line-height: 1.2; color: #111; font-weight: 500; }
/* paragraph */
.target-container p { font-size: 22px; color: #fff; max-width: 700px; margin: 0 auto 35px; line-height: 1.2; }
/* button */
.discover-btn { display: inline-block; padding: 14px 30px; background: #fff; color: #000; font-weight: 600; text-decoration: none; border-radius: 6px; transition: 0.3s; }
.discover-btn:hover { background: #f2f2f2; }
.services-section { padding: 120px 20px 50px 20px; background: #fff; }
.services-header { text-align: center; margin-bottom: 60px; }
.services-header span { color: #f6a800; font-size: 22px; }
.services-header h2 { font-size: 48px; margin-top: 10px; font-weight: 500; }
.services-wrapper { max-width: 1200px; width: 100%; margin: auto; display: flex; overflow: hidden; border-radius: 24px; box-shadow: 6px 0px 16px #0000001C; }
/* boxes */
.service-box { flex: 1; height: 420px; background: #f9f9f9; /*border-radius:20px;*/ padding: 40px 30px; position: relative; cursor: pointer; transition: all .6s ease; display: flex; flex-direction: column; justify-content: center; box-shadow: 6px 0px 16px; }
.service-box:not(.service-box.active) { max-width: 155px; }
/* active box */
.service-box.active { flex: 3; /*background:linear-gradient(180deg,#fdbc28,#e6c982);*/ background: transparent linear-gradient(12deg, #FCF1C1 0%, #FFC02B 100%); box-shadow: 10px 7px 56px #00000017; }
.service-box.active { padding-left: 145px; }
.service-icon img { width: 80px; margin-bottom: 20px; }
.service-box h3 { font-size: 28px; margin-bottom: 10px; }
.service-box p { font-size: 20px; line-height: 1.2; }
/* vertical label */
.service-vertical { position: absolute; left: 10px; /*top:50%;
    transform:rotate(-90deg) translateY(-50%);*/ transform: rotate(-90deg) translateY(40%); transform-origin: left; font-size: 24px; font-weight: 600; letter-spacing: 1px; width: 480px; background: #F9F9F9; border-top: 45px Solid #F9F9F9; border-bottom: 45px solid #F9F9F9; top: 100%; padding-left: 85px; }
/* hide content for collapsed boxes */
.service-box:not(.active) h3,
.service-box:not(.active) p,
.service-box:not(.active) .service-icon { opacity: 0; }
.scroll-lock { overflow: hidden; }
.research-section { width: 100%; /*max-width:1366px;*/ margin: auto; padding: 60px 0 0 0; }
.header-res-sec { text-align: center; margin-bottom: 30px; }
.header-res-sec h2 { font-weight: 500; font-size: 48px; }
.small-title { color: #d9a11b; font-weight: 600; letter-spacing: 1px; font-size: 12px; }
.subtitle-res { color: #787878; margin-top: 10px; font-size: 32px; font-weight: 400; }
/* Tabs */
.tabs { display: flex; border-bottom: 1px solid #ddd; justify-content: center; background: #FAFAFA; height: 100px; }
.tab { padding: 15px 30px; border: none; background: transparent; cursor: pointer; font-weight: 500; border-right: 1px solid #D0D0D0; color: #606060; max-width: 248px; font-size: 28px; line-height: 32px; }
.tab:nth-child(1) { border-left: 1px solid #D0D0D0; }
.tab.active { background: #f5b21b; color: #000; }
/* Content Area */
.tab-content { display: none; /*background-image:url("../media/blue-optical-fibers-with-copy-space.png");*/ background-size: cover; background-position: center; height: 476px; position: relative; }
#tab1 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../media/full-serv.jpeg"); padding-top: 130px; padding-bottom: 130px; }
#tab2 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../media/diy-bg.jpeg"); padding-top: 130px; padding-bottom: 130px; }
#tab3 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../media/api-bg.jpeg"); padding-top: 130px; padding-bottom: 130px; }
.tab-content.active { display: block; }
.content-box { position: absolute; /*left:20px;*/ top: 50%; transform: translateY(-50%); color: #fff; /*max-width:600px;*/ width: 100%; }
.container-tab { max-width: 1200px; margin: auto; }
.content-box-con { position: absolute; /*left:20px;*/ top: 50%; transform: translateY(-50%); color: #fff; max-width: 600px; }
.content-box h3 { margin-bottom: 20px; font-size: 45px; font-weight: 400; line-height: 1; border: 1px solid #747474; padding: 15px; border-radius: 10px; margin-bottom: 20px; }
.content-box p { line-height: 1.2; margin-bottom: 20px; font-size: 32px; }
.content-boxIn { padding-left: 0px; }
/* Button */
.btn { display: inline-block; background: #f5b21b; color: #000; padding: 10px 18px; text-decoration: none; font-weight: bold; border-radius: 4px; }
.btn:hover { background: #e0a116; }
/*Country CSS goes here*/
.global-coverage { position: relative; padding: 90px 0 80px 0; overflow: hidden; background: linear-gradient(90deg, #f4f4f4 40%, #f2d7a0); background: linear-gradient(50deg, #f3f3f3 40%, #ffffff); }
/* .global-coverage::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(90deg,#f4f4f4 40%, #f2d7a0);
    opacity:0.8;
    z-index:0;
} */
.bg-video { position: absolute; top: 6%; right: 0; width: 42%; height: 100%; object-fit: cover; z-index: 0; }
/* Background Video */
/* .bg-video{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:auto;
    object-fit:cover;
    z-index:1;
} */
/* Container */
.coverage-container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: auto; padding: 0 20px; }
/* Subtitle */
.subtitle { font-size: 14px; color: #f4a300; font-weight: 600; letter-spacing: 1px; margin-bottom: 15px; }
/* Title */
.title { font-size: 48px; font-weight: 500; color: #222; line-height: 1.2; margin-bottom: 40px; }
/* Stats */
.stats { display: flex; gap: 70px; margin-bottom: 50px; }
.stat h3 { font-size: 40px; color: #FFC02B; margin-bottom: 5px; font-weight: 500; }
.stat p { font-size: 22px; color: #444; }
/* Country Scroll */
/* Hide Scrollbar */
.countries-scroll::-webkit-scrollbar { /* display:none; */ }
.countries-scroll { /* -ms-overflow-style:none;scrollbar-width:none; */ }
/* Country Card */
.countries-scroll { width: 55%; overflow: hidden; }
.countries-track { display: flex; gap: 25px; width: max-content; animation: scrollCountries 20s linear infinite; }
.country { min-width: 140px; text-align: center; }
.country img { width: 140px; height: 140px; border-radius: 10px; object-fit: cover; margin-bottom: 5px; }
.country p { font-size: 20px; color: #333; }
.countries-scroll:hover .countries-track { animation-play-state: paused; }
@keyframes scrollCountries {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.certification-section { position: relative; background: url("../media/Group 115116-copy.png") center/cover no-repeat; padding: 120px 0; color: white; }
/*.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.65);
}*/
.container-certi { position: relative; /*width:85%;*/ margin: auto; width: 100%; padding: 0 20px; max-width: 1200px; }
.text-area { max-width: 800px; margin-bottom: 60px; }
.small-title { color: #f5b21b; font-size: 13px; letter-spacing: 1px; margin-bottom: 10px; }
.text-area h2 { font-size: 48px; font-weight: 500; line-height: 1.2; }
.certification-icons { display: flex; gap: 40px; align-items: center; flex-wrap: wrap; justify-content: space-between; }
/* Certification Box */
.cert-box { position: relative; /*width:120px;
height:120px;*/ width: 197px; height: 197px; display: flex; align-items: center; justify-content: center; }
.cert-box img { width: 110px; position: relative; z-index: 2; }
/* Rotated white background */
.shape { position: absolute; /*width:110px;
height:110px;*/ width: 75%; height: 75%; background: white; border-radius: 50px; transform: rotate(45deg); z-index: 1; }
.client-section { padding: 100px 0; text-align: center; background: url("../media/Mask Group 19701.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 190%; }
.tag { color: #f4b000; font-size: 12px; letter-spacing: 2px; margin-bottom: 10px; }
h2 { /*margin-bottom:60px;*/ font-weight: 500; font-size: 48px; }
.container-orbit h2 { margin-bottom: 115px; }
.orbit-wrapper { position: relative; width: 700px; height: 700px; margin: auto; }
/* ORBITS */
.orbit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px dashed #f4b000; border-radius: 50%; }
.big-orbit { width: 700px; height: 700px; }
.small-orbit { width: 400px; height: 400px; }
/* LOGOS */
.logo-orbit { position: absolute; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; }
.logo-orbit img { max-width: 150px; height: 50px; }
/* BIG CIRCLE POSITIONS */
.logo1 { top: -45px; left: 50%; transform: translateX(-50%); }
.logo2 { top: 20%; right: -45px; }
.logo3 { bottom: 5%; right: 5px; }
.logo4 { bottom: -75px; left: 25%; transform: translateX(-50%); }
.logo5 { bottom: 20%; left: -45px; }
.logo6 { top: 20%; left: -45px; }
/* SMALL CIRCLE POSITIONS */
.logo7 { top: -55px; left: 30%; transform: translateX(-50%); }
.logo8 { top: 20%; right: -45px; transform: translateY(-50%); }
.logo9 { bottom: -45px; left: 50%; transform: translateX(-50%); }
.logo10 { top: 40%; left: -45px; transform: translateY(-50%); }
.case-studies { background-image: url("../media/sctn-1-bg.png"); /* your XD image */ background-size: cover; background-position: center; background-repeat: no-repeat; }
.case-studies { padding: 120px 20px; /* background:#fff;*/ }
.container-cs { max-width: 1200px; width: 100%; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
/* LEFT GRID */
/*.image-grid{
    position:relative;
    height:500px;
    overflow:hidden;
}
.card{
    width:180px;
}*/
.image-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.image-grid .card:nth-child(even) { margin-top: -50px; margin-bottom: 50px; }
.image-grid .card { position: relative; border-radius: 18px; overflow: hidden; }
.image-grid .card img { width: 100%; height: 260px; object-fit: cover; display: block; }
.image-grid .card span { position: absolute; bottom: 15px; left: 20px; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 8px 14px; border-radius: 20px; font-size: 18px; }
/* RIGHT CONTENT */
.content { position: relative; }
.content-inner { position: sticky; top: 20%; /*transform:translateY(-50%);*/ /*max-width:420px;*/ max-width: 90%; }
.label { color: #d7a12a; font-weight: 600; letter-spacing: 1px; font-size: 22px; }
.content h2 { font-size: 48px; line-height: 1.2; margin: 10px 0 20px; font-weight: 500; }
.desc { color: #666; line-height: 1.2; margin-bottom: 25px; font-size: 22px; }
.btn { display: inline-block; background: #f3b02c; padding: 12px 22px; border-radius: 6px; color: #000; text-decoration: none; font-weight: 600; }
.blog-section { padding: 80px 20px 100px; background-color: #fcbb31; /*background-image:url("../media/Mask Group 19685.png");*/ background-image: linear-gradient(rgba(252, 187, 49, 0.7), rgba(252, 187, 49, 0.7)), url("../media/Mask Group 19685.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.container-blog { width: 100%; margin: auto; max-width: 1200px; }
/* HEADER */
.blog-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; }
.sub { font-size: 22px; font-weight: 500; /*letter-spacing:1px;*/ margin-bottom: 10px; }
.blog-header h2 { font-size: 48px; margin: 0; font-weight: 500; }
.view-btn { background: white; padding: 10px 18px; border-radius: 6px; text-decoration: none; color: black; font-weight: 600; font-size: 13px; }
/* SLIDER */
.blog-slider .slick-slide { margin: 0 15px; height: 360px; }
.blog-slider { margin: 0 -15px; }
/* CARD */
.blog-card { position: relative; border-radius: 18px; overflow: hidden; height: 360px; }
.blog-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); }
.blog-card p { position: absolute; bottom: 20px; left: 20px; right: 20px; color: white; font-size: 22px; line-height: 1.2; }
/* DOTS */
.slick-dots li button:before { color: white; font-size: 10px; }
.slick-dots { bottom: -45px !important; }
/* GET IN TOUCH SECTION */
.getintouch-section { background-image: url("../media/Mask Group 19667.png"); background-size: cover; background-position: center; padding: 120px 0; }
.getintouch-container { width: 1100px; margin: 0 auto; text-align: center; }
/* HEADER */
.getintouch-subtitle { color: #f0a500; font-size: 13px; letter-spacing: 2px; font-weight: 600; margin-bottom: 10px; }
.getintouch-title { font-size: 48px; font-weight: 500; margin-bottom: 50px; }
/* FORM */
.getintouch-form { width: 760px; margin: 0 auto; }
.getintouch-row { display: flex; gap: 20px; margin-bottom: 18px; }
.getintouch-row-full { margin-bottom: 25px; }
.getintouch-input { width: 100%; height: 44px; border: none; background: #e9e9e9; border-radius: 6px; padding: 0 15px; font-size: 18px; }
.getintouch-textarea { width: 100%; height: 120px; border: none; background: #e9e9e9; border-radius: 6px; padding: 15px; font-size: 18px; resize: none; }
/* BUTTON */
.getintouch-button { text-align: center; }
.getintouch-button button { background: #f0a500; border: none; padding: 10px 28px; border-radius: 5px; /*font-size:18px;*/ font-weight: 600; cursor: pointer; }
.getintouch-button button:hover { background: #d89300; }
.footer { background: #f3f3f3; padding: 60px 0 0; font-family: Arial, sans-serif; color: #222; }
.footer-container { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.6fr; gap: 40px; }
.footer-logo { width: 190px; margin-bottom: 15px; }
.footer-about p { font-size: 18px; line-height: 22px; color: #555; margin-bottom: 20px; }
.footer-col h3 { font-size: 20px; margin-bottom: 15px; font-weight: 600; }
.footer-col ul { list-style: none; padding: 0; }
.footer-col ul li { margin-bottom: 5px; }
.footer-col ul li a,
.contact p a { text-decoration: none; color: #555; font-size: 18px;cursor: pointer; }
.contact p i { color: #000; font-size: 14px; }
.footer-col ul li a:hover,
.contact p a:hover { color: #000; }
.social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #bbb; border-radius: 50%; margin-right: 10px; color: #333; font-size: 18px; text-decoration: none; }
.social-icons a:hover { background: #000; color: #fff; }
.contact p { font-size: 18px; margin: 6px 0; color: #555; }
.office { margin-bottom: 18px; }
.office strong { font-weight: 600; }
.footer-bottom { margin-top: 40px; background: #000; color: #fff; text-align: center; padding: 15px; font-size: 18px; }
h1,h2,p,li { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }
.fade-up-show { opacity: 1; transform: translateY(0); }
.slick-dots li button { background: #fff !important; ; border-radius: 100px; }
/* --------------- Full Service Research --------------- */
.page-id-2 .hero h1 { font-size: 60px; }
.page-id-2 .hero p { font-size: 25px;line-height: 1.4; }
.bread { text-align: center; padding-top: 150px; }
.page-id-2 .hero { background-image: url("../media/Group 118792.png"); background-size: cover; background-position: center; padding: 120px 0; }
.page-id-2 .insights-section { background-image: url("../media/Mask Group 19748.png"); background-size: contain; background-position: right; padding: 120px 0; }
.target-section.serviceSol { margin-bottom: 50px; }
.target-section.serviceSol .target-container { background-image: url("../media/serviceSol.png"); }
.target-section.serviceSol .target-tag,
.target-section.serviceSol .target-container h2 { color: #fff; }


/* --------------- About Us page --------------- */ 
.aboutUs .hero {background-image: url("../media/aboutBG.png");background-size: cover;background-position: center;padding: 120px 0;} 
.aboutWrap{background-image:url('../media/abtimg1.png'),url('../media/abtimg.png');background-position:left center,right center;background-repeat:no-repeat,no-repeat;padding-top:100px;padding-bottom:100px;}
.aboutWrap .aboutTXT{text-align:center;}
.aboutWrap .dblock{display:block;}
.aboutWrap .subHead{color:#f6a800;font-size:22px;}
.aboutWrap .headings{font-size:48px;margin-top:10px;font-weight:500;margin-bottom:30px;}
.aboutWrap .paraTXT{color:#8a8a8a;line-height:1.2;margin-bottom:25px;font-size:22px;}

.modern-research{background-image:url('../media/modernPattern.png');background-position:left bottom;background-repeat:no-repeat; padding-top: 60px;padding-bottom: 60px;}
.modern-research .dblock{display:block;}
.modern-research .subHead{color:#f6a800;font-size:22px;}
.modern-research .headings{font-size:46px;margin-top:10px;font-weight:500;margin-bottom:30px;}
.modern-research .paraTXT{color:#8a8a8a;line-height:1.2;margin-bottom:25px;font-size:20px;}

.resp-scale{background-image:linear-gradient(180deg, #fabb29a3, #975A00), url(../media/respBG.png);background-repeat: no-repeat;background-size: cover;padding-top:30px;padding-bottom:80px;color:#fff;border-radius: 70px;}
.resp-scale .dblock{display:block;}
.resp-scale .respTXT{text-align: center;margin-top: 60px;}
.resp-scale .subHead{color:#fff;font-size:26px;}
.resp-scale .headings{font-size:50px;margin-top:10px;font-weight:500;margin-bottom:20px;color: #fff;}
.resp-scale .borderedBox .paraTXT{line-height:1.2;margin-bottom:25px;font-size:18px;margin-top: 25px;margin-bottom: 0;color: #fff;}
.resp-scale .borderedBox{border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:40px 30px;height:100%;text-align:center;transition:.3s ease}
.resp-scale .borderedBox:hover{background:rgba(255,255,255,.1)}
.resp-scale .boxHead{font-size:15px;font-weight:700;margin-bottom:15px;text-transform:uppercase}
.resp-scale .boxPara{font-size:14px;line-height:1.6;margin-bottom:0;opacity:.9}
.resp-scale{width:100%;max-width:1400px;margin:0 auto}
.resp-scale .feature-title {font-size:30px;margin-bottom: 25px;margin-top: 20px;}
.resp-scale .feature-para {font-size:18px;margin-bottom: 10px;}

.client-design{background-image:url('../media/modernPattern.png');background-position:left bottom;background-repeat:no-repeat; padding-top: 60px;padding-bottom: 60px;}
.client-design .dblock{display:block;}
.client-design .subHead{color:#f6a800;font-size:22px;}
.client-design .headings{font-size:46px;margin-top:10px;font-weight:500;margin-bottom:30px;}
.client-design .paraTXT{color:#8a8a8a;line-height:1.2;margin-bottom:25px;font-size:20px;}

.insight-dec{background: url(../media/insightBG.png);background-repeat: no-repeat;background-size: cover; padding-top: 120px;padding-bottom: 70px;}
.insight-dec .subHead{color:#f6a800;font-size:22px;}
.insight-dec .headings{font-size:46px;margin-top:10px;font-weight:400;margin-bottom:30px;color: #fff;}
.insight-dec .paraTXT{color:#fff;line-height:1.2;margin-bottom:25px;font-size:20px;}

.commitmentWrap{padding-top: 60px;padding-bottom: 60px;}
.commitmentWrap .subHead{color:#f6a800;font-size:22px;}
.commitmentWrap .headings{font-size:46px;margin-top:10px;font-weight:500;margin-bottom:30px;}
.commitmentWrap .paraTXT{color:#8a8a8a;line-height:1.2;margin-bottom:25px;font-size:20px;}
.commitmentWrap .excellenceBox{position: relative;}
.commitmentWrap .excellenceCard{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.commitmentWrap .excellenceCard .subHead{color:#fff;font-size:40px;}
.commitmentWrap .excellenceCard .paraTXT{color:#fff;line-height:1.2;margin-bottom:25px;font-size:20px;}
.commitmentWrap .excellenceCard .btn{background: #fff;font-size: 16px;}

.empWrap2{background:transparent linear-gradient(14deg,#fecC0D17 0,#e49F0000 100%) 0 0 no-repeat padding-box;opacity:1;padding-top: 10px; padding-bottom: 60px;}
.empWrap2 .full90{width: 90%;}
.subHeading{font-size:18px;color:#ff7a01}
.heading{font-size:50px;color:#0a0a0a}
.paraTXT{font-size:20px;color:#000}
.paraTXTGrey{font-size:18px;color:#636363;}
.aboutusimg{position:relative;text-align:center}
.image-container{position:relative;display:inline-block;text-align:center}
.center-image{max-width:100%;height:auto;display:block;z-index:2;position:relative}
.left-bottom-image{position:absolute;bottom:-60px;left:-60px;width:140px;z-index:1;opacity:.8}
.right-top-image{position:absolute;top:-130px;right:-100px;width:180px;z-index:0;opacity:.8}
.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;text-align:center;padding:10px;border-radius:5px;z-index:4}
.text-overlay{width:99%;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;text-align:start;padding:10px;border-radius:5px}
.pad-32{padding:0 32px}
.photo-card{position:relative;overflow:hidden;text-align:center}
.photo-wrapper{position:relative;width:100%;height:450px;overflow:hidden}
.photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;border-radius: 10px;}
.bw-image{opacity:1}
.color-image{opacity:0}
.photo-card:hover .bw-image{opacity:0}
.photo-card:hover .color-image{opacity:1}
.linkedin-icon{position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;z-index:2;transition:opacity .3s ease}
.linkedin-icon img{width:100%;height:100%;filter:grayscale(100%);transition:filter .3s ease,opacity .3s ease}
.photo-card:hover .linkedin-icon img{filter:grayscale(0%)}
.photo-card:hover .photo-details-overlay{background:transparent linear-gradient(180deg,#96690000 0,#694900E8 100%) 0 0 no-repeat padding-box;color:#fff;}
.photo-details-overlay{position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:left;padding:10px 0;font-size:1rem;transition:background .3s ease}
.name{font-size:1.2rem;font-weight:700;margin:0 50px;text-align: center;}
.title{font-size:1rem;margin:0 50px;text-align: center;    color: #fff;;}
.height-main{height:900px}
.photo-card{cursor:pointer;margin: 0 10px;}
.pm-none > p {margin-bottom: 0 !important;}
.right-dashed-line{/* border-right:2px dashed #e0dcdc; */padding:0 0px;padding-right: 5px;}
.who-we-are{top: 370px;left: -160px;z-index: 1;}
.circle-img{top:0;right:0px;transform:translateY(25%);z-index:1}
.side-arr-img{position:absolute;top:300px;left:-50px;z-index:1}













/* Tab RESPONSIVE (768px+) */
@media (min-width:768px) and (max-width:1024px){ 
    .footer-container {grid-template-columns: 1fr; gap: 25px;text-align: center;}
    .commitmentWrap .excellenceCard .subHead { font-size: 28px;}
}
 
/* MOBILE RESPONSIVE (760px) */ 
@media (max-width:760px) {
    .header .container { padding: 0; margin-top: -6px; }
    /* HAMBURGER */
    .header .nav-area::before { content: "\2630"; font-size: 28px; cursor: pointer; position: absolute; right: 20px; top: 15px; z-index: 1001; }
    /* SIDEBAR */
    .header .nav { position: fixed; top: 0; left: -270px; width: 260px; height: 100vh; background: #fff; transition: 0.3s ease; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); padding-top: 60px; z-index: 1000; overflow-y: auto; }
    .header .nav.active { left: 0; }
    /* VERTICAL MENU */
    .header .nav ul { flex-direction: column; }
    .header .nav ul li { border-bottom: 1px solid #eee; position: relative; }
    .header .nav ul li a { display: block; padding: 15px 20px; }
    /* 🔴 IMPORTANT: Disable hover dropdown */
    .header .dropdown:hover .submenu { display: none; }
    .arrow { display: none; }
    .dropdown .submenu { opacity: 1 !important; visibility: visible; transform: translateY(0); }
    /* Submenu default hidden */
    .header .submenu { display: none !important; position: static; background: #fff; padding: 0; box-shadow: none !important; }
    /* Show submenu when active */
    .header .dropdown.active>.submenu { display: block !important; }
    /* Submenu items */
    .header .submenu li a { padding-left: 35px; font-size: 14px; }
    /* Arrow */
    .header .dropdown>a::after { content: "\25BC"; float: right; transition: 0.3s; }
    .header .dropdown.active>a::after { transform: rotate(180deg); }
    /* Hide contact button */
    .header .contact-btn { display: none; }
    /* container */
    .container:not(.header .container) { flex-direction: column; gap: 15px;  }
    /* NAV */
    /*
    .nav ul{flex-direction:column;gap:12px;align-items:center;}
    .nav-area{flex-direction:column;gap:15px;}*/

    .header { box-shadow: 0px 0px 8px #e4e4e4; }
    /* HERO */
    .left-blur { position: absolute; left: 25%; top: -50%; }
    .right-blur { position: absolute; left: 25%; top: -50%; }
    .hero { padding: 60px 0px; padding-bottom: 30px; }
    .hero h1 { font-size: 24px; line-height: 1.2; }
    .hero p { font-size: 18px; }
    .btn { padding: 12px 22px; font-size: 13px; }
    .section-tag,
    .target-tag { font-size: 18px !important; }
    h2 { font-size: 26px !important; }
    h2 br { display: none; }
    p { font-size: 16px !important; }
    /* INSIGHTS */
    .insights-section { padding: 25px 20px; }
    .insights-content { order: 2; }
    .insights-graphic { order: 1; display: none; }
    .insights-content h2 { font-size: 26px; }
    .insights-content p { font-size: 18px; }
    .insights-graphic img { width: 100%; margin-top: 30px; }
    /* TARGET SECTION */
    .target-container { padding: 60px 20px; }
    .target-container h2 { font-size: 32px; }
    .target-container p { font-size: 18px; }
    /* SERVICES */
    .services-section { padding: 40px 20px 20px 20px; }
    .services-header { margin-bottom: 15px; }
    .services-wrapper { flex-direction: column; }
    .service-box { flex: unset; height: auto; padding: 30px 20px; }
    .service-box { transition: all 0.3s ease; cursor: pointer; }
    .service-box.active { flex: unset; padding-left: 20px; }
    .service-vertical { display: none; }
    .service-box:not(.active) h3,
    .service-box:not(.active) p,
    .service-box:not(.active) .service-icon { opacity: 1; }
    /* RESEARCH TABS */
    .bg-video { width: 100%; }
    .research-section { padding: 25px 0 0 0; }
    .tabs { /*flex-wrap:wrap;*/ height: auto; }
    .tab { flex: 1 1 50%; border-bottom: 1px solid #ddd; font-size: 18px; }
    .research-section .tabs .tab { padding: 10px 10px; color: #6d6d6d; }
    .research-section .tabs .tab.active { color: #000; }
    /* .client-section {display: none;} */
    .tab-content { height: auto; padding: 60px 20px; }
    .content-box { position: relative; top: auto; left: auto; transform: none; max-width: 100%; }
    .content-box h3 { font-size: 22px; }
    /* GLOBAL COVERAGE */
    .global-coverage { padding: 52px 0 52px 0 !important; }
    /*.stats{
flex-direction:column;
gap:25px;
}*/
    .stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }
    .countries-scroll { width: 100%; }
    /* CERTIFICATION */
    .certification-section { padding: 70px 0; }
    .certification-icons { justify-content: center; gap: 20px; }
    .cert-box { width: 120px; height: 120px; }
    /* CLIENT ORBIT */
    .client-section { padding: 50px; background-size: 100%; overflow: hidden; }
    .orbit-wrapper { width: 280px; height: 280px; }
    .big-orbit { width: 280px; height: 280px; }
    .small-orbit { width: 160px; height: 160px; }
    .logo-orbit { width: 60px; height: 60px; }
    /* CASE STUDIES */
    .image-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; /* smooth snapping */ -webkit-overflow-scrolling: touch; /* for iOS smooth scroll */ }
    .image-grid .card { flex: 0 0 auto; /* Prevent flex items from shrinking */ scroll-snap-align: start; /* Snap each card */ margin-right: 16px; /* spacing between cards */ width: 250px; /* fixed width for slider view */ }
    /* Optional: remove scrollbar for cleaner look */
    .image-grid::-webkit-scrollbar { display: none; }
    .case-studies { padding: 70px 20px; }
    .container-cs { grid-template-columns: 1fr; gap: 40px; }
    .image-grid { grid-template-columns: 1fr; }
    .image-grid .card:nth-child(even) { margin: 0; }
    .content-inner { position: relative; top: auto; }
    /* BLOG */
    .blog-section { padding: 70px 20px; }
    .blog-header { flex-direction: column; gap: 20px; }
    .blog-header h2 { font-size: 32px; }
    .blog-card p { font-size: 18px; }
    /* GET IN TOUCH */
    .getintouch-section { padding: 70px 0; }
    .getintouch-container { width: 100%; padding: 0 20px; }
    .getintouch-form { width: 100%; }
    .getintouch-row { flex-direction: column; }
    /* FOOTER */
    .footer-container { grid-template-columns: 1fr; gap: 30px; padding: 0 20px; }
    .footer { text-align: center; }
    .social-icons { justify-content: center; }
    .services-section { display: none; }
    .logo-orbit img { width: 50px; height: auto; }
    .container-orbit h2 { margin-bottom: 55px; }
    .header .nav-area { position: static; }
    .cert-box img { width: 75px; }
    .shape { border-radius: 25px; }
    .logo4 { bottom: -25px; left: 15%; }
    .logo2 { top: 10%; right: -15px; }
    .logo8 { top: 25%; right: -25px; }
    .logo7 { top: -25px; left: 20%; }
    .logo6 { top: 10%; left: -15px; }
    .logo10 { top: 30%; left: -25px; }
    .logo1 { top: -30px; left: 40%; }
    .logo9 { bottom: -25px; left: 40%; }
    .logo5 { bottom: 25%; left: -30px; }
    .case-studies .container-cs .image-grid { order: 2; }
    .case-studies .container-cs .content { order: 1; }
    .footer { box-shadow: 0px -4px 20px #ccc;}

    /* About us page */
    [class*="col-"] {padding-left: 15px !important;padding-right: 15px !important;}
    .aboutUs .hero-content {height: auto !important;}
    .aboutUs .hero, .resp-scale { padding: 20px 15px;}
    .bread {padding-top: 50px;}
    .aboutWrap{ padding: 20px 15px;background-image:none;}
    .aboutWrap .headings, .resp-scale .headings, .modern-research .headings, .commitmentWrap .headings,.client-design .headings, .insight-dec .headings, .commitmentWrap .excellenceCard .subHead {font-size: 26px;}
    .resp-scale .feature-title {margin-bottom: 10px;}
    .resp-scale .feature-para {margin-bottom: 40px;}
    .resp-scale .respTXT {margin-top: 20px;}
    .commitmentWrap .excellenceCard .subHead, .commitmentWrap .excellenceCard .paraTXT {color: #333;} 
    .commitmentWrap .excellenceCard {position: static;transform: none;margin-top: 20px;}
    .commitmentWrap .excellenceCard .btn {background: #f3b02c;}
    .empWrap2 .full90{width: auto;} 



}