* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body {
    background: white !important;
  }
  @font-face {
      font-family: 'Albra TRIAL Semi TRIAL';
      src: url('../fonts/AlbraTRIAL-Semi.woff2') format('woff2'),
          url('../fonts/AlbraTRIAL-Semi.woff') format('woff');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Albra Book TRIAL Medium TRIAL';
      src: url('../fonts/AlbraBookTRIAL-Medium.woff2') format('woff2'),
          url('../fonts/AlbraBookTRIAL-Medium.woff') format('woff');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Albra Book TRIAL Bold TRIAL';
      src: url('../fonts/AlbraBookTRIAL-Bold.woff2') format('woff2'),
          url('../fonts/AlbraBookTRIAL-Bold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
          url('../fonts/Poppins-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'AccoladeSerial';
      src: url('../fonts/AccoladeSerialBold.woff2') format('woff2'),
          url('../fonts/AccoladeSerialBold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
          url('../fonts/Poppins-Bold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'AlbraGroteskTRIAL';
      src: url('../fonts/AlbraGroteskTRIAL-Bold.woff2') format('woff2'),
          url('../fonts/AlbraGroteskTRIAL-Bold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'AllenoireFreePersonal';
      src: url('../fonts/AllenoireFreePersonal-Regular.woff2') format('woff2'),
          url('../fonts/AllenoireFreePersonal-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  
  
  
  dl,
  ol,
  ul {
    padding: 0;
    margin: 0;
  }
  
  li {
   font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
    list-style: none;
  }
  
  a {
   font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
    text-decoration: none;
  }
  
  p,
  li {
   font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
    font-size: 15px;
    color: #494949;
    font-weight: 400 !important;
  }
  
  h1,
  h2 {
   font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
  }
  
  h3,
  h4,
  h5,
  h6 {
    font-family: 'AlbraGroteskTRIAL', 'Albra Book TRIAL Bold TRIAL', sans-serif;
    color: #000;
  }
  
  h1 {
    font-size: 3rem;
  }
  
  h2 {
    font-size: 2.625rem;
  }
  
  h3 {
    font-size: 2rem;
  }
  
  h4 {
    font-size: 1.6rem;
  }
  
  h5 {
    font-size: 1.3rem;
  }
  
  h6 {
    font-family: 'Poppins' !important;
  }
  
  .pt-6 {
    padding-top: 60px;
  }
  
  .pb-6 {
    padding-bottom: 60px;
  }
  
  :root {
    --primary-color: #ecac51 ;
    --secondary-color: #1a1a1a;
    --black-color: #000;
    --white-color: #fff;
  }
  
  /* .container{
    max-width: 94%;
  } */
  img {
    width: 100%;
    max-width: 100%;
    transition: 0.4s ease;
  }
  
  .navbar-list ul li a {
      background: #ffffff;
      color: #000000;
      position: relative;
      z-index: 99;
  }
  
  .navbar-list ul {
      display: flex;
      justify-content: space-between;
  }
  
  .navbar-main {
      width: 100%;
  }
  
  .box-two {
      width: 100px;
  }
  
  /* Top Bar Styles */
  .top-bar {
      background-color: #2c2c2c;
      padding: 8px 0;
      font-size: 14px;
  }
  
  .top-bar-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .contact-info {
      display: flex;
      gap: 30px;
  }
  
  .contact-item {
      display: flex;
      align-items: center;
      gap: 8px;
      color: white;
      transition: all 0.3s ease;
      cursor: pointer;
  }
  
  .contact-item:hover {
      transform: translateX(5px);
  }
  
  .contact-item:hover span {
      color: var(--primary-color);
  }
  
  .contact-item i {
      background-color: var(--primary-color);
      color: white;
      width: 32px !important;
      height: 32px !important;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      transition: all 0.3s ease;
      padding: 18px;
  }
  
  .contact-item:hover i {
      background-color: var(--primary-color);
      transform: scale(1.1);
      box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);
  }
  
  .social-media {
      display: flex;
      gap: 10px;
  }
  
  .social-link {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.3s ease;
  }
  
  .social-link.facebook {
      background-color: #ffffff00;
      color: #ffffff;
  }
  
  .social-link.instagram {
      background-color: #ffffff00;
      color: #ffffff;
  }
  
  .social-link.twitter {
      background-color: #00000000;
      color: #ffffff;
  }
  
  .social-link:hover {
      transform: translateY(-3px) scale(1.1);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }
  
  .social-link.facebook:hover {
      background-color: #1877f2;
      color: white;
  }
  
  .social-link.instagram:hover {
      background-color: #e4405f;
      color: white;
  }
  
  .social-link.twitter:hover {
      background-color: #1da1f2;
      color: white;
  }
  
  /* Main Navigation Styles */
  .navbar {
      background-color: white;
      padding: 15px 0;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      z-index: 999;
  }
  
  .navbar-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
  }
  
  .navbar-logo {
      flex-shrink: 0;
  }
  
  .navbar-logo img {
      height: 50px;
      width: auto;
  }
  
  .navbar-menu {
      flex: 1;
      display: flex;
      justify-content: center;
  }
  
  .nav-list {
      display: flex;
      list-style: none;
      gap: 40px;
      margin: 0;
      padding: 0;
  }
  
  .nav-item a {
      color: #000;
      text-decoration: none;
      font-weight: 500;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      position: relative;
  }
  
  .nav-item.active a {
      /* border-bottom: 2px solid #000; */
  }
  
  .nav-item a:hover {
      color: var(--primary-color);
      transform: translateY(-2px);
  }
  
  .nav-item:hover {
      transform: translateY(-1px);
      position: relative;
  }
  
  /* .nav-item:hover::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(135deg, rgba(236, 172, 81, 0.1), rgba(236, 172, 81, 0.3));
      border-radius: 8px;
      z-index: -1;
      animation: goldenGlow 0.6s ease-in-out;
  } */
  
  @keyframes goldenGlow {
      0% {
          opacity: 0;
          transform: scale(0.8);
      }
      50% {
          opacity: 0.8;
          transform: scale(1.05);
      }
      100% {
          opacity: 1;
          transform: scale(1);
      }
  }
  
  /* Dropdown Menu Styles */
  .nav-item.dropdown {
      position: relative;
  }
  
  .nav-item.dropdown a i {
      font-size: 12px;
      margin-left: 5px;
      transition: transform 0.3s ease;
  }
  
  .nav-item.dropdown:hover a i {
      transform: rotate(180deg);
  }
  
  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      background: var(--white-color);
      min-width: 250px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      border-radius: 8px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: all 0.3s ease;
      z-index: 1000;
      border: 1px solid #e9ecef;
      padding: 10px 0;
      margin-top: 5px;
  }
  
  .nav-item.dropdown:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
  }
  
  .dropdown-menu li {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  
  .dropdown-menu li a {
      display: block;
      padding: 12px 20px;
      color: var(--secondary-color);
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: all 0.3s ease;
      border-bottom: 1px solid #f8f9fa;
      position: relative;
  }
  
  .dropdown-menu li:last-child a {
      border-bottom: none;
  }
  
  .dropdown-menu li a:hover {
      background: var(--primary-color);
      color: var(--white-color);
      padding-left: 25px;
  }
  
  .dropdown-menu li a:before {
      content: '';
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 2px;
      background: var(--primary-color);
      transition: width 0.3s ease;
  }
  
  .dropdown-menu li a:hover:before {
      width: 5px;
  }
  
  /* Dropdown States */
  .nav-item.dropdown.dropdown-open .dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
  }
  
  .nav-item.dropdown.dropdown-open a i {
      transform: rotate(180deg);
  }
  
  
  
  .navbar-cta {
      flex-shrink: 0;
  }
  
  .quote-btn {
      background-color: var(--primary-color);
      color: white;
      padding: 12px 25px;
      border-radius: 25px;
      text-decoration: none;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
  }
  
  .quote-btn:hover {
      background-color: #2c2c2c;
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 8px 25px rgba(236, 172, 81, 0.4);
      color: #ffffff;
      position: relative;
      overflow: hidden;
  }
  
  .quote-btn:hover::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(236, 172, 81, 0.3), transparent);
      animation: goldenShimmer 0.8s ease-in-out;
  }
  
  @keyframes goldenShimmer {
      0% {
          left: -100%;
      }
      100% {
          left: 100%;
      }
  }
  
  .quote-btn:hover i {
      transform: translateX(3px);
  }
  
  .quote-btn i {
      font-size: 12px;
  }
  
  
  /* Hero Slider Styles */
  .hero-slider {
      position: relative;
      height: auto;
      overflow: hidden;
      cursor: grab;
      user-select: none;
  }
  
  .hero-slider:active {
      cursor: grabbing;
  }
  
  .slider-container {
      position: relative;
      width: 100%;
      height: 100%;
  }
  
  .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
      transform: translateX(0);
  }
  
  .slide.active {
      opacity: 1;
  }
  
  .slide-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 600px;
  }
  
  .slide-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 600px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
  }
  
  .slide-content {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      padding: 130px 0px;
  }
  
  .slide-content p {
      color: white;
  }
  
  .hero-banner {
      margin-bottom: 20px;
  }
  
  .hero-banner span {
      background: rgba(212, 175, 55, 0.1);
      border: 1px solid var(--primary-color);
      padding: 8px 20px;
      border-radius: 25px;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
  }
  
  .hero-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 3.5rem;
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 1.2;
  }
  
  .hero-title .highlight {
      color: var(--primary-color);
  }
  
  .hero-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 1.2rem;
      margin-bottom: 40px;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.6;
      color: white;
  }
  
  .hero-buttons {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
  }
  
  .btn {
      padding: 11px 30px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
  }
  
  .btn-primary {
      background-color: var(--primary-color) !important;
      color: white;
      border: 2px solid var(--primary-color);
  }
  
  .btn-primary:hover {
      background-color: var(--primary-color)00 !important;
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
      border: 2px solid var(--primary-color);
  }
  
  .btn-primary:hover i {
      transform: translateX(3px);
  }
  
  .btn-secondary {
      background-color: transparent;
      color: white;
      border: 2px solid var(--primary-color);
      transition: all 0.3s ease;
  }
  
  .btn-secondary:hover {
      background-color: var(--primary-color) !important;
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 6px 20px rgba(139, 69, 19, 0.3);
       border: 2px solid var(--primary-color);
  }
  
  .btn-secondary:hover i {
      transform: translateX(3px);
  }
  
  /* Right Side Navigation */
  .slider-navigation {
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
      display: flex;
      flex-direction: column;
      gap: 30px;
  }
  
  .nav-numbers {
      display: flex;
      flex-direction: column;
      gap: 15px;
  }
  
  .nav-number {
      font-size: 18px;
      font-weight: bold;
      color: white;
      cursor: pointer;
      transition: all 0.3s ease;
      padding: 5px;
  }
  
  .nav-number.active {
      color: var(--primary-color);
  }
  
  .nav-number:hover {
      color: var(--primary-color);
      transform: scale(1.2);
      text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
  }
  
  .nav-dots {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  
  .nav-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      cursor: pointer;
      transition: all 0.3s ease;
  }
  
  .nav-dot.active {
      background-color: var(--primary-color);
      transform: scale(1.2);
  }
  
  .nav-dot:hover {
      background-color: var(--primary-color);
      transform: scale(1.5);
      box-shadow: 0 0 15px rgba(212, 175, 55, 0.6);
  }
  /* Features Section */
  .features-section {
      padding: 80px 0;
      background-color: #f8f9fa;
  }
  .feature-icon.smart-work-icon {
      background: #fdfdfd;
      width: 120px;
      height: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      border-radius: 50%;
      position: relative;
      z-index: 9;
  }
  
  .feature-icon.smart-work-icon img {
      width: 60px;
  }
  .feature-inner-circle {
      background: var(--primary-color);
      width: 100%;
      height: 260px;
      max-width: 260px;
      border-radius: 50%;
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: center;
      overflow: hidden;
  }
  .feature-circle:after {
      background-image: url(../images/layer.png) ;
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
        transition: 0.2s ease-in-out;
  }
  
  .feature-item:hover{
      transition: 0.4s ;
  }
  .feature-circle {
      position: relative;
  }
  
  .feature-item:hover .feature-inner-circle{
       background: var(--black-color);
     
  }
  .feature-item:hover .feature-circle:after {
      transform: rotate(50deg);
  }
  h3.feature-title {
      font-family: 'AccoladeSerial';
      font-size: 22px;
      text-align: center;
      margin-top: 20px;
  }
  section.hero-slider .swiper-pagination-bullet-active {
      opacity: var(--swiper-pagination-bullet-opacity, 1);
      background: var(--primary-color);
      width: 40px;
       height: 16px;
      border-radius: 3px;
  }
  span.swiper-pagination-bullet {
      background: white;
      width: 20px;
      border-radius: 3px;
      opacity: .6;
      height: 16px;
      transition: 0.8s;
  }
  
  /* About Us Section */
  .about-section {
      padding: 48px 0;
      background-color: #f5f5f0;
  }
  
  .about-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
  }
  
  .about-images {
      position: relative;
  }
  
  .main-image {
      position: relative;
      /* border-radius: 0 20px 20px 0; */
      overflow: hidden;
      /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
      width: 96%;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  
  .main-image img {
      width: 100%;
      height: 500px;
      object-fit: cover;
      display: block;
      /* border-radius: 200px 200px 00px 0px; */
      border: 3px solid #ffffff;
  }
  
  .overlay-image {
      position: absolute;
      top: 20px;
      right: 0px;
      width: 160px;
      height: 160px;
      /* border-radius: 300px 00px 00px 00px; */
      overflow: hidden;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      border: 4px solid white;
  }
  
  .overlay-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  
  .about-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary-color);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }
  
  .about-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      line-height: 1.2;
      margin-bottom: 25px;
  }
  
  .about-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 30px;
  }
  
  .divider {
      width: 100%;
      height: 2px;
      background-color: var(--primary-color);
      margin: 0px 0 20px;
  }
  
  .features-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      margin-bottom: 30px;
  }
  
  .feature-box {
      padding: 00px 0;
  }
  
  .feature-box .feature-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: var(--primary-color);
      margin-bottom: 10px;
  }
  
  .feature-box .feature-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin: 0;
  }
  
  .about-cta {
      display: flex;
      align-items: center;
      gap: 30px;
      flex-wrap: wrap;
  }
  
  .read-more-btn {
      background-color: #2c2c2c;
      color: white;
      padding: 12px 25px;
      border-radius: 25px;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-block;
  }
  
  .read-more-btn:hover {
      background-color: var(--primary-color);
      transform: translateY(-2px);
      box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
  }
  
  .call-us {
      display: flex;
      align-items: center;
      gap: 15px;
  }
  
  .phone-icon {
      width: 46px;
      height: 46px;
      background-color: var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 18px;
      transition: all 0.3s ease;
      border: 1px solid #ffffff;
  }
  
  .phone-icon:hover {
      background-color: var(--primary-color);
      transform: scale(1.1);
  }
  
  .call-text {
      display: flex;
      flex-direction: column;
      gap: 2px;
  }
  
  .call-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 12px;
      font-weight: 600;
      color: #838383;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin: 0;
  }
  
  .phone-number {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      font-weight: bold;
      color: #2c2c2c;
  }
  
  .service-card {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
  }
  
  .service-content {
      bottom: 7px;
      position: absolute;
      width: 96%;
      background: #000000;
      left: 2%;
      padding: 20px;
      border-radius: 7px;
      overflow: hidden;
      z-index: 11;
     
  }
  .service-image img {
      border-radius: 10px;
  }
  h3.service-title {
      font-size: 22px;
      color: #ffffff;
      /* font-family: 'AccoladeSerial'; */
  }
  /* .service-content:after {
      background-image: url(../images/layer.png);
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      transition: 0.2s ease-in-out;
      z-index: 0;
      opacity: 0.6;
  } */
  a.servies-pro {
      z-index: 99;
      position: relative;
  }
  a.servies-pro P{
      display: none;
      width: 0px;
       transition: 0.4s ease-in;
  }
  /* .service-card:hover .service-image:after{
      background-color: #3d3d3d7e;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";    
       transition: 0s ease-in-out;
  } */
  a.servies-pro P {color: var(--white-color);font-size: 13px;}
  
  .service-card:hover .service-content {  
      background: var(--primary-color);  
  }
  .service-card:hover .service-content a.servies-pro P{
      display: block;
      width: auto
  }
  a.service-link {
      color: var(--primary-color);
  }
  .service-card:hover .service-content a.service-link{
    color: #000;
  }
  /* .service-card:hover .service-image img  {
      border-radius: 200px 200px 0px 0px;
  } */
  .service-image img {
      border: 2px solid white;
      border-radius: 10px;
      width: 100% !important;
      height: 360px !important;
      object-fit: cover;
  }
  .service-image{
      position: relative;
      /* border-radius: 200px 200px 0px 0px; */
  }
  
  section.services-section.py-5 {
      background-image: url(../images/servies-bg.jpg);
  }
  
  /* Projects Section */
  .projects-section {
      padding: 80px 0;
      background-color: #f8f9fa;
  }
  
  .projects-text {
      padding-right: 40px;
  }
  
  
  .projects-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary-color);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }
  
  .projects-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      line-height: 1.2;
      margin-bottom: 25px;
  }
  
  .projects-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 40px;
  }
  
  /* .project-info-card {
      background: #ecab5146;
      border-radius: 100px 0px 0px 100px;
      padding: 25px;
      display: flex;
      gap: 20px;
      align-items: center;
  } */
  
  .project-counter {
      display: flex;
      align-items: center;
      gap: 0px;
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.5rem;
      font-weight: bold;
      color: var(--primary-color);
      min-width: 80px;
  }
  
  .project-separator {
      color: var(--primary-color);
      font-size: 1.2rem;
  }
  
  .project-details {
      flex: 1;
      border-left: 2px solid var(--primary-color);
      padding-left: 20px;
  }
  
  .project-category {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 12px;
      font-weight: 600;
      color: var(--primary-color);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 8px;
  }
  
  .project-name {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 10px;
  }
  
  .project-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin: 0;
  }
  
  .projects-slider {
      position: relative;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  
  .slider-container {
      position: relative;
      width: 100%;
      height: 500px;
      overflow: hidden;
  }
  
  .slider-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
  }
  
  .slider-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.8s ease-in-out;
  }
  
  .slider-slide.active {
      opacity: 1;
  }
  
  .slider-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 15px;
  }
  
  .slider-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 0 20px;
      z-index: 3;
  }
  
  .nav-btn {
      width: 50px;
      height: 50px;
      background: rgba(255, 255, 255, 0.9);
      border: none;
      border-radius: 50%;
      color: #2c2c2c;
      font-size: 18px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }
  
  .nav-btn:hover {
      background: var(--primary-color);
      color: white;
      transform: scale(1.1);
  }
  
  .slider-indicators {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      z-index: 3;
  }
  
  .indicator {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: all 0.3s ease;
  }
  
  .indicator.active {
      background: var(--primary-color);
      transform: scale(1.2);
  }
  
  .indicator:hover {
      background: var(--primary-color);
      transform: scale(1.1);
  }
  
  /* Testimonials Section */
  .testimonials-section {
      padding: 80px 0;
      background-color: #f5f5f0;
  }
  
  .testimonials-header {
      text-align: center;
      margin-bottom: 40px;
  }
  
  .testimonials-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary-color);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }
  
  .testimonials-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      line-height: 1.2;
      margin: 0;
  }
  
  .testimonials-content {
      margin-bottom: 40px;
  }
  
  /* Swiper Testimonials Styling */
  .testimonials-swiper {
      padding: 20px 0 60px;
  }
  
  .testimonials-swiper .swiper-slide {
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .testimonials-swiper .testimonial-card {
      width: 100%;
      margin: 0 auto;
      margin-top: 50px;
  }
  
  .testimonials-swiper .swiper-pagination {
      position: relative;
      margin-top: 40px;
  }
  
  .testimonials-swiper .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background: #2c2c2c;
      opacity: 0.5;
      transition: all 0.3s ease;
  }
  
  .testimonials-swiper .swiper-pagination-bullet-active {
      background: var(--primary-color);
      opacity: 1;
      transform: scale(1.2);
  }
  
  .testimonial-card {
      background: white;
      border-radius: 15px;
      padding: 30px;
      height: auto;
      position: relative;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
  }
  
  .testimonial-card:hover {
      background: linear-gradient(135deg, #ecac51 0%, var(--primary-color) 100%);
      color: white;
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  }
  
  .testimonial-card.right-card {
      background: white;
      color: #2c2c2c;
  }
  
  .testimonial-profile {
      position: relative;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
  }
  
  .testimonial-card:hover .profile-bg {
      background: #2c2c2c;
  }
  
  .profile-image {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      object-fit: cover;
      position: relative;
      z-index: 2;
      border: 3px solid white;
  }
  
  .testimonial-content {
      position: relative;
  }
  
  .testimonial-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 15px;
  }
  
  .testimonial-info {
      flex: 1;
  }
  
  .testimonial-name {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin: 0 0 5px 0;
      transition: color 0.3s ease;
  }
  
  .testimonial-card:hover .testimonial-name {
      color: white;
  }
  
  .testimonial-title {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary-color);
      margin: 0;
      transition: color 0.3s ease;
  }
  
  .testimonial-card:hover .testimonial-title {
      color: white;
  }
  
  .quote-icon {
      font-size: 2rem;
      color: #2c2c2c;
      opacity: 0.3;
      transition: color 0.3s ease;
  }
  
  .testimonial-card:hover .quote-icon {
      color: white;
  }
  
  .testimonial-divider {
      height: 2px;
      background: #2c2c2c;
      margin: 15px 0;
      opacity: 0.2;
      transition: background 0.3s ease;
  }
  
  .testimonial-card:hover .testimonial-divider {
      background: white;
  }
  
  .testimonial-text {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin: 0;
      transition: color 0.3s ease;
  }
  
  .testimonial-card:hover .testimonial-text {
      color: white;
  }
  
  .testimonials-pagination {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 40px;
  }
  
  .pagination-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #2c2c2c;
      cursor: pointer;
      transition: all 0.3s ease;
  }
  
  .pagination-dot.active {
      background: var(--primary-color);
      border: 2px solid #2c2c2c;
      transform: scale(1.2);
  }
  
  .pagination-dot:hover {
      background: var(--primary-color);
      transform: scale(1.1);
  }
  .profile-bg {
      background: var(--primary-color);
      padding: 32px;
      margin-top: -50px;
      position: relative;
      margin-right: 20px;
      border-radius: 10px 0px 10px 10px;
  }
  
  
  /* Team Section */
  .team-section {
      padding: 80px 0;
     background-image: url(../images/servies-bg.jpg);
      position: relative;
      height: 460px;
      margin-bottom: 200px;
  }
  
  .team-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;   
      pointer-events: none;
  }
  
  .team-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 60px;
      position: relative;
      z-index: 2;
  }
  
  .team-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary-color);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }
  
  .team-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: white;
      line-height: 1.2;
      margin: 0;
  }
  
  .view-all-btn {
      background: linear-gradient(135deg, #ecac51 0%, var(--primary-color) 100%);
      color: white;
      border: none;
      padding: 12px 25px;
      border-radius: 25px;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  
  .view-all-btn:hover {
      background: linear-gradient(135deg, var(--primary-color) 0%, #ecac51 100%);
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
  }
  
  .team-content {
      position: relative;
      z-index: 2;
  }
  
  .team-card {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 20px;
      overflow: hidden;
      transition: all 0.4s ease;
      position: relative;
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .team-card:hover {
      transform: translateY(-10px);
      background: rgba(255, 255, 255, 0.1);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  }
  
  .team-image {
      position: relative;
      height: 400px;
      overflow: hidden;
  }
  
  .team-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.4s ease;
  }
  
  .team-card:hover .team-image img {
      transform: scale(1.1);
  }
  
  .social-icons {
      position: absolute;
      left: 20px;
      top: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      opacity: 0;
      transform: translateX(-20px);
      transition: all 0.4s ease;
  }
  
  .team-card:hover .social-icons {
      opacity: 1;
      transform: translateX(0);
  }
  
  .social-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-color);
      text-decoration: none;
      transition: all 0.3s ease;
      backdrop-filter: blur(10px);
  }
  
  .social-icon:hover {
      background: var(--primary-color);
      color: white;
      transform: scale(1.1);
  }
  
  .team-info {
      padding: 25px;
      background: rgb(0 0 0);
      transition: all 0.4s ease;
      position: relative;
      width: 94%;
      position: absolute;
      bottom: 14px;
      border-radius: 10px;
      left: 3%;
  }
  
  .team-card:hover .team-info {
      background: linear-gradient(135deg, #ecac51 0%, #b8941f 100%);
  }
  
  .team-name {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: white;
      margin: 0 0 8px 0;
      transition: color 0.3s ease;
  }
  
  .team-role {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      margin: 0;
      transition: color 0.3s ease;
  }
  
  
  /* Footer Section */
  .footer-section {
      background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
      position: relative;
      overflow: hidden;
  }
  
  .footer-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footer-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="10" cy="60" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="90" cy="40" r="0.5" fill="%23ffffff" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23footer-grain)"/></svg>');
      pointer-events: none;
  }
  
  .footer-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 40px 0 0px;
      position: relative;
      z-index: 2;
  }
  
  .subscription-section {
      flex: 1;
  }
  
  .email-input-group {
      display: flex;
      align-items: center;
      gap: 15px;
      width: 500px;
      position: relative;
  }
  
  .input-wrapper {
      position: relative;
      display: flex;
      align-items: center;
  }
  
  .input-icon {
      position: absolute;
      left: 15px;
      color: #666;
      z-index: 2;
  }
  
  .email-input {
      background: white;
      border: none;
      padding: 15px 200px 15px 45px;
      border-radius: 4px;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: #2c2c2c;
      width: 500px;
      outline: none;
      transition: all 0.3s ease;
  }
  
  .email-input:focus {
      box-shadow: 0 0 0 2px #ecac51;
  }
  
  .email-input::placeholder {
      color: #999;
  }
  
  .subscribe-btn {
      background: linear-gradient(135deg, #ecac51 0%, #b8941f 100%);
      color: white;
      border: none;
      padding: 15px 25px;
      border-radius: 4px;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      position: absolute;
      right: -1px;
  }
  
  .subscribe-btn:hover {
      background: linear-gradient(135deg, #b8941f 0%, #ecac51 100%);
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
  }
  
  .social-media-section {
      display: flex;
      gap: 15px;
  }
  
  .social-link {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      background: rgb(255 255 255 / 0%);
      border: 2px solid rgb(255 255 255 / 65%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-decoration: none;
      transition: all 0.3s ease;
      backdrop-filter: blur(10px);
  }
  
  .social-link:hover {
      background: #ecac51;
      border-color: #ecac51;
      transform: translateY(-3px);
      box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
  }
  
  .footer-divider {
      height: 1px;
      background: rgba(255, 255, 255, 0.1);
      margin: 0;
  }
  
  .footer-main {
      padding: 60px 0 40px;
      position: relative;
      z-index: 2;
  }
  
  .footer-brand {
      margin-bottom: 30px;
  }
  
  .footer-logo {
      margin-bottom: 20px;
      width: 130px;
  }
  
  .logo-text {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2rem;
      font-weight: bold;
      color: white;
      display: block;
  }
  
  .logo-subtext {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: white;
      display: block;
      margin-top: -5px;
  }
  
  .footer-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.8);
      margin: 0;
  }
  
  .footer-column {
      margin-bottom: 30px;
  }
  
  .footer-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: white;
      margin-bottom: 25px;
  }
  
  .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  .top-bar .contact-info {
      display: flex
  ;
      flex-direction: row-reverse;
  }
  .footer-links li {
      margin-bottom: 12px;
      position: relative;
      padding-left: 20px;
  }
  
  .footer-links li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      background: #ecac51;
      border-radius: 50%;
  }
  
  .footer-link {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      text-decoration: none;
      transition: all 0.3s ease;
  }
  
  .footer-link:hover {
      color: #ecac51;
      padding-left: 5px;
  }
  
  .contact-info {
      display: flex;
      flex-direction: column;
      gap: 15px;
  }
  
  .contact-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
  }
  
  .contact-icon {
      color: #ecac51;
      font-size: 16px;
      margin-top: 2px;
      min-width: 16px;
  }
  
  .contact-text {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.5;
      margin-top: 8px;
  }
  
  .footer-bottom {
      padding: 30px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      position: relative;
      z-index: 2;
  }
  
  .copyright {
      text-align: center;
  }
  
  .copyright p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6);
      margin: 0;
  }
  .profile-bg:after {
      background: #ecac51;
      top: 0px;
      left: 144px;
      position: absolute;
      width: 20px;
      height: 20px;
      content: "";
      clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
  
  .testimonial-card:hover .profile-bg:after {
      background: var(--black-color);
  }
  
  /* Golden Glow Hover Effects for Cards */
  .team-card {
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
  }
  
  .team-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 15px 40px rgba(236, 172, 81, 0.25);
  }
  
  .team-card:hover::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(135deg, rgba(236, 172, 81, 0.1), transparent);
      z-index: 1;
      animation: cardGlow 1s ease-in-out;
  }
  
  @keyframes cardGlow {
      0% {
          opacity: 0;
          transform: scale(0.9);
      }
      50% {
          opacity: 1;
          transform: scale(1.02);
      }
      100% {
          opacity: 0.8;
          transform: scale(1);
      }
  }
  
  /* Golden Glow for Project Cards */
  .project-card {
      transition: all 0.4s ease;
      position: relative;
      /* overflow: hidden; */
      border-radius: 10px !important;
  }
  
  .project-card:hover {
      transform: translateY(-5px) scale(1.02);
      /* box-shadow: 0 12px 35px rgba(236, 172, 81, 0.3); */
  }
  
  .project-card:hover::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: radial-gradient(circle at center, rgba(236, 172, 81, 0.1) 0%, transparent 70%);
      animation: projectGlow 1.5s ease-in-out;
      z-index: 1;
  }
  
  @keyframes projectGlow {
      0% {
          opacity: 0;
          transform: scale(0.8);
      }
      50% {
          opacity: 1;
          transform: scale(1.1);
      }
      100% {
          opacity: 0;
          transform: scale(1.2);
      }
  }
  
  /* Services Details Layout Styles */
  .services-details-layout {
      padding: 60px 0;
      background: #ffffff;
      min-height: 80vh;
  }
  
  .services-layout-content {
      display: flex;
      gap: 40px;
      align-items: flex-start;
  }
  
  /* Services Sidebar */
  .services-sidebar {
      width: 300px;
      flex-shrink: 0;
      position: sticky;
      top: 100px;
  }
  
  .services-list-section {
      background: var(--primary-color);
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 30px;
  }
  
  .services-list-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: white;
      margin-bottom: 20px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  
  .services-list {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  .service-item {
      background: rgb(0 0 0);
      border-radius: 8px;
      margin-bottom: 8px;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      display: flex;
      padding: 10px;
      justify-content: space-between;
  }
  
  .service-item:hover {
      background: rgba(255, 255, 255, 0.2);
      transform: translateX(5px);
  }
  
  .service-item.active {
      background: #ecac51;
      transform: translateX(5px);
      border: 1px solid white;
  }
  
  .service-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* padding: 15px 20px; */
      color: white;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 15px;
      font-weight: 500;
      transition: all 0.3s ease;
  }
  
  .service-item:hover .service-link {
      color: white;
  }
  
  .service-arrow {
      font-size: 12px;
      transition: transform 0.3s ease;
  }
  
  .service-item:hover .service-arrow {
      transform: translateX(3px);
  }
  
  /* Contact Section */
  .contact-section {
      margin-top: 20px;
  }
  
  .contact-image {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  
  .contact-image img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      display: block;
  }
  
  .contact-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
      padding: 30px 20px 20px;
      color: white;
  }
  
  .contact-overlay h4 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: 15px;
      line-height: 1.3;
  }
  
  .contact-phone {
      display: flex;
      align-items: center;
      gap: 10px;
      background: var(--primary-color);
      color: white;
      padding: 12px 20px;
      border-radius: 25px;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      transition: all 0.3s ease;
      width: fit-content;
  }
  
  .contact-phone:hover {
      background: #b8941f;
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(236, 172, 81, 0.3);
      color: white;
  }
  
  .contact-phone i {
      font-size: 16px;
  }
  
  /* Main Content Area */
  .services-main-content {
      flex: 1;
      padding-left: 20px;
  }
  
  .service-hero-content {
      margin-bottom: 50px;
  }
  
  .service-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      /* margin-bottom: 20px; */
      line-height: 1.2;
  }
  
  .service-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 30px;
  }
  
  .service-image {
      margin-top: 30px;
  }
  
  .service-image img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-radius: 10px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  
  /* Service Information */
  .service-information {
      margin-top: 50px;
  }
  
  .info-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.8rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 25px;
      line-height: 1.3;
  }
  
  .info-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  
  .info-content p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin: 0;
  }
  
  
  /* Service Overview Section */
  .service-overview {
      padding: 80px 0;
      background-color: #ffffff;
  }
  
  .service-section-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      line-height: 1.2;
      margin-bottom: 25px;
  }
  
  .service-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 40px;
  }
  
  .service-highlights {
      display: flex;
      flex-direction: column;
      gap: 30px;
  }
  
  .highlight-item {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      padding: 25px;
      background: #f8f9fa;
      border-radius: 15px;
      transition: all 0.3s ease;
  }
  
  .highlight-item:hover {
      background: linear-gradient(135deg, rgba(236, 172, 81, 0.05), rgba(236, 172, 81, 0.1));
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(236, 172, 81, 0.2);
  }
  
  .highlight-icon {
      width: 60px;
      height: 60px;
      background: var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.3s ease;
  }
  
  .highlight-item:hover .highlight-icon {
      transform: scale(1.1) rotate(5deg);
      box-shadow: 0 8px 25px rgba(236, 172, 81, 0.4);
  }
  
  .highlight-icon i {
      color: white;
      font-size: 24px;
  }
  
  .highlight-content h4 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 10px;
  }
  
  .highlight-content p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin: 0;
  }
  
  /* Service Sidebar */
  .service-sidebar {
      position: sticky;
      top: 100px;
  }
  
  .sidebar-card {
      background: white;
      border-radius: 15px;
      padding: 30px;
      margin-bottom: 30px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      border: 1px solid #e9ecef;
  }
  
  .sidebar-card h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 15px;
  }
  
  .sidebar-card p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin-bottom: 20px;
  }
  
  .sidebar-btn {
      background: var(--primary-color);
      color: white;
      padding: 12px 25px;
      border-radius: 25px;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-block;
      width: 100%;
      text-align: center;
  }
  
  .sidebar-btn:hover {
      background: #2c2c2c;
      transform: translateY(-2px);
      box-shadow: 0 4px 15px rgba(236, 172, 81, 0.3);
  }
  
  .process-list {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  .process-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 0;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: #666;
      border-bottom: 1px solid #f0f0f0;
  }
  
  .process-list li:last-child {
      border-bottom: none;
  }
  
  .process-list li i {
      color: var(--primary-color);
      font-size: 12px;
  }
  
  /* Service Features Section */
  .service-features {
      padding: 80px 0;
      background-color: #f8f9fa;
  }
  
  .section-header {
      text-align: center;
      margin-bottom: 60px;
  }
  
  .section-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary-color);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }
  
  .section-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      line-height: 1.2;
      margin-bottom: 20px;
  }
  
  .section-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      max-width: 600px;
      margin: 0 auto;
  }
  
  .feature-card {
      background: white;
      border-radius: 15px;
      padding: 40px 30px;
      text-align: center;
      transition: all 0.3s ease;
      height: 100%;
      border: 1px solid #e9ecef;
  }
  
  .feature-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 40px rgba(236, 172, 81, 0.2);
      border-color: var(--primary-color);
  }
  
  .feature-card .feature-icon {
      width: 80px;
      height: 80px;
      background: var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 25px;
      transition: all 0.3s ease;
  }
  
  .feature-card:hover .feature-icon {
      transform: scale(1.1) rotate(5deg);
      box-shadow: 0 8px 25px rgba(236, 172, 81, 0.4);
  }
  
  .feature-card .feature-icon i {
      color: white;
      font-size: 32px;
  }
  
  .feature-card h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 15px;
  }
  
  .feature-card p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin: 0;
  }
  
  /* Service Process Section */
  .service-process {
      padding: 80px 0;
      background-color: #ffffff;
  }
  
  .process-timeline {
      position: relative;
      max-width: 800px;
      margin: 0 auto;
  }
  
  .process-timeline::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 2px;
      background: var(--primary-color);
      transform: translateX(-50%);
  }
  
  .process-step {
      display: flex;
      align-items: center;
      margin-bottom: 60px;
      position: relative;
  }
  
  .process-step:nth-child(even) {
      flex-direction: row-reverse;
  }
  
  .process-step:nth-child(even) .step-content {
      text-align: right;
      margin-right: 40px;
      margin-left: 0;
  }
  
  .step-number {
      width: 60px;
      height: 60px;
      background: var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.5rem;
      font-weight: bold;
      color: white;
      position: relative;
      z-index: 2;
      flex-shrink: 0;
  }
  
  .step-content {
      flex: 1;
      margin-left: 40px;
      background: white;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      border: 1px solid #e9ecef;
  }
  
  .step-content h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 15px;
  }
  
  .step-content p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin: 0;
  }
  
  /* Service Pricing Section */
  .service-pricing {
      padding: 80px 0;
      background-color: #f8f9fa;
  }
  
  .pricing-card {
      background: white;
      border-radius: 15px;
      padding: 40px 30px;
      text-align: center;
      transition: all 0.3s ease;
      height: 100%;
      border: 2px solid #e9ecef;
      position: relative;
  }
  
  .pricing-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 40px rgba(236, 172, 81, 0.2);
      border-color: var(--primary-color);
  }
  
  .pricing-card.featured {
      border-color: var(--primary-color);
      transform: scale(1.05);
  }
  
  .pricing-badge {
      position: absolute;
      top: -15px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--primary-color);
      color: white;
      padding: 8px 20px;
      border-radius: 20px;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  
  .pricing-header h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.5rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 15px;
  }
  
  .price {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: var(--primary-color);
      margin-bottom: 30px;
  }
  
  .pricing-features {
      list-style: none;
      padding: 0;
      margin: 0 0 30px 0;
  }
  
  .pricing-features li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 0;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: #666;
      border-bottom: 1px solid #f0f0f0;
  }
  
  .pricing-features li:last-child {
      border-bottom: none;
  }
  
  .pricing-features li i {
      color: var(--primary-color);
      font-size: 12px;
  }
  
  .pricing-btn {
      background: var(--primary-color);
      color: white;
      padding: 15px 30px;
      border-radius: 25px;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-block;
      width: 100%;
      text-align: center;
  }
  
  .pricing-btn:hover {
      background: #2c2c2c;
      transform: translateY(-2px);
      box-shadow: 0 4px 15px rgba(236, 172, 81, 0.3);
  }
  
  /* Related Services Section */
  .related-services {
      padding: 80px 0;
      background-color: #ffffff;
  }
  
  .related-service-card {
      background: white;
      border-radius: 15px;
      overflow: hidden;
      transition: all 0.3s ease;
      height: 100%;
      border: 1px solid #e9ecef;
  }
  
  .related-service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 40px rgba(236, 172, 81, 0.2);
  }
  
  .related-service-card .service-image {
      position: relative;
      overflow: hidden;
  }
  
  .related-service-card .service-image img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      transition: all 0.3s ease;
  }
  
  .related-service-card:hover .service-image img {
      transform: scale(1.1);
  }
  
  .related-service-card .service-content {
      padding: 25px;
  }
  
  .related-service-card .service-content h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 10px;
  }
  
  .related-service-card .service-content p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #666;
      margin-bottom: 15px;
  }
  
  .related-service-card .service-link {
      color: var(--primary-color);
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      transition: all 0.3s ease;
  }
  
  .related-service-card .service-link:hover {
      color: #2c2c2c;
  }
  
  .related-service-card .service-link i {
      margin-left: 5px;
      transition: transform 0.3s ease;
  }
  
  .related-service-card .service-link:hover i {
      transform: translateX(3px);
  }
  
  /* Service CTA Section */
  .service-cta {
      padding: 80px 0;
      background: linear-gradient(135deg, var(--primary-color) 0%, #b8941f 100%);
      text-align: center;
      color: white;
  }
  
  .cta-content h2 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      margin-bottom: 20px;
  }
  
  .cta-content p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 18px;
      margin-bottom: 40px;
      opacity: 0.9;
  }
  
  .cta-buttons {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
  }
  
  .cta-buttons .btn {
      padding: 15px 35px;
      border-radius: 25px;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
  }
  
  .cta-buttons .btn-primary {
      background: white;
      color: var(--primary-color);
      border: 2px solid white;
  }
  
  .cta-buttons .btn-primary:hover {
      background: transparent;
      color: white;
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
  }
  
  .cta-buttons .btn-secondary {
      background: transparent;
      color: white;
      border: 2px solid white;
  }
  
  .cta-buttons .btn-secondary:hover {
      background: white;
      color: var(--primary-color);
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
  }
  
  
  /* Project Details Page Styles */
  .project-hero {
      position: relative;
      height: 70vh;
      overflow: hidden;
  }
  
  .project-hero-image {
      width: 100%;
      height: 100%;
      position: relative;
  }
  
  .project-hero-image img {
      width: 100%;
      height: 600px;
      object-fit: cover;
      display: block;
  }
  
  .project-info-overlay {
      position: absolute;
      bottom: 40px;
      right: 40px;
      z-index: 10;
  }
  
  .project-info-card {
      background: rgb(235 174 87 / 8%);
      backdrop-filter: blur(10px);
      border-radius: 15px;
      padding: 30px;
      /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); */
      border: 1px solid rgba(255, 255, 255, 0.3);
      min-width: 300px;
      display: flex;
  }
  
  .project-info-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 0;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
  }
  
  .project-info-divider {
      height: 1px;
      background: #e9ecef;
      margin: 8px 0;
  }
  
  .info-label {
      font-size: 14px;
      font-weight: 600;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  
  .info-value {
      font-size: 16px;
      font-weight: 700;
      color: #2c2c2c;
      text-align: right;
  }
  
  /* Project Header */
  .project-header {
      padding: 40px 0;
      background: #ffffff;
      border-bottom: 1px solid #e9ecef;
  }
  
  .project-header-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 30px;
  }
  
  .project-title-section {
      flex: 1;
  }
  
  .project-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 15px;
      line-height: 1.2;
  }
  
  .project-breadcrumb {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
  }
  
  .project-breadcrumb a {
      color: #666;
      text-decoration: none;
      transition: color 0.3s ease;
  }
  
  .project-breadcrumb a:hover {
      color: var(--primary-color);
  }
  
  .project-breadcrumb .separator {
      color: #999;
      font-weight: 500;
  }
  
  .project-breadcrumb .current {
      color: var(--primary-color);
      font-weight: 600;
  }
  
  .project-social {
      display: flex;
      align-items: center;
      gap: 20px;
  }
  
  .social-share {
      display: flex;
      align-items: center;
      gap: 15px;
  }
  
  .share-label {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  
  .social-share-link {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.3s ease;
      font-size: 16px;
  }
  
  .social-share-link.linkedin {
      background: #0077b5;
      color: white;
  }
  
  .social-share-link.twitter {
      background: #1da1f2;
      color: white;
  }
  
  .social-share-link.facebook {
      background: #1877f2;
      color: white;
  }
  
  .social-share-link.more {
      background: #666;
      color: white;
  }
  
  .social-share-link:hover {
      transform: translateY(-3px) scale(1.1);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }
  
  /* Project Overview Section */
  .project-overview {
      padding: 80px 0;
      background: #ffffff;
  }
  
  .project-content {
      max-width: 800px;
      margin: 0 auto;
  }
  
  .section-title {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 30px;
      line-height: 1.2;
  }
  
  .overview-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  
  .overview-text {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin: 0;
  }
  
  /* Project Install Section */
  .project-install {
      padding: 80px 0;
      background: #f8f9fa;
  }
  
  .install-content {
      display: flex;
      align-items: flex-start;
      gap: 60px;
  }
  
  .install-text {
      flex: 2;
  }
  
  .install-description {
      margin-bottom: 40px;
  }
  
  .install-description p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 30px;
  }
  
  .wallpaper-types h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.5rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 25px;
  }
  
  .wallpaper-info {
      display: flex;
      flex-direction: column;
      gap: 30px;
  }
  
  .wallpaper-type h4,
  .wallpaper-specs h4 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.2rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 15px;
  }
  
  .wallpaper-features,
  .specs-list {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  .wallpaper-features li,
  .specs-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px 0;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: #666;
      border-bottom: 1px solid #f0f0f0;
  }
  
  .wallpaper-features li:last-child,
  .specs-list li:last-child {
      border-bottom: none;
  }
  
  .wallpaper-features li i,
  .specs-list li i {
      color: var(--primary-color);
      font-size: 12px;
      width: 16px;
      text-align: center;
  }
  
  .install-image {
      flex: 1;
      text-align: center;
  }
  
  .install-image img {
      max-width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  
  /* Project Challenge Section */
  .project-challenge {
      padding: 80px 0;
      background: #ffffff;
  }
  
  .challenge-content {
      max-width: 800px;
      margin: 0 auto;
  }
  
  .challenge-text p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin: 0;
  }
  
  /* Project Completed Section */
  .project-completed {
      padding: 80px 0;
      background: #f8f9fa;
  }
  
  .completed-content {
      max-width: 1200px;
      margin: 0 auto;
  }
  
  .completed-text {
      margin-bottom: 60px;
  }
  
  .completed-text p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #666;
      margin: 0;
  }
  
  .project-gallery {
      margin-top: 60px;
  }
  
  .gallery-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
  }
  
  .gallery-item {
      position: relative;
      overflow: hidden;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
  }
  
  .gallery-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  }
  
  .gallery-item img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      transition: all 0.3s ease;
  }
  
  .gallery-item:hover img {
      transform: scale(1.1);
  }
  
  /* Related Projects Section */
  .related-projects {
      padding: 80px 0;
      background: #efefef;
  }
  
  .section-header {
      text-align: center;
      margin-bottom: 60px;
  }
  
  .section-description {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 16px;
      color: #666;
      margin-top: 15px;
  }
  
  .related-projects-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
  }
  
  .related-project-card {
      background: white;
      border-radius: 15px;
      overflow: hidden;
      transition: all 0.3s ease;
      border: 1px solid #e9ecef;
      height: 100%;
  }
  
  .related-project-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 40px rgba(236, 172, 81, 0.2);
      border-color: var(--primary-color);
  }
  
  .related-project-card .project-image {
      position: relative;
      overflow: hidden;
      height: 260px;
  }
  
  .related-project-card .project-image img {
      width: 100%;
      height: 289px;
      object-fit: cover;
      transition: all 0.3s ease;
  }
  
  .related-project-card:hover .project-image img {
      transform: scale(1.1);
  }
  
  .related-project-card .project-info {
      padding: 25px;
  }
  
  .related-project-card .project-info h3 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 1.3rem;
      font-weight: bold;
      color: #2c2c2c;
      margin-bottom: 10px;
  }
  
  .related-project-card .project-info p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 14px;
      color: #666;
      margin-bottom: 15px;
  }
  
  .related-project-card .project-link {
      color: #ffffff;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 15px;
      font-weight: 600;
      transition: all 0.3s ease;
  }
  
  .related-project-card .project-link:hover {
      color: #2c2c2c;
  }
  
  /* Project CTA Section */
  .project-cta {
      padding: 80px 0;
      background: linear-gradient(135deg, var(--primary-color) 0%, #b8941f 100%);
      text-align: center;
      color: white;
  }
  
  .project-cta .cta-content h2 {
      font-family: 'AlbraGroteskTRIAL', 'AccoladeSerial', sans-serif;
      font-size: 2.5rem;
      font-weight: bold;
      margin-bottom: 20px;
  }
  
  .project-cta .cta-content p {
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-size: 18px;
      margin-bottom: 40px;
      opacity: 0.9;
  }
  
  .project-cta .cta-buttons {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
  }
  
  .project-cta .cta-buttons .btn {
      padding: 15px 35px;
      border-radius: 25px;
      text-decoration: none;
      font-family: 'AllenoireFreePersonal', 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
  }
  
  .project-cta .cta-buttons .btn-primary {
      background: white;
      color: var(--primary-color);
      border: 2px solid white;
  }
  
  .project-cta .cta-buttons .btn-primary:hover {
      background: transparent;
      color: white;
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
  }
  
  .project-cta .cta-buttons .btn-secondary {
      background: transparent;
      color: white;
      border: 2px solid white;
  }
  
  .project-cta .cta-buttons .btn-secondary:hover {
      background: white;
      color: var(--primary-color);
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
  }
  
  
  /* Contact Page Styles */
  .contact-section {
      padding: 10px 0;
      background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
      min-height: 80vh;
  }
  
  .contact-header {
      text-align: center;
      margin-bottom: 60px;
  }
  
  .contact-header h1 {
      font-size: 48px;
      font-weight: 700;
      color: var(--secondary-color);
      margin-bottom: 20px;
      position: relative;
  }
  
  .contact-header h1::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 4px;
      background: var(--primary-color);
      border-radius: 2px;
  }
  
  .contact-header p {
      font-size: 18px;
      color: #666;
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.6;
  }
  
  /* Contact Form Styles */
  .contact-form {
      /* background: var(--white-color); */
      /* padding: 40px; */
      /* border-radius: 15px; */
      /* box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); */
      /* position: relative; */
      /* overflow: hidden; */
  }
  
  .contact-form::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--primary-color), #ffd700);
  }
  
  .contact-form h3 {
      font-size: 28px;
      font-weight: 600;
      color: var(--secondary-color);
      margin-bottom: 30px;
      text-align: center;
  }
  
  .form-group {
      margin-bottom: 25px;
      position: relative;
  }
  
  .form-group input,
  .form-group textarea {
      width: 100%;
      padding: 8px 20px;
      border: 2px solid #e9ecef;
      border-radius: 10px;
      font-size: 16px;
      font-family: 'Poppins', sans-serif;
      transition: all 0.3s ease;
      background: #f8f9fa;
  }
  
  .form-group input:focus,
  .form-group textarea:focus {
      outline: none;
      border-color: var(--primary-color);
      background: var(--white-color);
      box-shadow: 0 0 0 3px rgba(236, 172, 81, 0.1);
      transform: translateY(-2px);
  }
  
  .form-group input::placeholder,
  .form-group textarea::placeholder {
      color: #999;
      font-weight: 400;
  }
  
  .form-group textarea {
      resize: vertical;
      min-height: 120px;
  }
  
  /* Contact Form Button */
  /* .btn {
      display: inline-block;
      padding: 15px 35px;
      border: none;
      border-radius: 50px;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  
  .btn-primary {
      background: var(--primary-color);
      color: var(--white-color);
      width: 100%;
      margin-top: 10px;
  }
  
  .btn-primary:hover {
      background: #d4a047;
      transform: translateY(-3px);
      box-shadow: 0 10px 25px rgba(236, 172, 81, 0.4);
  }
  
  .btn-primary::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: left 0.5s ease;
  }
  
  .btn-primary:hover::before {
      left: 100%;
  } */
  
  /* What We Do Section - Simple Non-Responsive CSS */
  .what-we-do-section {
      padding: 80px 0;
      background: var(--white-color);
  }
  
  .what-we-do-section .container {
      display: flex;
      align-items: center;
      gap: 60px;
/*       max-width: 1200px; */
      margin: 0 auto;
      padding: 0 20px;
  }
  
  .what-we-do-content {
      flex: 1;
  }
  
  .what-we-do-content .section-label {
      color: var(--primary-color);
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }
  
  .what-we-do-content .section-title {
      font-size: 36px;
      font-weight: 700;
      color: var(--secondary-color);
      margin-bottom: 20px;
      line-height: 1.2;
  }
  
  .what-we-do-content .section-description {
      font-size: 16px;
      color: #666;
      line-height: 1.6;
      margin-bottom: 40px;
  }
  
  .features-list {
      display: flex;
      flex-direction: column;
      gap: 30px;
  }
  
  .feature-item {
      /* display: flex; */
      align-items: flex-start;
      /* gap: 20px; */
      transition: all 0.3s ease;
      /* padding: 15px; */
      border-radius: 10px;
      position: relative;
      overflow: hidden;
  }
  
  .feature-item:hover {
      transform: translateY(-5px);
      /* background: linear-gradient(135deg, rgba(236, 172, 81, 0.05), rgba(236, 172, 81, 0.1)); */
      /* box-shadow: 0 10px 30px rgba(236, 172, 81, 0.2); */
  }
  
  .feature-item:hover::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* background: linear-gradient(45deg, transparent, rgba(236, 172, 81, 0.1), transparent); */
      animation: featureGlow 1.2s ease-in-out;
      z-index: -1;
  }
  
  @keyframes featureGlow {
      0% {
          opacity: 0;
          transform: translateX(-100%);
      }
      50% {
          opacity: 1;
      }
      100% {
          opacity: 0;
          transform: translateX(100%);
      }
  }
  
  .feature-icon {
      width: 50px;
      height: 50px;
      background: var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
  }
  
  .feature-item:hover .feature-icon {
      /* transform: scale(1.1) rotate(5deg); */
      box-shadow: 0 8px 25px rgba(236, 172, 81, 0.4);
  }
  
  .feature-item:hover .feature-icon::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
      animation: iconGlow 0.8s ease-in-out;
  }
  
  @keyframes iconGlow {
      0% {
          transform: scale(0) rotate(0deg);
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
      100% {
          transform: scale(1) rotate(180deg);
          opacity: 0;
      }
  }
  
  .feature-icon i {
      color: var(--white-color);
      font-size: 20px;
  }
  
  .feature-content h4 {
      font-size: 18px;
      font-weight: 600;
      color: var(--secondary-color);
      margin-bottom: 8px;
  }
  
  .feature-content p {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
  }
  
  .what-we-do-image {
      flex: 1;
      text-align: center;
      height: 500px;
  }
  
  .what-we-do-image img {
      max-width: 100%;
      height: 500px;
      border-radius: 10px;
      object-fit: cover;
  }
  
  /* Statistics Section - Simple Non-Responsive CSS */
  .stats-section {
      padding: 60px 0;
      background: var(--primary-color);
  }
  
  .stats-section .container {
      /* display: flex; */
      /* justify-content: space-around; */
      /*       max-width: 1200px; */
      /* margin: 0 auto; */
      /* padding: 0 20px; */
  }
  
  .stat-item {
      text-align: center;
      color: var(--white-color);
  }
  
  .stat-number {
      font-size: 58px;
      font-weight: 700;
      margin-bottom: 0px;
      display: block;
  }
  
  .stat-label {
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1px;
  }
  
  /* About Us Banner Section */
  .about-banner {
      background: #2c2c2c;
      padding: 80px 0;
      position: relative;
      overflow: hidden;
  }
  
  .about-banner .container {
/*       max-width: 1200px; */
      margin: 0 auto;
      padding: 0 20px;
  }
  
  .banner-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
  }
  
  .banner-text {
      flex: 1;
      z-index: 2;
      position: relative;
  }
  
  .banner-title {
      font-size: 48px;
      font-weight: 700;
      color: var(--white-color);
      margin-bottom: 20px;
      line-height: 1.2;
  }
  
  .breadcrumb {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 16px;
  }
  
  .breadcrumb a {
      color: var(--white-color);
      text-decoration: none;
      transition: color 0.3s ease;
  }
  
  .breadcrumb a:hover {
      color: var(--primary-color);
  }
  
  .breadcrumb .separator {
      color: var(--white-color);
      font-weight: 500;
  }
  
  .breadcrumb .current {
      color: var(--primary-color);
      font-weight: 600;
  }
  
  .banner-image {
      flex: 1;
      text-align: right;
      position: relative;
      z-index: 1;
  }
  
  .banner-image img {
      max-width: 100%;
      height: auto;
      max-height: 300px;
      object-fit: cover;
      border-radius: 10px;
      opacity: 0.9;
      transition: all 0.4s ease;
  }
  
  .banner-image:hover img {
      opacity: 1;
      transform: scale(1.02);
      box-shadow: 0 15px 35px rgba(236, 172, 81, 0.3);
      filter: brightness(1.1) contrast(1.05);
  }
  
  .what-we-do-content .feature-item {
      display: flex;
      gap: 10px;
  }
  .trusted-companies-content {
      border: 2px solid #ebcea4;
      padding: 10px;
      margin-bottom: 30px;
      border-radius: 10px;
  }
  
  .trusted-text {
      border-right: 2px solid #ebcea4;
  }
  .trusted-text h3 {
      font-size: 24px;  
      margin-bottom: 0px;
  }
  
  .trusted-text{
    margin-top :30px;
  }
  .project-content {
      position: absolute;
      bottom: 2%;
      background: #ffffff;
      width: 96%;
      left: 2%;
      padding: 20px;
      border-radius: 10px;
      z-index: 99;
  }
  a.project-link {
      padding: 10px 20px;
      background: #ecac51;
      color: white;
      border-radius: 20px;
      font-size: 13px;
  }

  /* Contact Page Styles */
  .contact-hero {
      background: #f5f3f0;
      /* padding: 80px 0; */
      position: relative;
      overflow: hidden;
  }

  .contact-hero::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 40%;
      height: 100%;
      background: linear-gradient(135deg, #e8e0d6 0%, #f0ebe5 100%);
      border-radius: 0 0 0 50px;
      z-index: 1;
  }

  .contact-hero-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
      position: relative;
      z-index: 2;
  }

  .contact-info-panel {
      position: relative;
  }

  .contact-decorative-circle {
      width: 20px;
      height: 20px;
      background: #d4af37;
      border-radius: 50%;
      margin-bottom: 30px;
  }

  .contact-card {
      background: #f5f3f0;
      border-radius: 15px;
      padding: 25px;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 20px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
  }

  .contact-card:hover {
      transform: translateY(-5px);
  }

  .contact-card-icon {
      width: 50px;
      height: 50px;
      background: #ecac51;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #8b6914;
      font-size: 18px;
      flex-shrink: 0;
  }

  .contact-card-content h4 {
      font-size: 16px;
      font-weight: 700;
      color: #333;
      margin-bottom: 8px;
  }

  .contact-card-content p {
      font-size: 14px;
      color: #666;
      margin: 2px 0;
      line-height: 1.4;
  }

  .contact-form-panel {
      position: relative;
  }

  .contact-form-background {
      /* background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), 
                  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 600"><rect width="400" height="600" fill="%23f0f0f0"/><circle cx="100" cy="150" r="30" fill="%23ddd"/><circle cx="300" cy="200" r="25" fill="%23ccc"/><rect x="50" y="300" width="80" height="40" fill="%23ddd"/><rect x="200" y="350" width="60" height="30" fill="%23ccc"/></svg>'); */
      background-size: cover;
      background-position: center;
      border-radius: 20px;
      height: 800px;
      position: relative;
      overflow: hidden;
  }

  .contact-form-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%;
      max-width: 400px;
  }

  .contact-form {
      background: white;
      padding: 40px 40px 6px 40px;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
      width: 100%;
      height: auto;
  }

  .form-group {
      margin-bottom: 20px;
  }

  .form-input,
  .form-textarea {
      width: 100%;
      padding: 15px;
      border: 2px solid #e0e0e0;
      border-radius: 8px;
      font-size: 14px;
      transition: border-color 0.3s ease;
      box-sizing: border-box;
  }

  .form-input:focus,
  .form-textarea:focus {
      outline: none;
      border-color: #d4af37;
  }

  .form-textarea {
      resize: vertical;
      min-height: 100px;
  }

  .send-message-btn {
      background: #ecac51;
      color: white;
      border: none;
      padding: 15px 30px;
      border-radius: 25px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.3s ease;
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 0 auto;
  }

  .send-message-btn:hover {
      background: #b8941f;
  }

  .contact-map {
      height: 400px;
      background: linear-gradient(135deg, #8b7355 0%, #a0956b 100%);
      position: relative;
      overflow: hidden;
  }

  .map-container {
      width: 100%;
      height: 100%;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400"><rect width="800" height="400" fill="%23f4f1e8"/><path d="M100,100 L200,80 L300,120 L400,90 L500,110 L600,85 L700,105 L750,95 L780,100" stroke="%23d4af37" stroke-width="2" fill="none"/><circle cx="400" cy="200" r="8" fill="%23333"/><circle cx="400" cy="200" r="3" fill="white"/></svg>');
      background-size: cover;
      background-position: center;
      position: relative;
      filter: sepia(0.3) contrast(1.1);
  }

  .map-pin {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      background: #333;
      border-radius: 50% 50% 50% 0;
      transform: translate(-50%, -50%) rotate(-45deg);
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .map-pin i {
      color: white;
      font-size: 12px;
      transform: rotate(45deg);
  }

  li.service-item i {
    background: #ecac51;
    color: white;
    width: 30px;
    height: 30px;
    padding: 10px;
    border-radius: 50%;
}

.service-item.active a.service-link {  
    color: white;  
}
.service-item.active i{
    background: black;
    color: white;
}
ul.dropdown-menu {
    /* display: none !important; */
}

.top-bar-content .contact-item i {
    background-color: var(--primary-color);
    color: white;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.3s ease;
    padding: 12px;
}
.top-bar-content .social-link{
    width: 28px !important;
    height: 28px !important;
     font-size: 14px;
}

.guest-form {
    background: #04677c2b;
    padding: 10px 16px;
    position: sticky;
    top: 90px;
}
.guest-form input {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    border-radius: 4px;
}
.guest-form h4 {
    font-size: 32px;
    color: var(--secondary-color);
    text-align: center;
    margin: 20px;
    font-weight: 600;
}
.guest-form textarea {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    border-radius: 4px;
}
.guest-form input[type="submit"] {
    color: #fff;
    background: var(--primary-color);
    border: 2px solid #d2f2ee;
    font-size: 21px;
    padding: 7px 2px;
    cursor: pointer;
    transition: .2s;
}
.service-content p{
    color: white; 
}

.projects-slider img {
    width: 100%;
    height: 500px;
}

/* ------------------------------------08.10.2025-------------------------------------- */
footer.footer-section ul li a {
    color: #ffffff;
}

footer.footer-section ul li a:hover{
	color: #ecac51;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.subscribe-btn {
    position: absolute;
    top: 23px;
}

.input-wrapper i {
    position: absolute;
    top: 43px;
}
span.my-class {
    color: #2e87c1 !important;
    font-size: 40px !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.send-message-btn {
    background: #ecac51;
}
.modal-dialog {
    margin-top: 70px;
}
button.btn.btn-primary-two {
    display: none;
}

/* RESPONSIVE QUERY______ */

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1140px) {

.contact-item span {
    display: none;
}
	
}

@media only screen and (max-width: 1024px) {
	.hero-description{
		margin-bottom: 10px;
	}
	.slide-content {   
    padding: 82px 0px;
}
}

@media only screen and (max-width: 991px) {
nav.navbar-menu {
    display: none;
}
	button.btn.btn-primary-two {
    display: block;
}
button.btn.btn-primary-two {
    background: #000000;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    padding: 0px !important;
    border-radius: 4px;
    font-size: 25px !important;
}
	  h1 { font-size: 36px !important; }
    h2 { font-size: 32px !important; }
    h3 { font-size: 28px !important; }
    h4 { font-size: 24px !important }
    h5 { font-size: 20px !important; }
    h6 { font-size: 16px !important; }
    p { font-size: 16px !important; }   

.feature-item {
    margin-bottom: 24px;
    text-align: center;
}
.about-content {
    display: block;   
}
.main-image {
    margin-bottom: 20px;
}
.navbar-cta.float-end {
    display: none;
}
.projects-image-slider {
    margin-top: 60px;
}
.team-section {  
    height: auto;  
	  margin-bottom: 0px;
}
.team-card {
    margin-bottom: 24px;
}
.trusted-companies-content {
    border: 2px solid #ffffff; 
	  
}
.contact-info {
       flex-direction: row;
    gap: 15px;
}
nav.navbar-menu-my ul {
    display: grid;
}
.contact-hero-content {
    display: block;  
}
.contact-form-overlay {  
    max-width: 100%;
}
.contact-form-background {   
    height: 584px;  
}
.contact-hero::before{
	display: none
}
.contact-hero { 
    padding: 60px 0 !important;   
}
.stat-item {
    text-align: center;
    color: var(--white-color);
    border: 1px solid #f3f3f3;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.what-we-do-section .container {
    display: block;
}
.feature-content {
    text-align: left;
}
.what-we-do-content .feature-item {
    margin: 0;
}
.what-we-do-image {
    margin-top: 20px;
}
.services-layout-content {
    display: block;   
}
  .services-sidebar {     
      width: 100%;
  }
.services-sidebar {
    width: 300px;
    flex-shrink: 0;
    position: relative;
    top: 0px;
}
.row.my-class {  
    flex-direction: column-reverse;
}
.services-list-section {   
    margin-top: 40px;
}
}
@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 840px) {

}


@media only screen and (max-width: 800px) {

}


@media only screen and (max-width: 768px) {
.social-media-section {
    display: none;
}
	.main-image {
    width: 100%;
    height: 300px;
}
	.slide-content p{
		margin: 0px;
	}
	
}

@media only screen and (max-width: 767px) {
	.feature-inner-circle {  
    margin: auto;
}
	.features-grid {
    display: block;}
	.feature-box .feature-title {  
    margin-top: 20px;
}
	h3.service-title {
    font-size: 22px !important;
    color: #ffffff;
    /* font-family: 'AccoladeSerial'; */
}
	.testimonials-section {
    padding: 32px 0;    
}
	.footer-top {
    display: none;
}
	.footer-links li {
    margin-bottom: 2px;  
}
	.footer-main {
    padding: 26px 0 18px;  
}
	
	h2 { font-size: 28px !important; }
    h3 { font-size: 24px !important; }
    h4 { font-size: 20px !important }
    h5 { font-size: 18px !important; }
    h6 { font-size: 16px !important; }
    p { font-size: 15px !important; }  
	
	.profile-image {
    width: 60px;
    height: 60px;   
}
	.profile-bg {   
    padding: 16px;
}
	.profile-bg:after{
		display: none
	}
	.testimonials-swiper .testimonial-card {
    width: 96%;
    margin-top: 11px;
}
.hero-slider {    
    user-select: none;
}
.features-section {
    padding: 40px 0 20px;
    background-color: #f8f9fa;
}
}
@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 600px) {
  h1 { font-size: 28px !important; }
    h2 { font-size: 28px !important; }
	.slide-content {   
    padding: 81px 0px;
}
.what-we-do-image img {   
    height: 300px;
}
	.what-we-do-image {
    flex: 1;
    text-align: center;
    height: 300px;
}
.btn-primary {
    background-color: var(--primary-color) !important;
    color: white;
    border: 2px solid var(--primary-color);
}
.btn {
    padding: 8px 20px !important;   
    font-size: 15px !important;    
}
	.hero-description {    
      width: 100%;    
  }
}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 360px) {

}


@media only screen and (max-width: 320px) {

}
.navbar {
    position: sticky;
    top: 0;
}