@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
     font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}

/* --- HERO SECTION SCOPE --- */
.hero-scope .hero-section {
    position: relative;
    height: 100vh;
    width: 100%;
    background: url('../images/herobg.png');
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    flex-direction: column;
}
.hero-scope a{ color: #fff;}
.hero-scope .top-bar {
    display: flex;
    justify-content: space-between;
    padding: 10px 50px;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-scope .main-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 50px;
}

.hero-scope .logo h1 {
    font-size: 24px;
    letter-spacing: 2px;
}

.hero-scope .sub-logo {
    display: block;
    text-align: right;
    font-size: 28px;
    font-family: serif;
    font-style: italic;
}

.hero-scope .nav-links {
    display: flex;
    list-style: none;
    align-items: center;
}

.hero-scope .nav-links li {
    margin-left: 20px;
}

.hero-scope .nav-links a {
    text-decoration: none;
    color: #ddd;
    font-size: 14px;
}

.hero-scope .nav-links a.active {
    color: white;
    font-weight: bold;
}
a{ text-decoration: none;}
.hero-scope .hero-content {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10%;
    text-align: center;
}

.hero-scope .hero-content h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 74px;
    padding: 120px 0 0;
}
.topmainbar{position: absolute;left: 0;right: 0;top: 0;z-index: 9;color: #fff;}
.location-bar {
    background: rgba(255, 255, 255, 0.9);
    color: black;
    display: flex;
    justify-content: space-around;
    padding: 25px 50px;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
}

/* --- SERVICES SECTION SCOPE --- */
.services-scope {
    padding: 80px 50px;
    background-color: #fff;
}

.services-scope .services-container {
    max-width: 1280px;
    margin: 0 auto;
}

.services-scope .services-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    align-items: center;
}

.services-scope .section-title {
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.services-scope .description {
    font-size: 17px;
    color: #444;
    max-width: 1000px;
    line-height: 1.5;
}

.services-scope .btn-find-out {
    background: #1a2b48;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    margin-top: 60px;
}

.services-scope .service-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #828282;
    border-radius: 25px;
    padding: 25px 40px;
    margin-bottom: 25px;
}

.services-scope .service-name {
    flex: 0 0 250px;
    font-size: 22px;
    margin-left: 30px;
}

.services-scope .service-desc {
    flex: 1;
    color: #555;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 50px;
}

.services-scope .service-icon {
    flex: 0 0 70px;
}

.services-scope .service-arrow {
    font-size: 24px;
    color: #1a2b48;
}

.global-wrapper {
    background-color: #1a2b48;
    color: #fff;
    padding: 120px 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: sans-serif;
}

.global-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.global-title {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.global-text {
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto 50px;
    line-height: 1.6;
    opacity: 0.9;
}

.map-bg {
    width: 600px;
    height: 600px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.global-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 350px;
}

.info-box {
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 15px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    background: rgba(26, 43, 72, 0.5);
    backdrop-filter: blur(5px);
}

.info-box h3 {
    font-size: 25px;
    margin-bottom: 30px;
    /* font-weight: 700; */
}

.info-box p {
    font-size: 18px;
    opacity: 0.9;
}

/* Container Scope to prevent conflict */
.case-studies-scope {
     
    color: #333;
    line-height: 1.6;
}

/* Header Styles */
.case-studies-scope .case-studies-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
}

.case-studies-scope .section-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    align-items: center;
}

.case-studies-scope .header-content {
    max-width: 850px;
}

.case-studies-scope .small-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #000;
}

.case-studies-scope .top-description {
    font-size: 16px;
    color: #444;
}

.case-studies-scope .btn-navy {
    background-color: #1a2b48;
    color: white;
    text-decoration: none;
    padding: 14px 24px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* Case Study Layout */
.case-studies-scope .case-study-main {
    display: flex;
    gap: 50px;
    /* align-items: center; */
}

.case-studies-scope .case-study-text {
    flex: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.case-studies-scope .case-study-text h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.case-studies-scope .case-study-text p {
    font-size: 16px;
    margin-bottom: 30px;
}

.case-studies-scope .read-more {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: underline;
    display: block;
    margin-bottom: 60px;
}

.case-studies-scope .case-study-image {
    flex: 1.5;
}

.case-studies-scope .case-study-image img {
    width: 100%;
    display: block;
}

/* Slider Controls */
.case-studies-scope .slider-controls {
    display: flex;
    gap: 15px;
}

.case-studies-scope .slider-btn {
    background: white;
    border: 1px solid #333;
    width: 45px;
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Testimonial Section */
.case-studies-scope .testimonial-section {
    background-color: #f1f8fc;
    /* Light blue background from image */
    padding: 60px 20px;
}

.case-studies-scope .testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
}

.case-studies-scope .testimonial-container .small-title {
    flex: 1;
}

.case-studies-scope .quote-content {
    flex: 3;
    display: flex;
    gap: 20px;
}

.case-studies-scope .quote-icon {
    font-size: 30px;
    color: #1a2b48;
}

.case-studies-scope .testimonial-text {
    font-size: 15px;
    color: #333;
    font-style: italic;
    max-width: 600px;
}

/* Mobile Responsiveness */
@media (max-width: 900px) {

    .case-studies-scope .section-top,
    .case-studies-scope .case-study-main,
    .case-studies-scope .testimonial-container {
        flex-direction: column;
    }

    .case-studies-scope .btn-navy {
        margin-top: 20px;
    }

    .case-studies-scope .case-study-image {
        order: -1;
        margin-bottom: 30px;
    }
}

/* Isolated Scope */
.profile-section-scope {
    /* background-color: #f1f8fc; */
    /* Light blue background to match the quote section */
    /* padding: 40px 0 100px 0; */
}

.profile-section-scope .profile-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 20px;
}

/* Slider Buttons on the left */
.profile-section-scope .nav-controls {
    display: flex;
    gap: 15px;
    margin-right: 150px;
}

.profile-section-scope .nav-btn {
    background: transparent;
    border: 1px solid #1a2b48;
    color: #1a2b48;
    width: 45px;
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.profile-section-scope .nav-btn:hover {
    background-color: #1a2b48;
    color: white;
}

/* Center Image and Info */
.profile-section-scope .profile-card {
    display: flex;
    align-items: center;
    gap: 40px;
}

.profile-section-scope .image-wrapper {
    width: 250px;
    height: 250px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #ddd;
}

.profile-section-scope .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Text Details */
.profile-section-scope .profile-details {
    color: #000;
}

.profile-section-scope .name {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    color: #333;
}

.profile-section-scope .location {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.profile-section-scope .designation {
    font-size: 16px;
    color: #444;
}

/* Responsive */
@media (max-width: 768px) {
    .profile-section-scope .profile-container {
        flex-direction: column-reverse;
        text-align: center;
    }

    .profile-section-scope .nav-controls {
        margin-right: 0;
        margin-top: 30px;
    }

    .profile-section-scope .profile-card {
        flex-direction: column;
    }
}

.news-section-scope {
    background-color: #ffffff;
    padding: 80px 50px;
  
}

.news-section-scope .news-container {
    max-width: 1200px;
    margin: 0 auto;
}

.news-section-scope .news-row {
    display: grid;
    gap: 30px;
    margin-bottom: 30px;
}

.news-section-scope .top-row {
    grid-template-columns: 1fr 1fr;
}

.news-section-scope .bottom-row {
    grid-template-columns: 1fr 1fr 1fr;
}

/* Common Card Styles */
.news-section-scope .news-card {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

/* Dark Card Styling */
.news-section-scope .dark-card,
.news-section-scope .dark-card-small {
    background-color: #1a2b48;
    color: white;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.news-section-scope .category {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 25px;
    display: block;
}

.news-section-scope .main-text {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.news-section-scope .sub-text,
.news-section-scope .main-text-small {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.9;
    margin-bottom: 20px;
}

.news-section-scope .highlight-text {
    font-weight: bold;
    margin-bottom: 20px;
}

.news-section-scope .read-more {
    color: white;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
    margin-top: auto;
}

/* Image-based Cards */
.news-section-scope .img-wrapper {
    height: 250px;
}

.news-section-scope .img-wrapper-small {
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}

.news-section-scope .news-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-section-scope .category-dark {
    font-size: 20px;
    font-weight: 800;
    color: #000;
    display: block;
    margin: 15px 0;
}

.news-section-scope .desc-dark {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.news-section-scope .info-card h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.4;
}

.news-section-scope .meta {
    font-size: 13px;
    color: #888;
}

/* Responsive */
@media (max-width: 992px) {

    .news-section-scope .top-row,
    .news-section-scope .bottom-row {
        grid-template-columns: 1fr;
    }
}

/* Isolated Scope to prevent breaking previous sections */
.footer-scope {
    background-color: #1a2b48;
    color: #ffffff;
     
}

.footer-scope .container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 50px;
}

/* Get In Touch Styles */
.footer-scope .get-in-touch {
    padding: 80px 0;
    text-align: center;
}

.footer-scope .section-title {
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.footer-scope .section-desc {
    max-width: 700px;
    margin: 0 auto 60px;
    font-size: 16px;
    line-height: 1.6;
    opacity: 0.9;
}

.footer-scope .cta-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.footer-scope .cta-card {
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 15px;
    padding: 35px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
    cursor: pointer;
}

.footer-scope .cta-card:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.footer-scope .cta-content h3 {
    font-size: 22px;
    margin-bottom: 25px;
}

.footer-scope .cta-content p {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.8;
}

.footer-scope .cta-arrow {
    font-size: 20px;
    border: 1px solid white;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: 15px;
    justify-content: center;
}

/* Main Footer Styles */
.footer-scope .main-footer {
    padding: 80px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-scope .footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    gap: 40px;
    margin-bottom: 60px;
}

.footer-scope .footer-logo h2 {
    font-size: 18px;
    letter-spacing: 1px;
}

.footer-scope .sub-logo {
    display: block;
    text-align: right;
    font-family: serif;
    font-style: italic;
    font-size: 22px;
    margin-top: -5px;
    width: 100%;
    max-width: 230px;
}

.footer-scope .footer-about {
    font-size: 13px;
    line-height: 1.8;
    margin-top: 30px;
    opacity: 0.8;
}

.footer-scope .footer-col h4 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 600;
}

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

.footer-scope .footer-col ul li {
    margin-bottom: 12px;
}

.footer-scope .footer-col ul li a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.footer-scope .footer-col ul li a:hover {
    opacity: 1;
    color: #4981e0;
}

.footer-scope .social-icons {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.footer-scope .social-icons a {
    color: white;
    font-size: 18px;
}

.footer-scope .contact-link {
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Footer Bottom Bar */
.footer-scope .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    font-size: 12px;
}

.footer-scope .bottom-links a {
    color: white;
    text-decoration: none;
    opacity: 0.8;
}

.footer-scope .copyright {
    opacity: 0.8;
}

/* Responsive */
@media (max-width: 992px) {

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

    .footer-scope .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}
.top-bar{display: flex;padding: 10px 30px;align-items: center;justify-content: space-between;border-bottom: 1px solid #ffffff8c;font-size: 14px;}
.contact-info {
    display: flex; gap: 20px;
} .social-links{ display: flex; gap: 20px;}
.main-nav{
    display: flex;
    padding: 10px 30px 0;
    align-items: center;
    justify-content: space-between;
}
 .nav-links{margin: 0;list-style-type: none;padding: 0;display: flex;gap: 70px;} .nav-links li a{
    color: #fff;
    padding: 20px 0;
} .topmainbar a{color: #fff;padding: 0;display: block;} .globimg{position: absolute;top: 80px;left: 0;right: 0;}

.services-scope .btn-find-out:hover, .btn-navy:hover{ background-color: #000;}

.case-studies-scope .slider-btn:hover{background-color: #1a2b48; color: #fff;}
.read-more:hover{ text-decoration: none; color: #386bc6;}
.whatwedo {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 80px 20px;
    background-color: #F3FBFF;
}
.whatwedo .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.whatwedo .flexcol{ display: flex;}
.whatwedo .left{ width: 30%;    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.whatwedo .right{ width: 70%;}
.barrows svg{width: 20px;} .mt-4{ margin-top: 50px;}
.userinfo{ display: flex; align-items: center; gap: 50px;}
.uppercase{ text-transform: uppercase;}
.lineh20{ line-height: 35px;}
.barrows{display: flex;gap: 28px;margin-bottom: 10px;}
.barrows .cursor-pointer{width: 60px;cursor: pointer;text-align: center;border: 1px solid;padding: 8px 0px 0;}
.leading-relaxed span{display:block;padding-left: 50px;font-size: 16px;}
.rarrow{ text-align: right;}
.barrows .cursor-pointer:hover{background-color: #1a2b48; color: #fff !important;}
.radius10{ border-radius: 10px;}
.main-footer a:hover{color: #4981e0;}
.nav-links li {
    position: relative;
}

/* Hide the submenu by default */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 210px;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease; /* Smooth effect */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}

/* Show on hover */
.nav-links li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

/* Style the links inside the dropdown */
.dropdown-menu li a {
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    border-radius: 10px;
}

.dropdown-menu li a:hover {
    background: #f4f4f4;
}
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px; /* Positions it just above the menu */
    left: 70px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff; /* Matches your dropdown background color */
}
.service-row:hover{background-color: #182642;}

.service-row img, .info-box .box-arrow, .cta-card .cta-arrow {
    transition: transform 0.4s ease; /* Smooth transition back to start */
    /* display: inline-block; */
}

/* The Hover Trigger */
.service-row:hover .service-arrow img, .info-box:hover .box-arrow, .cta-card:hover .cta-arrow{
    animation: bounceIcon 0.6s ease;
}

/* The Animation Keyframes */
@keyframes bounceIcon {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-20px); }
}
.top-bar a:hover{color: #9a9a9a;}
.nav-links li a:hover{color: #759ee5;} .search{ padding-left: 50px;}
.service-row:hover .service-name, .service-row:hover .service-desc{ color: #fff;}
.service-arrow a{border: 2px solid #182642;
    width: 40px; display: block;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;}
.service-arrow a i{ font-size: 20px;}
.service-row:hover .service-arrow a{ border-color: #fff; color: #fff;}
.services-scope .btn-find-out{ display: block;}
.service-arrow a:hover{     background-color: #fff;
    color: #b66524 !important;}
 

.menu-toggle {
  display: none; /* Hide hamburger on desktop */
  flex-direction: column;
  cursor: pointer;
}

.bar {
  display: block;
  width: 20px;
  height: 2px;
  margin: 3px auto;
  background-color: #dedede;
  transition: all 0.3s ease-in-out; /* This creates the smooth motion */
}

/* Animation when the 'is-active' class is added */

/* 1. Rotate the top bar */
.menu-toggle.is-active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

/* 2. Fade out the middle bar */
.menu-toggle.is-active .bar:nth-child(2) {
  opacity: 0;
}

/* 3. Rotate the bottom bar */
.menu-toggle.is-active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
 
/* Mobile Styles (Max-width 768px) */
@media screen and (max-width: 768px) {
  .menu-toggle {
    display: flex; /* Show hamburger on mobile */
    background: no-repeat;
    border: none;
    padding: 0;
    margin: 0;
  }

  .nav-links {
    display: none; /* Hide links by default */
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    background-color: #121314;
    text-align: left;
    gap: 5px;
    padding: 20px 0;
  }

  /* Class to show menu when toggled */
  .nav-links.active {
    display: flex;
  }

  .nav-links li {
    margin: 0;
  }
}

.innerbanner{height: 550px;background-color: #000;position: relative;background-size: cover;}

.orbit-container {
  position: relative;
  width: 700px;
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center; margin: 0 auto;
}

.globe img {
  width: var(--globe-size);
  z-index: 2;
}
.ourlocation{padding: 100px 0;background: #F3FBFF;}
/* The rotating ring */
.orbit {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotate var(--orbit-speed) linear infinite;
}

/* Positioning each user wrapper */
.user-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 350px; /* Distance from center */
  transform-origin: left center;
}

/* Distribute users around the circle */
.user-wrapper:nth-child(1) { transform: rotate(0deg); }
.user-wrapper:nth-child(2) { transform: rotate(72deg); }
.user-wrapper:nth-child(3) { transform: rotate(144deg); }
.user-wrapper:nth-child(4) { transform: rotate(216deg); }
.user-wrapper:nth-child(5) { transform: rotate(288deg); }

/* The connecting line */
.line {
  position: absolute;
  width: 300px; /* Length of the line from globe to user */
  height: 4px;
  background: #555;
  left: -50px; /* Offset to touch the globe */
  top: 50%;
  transform: translateY(-50%);
}

/* The User Image Circle */
.user-card {
  width: var(--user-size);
  height: var(--user-size);
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  position: absolute;
  right: 0;
  top: -70px;
  transition: transform 0.4s ease-in-out;
  /* Counter-rotate to keep image upright */ 
}

:root {
  --orbit-speed: 20s;
  --user-size: 150px;
  --globe-size:300px;
}
.user-card:hover {
  transform: scale(1.3) !important; /* Scale up on hover */
  z-index: 10;
  cursor: pointer;
}
.globe{ position: relative; z-index: 3;}
/* Animations */
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes counter-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}


.insolvency{ background-image: url(../images/insolvency.png);}
.forensic{ background-image: url(../images/fornics.png);}
.turn{ background-image: url(../images/turn.png);}
.lit{ background-image: url(../images/lit.png);}
.whowe{ background-image: url(../images/whowe.jpg);}
.contactbnr{ background-image: url(../images/contactus.jpg);}
.contactform{ background-image: url(../images/formbg.png);}
.newsletter{ background-image: url(../images/newsletter.jpg);}
.team{ background-image: url(../images/team.jpg);}
.vision{ background-image: url(../images/vision.jpg);}
.innerbanner .container{height: 100%;display: flex;align-items: center;}
.innerbanner .location-bar{ background-color: #C7C7C7;}
.container {
    max-width: 1280px;
    margin: 0 auto;
}
.innerbanner h1{
    color: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    text-transform: uppercase;
    margin-top: 50px;
    font-size: 47px;
    line-height: 60px;
    }
.innercontent{ padding: 100px 0; margin-top: 100px;}
.titlefour{ font-size: 18px; font-weight: 600; margin: 0 0 20px;}
.innercontent p{ margin:0 0 30px;}
.titlethree{font-size: 30px;margin: 70px 0 10px;text-transform: uppercase;}
.btncol{ background-color: #182642; padding: 10px 30px; color: #fff; border-radius: 6px; display: inline-flex; gap: 20px; align-items: center;}   
.pt30{ padding-top: 30px;}
.text-center{ text-align: center;}
.btncol:hover{background-color: #4981e0;}
.innerbanner h1 img{filter: brightness(0) invert(1);}
.aboutsub{ padding: 50px 0;    margin-top: 88px;}
.aboutsub h5 {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}
.ourlocation h5{text-align: center;font-size: 20px;margin: 0 0 20px;text-transform: uppercase;font-weight: 600;}
.ourlocation p{text-align: center;margin: 0 0 70px;}

.contactform{ padding: 100px 0;}
.contactform h3{text-align: center;margin: 0 0 10px;font-size: 40px;text-transform: uppercase;}
.cform{padding: 70px;background-color: #fff;margin: 50px; border-radius: 10px;}

.cform input, .cform select, .cform textarea{ width: 100%; padding: 13px 20px; margin: 0 0 30px; border: 1px solid #aaa; border-radius: 5px;}
div.label{ display: block; padding: 0 0 4px;}
.cform textarea{ min-height: 160px;}
.cform .row{ display: flex; gap: 20px;}
.cform .row .col-md-6{ width: 50%;}
.submitbtn{ padding: 40px 0; text-align: center;}
.submitbtn button{background-color: #182642; border-radius: 4px; padding: 18px 50px; color: #fff; border: none; font-size: 20px; cursor: pointer;}
.submitbtn button:hover{ background-color: #000;}
.newslettercol{padding: 100px 0 100px;}
.newslettercol h4{text-align: center;font-size: 35px;}

.enquery{ padding: 70px 0;}
.enquery h5{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.enquery h3{
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 50px;
}

.getcol{display: flex;gap: 50px;justify-content: center;}
.getrow{display: flex;border: 1px solid #737373;padding: 30px 50px;min-width: 500px;justify-content: space-between;align-items: center;position: relative;}
.getrow span{
    display: block;
    padding: 0 0 10px;
}
.getrow a{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.spanrow{
    width: 50px;
    justify-content: center;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 5px solid #182642;
}
.getrow:after{position: absolute;left: 15px;right: 15px;top: 15px;bottom: 15px;content: "";background-color: #F2F2F2;} 
.getrow div{ position: relative; z-index: 2;}
.spanrow:hover{ background-color: #182642; color: #fff;}
.getrow:hover .spanrow{animation: bounceIcon 0.6s ease;}
.ourteam .row{ display: flex; gap: 30px;} 
.ourteam .row .col-md-3{ width: 25%;}
.ourteam h5{
    margin: 20px 0 5px;
    font-size: 20px;
    color: #000;
}.ourteam img{ border-radius: 5px;}
.ourteam{padding: 50px 0;}
.ourteam p{
    margin: 0;
    color: #000;
}
img {
    transition: transform 0.5s ease;
    max-width: 100%;
}.ourteam .col-md-3:hover img {
    transform: scale(1.09);
}.ourteam a{ display: block;}

.tdetail{display: flex;justify-content: center;gap: 50px;align-items: center;}
.tdetail img{
    width: 300px;
    height: 300px;
    border-radius: 50%;
}
.tdetail h4{
    font-size: 30px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.deatilbg { background-color: #F3FBFF; padding: 100px 0;}
.dinfo{display: flex;gap: 50px;align-items: center;}
.rdinfo{background-color: #fff;padding: 50px;width: 50%;border-radius: 10px;box-shadow: 5px 5px 0px;}
.rdinfo h6{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
}
.rdinfo ul{
    list-style-type: none;
    margin: 0 0 20px;
}
.rdinfo ul li{
    list-style-type: disc;
    padding: 3px 0 3px 0px;
    margin: 0 0 0 20px;
}
.rdinfo div{display: flex;gap: 20px;padding: 5px 0; align-items: center;}
.rdinfo div a{ color: #000;}
.rdinfo div a:hover{ text-decoration: underline;}
.ldinfo{ width: 45%;}
.cta-arrow{ color: #fff;} 
.getrow:hover{ box-shadow: 0 0 10px #ccc;}
.contact-link a{ color: #fff;}
.ldinfo p{ font-size: 18px;}

.orvision{padding: 50px 0;}
.orvision .row{display: flex;align-items: center;gap: 50px;padding: 50px 0;justify-content: space-between;}
.orvision .col-md-6{width: 50%;}
.orvision h4{
    font-size: 25px;
    margin: 0 0 20px;
} 


@media (min-width: 320px) and (max-width:767px) {.getcol{ gap: 20px;}
.innerbanner h1 img { 
    width: 70px;
}.location-bar{    padding: 20px 20px;
    font-weight: 700;
    font-size: 13px; 
    text-align: center;
    align-items: center;}
    .innercontent {
    padding: 130px 25px 50px;
    margin-top: 0px;
}.titlethree {
    font-size: 25px;
    margin: 40px 0 10px;}
    .newslettercol h4 { 
    font-size: 25px;
    padding: 0 20px;
}.ourteam .row, .orvision .row{flex-direction: column;}
.orvision .col-md-6 {
    width: unset; text-align: center;
}.orvision .row{ gap: 20px;}
.aboutsub {
    padding: 100px 20px 50px;
    margin-top: 0;
}.orbit-container{width: 100%;
    height: 300px;}.globe{ width: 150px;}.user-wrapper{    width: 220px;}.line{width: 190px;}
    :root { 
    --user-size: 100px;
    --globe-size: 200px;
}.ourlocation {
    padding: 50px 20px 100px;}
    .ourlocation p { 
    margin: 0 0 120px;
}
.ourteam .row .col-md-3 {
    width: auto; text-align: center;
}.ourteam {
    padding: 50px 20px;
}.ourteam h5 {
    margin: 5px 0 5px;}
    .ourteam h5 {
    margin: 5px 0 5px;}
    .orvision {
    padding: 0px 20px;
}
.contactform {
    padding: 40px 20px;
}.contactform h3{ font-size: 30px;}
.cform {
    padding: 30px; 
    margin: 20px 0px; 
}.cform .row .col-md-6 {
    width: auto;
}.cform .row{ flex-direction: column;}.cform input, .cform select, .cform textarea{    margin: 0 0 10px;}
.submitbtn button{font-size: 18px;    padding: 14px 50px;}
.tdetail, .dinfo{ flex-direction: column;text-align: center; gap: 10px;}
.innerbanner{height: 250px;background-position: right;}.innerbanner h1{margin-left: 30px;font-size: 25px;line-height: 30px;}
.innerbanner .container{width: 100%;
    justify-content: center;}
    .tdetail img {
    width: 190px;
    height: 190px;}
.tdetail h4 {
    font-size: 25px;}
    .rdinfo { 
           padding: 25px;
        width: 100%;
        text-align: left;}
        .ldinfo p {
    font-size: 15px;
    margin: 0 0 30px;
}
    .ldinfo {
    width: unset;
}.deatilbg{padding: 40px 20px;}
    .getcol{ flex-direction: column;}
    .getrow a{font-size: 15px;gap: 10px;}.spanrow{ width: 40px; height: 40px; border: 5px solid;}
    .getrow{ border: 1px solid;        padding: 40px;}
    .enquery {
    padding: 40px 20px;
}.enquery h3{ font-size: 30px; margin: 0 0 20px;}.enquery h5{ font-size: 20px;}
    .getrow{ min-width: auto;}
.services-scope .service-row, .services-scope .services-header {flex-direction: column;}
.global-boxes{ display: block;}
.top-bar{padding: 10px 20px;font-size: 10px;}
.logo img{max-width: 200px;}
.hero-scope .hero-content h2 {
    font-size: 23px;
    line-height: 35px;
    padding: 0px 0 80px;
    font-weight: 600;
}.hero-scope .hero-content{padding: 0 4%;}
.hero-scope .location-bar{    padding: 15px 20px;    font-size: 12px;}
.services-scope {
    padding: 40px 20px; 
    text-align: center;
}.services-scope .description{ font-size: 14px; margin-bottom: 20px;}.services-scope .btn-find-out{ font-size: 12px;}
.services-scope .service-name {
    flex: 0;
    font-size: 18px;
    margin-left: 0;
    text-align: center;
}.services-scope .service-desc {
    flex: 1; 
    font-size: 14px;
    padding: 0 0px 10px;
    margin-right: 0;
}.info-box h3{ font-size: 20px;}.info-box p {
    font-size: 14px;}.info-box{ margin-bottom: 20px;}
    .case-studies-scope .case-studies-container{padding: 40px 20px;
    text-align: center;}.case-studies-scope .case-study-main{ gap: 0;}.case-studies-scope .slider-controls{ justify-content: center;}
    .global-wrapper{padding: 50px 30px;
    text-align: center;}.userinfo { gap: 0;}
    .whatwedo .flexcol {  text-align: center;
    flex-direction: column; position: relative;
}.whatwedo .left{ width: auto; position: static;}.leading-relaxed span{ padding: 0;}.whatwedo{ padding: 40px 20px 100px;}
 .whatwedo .flexcol h2{ margin-bottom: 30px;}
 .whatwedo .barrows{ position: absolute;
        justify-content: center;
        bottom: -57px;
        left: 0;
        right: 0;}.news-section-scope{padding: 40px 20px;}
        .footer-scope .get-in-touch {
    padding: 40px 0;}
    .footer-scope .main-footer {
    padding: 40px 0 30px; 
    text-align: center;
}.nav-links li a{font-size: 13px;padding: 5px 30px;        display: flex;
        justify-content: space-between;}.hero-scope .hero-section{ height: auto; padding: 200px 0 0px;}
.nav-links li{padding: 0 0px;border-bottom: 1px solid #aaaaaa4a;}
 .footer-scope .social-icons, .footer-scope .contact-link{ justify-content: center;}
}

 @media screen and (max-width: 960px) {
    /* Base state: completely collapsed with no height/space */
    .dropdown-menu {
        display: none; 
        visibility: hidden;
        height: 0;
        overflow: hidden;
        list-style: none;
        padding: 0;
        margin: 0;
        background: #1a1a1a; /* Match your dark theme */
    }

    /* Active state: only takes up space when 'open' class is present */
    li.open > .dropdown-menu {
        display: block;
        visibility: visible;
        height: auto; /* Pushes content down naturally */
        padding-bottom: 10px; position: static;
    }
 li.open > .dropdown-menu a{ color: #fff;}.dropdown-menu::before{ display: none;}
    /* Ensure the parent LI doesn't have a fixed height */
    .nav-links li {
        height: auto;
        display: block;
        width: 100%;
    }
}