*{
	  padding: 0px;
	  margin: 0px;
  }
  body {
          font-family: "Montserrat", sans-serif;
          line-height: 1.6;
    }
    
  /* search css Styles */
  
   /* Full Screen Search Overlay */
        .search-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #522b91;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            padding: 60px 0px;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .search-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Close Button */
			.close-btn {
			position: absolute;
			top: 70px;
			right: 18%;
			width: 40px;
			height: 40px;
			background: transparent;
			border: none;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: transform 0.3s ease;
			    z-index: 10;
		}

        .close-btn:hover {
            transform: rotate(90deg);
        }

        .close-btn svg {
            width: 24px;
            height: 24px;
            stroke: #fff;
        }

        /* Search Content */
        .search-content {
            max-width: 1200px;
            width: 90%;
            margin: 0 auto;
            padding-top: 40px;
			position: relative;
        }

       .search-title {
			color: #fff;
			font-size: 26px;
			font-weight: 600;
			margin-bottom: 30px;
		}

        /* Search Input Row */
        .search-input-row {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 0px;
        }

        /* Search Input Container */
        .search-input-container {
            position: relative;
            flex: 1;
        }

        .search-input {
            width: 100%;
            padding: 16px 30px 16px 20px;
            font-size: 16px;
            border: none;
            border-radius: 8px;
            background: #fff;
            color: #333;
            outline: none;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }

        .search-input::placeholder {
            color: #90a4ae;
        }

        /* Clear Button */
        .clear-btn {
            position: absolute;
            right: 17px;
            top: 50%;
            transform: translateY(-50%);
            display: none;
            align-items: center;
            gap: 4px;
            padding: 6px 12px;
            background: #f0f0f0;
            border: none;
            border-radius: 20px;
            cursor: pointer;
            font-size: 13px;
            color: #666;
            transition: all 0.2s ease;
        }

        .clear-btn:hover {
            background: #e0e0e0;
        }

        .clear-btn.visible {
            display: flex;
        }

        .clear-btn svg {
            width: 14px;
            height: 14px;
            stroke: #666;
            stroke-width: 2;
        }

        /* Search Submit Button */
			.search-submit {
			width: 40px;
			height: 40px;
			background: #522b91;
			border: none;
			border-radius: 50%;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: transform 0.2s ease, background 0.2s ease;
			flex-shrink: 0;
			z-index: 10;
			position: relative;
			right: 6px;
		}

        .search-submit:hover {
            transform: scale(1.05);
            background: #522b91;
        }

        .search-submit svg {
            width: 20px;
            height: 20px;
            stroke: #ffffff;
            stroke-width: 2.5;
        }

        /* Search Suggestions Dropdown */
       .search-suggestions {
			background: #fff;
			border-radius: 8px;
			max-height: 400px;
			overflow-y: auto;
			opacity: 0;
			visibility: hidden;
			transform: translateY(-10px);
			transition: all 0.3s ease;
			position: absolute;
			width: 100%;
			z-index: 100;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			margin-top: -5px;
		}

        .search-suggestions.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .suggestion-item {
            padding: 16px 20px;
            cursor: pointer;
            border-bottom: 1px solid #f0f0f0;
            transition: background 0.2s ease;
            color: #333;
            font-size: 15px;
            line-height: 1.4;
        }

        .suggestion-item:last-child {
            border-bottom: none;
        }

        .suggestion-item:hover,
        .suggestion-item.highlighted {
            background: #f8f9fa;
        }

        /* No Results */
        .no-results {
            padding: 30px 20px;
            text-align: center;
            color: #666;
        }

        /* Trending Searches */
        .trending-searches {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 30px;
        }

        .trending-label {
			color: rgba(255,255,255,0.7);
			font-size: 20px;
			margin-right: 10px;
			font-weight: 500;
		}

        .trending-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #4be484;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            padding: 8px 0;
            border-bottom: 2px solid #4be484;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .trending-tag:hover {
            color: #fff;
            border-bottom-color: #fff;
            transform: translateX(3px);
        }

        .trending-tag svg {
            width: 14px;
            height: 14px;
            stroke: currentColor;
            stroke-width: 2;
        }

        /* Animation for overlay content - only when active */
        .search-overlay.active .search-title,
        .search-overlay.active .search-input-row,
        .search-overlay.active .search-suggestions,
        .search-overlay.active .trending-searches {
            animation: slideUp 0.5s ease forwards;
            opacity: 0;
            transform: translateY(20px);
        }

        .search-overlay.active .search-title {
            animation-delay: 0.1s;
        }

        .search-overlay.active .search-input-row {
            animation-delay: 0.2s;
        }

        .search-overlay.active .search-suggestions {
            animation-delay: 0.3s;
        }

        .search-overlay.active .trending-searches {
            animation-delay: 0.4s;
        }

        @keyframes slideUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
           
@media (max-width: 767px) {
.search-title {
    font-size: 20px;
}

.trending-label{
font-size: 18px;
}

.close-btn{
    top: 30px;
    right: 8%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px)  {
.search-content{
      width: 80%;
}

.close-btn{
    top: 55px;
    right: 10%;
}

.advanages-thumbnail {
           width: 100% !important;
}

.advanages-thumbnail img {
           width: 100% !important;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px)  {
.search-content{
      width: 80%;
}

.close-btn{
     top: 60px;
    right: 10%;
}
}
      
      
    /* End search css Styles */
    
    
    
  /* Navigation Styles */
  
   /* mobile menu css Header */
        .mobile-menu-header {
            padding: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 100;
			display: none;
        }

  .menu-trigger {
			 background: transparent;
			color: #000000;
			border: none;
			padding: 8px 12px;
			border-radius: 4px;
			font-size: 16px;
			cursor: pointer;
			font-weight: 500;
		}

        /* Mobile Menu Overlay */
         .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 1000;
        }

        .mobile-menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Mobile Menu Panel */
         .mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            max-width:100%;
            height: 100%;
            background: #fff;
            transform: translateX(-100%);
            transition: transform 0.3s ease;
            z-index: 1001;
            overflow: hidden;
        }

        .mobile-menu.active {
            transform: translateX(0);
        }

        /* Menu Container with sliding levels */
        .menu-container {
            position: relative;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        .menu-level {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            transition: transform 0.3s ease;
            overflow-y: auto;
            padding-bottom: 80px;
        }
		
	.menu-level a {
			color: #522b91 !important;
		}
		
		.menu-level a:hover{
		 color: #32b563 !important;
		}

        .menu-level-1 {
            transform: translateX(0);
        }

        .menu-level-1.slide-out {
            transform: translateX(-30%);
        }

        .menu-level-2 {
            transform: translateX(100%);
            box-shadow: -2px 0 8px rgba(0,0,0,0.05);
        }

        .menu-level-2.active {
            transform: translateX(0);
        }

        /* Back Header */
        .menu-back-header {
            display: flex;
            align-items: center;
            padding: 16px;
            border-bottom: 1px solid #e5e5e5;
            background: #fff;
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .back-btn {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #666;
            font-size: 16px;
            cursor: pointer;
            background: none;
            border: none;
            padding: 4px 0;
            font-weight: 400;
        }

        .back-btn:hover {
            color: #0d7377;
        }

        .back-arrow {
            font-size: 18px;
            line-height: 1;
        }

        .current-title {
            color: #999;
            margin-left: 12px;
            padding-left: 12px;
            border-left: 1px solid #ddd;
            font-size: 16px;
            font-weight: 500;
        }

        /* Menu Items */
        .monile-menucontainer  .menu-list {
            list-style: none;
            padding: 8px 0;
        }

        .monile-menucontainer  .menu-item {
            border-bottom: 1px solid #e5e5e5;
        }

        .monile-menucontainer  .menu-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 20px;
            color: #010000;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: background 0.2s ease;
            cursor: pointer;
        }

        .monile-menucontainer  .menu-link:hover {
            background: #f8fafa;
        }

         .monile-menucontainer .menu-link.simple {
            cursor: pointer;
        }

         .monile-menucontainer .chevron {
            width: 20px;
            height: 20px;
            opacity: 0.6;
            transition: transform 0.2s ease;
        }

         .monile-menucontainer .menu-link:hover .chevron {
            transform: translateX(2px);
            opacity: 1;
        }

        /* Close Button (X) */
         .menu-close {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 32px;
            height: 32px;
            background: none;
            border: none;
            cursor: pointer;
            z-index: 1002;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 24px;
            line-height: 1;
        }

        .monile-menucontainer  .menu-close:hover {
            color: #333;
        }

        /* First level specific padding to avoid close button overlap */
         .monile-menucontainer .menu-level-1 > .menu-list {
            margin-top: 40px;
        }

        /* Demo content */
         .monile-menucontainer .mobile-menu-header {
            padding: 40px 20px;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
            color: #333;
        }

        h1 {
            margin-bottom: 16px;
            color: #0d7377;
        }

        /* Animation for smooth height */
        @media (prefers-reduced-motion: reduce) {
            .mobile-menu,
            .menu-level,
            .mobile-menu-overlay {
                transition: none;
            }
        }
		
		 /* emd mobile menu css Header */
		 
		  /* boder animation css */
		  
		  .border-animation {
              position: relative;
             
            }
            
            .animate-wrapper{
             overflow: hidden;
            }
            
            .border-animation::before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              height: 1px;
              width: var(--w, 40%);
              background: #9ace6f;
               transition: width 0.1s linear;
            }
            
            .border-animation.fill::before {
              width: 100%;
            }
		  
		   /* emd boder animation */
  
  
  
  header{
	position: absolute;
    width: 100%;
    top: 0;
	z-index: 100;
	
  }
     nav {
		
		width: 100%;
			
		}
		
		header.sticky {
			background-color: #fff;
			padding-top: 6px;
			padding-bottom: 6px;
			position: fixed;
		}

  

        .logo {
             color: #2563eb;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .logo:hover {
            color: #1d4ed8;
        }
		
		.main-navbar{
			position: relative;
			    padding-top: 10px;
		}
		
		.main-navbar:before{
			   background-color:#fff;
				content: "";
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: -18.5rem;
				transition: top .3s ease-in-out;
				width: 100%;
				z-index: -2;
		}
		
		header:hover .main-navbar:before {
			top: 0;
		}

        /* Desktop Navigation */
       /* ================= MENU ================= */
/* NAVBAR */

.search-icon {
    margin-left: 20px;
}

.search-icon span {
    display: inline-block;
    cursor: pointer;
    line-height: normal;
}

.nav-container{
	max-width: 1650px;
	margin: 0px auto;
}

.nav-menu {
    display: flex;
    justify-content: end;
    width: 100%;
    align-items: center;
}

.submenu-list {
    display: block !important;
}

.submenu-list a{
	font-size: 16px;
}

.submenu-list li{
	display: block;
	padding: 7px 15px;
}

.nav-caret-right{
	position: relative;
	margin-left: 5px;
}

.nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
    gap: 38px;
}

.nav-menu ul {
  display: flex;
  list-style: none;
  gap: 40px;
}


.down-cret{
	 position: relative;
    margin-left: 3px;
    top: -1px;
}

.nav-menu a {
     text-decoration: none;
    color: #010000;
    font-weight: 500;
    font-size: 14px;
    transition: color 0.3s ease;
    position: relative;
}

.nav-menu a:hover{
	    color: #7039c2;
}

.nav-actions {
  display: flex;
  gap: 15px;
}

.icon-btn {
    background: #E5E7EB;
    font-size: 18px;
    border: 1px solid #ccccccb8;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.call-btn {
    text-decoration: none;
    color: #0bc352 !important;
    font-weight: 500 !important;
    display: flex;
    align-items: center;
    border: 1px solid #0bc352;
    padding: 0px 16px;
    border-radius: 8px;
    height: 42px;
}

/* HAMBURGER */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.hamburger span {
  width: 25px;
  height: 3px;
  background: #000;
}


.nav-menu ul .nav-item{
	padding: 28px 0px;
}

.nav-menu ul .nav-item a{
	position: relative;
}

.nav-menu ul .nav-item .menu-link:after {
    content: "";
    width: 0;
    height: 2px;
       background-color: #7039c2;
    position: absolute;
    bottom: -5px;
    left: 0;
	transition: width 0.7s ease-in-out;
}

.nav-menu ul .nav-item .menu-link:hover:after{
	width: 100%;
}


/* MEGA MENU (DESKTOP) */
.mega-menu {
    position: absolute;
    top: 96%;
    left: 0;
    right: 0;
    background: #ffffff;
    padding: 40px 0px;
	 height: 0px;
	overflow: hidden;
	z-index: -20;
	visibility: hidden;
    width: 100%;
	transition: height .4s ease-in-out;
	border-top: 1px solid #ebebeb;
}

.nav-item:hover > .mega-menu {
  display: block;
  top: 96%;
  z-index: -1;
 visibility: visible;
 height: 400%;

}

.mega-inner {
  max-width: 1650px;
  margin: auto;
}

.two-col {
  display: flex;
}

/* LEFT COLUMN */
.mega-left {
  width: 34%;
  position: relative;
}

/* SUB GROUP */
.sub-group {
  position: relative;
}



.left-item {
  display: block;
  padding: 7px 15px;
  cursor: pointer;
  font-weight: 600;
}

.left-item {
    font-size: 50px !important;
    color: #4e298a !important;
    font-weight: bold !important;
}

.sub-group:hover .left-item {
 color: #7039c2;
}

/* RIGHT PANEL (DESKTOP) */
@media (min-width: 992px) {
  .right-panel {
    position: absolute;
    top: 0;
    left: 100%;
     width: 800px;
	 display: flex;
    padding: 0px 0px;
   /*transition: 
      opacity 0.25s ease,
      transform 0.25s ease,
      visibility 0.25s ease;*/
	  opacity: 0;
    visibility: hidden;
    min-height: 360px;
  }
  
.right-panel ul {
    width: 48%;
    display: inline-block !important;
    padding-left: 16px;
}
   
    .right-panel ul{
		border-left:  1px solid #d8d8d8;
	}

  .nav-menu ul .nav-item:hover .right-panel {
	    opacity: 1;
    visibility: visible;
  }
  
  .right-panel a {
    display: block;
    padding: 0px  0px;
	color: #522b91;
	font-size: 16px;
}

  .right-panel a:hover{
	  color: #32b563;
  }

  .sub-group:hover .right-panel {
    display: flex;
	opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

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

  .desktop-only {
    display: none;
  }
  
  
 .mobile-search {
    display: block !important;
    position: absolute;
    right: 94px;
    top: 26px;
}
  
  .main-navbar{
	  display: none;
  }
  
  .mobile-menu-header {
    display: flex;
    padding: 16px 34px 16px 54px;
	position: relative;
}

  .hamburger {
    display: flex;
	z-index: 10;
  }
  
   /* Hamburger Animation - Open State */
        .hamburger.active span:nth-child(1) {
                   transform: rotate(45deg) translate(3px, 7px);
        }

        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }

        .hamburger.active span:nth-child(3) {
			transform: rotate(-45deg) translate(4px, -8px);
		}

  
  .nav-menu ul .nav-item {
    padding: 2px 0px;
}

  .nav-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px;
    width: 90%;
  }

  .nav-menu.open {
    display: block;
	left: 0px;
  }

  .nav-menu ul {
    flex-direction: column;
    gap: 4px;
  }

  .mega-menu {
    position: static;
    display: block;
    padding: 0px 0;
    box-shadow: none;
	min-height: auto;
  }
  
  .mega-left {
    width: 100%;
  }
  
 .left-item {
    font-size: 18px !important;
    padding: 18px 0 0px !important;
}
  
  .mega-inner a {
    display: block;
   padding: 4px 0;
}

.submenu-list li {
    padding: 0px 15px;
}

  .nav-item.open > .mega-menu {
    display: block;
  }

  .right-panel {
    position: static;
    width: 100%;
    display: block;
    padding-left: 0px;
    box-shadow: none;
  }

  .sub-group.open .right-panel {
    display: block;
  }
}

        /* Join Button */
		
		.join-btn {
			margin-left: 108px;
		}
       .join-button {
			background-color: #0C5ECB;
			color: white;
			padding: 5px 24px;
			border-radius: 8px;
			text-decoration: none;
			font-weight: 600;
			font-size: 16px;
			transition: all 0.3s ease;
			border: 2px solid transparent;
			display: inline-block;
		}

        .join-button:hover {
            background-color: #1d4ed8;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        }

        .join-button:active {
            transform: translateY(0);
        }

        /* Mobile Menu Toggle */
        .mobile-menu-toggle {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px;
        }
		
		
		/* heading animation css */
		
	
			.scroll-animate {
			opacity: 0;
			transition: transform 0.8s ease-out, opacity 0.8s ease-out;
			will-change: transform, opacity;
			    display: inline-block;
			}


			/* Visible state */
			.scroll-animate.active {
			opacity: 1;
			transform: translate(0, 0) scale(1);
			}


			/* Direction animations */
			.from-bottom {
			transform: translateY(60px);
			}


			.from-top {
			transform: translateY(-60px);
			}


			.from-left {
			transform: translateX(-60px);
			}


			.from-right {
			transform: translateX(60px);
			}


			/* Zoom animation */
			.zoom-in {
			transform: scale(0.85);
			}
			
			/* Stagger animation */
			.scroll-animate:nth-child(1) {
			transition-delay: 0.1s;
			}


			.scroll-animate:nth-child(2) {
			transition-delay: 0.25s;
			}


			.scroll-animate:nth-child(3) {
			transition-delay: 0.4s;
			}


			.scroll-animate:nth-child(4) {
			transition-delay: 0.55s;
			}

    

        /* Mobile Styles */
		
		.home-banner {
			margin-top: 0px;
			position: relative;
			background-color: #f7f7f5;
		}
		
		.bannner-slider-section .owl-dots{
			text-align: center;
		}
		
		.bannner-slider-section .owl-dots .owl-dot {
			width: 25px;
			height: 7px;
			background-color: #818181;
			margin: 0 4px;
			border-radius: 10px;
		}
		
		.bannner-slider-section .owl-dots .owl-dot.active {
			background-color: #713dc4;
		}
		
		.banner-container{
			max-width: 100%;
			margin: 0px auto;
			position: relative;
		}
		
		.banner-container img{
			width: 100%;
		}
		
		.home-banner-content {
			position: absolute;
			width: 90%;
			top: 34%;
			left: 0;
			right: 0;
			margin: 0px auto;
		}
		
		.home-banner-content.banner-text-white .banner-heading {
			color: #ffffff;
			text-align: left;
		}
		
		.home-banner-content.banner-text-white {
			width: 56%;
			right: 0;
			margin: 0px auto;
			left: unset;
		}
		
		.home-banner-content.banner-text-white .banner-btns {
			text-align: left;
			}
		
		.desk-banner{
			display: block !important;
		}
		
		.mobile-banner{
			display: none !important;
		}
		
		
		.banner-heading {
			color: #522b91;
			font-size: 72px;
			margin: 0px;
			line-height: 1;
			text-align: center;
			font-style: italic;
		}
		
		
		
		
		.banner-btns{
			text-align: center;
			margin-top: 40px;
		}
		
		.know-more-btn a {
			    display: inline-flex;
			justify-content: center;
			color: #fff;
			text-decoration: none;
			gap: 6px;
			font-size: 20px;
		}
		
		.know-more-btn a:hover .btn-text {
           background-color: #298f4f;
		}
		
		.know-more-btn a:hover .btn-icon {
           background-color: #32b563;
		}
		
		.btn-text {
			padding: 10px 36px;
			background-color: #32b563;
			display: inline-block;
			border-top-right-radius: 10px;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 20px;
		}
		
		.btn-icon {
			    padding: 10px 16px;
			background-color: #98cd6c;
			border-top-left-radius: 20px;
			border-top-right-radius: 8px;
			border-bottom-right-radius: 12px;
			border-bottom-left-radius: 9px;
		}
		
		.btn-icon img {
			position: relative;
			top: 4px;
		}
		
		.content-container{
			position: relative;
			max-width: 1650px;
			margin: 0px auto;
		}
		
		.space-T-80{
			padding-top: 80px;
		}
		
		.infrastructure-section {
			position: relative;
			background-color: #f7f7f5;
		}
		
		.infrastructure-inner {
			display: flex;
			flex-wrap: wrap;
		
		}
		
		.infra-thumbnail{
			width: 40%;
			text-align: center;
		}
		
		.rotate-on-scroll {
			transform-origin: center center !important;
		}
		
		.infra-thumbnail img{
			width: 100%;
			max-width: 320px;
		}
		
		.infra-content-block{
			width: 60%;
		}
		
		.desk-view{
			display: block;
		}
		
		.mobile-view{
			display:none;
		}
		
	.section-title {
		font-size: 72px;
		color: #522b91;
		line-height: 1.1;
		font-style: italic;
		margin-bottom: 22px;
		font-weight: 600;
	}
	
	 .infra-thumbnail.desk-view{
	        padding-top: 60px;
	  }
	
	.section-title .heading-color{
		color: #32b563;
	}
	
	.sm-text-info {
		font-size: 20px;
		color: #000;
		line-height: 1.5;
		font-weight: 500;
	}

   .giga-wat-items{
	   display: flex;
	   flex-wrap: wrap;
  }

.giga-wat-item {
    width: calc((100% - 6px) / 3);
    margin-top: 50px;
    padding: 10px 0;
    border-right: 2px solid #522b91;
    transform: skew(-9deg);
} 

.giga-wat-item:last-child {
border-right: none;
}

.giga-wat-content {
    width: auto;
    position: relative;
}

.gega-sub-title {
    font-size: 36px;
    color: #522b91;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
}

.no-border-desk{
    border-right: 0px;
}

.gega-sub-text {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}

.tailored-energy-info {
    max-width: 78%;
}

.discipline-behind-info{
    width: 80%;
    margin: 0px auto;
}


.g-content-space {
    padding-left: 70px;
}

.know-more-btn.more-btnleft{
	margin-top: 20px;
}

.know-more-btn.more-btnleft a{
	    justify-content: left;
}

.projeccts-section{
	background-color: #f7f7f5;
	position: relative;
	padding-bottom: 30px;
}

.projects-inner {
    border-top: 0px solid #9ace6f;
    position: relative;
}

.bg-pink {
	background-color: #c8b6d8;
}

.bg-project-grey{
	background-color: #ececec;
}
.projects-item-inner {
    padding: 22px 0px;
    border-radius: 30px;
    transform: skewX(-2deg);
     width: 95%;
}

.projects-slider-section .owl-stage {
    padding: 25px 12px;
}

.project-num {
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
	font-style: italic;
	padding: 0px 30px;
}
.project-num span{
	font-size: 30px;
}

.project-sub-title {
    font-size: 36px;
    color: #000;
    line-height: 1;
    margin: 22px 0;
    padding: 0px 30px;
	font-style: italic;
}

.project-text {
    font-size: 20px;
    color: #000;
    line-height: 1.4;
    font-weight: 500;
    padding: 0px 30px;
    min-height: 346px;
}

.projects-thumbnail {
    position: relative;
    margin-top: 24px;
	padding: 0px 30px;
}
.projects-thumbnail img{
	border-radius: 10px;
}

.projects-slider-section .owl-nav img {
    position: relative;
    top: 4px;
}

.projects-slider-section .owl-nav {
    text-align: center;
    margin-top: 36px;
    display: none;
}

.projects-slider-section .owl-nav span{
	font-size: 0px;
}

.projects-slider-section .owl-nav img{
	position: relative;
}

.projects-slider-section .owl-nav .owl-prev {
    background-color: #98cd6c !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 50px;
    height: 46px;
    margin: 0 3px;
}

.projects-slider-section .owl-nav .owl-prev:hover{
	 background-color: #32b563 !important;
}

.projects-slider-section .owl-nav .owl-next {
    background-color: #98cd6c !important;
    border-top-left-radius: 18px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 7px;
    width: 50px;
    height: 46px;
    margin: 0 3px;
}

.projects-slider-section .owl-nav .owl-next:hover{
	 background-color: #32b563 !important;
}

.industrial-performance-section {
    position: relative;
    background-color: #f7f7f5;
}

.industrial-performance-innner{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.industrial-performance-item{
	    width: calc((100% - 40px) / 2);
}



.section-title.comm-ind {
	font-size: 62px;
}

.industrial-logos {
   margin-top: 50px;
}

.logos-slide-block {
  overflow: hidden;
  width: 100%;
}

.slider_logos {
  width: 100%;
}

.slide-track {
  display: flex;
  width: max-content; 
  animation: marquee 30s linear infinite;
  will-change: transform;
}

.logo-slide {
  flex-shrink: 0;       
  padding: 0 30px;     
  display: flex;
  align-items: center;
}

.logo-slide img {
  width: auto;
  object-fit: contain;
}

/* Infinite marquee */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.industrial-logos img {
    height: 170px;
}

.advantages-section{
	position: relative;
	background-color: #f7f7f5;
}

.advantages-inner{
	border-top: 0px solid #9ace6f;
    position: relative;
}

.text-center{
	text-align: center !important;
}

.advantages-blocks{
	display: flex;
	flex-wrap: wrap;
	margin-top: 66px;
	align-items: center;
}

.advanages-thumbnail{
	width: 40%;
}

.advanages-content {
    width: 60%;
}

.advanages-thumbnail img {
    width: 96%;
    border-radius: 10px;
    transform: skewX(-4deg);
}

.advantage-content-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-left: 56px;
}

.advantage-content-item {
    width: calc((100% - 30px) / 2);
    position: relative;
}

.advanatge-sub-title {
    color: #656565;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
    font-style: italic;
}

.advantage-sub-text {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}

.advantage-content-inner {
    background-color: #fff;
    padding: 40px 26px;
    border-radius: 22px;
	transform: skewX(-3deg);
	margin-top: 0px;
}

.sustainable-future {
    position: relative;
    background-color: #f7f7f5;
}

.co-creating-sub-text {
    font-size: 24px;
    color: #000;
    margin-top: 30px;
}

.sustainable-future-thumb{
	position: relative;
}
/*
.scale-on-scroll {
  transform: scale(0.5); 
  transition: transform 0.05s linear;
  will-change: transform;
  opacity: 0.6;
}*/

.scale-on-scroll {
  transform: scale(0.5);
  opacity: 0.6;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-origin: center bottom;
}

.sustainable-future-thumb img{
	width: 100%;
}

.join-our-team-section{
	 position: relative;
	 background-color: #f7f7f5;
}

.join-our-team-inner{
	background-color: #c8b6d8;
	padding: 60px;
	border-radius: 20px;
	transform: skewX(-3deg);
}

.join-our-team-block {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.join-team-info-block {
    width: 40%;
    padding-top: 52px;
}

.join-team-img-block{
	width: 60%;
}

.join-team-img-block img{
	width: 100%;
}

.join-team-thumb {
	padding-left: 40px;
}

footer{
	    background-color: #f7f7f5;
}

.footer-socail-section{
	background-color: #f7f7f5;
	position: relative;
}

.footer-socail-inner {
    background-color: #522b91;
    padding: 22px 0;
}

.footer-social-block{
	 display: flex;
    justify-content: space-between;
    align-items: center;
	padding-left: 5px;
    padding-right: 6px;
}

.footer-socail-icons a{
	display: inline-block;
}

.footer-socail-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-socail-icons a.fb{
	    margin-left: -10px;
}

.footer-socail-icons a.linkin svg{
	position: relative;
	top: -4px;
}

.footer-socail-icons a.fb svg path,
.footer-socail-icons a.yt svg path,
.footer-socail-icons a.tw svg path,
.footer-socail-icons a.linkin svg path {
    fill: #c8b6d8;
}

.footer-socail-icons a.insta svg path{
	stroke: #c8b6d8;
}

.footer-inner {
	display: flex;
	flex-wrap: wrap;
}

.footer-lines{
	width: 100%;
	height: 1px;
	background-color: #c8b6d8;
}

.footer-col-1{
	width: 35%;
}

.foot-eq-col {
    border-left: 1px solid #c8b6d8;
    width: calc(21.66% - 3px);
	
}

.footer-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 20px;
}

.footer-info {
    color: #522b91;
    font-size: 20px;
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 18px;
}

.footer-lines{
	width: 100%;
    height: 1px;
    background-color: #c8b6d8;
    margin: 68px 0;
}

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

.subscribe-text {
    color: #522b91;
    font-size: 20px;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 12px;
    padding-left: 20px;
    margin-top: 166px;
}

.subscribe-field {
    width: 88%;
    border: 0px;
    background-color: #c8b6d8;
    height: 52px;
    font-size: 20px;
    padding-left: 10px;
    border: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 32px;
    border-top-right-radius: 10px;
    color: #522b91;
}

.subscribe-field::placeholder {
 color: #522b91;
opacity: 1; /* For Firefox */
}
.subscribe-field:::-webkit-input-placeholder { /* Chrome, Safari, Opera */
 color: #522b91;
}
.subscribe-field:::-ms-input-placeholder { /* Edge */
 color: #522b91;
}

.subscribe-field:focus{
	outline: none;
}

.email-subscibe-btn {
    background-color: #522b91;
    padding: 15px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 9px;
    border: 0px;
    cursor: pointer;
}

.footer-col-1-content {
    width: 86%;
}

.email-subscibe-btn:hover{
	 background-color: #000;
}

.footer-col-content {
    padding-left: 66px;
}

.footer-links li {
    list-style: none;
    margin: 10px 0px;
}

.footer-links li a {
    color: #522b91;
    font-size: 20px;
    text-decoration: none;
    font-weight: 500;
}
.footer-links li a:hover{
	color: #32b563;
}

.footer-heading{
	color: #522b91;
	font-size: 30px;
	font-weight: 700;
}

.footer-links{
	    margin-bottom: 60px;
}

.carrer-links a {
    font-weight: 700 !important;
    font-size: 30px !important;
}

.footer-contact {
    background-color: #32b563;
    color: #fff;
    padding: 6px 20px;
    border-radius: 12px;
    display: inline-block;
    transform: skewX(-6deg);
}

.foot-connect {
    margin-top: 28px !important;
}

.footer-bottom{
	padding-top: 50px;
}

.footer-bottom-inner {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #c8b6d8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-copyright p {
    color: #522b91;
    font-size: 20px;
    font-weight: 500;
}

.footer-bottom-links p{
	color: #522b91 ;
	font-size: 20px;
	 font-weight: 500;
}

.footer-bottom-links p a{
	color: #522b91 ;
	font-size: 20px;
	text-decoration: none;
	 font-weight: 500;
}
.footer-bottom-links p a:hover{
color: #32b563;
}

.footer-contact:hover{
	background-color: #298f4f;
}
		
		
       

		
		
		
        @media screen and (max-width: 768px) {
            .mobile-menu-toggle {
                display: block;
            }

           .nav-menu {
				position: fixed;
				left: -100%;
				top: 0px;
				flex-direction: column;
				background-color: #ffffff;
				width: 100%;
				text-align: center;
				transition: 0.3s;
				box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
				padding: 20px 0;
				gap: 0;
				height: 100%;
				padding-top: 86px;
			}
			
			.logo{
				z-index: 100;
			}

           .nav-menu.active {
			left: 0;
			top: 0;
			height: 100%;
		}

            .nav-item {
                margin: 8px 0;
            }

            .nav-link {
                font-size: 15px;
            }

            .join-button {
                margin-top: 10px;
            }

            /* Hamburger Animation */
            .mobile-menu-toggle.active .hamburger:nth-child(1) {
                transform: rotate(45deg) translate(5px, 4px);
            }

            .mobile-menu-toggle.active .hamburger:nth-child(2) {
                opacity: 0;
            }

            .mobile-menu-toggle.active .hamburger:nth-child(3) {
                transform: rotate(-45deg) translate(7px, -6px);
            }
        }

        /* Focus styles for accessibility */
        .nav-link:focus,
        .join-button:focus,
        .mobile-menu-toggle:focus {
            outline: none;
            
        }

        /* Skip to main content link */
        .skip-link {
            position: absolute;
            top: -40px;
            left: 0;
            background: #2563eb;
            color: white;
            padding: 8px;
            text-decoration: none;
            border-radius: 0 0 4px 0;
            transition: top 0.3s ease;
        }

        .skip-link:focus {
            top: 0;
        }
		
		 @media screen and (max-width: 767px) {
		 
          nav {
			      padding-top: 0px;
		  }	
		  
		.mobile-menu-header {
            padding: 16px;
        }
		
		 .mobile-search {
			 right: 78px;
			 top: 25px;
		 }
		  
		 .mega-left {
			margin: 0px auto;
		}
		
		.mega-menu{
			    background: #e2e2e2;
			    border-top: 0px solid #ebebeb;
		}
		
		.nav-menu ul{
			        gap: 0px;
		}
		
		.nav-item {
			margin: 4px 0;
		}
		
		.nav-menu a{
			    font-size: 14px;
		}
		
		.main-navbar {
			position: relative;
			 padding-top: 10px;
           padding-bottom: 10px;
		}
		  
		  .logo {
			 padding-left: 22px;
             padding-top: 10px;
		  }
		  
		  .banner-heading br{
			  display: none;
		  }
		  
		  .desk-banner{
				display: none !important;
			}
		
		.mobile-banner{
			display: block !important;
		}
		
		.know-more-btn a{
			font-size: 16px;
		}
		
		.btn-text {
                  padding: 7px 26px;
		}
		
		.btn-icon {
        padding: 7px 14px;
		}
		  
		  .nav-container {
              max-width: 90%;
		  }
		  
		  .content-container {
             max-width: 90%;
		  }
		  
		  .g-content-space {
			padding-left: 5px;
		}

		.logo img {
			width: 154px;
		}
		
		.home-banner-content {
			width: 75%;
			top: 26%;
		}
		
		.home-banner-content.banner-text-white {
			width: 71%;
			right: 0;
			margin: 0px auto;
			left: 0;
			text-align: center;
			top: 58%;
		}
		
		.home-banner-content.banner-text-white .banner-heading {
		   text-align: center;
		 }
		 
		 .home-banner-content.banner-text-white .banner-btns {
			text-align: center;
		}

		.banner-btns {
			text-align: center;
			margin-top: 22px;
		}		
		
       .banner-heading {
			font-size: 24px;
			line-height: 1.2;
		}
		 
		 .gega-sub-title {
			        font-size: 18px;
		 }
		 
		 .gega-sub-text {
           font-size: 11px;
		 }
		 
		 .projects-item-inner{
			     transform: skewX(-1.5deg);
		 }
		 
		 .projeccts-section .projects-slider-section{
			 width: 97%;
             margin: 0px auto;
		 }
		 
		 
		.desk-view{
			display: none;
		}
		
		.infra-thumbnail.mobile-view{
			padding-top: 30px;
		}
		
		.mobile-view{
			display: block;
		}
		
		.no-space-mobile{
			display: none;
		}
		
			 
		.infra-thumbnail {
		   width: 100%;
	    }
	    
	   
			
		.infra-content-block {
			width: 100%;
		}

       .space-T-80 {
			padding-top: 50px;
		}

      .giga-wat-items{
		      margin-bottom: 30px;
	  }	
	  
	  .infra-thumbnail img {
		   max-width: 226px;
		}

    .infrastructure-inner .know-more-btn.more-btnleft {
       text-align: center;
     }	
     
    
		
		.giga-wat-item {
			width: calc((100% - 2px) / 2);
            text-align: center;	  
		    border-right: 1px solid #522b91;
		}
		
		 .no-boder-mobile{
         border-right: 0px;
     }
		
		.giga-wat-item:last-child {
			border-bottom: none;
		}
		
		.sm-text-info {
         font-size: 14px;
		}
		
		.section-title {
          font-size: 24px;
		}
		
		.project-num{
		font-size: 30px;
		    padding: 0px 12px;
	   }
		
		.section-title br{
			display: none;
		}
		
		.project-sub-title {
			font-size: 24px;
			padding: 0px 12px;
			margin: 12px 0;
		}
		 
		.project-text {
			font-size: 14px;
		        min-height: 260px;
			padding: 0px 12px;
		}
		
		.projects-thumbnail {
         padding: 0px 12px;
        }
		
		.projects-slider-section .owl-nav .owl-prev{
		   width: 38px;
           height: 38px;
		}
		
		.projects-slider-section .owl-nav .owl-next{
		   width: 38px;
           height: 38px;
		}
		
		.projects-slider-section .owl-stage {
			padding: 10px 4px;
		}
		 
		 .projects-slider-section .owl-nav {
           margin-top: 18px;
         }
		
		.section-title.comm-ind {
			font-size: 22px;
		}
		
		.advantages-blocks{
			    margin-top: 38px;
		}
		
		.industrial-logos img {
			        height: 80px;
		}
		
		.tailored-energy-info {
            max-width: 100%;
        }
        
        .discipline-behind-info {
            width: 100%;
            margin: 0px auto;
        }
        
        .advanages-thumbnail img {
           width: 100%;
        }
		

		
		.industrial-logos{
			    gap: 8px;
		}
		
		.advanatge-sub-title{
			font-size: 15px;
			margin-bottom: 16px;
		}
		
		.advantage-sub-text {
                 font-size: 13px;
		}
		
		.advantage-content-inner {
            padding: 20px 12px;
            min-height: 250px;
            margin-top: 14px;
        }
        		
		.co-creating-sub-text {
			font-size: 18px;
			margin-top: 20px;
			line-height: normal;
		}
		
		.join-our-team-inner .section-title.text-center {
            padding-left: 18px;
            padding-right: 18px;
        }
		
		.join-our-team-inner{
			padding: 22px;
			transform: skewX(-2deg);
		}
		
		.join-our-team-block {
			margin-top: 16px;
		}
		
		.join-our-team-block{
			flex-direction: column-reverse;
		}
		
		.know-more-btn.more-btnleft {
			margin-top: 14px;
		}
		
		.footer-socail-icons {
			gap: 14px;
			margin-top: 6px;
		}
		
		.footer-socail-icons svg {
			width: 24px;
		}
		
		.industrial-performance-innner{
			    gap: 16px;
		}
		
		.industrial-performance-item {
			width: calc((100% - 0px) / 1);
		}
		
		.advanages-thumbnail {
			width: 100%;
		}
		
		.advantage-content-blocks {
			padding-left: 0px;
			gap: 10px;
		}
		
		.advanages-content {
			width: 100%;
		}
		
		.advantage-content-item {
			width: calc((100% - 10px) / 2);
		}
		
		.join-team-info-block {
			width: 100%;
			padding-top: 5px;
		}
		
		.join-team-img-block {
			width: 100%;
		}	

	   .join-team-thumb {
			padding-left: 0px;
		}	

       .footer-col-1 {
			width: 100%;
		}	

       .foot-eq-col {
			border-left: 0px solid #c8b6d8;
			width: calc(50% - 0px);
		}
		
		.footer-social-block {
			flex-wrap: wrap;
			flex-direction: column;
		}
		
		.footer-logo img {
			width: 228px;
		}
		
		.footer-col-1-content {
            width: 100%;
        }
        
        .footer-info {
          font-size: 14px;
        }
		
		.footer-col-1 {
			width: 100%;
		
		}
		
		.foot-eq-col.footer-col-4 {
			width: calc(100% - 0px);
		}
		
		.c-l-solcution{
			display: flex;
		}
		
		.c-l-solcution-item{
			    width: 50%;
		}
		
		.career-item{
			width: 50%;
           padding-left: 20px;
		}

      .footer-col-content {
			padding-left: 0px;
			margin-top: 16px;
		}

		.footer-section {
			position: relative;
			padding-top: 32px;
			padding-bottom: 4px;
		}

		.subscribe-text {
		   font-size: 16px;
		   margin-top: 95px;
		}	
		
		.subscribe-field{
			    font-size: 17px;
		}
		
		.footer-links {
				margin-bottom: 30px;
		}
		
		.footer-heading{
			font-size: 18px;
		}
		
		.footer-links li a{
			font-size: 14px;
		}
		
		.foot-eq-col.footer-col-3 .footer-col-content{
			 padding-left: 20px;
		}
		
		.footer-links li {
          margin: 6px 0px;
         }
		 
		.carrer-links a {
			font-size: 18px !important;
			margin-bottom: 0px;
		}
		
		.footer-bottom-links{
			    padding-bottom: 14px;
			margin-bottom: 10px;
			border-bottom: 1px solid #c8b6d8;
		}
		
		.footer-copyright p{
			    font-size: 12px;
		}
		
		.footer-bottom-links p{
			 font-size: 12px;
		}
		
		.footer-bottom-links p a{
			font-size: 12px;
		}
		
		.footer-bottom {
			padding-top: 8px;
		}
		
		.footer-bottom-inner {
			padding-top: 22px;
			padding-bottom: 22px;
			border-top: 0px solid #c8b6d8;
			flex-direction: column-reverse;
		}
			
			
		 }
		 
	@media only screen and (min-width: 768px) and (max-width: 1199px)  {
		
		.banner-heading{
			font-size: 32px;
		}
		
		.nav-container {
            max-width: 90%;
		}
		
		.logo img {
			width: 192px;
		}
		
		nav {
			    padding-top: 0px;
		}
		
		.section-title {
              font-size: 32px;
	     
		}
		
		.space-T-80 {
			padding-top: 54px;
		}
		
		.gega-sub-title {
         font-size: 22px;
		}
		
		.gega-sub-text {
           font-size: 18px;
		}
		
		.g-content-space {
			padding-left: 10px;
		}
		
		.banner-btns {
			margin-top: 26px;
		}
		
		.know-more-btn a{
			font-size: 15px;
		}
		
		.project-num {
                   font-size: 26px;
		}
		
		.project-sub-title {
             font-size: 20px;
			  margin: 18px 0;
		}
		
		.project-text {
            font-size: 16px;
		        min-height: 240px;
		}
		
		.content-container{
			    max-width: 90%;
		}
		
		.section-title.comm-ind {
			font-size: 26px;
		}
		
		.tailored-energy-info {
                max-width: 99%;
            }
		
		.sm-text-info {
         font-size: 16px;
		}
		
		.industrial-logos img {
			height: 110px;
		}
		
		.advanages-thumbnail {
			width: 96%;
		}
		
		.advanages-content {
			width: 100%;
		}
		
		.advantage-content-blocks{
			 padding-left: 0px;
             margin-top: 20px;
		}
		
		.advanatge-sub-title {
         font-size: 22px;
		}
		
		.advantage-sub-text {
              font-size: 16px;
		}
		
		.advantage-content-inner {
			padding: 14px 12px;
		}
		
		.co-creating-sub-text {
			font-size: 18px;
			margin-top: 24px;
			line-height: normal;
		}
		
		.join-our-team-inner{
			    padding: 26px;
		}
		
		.join-team-info-block {
            padding-top: 12px;
		}
		
		.join-our-team-block {
         margin-top: 26px;
        }
		
		.footer-col-content {
			padding-left: 10px;
		}
		
		.footer-col-1 {
			width: 30%;
		}
		
		.subscribe-text{
			font-size: 15px;
			padding-left: 0;
			margin-top: 90px;
		}
		
		.footer-news-letter {
			 flex-wrap: wrap;
		}
		
		.footer-logo img{
			width: 200px;
		}
		
		
		.footer-heading{
			    font-size: 18px;
		}
		
		.subscribe-field {
		   font-size: 15px;	
           width: 100%;
		}
		
		.footer-links li a{
			font-size: 14px;
		}
		
		.carrer-links a {
			font-size: 16px !important;
		}
		
		.footer-copyright p {
           font-size: 14px;
   
        }
		
		.footer-bottom-links p a{
			font-size: 14px;
		}
		
		.footer-bottom-inner {
            padding-top: 22px;
            padding-bottom: 22px;
		}
		
		.footer-info {
		        font-size: 14px;
		}
		
		.footer-bottom-links p{
			font-size: 14px;
		}
		
		
	}

@media only screen and (min-width: 1024px) and (max-width: 1199px)  {
	
.nav-menu ul{
	gap: 10px;
}	

.nav-menu a{
	 font-size: 14px;
}

.mega-inner{
    max-width: 90%;
 }
 
.left-item{
           font-size: 28px !important;
 }
 
 .project-text{
             min-height: 436px;
 }
 
.logo {
	padding-left: 20px;
} 

.nav-menu{
	 gap: 12px;
}

.nav-link{
	    font-size: 15px;
}

.project-num{
	    padding: 0px 20px;
}

.project-text{
	 padding: 0px 20px;
}

.project-sub-title{
	    padding: 0px 20px;
}

.advanatge-sub-title {
    font-size: 26px;
}

.footer-col-content {
    padding-left: 30px;
}

}	
		
@media only screen and (min-width: 1200px) and (max-width: 1366px)  {




.nav-menu ul{
	        gap: 24px;
}

.logo img{
	        width: 200px;
}

.nav-container {
    max-width: 1100px;
}

.nav-menu{
	    gap: 24px;
}

.mega-inner{
    max-width: 1100px;
}	

.left-item {
    font-size: 36px !important;
}

.nav-menu ul .nav-item {
    padding: 20px 0px;
}

.main-navbar {
    padding-top: 4px;
}

.banner-heading{
	font-size: 52px;
}

.know-more-btn a{
	font-size: 16px;
}

.home-banner-content{
	    top: 32%;
}

.banner-btns {
    text-align: center;
    margin-top: 38px;
}

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

.space-T-80 {
    padding-top: 64px;
}

.gega-sub-title{
    font-size: 30px;
 }
 
 .gega-sub-text {
    font-size: 18px;
 }
 
 .g-content-space {
    padding-left: 28px;
}

.know-more-btn.more-btnleft {
    margin-top: 30px;
}

.content-container{
      max-width: 1100px;	
}

.project-num {
    font-size: 36px;
    padding: 0px 20px;
}

.project-sub-title {
    font-size: 22px;
    padding: 0px 20px;
}

.mantain-box{
    min-height: 224px;
}

.accelerate-box{
    min-height: 198px;
}

.project-text {
    font-size: 16px;
        padding: 0px 20px;
}

.projects-thumbnail{
        padding: 0px 20px;
}

.section-title.comm-ind {
    font-size: 40px;
}
.sm-text-info{
    font-size: 16px;
 }
 
.industrial-logos img {
    height: 111px;
}

.advanatge-sub-title {
    font-size: 22px;
    margin-bottom: 14px;
}

.join-team-info-block{
    padding-top: 6px;
}

.tailored-energy-info {
    max-width: 84%;
}

.advantage-content-inner{
	    padding: 28px 16px;
}

.advantage-sub-text {
    font-size: 16px;
}

.co-creating-sub-text {
    font-size: 20px;
    line-height: normal;
}

.join-our-team-inner{
	    padding: 42px;
}

.subscribe-text{
	font-size: 16px;
}

.subscribe-field{
	    font-size: 18px;
}

.footer-heading{
	    font-size: 22px;
}

.footer-contact{
	padding: 4px 14px;
}

.footer-col-content {
    padding-left: 28px;
}

.footer-links li a {
    font-size: 14px;
}

.carrer-links a{
	font-size: 22px !important;
}

.footer-copyright p{
	font-size: 16px;
}

.footer-info {
    font-size: 14px;
}


.footer-bottom-links p {
  font-size: 16px;
}

.footer-bottom-links p a{
  font-size: 16px;
}

.footer-logo img{
	    width: 250px;
}

		
		
}

@media only screen and (min-width: 1367px) and (max-width: 1440px)  {
	
	
	
.nav-container{
    max-width: 1240px;
 }
 
 .mega-inner{
	  max-width: 1240px;
 }

.nav-menu{
	gap: 24px;
} 

.logo img{
	    width: 210px;
}



.nav-menu ul{
	        gap: 24px;
}

.main-navbar {
    padding-top: 6px;
}

.nav-menu ul .nav-item {
    padding: 22px 0px;
}

.banner-heading{
	 font-size: 56px;
}

.home-banner-content{
	top: 34%;
}

.know-more-btn a{
	font-size: 18px;
}

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

.content-container{
	    max-width: 1250px;
}

.sm-text-info {
    font-size: 18px;
}

.gega-sub-title {
    font-size: 32px;
}

.g-content-space {
    padding-left: 40px;
}

.gega-sub-text {
    font-size: 18px;
}

.project-num {
    font-size: 44px;
    padding: 0px 22px;
}

.project-sub-title {
    font-size: 26px;
	margin: 16px 0;
	padding: 0px 22px;
}

.mantain-box{
    min-height: 254px;
}

.accelerate-box{
   min-height: 224px;
}

.project-text {
    font-size: 18px;
   padding: 0px 22px;
}

.projects-thumbnail{
        padding: 0px 22px;
}

.section-title.comm-ind {
    font-size: 40px;
}

.industrial-logos img {
    height: 122px;
}

.advanatge-sub-title{
	    font-size: 24px;
}

.advantage-content-inner {
    padding: 30px 20px;
}

.advantage-sub-text {
    font-size: 18px;
}

.co-creating-sub-text {
    font-size: 20px;
    margin-top: 22px;
}

.join-our-team-inner{
	    padding: 42px;
}

.join-our-team-block{
	    margin-top: 36px;
}

.footer-col-content {
    padding-left: 38px;
}

.footer-heading {
    font-size: 24px;
  
}

.footer-links li a{
	    font-size: 18px;
}

.carrer-links a {
   font-size: 24px !important;
}

.footer-copyright p {
   font-size: 18px;
  
}

.footer-info {
     font-size: 18px;
}

.footer-bottom-links p a {
    font-size: 18px;
}

.footer-section{
	    padding-bottom: 30px;
}

.footer-bottom {
    padding-top: 29px;
}
	
}	

@media only screen and (min-width: 1441px) and (max-width: 1680px)  {
	.nav-container {
      max-width: 1340px;
	}
.logo img{
	    width: 220px;
}

	
	.banner-heading {
   font-size: 60px;
	}
	
	.mega-inner {
		max-width: 1340px;
	}
	
	.content-container {
      max-width: 1340px;
    }
	
	.home-banner-content{
		    top: 35%;
	}
	
	.section-title {
       font-size: 60px;
	}
	
	.gega-sub-title {
    font-size: 32px;
	}
	
	.g-content-space {
		padding-left: 42px;
	}
	
	.mantain-box{
                min-height: 238px;
    }
    
    .accelerate-box{
               min-height: 210px;
    }
	
	.gega-sub-text {
    font-size: 20px;
	}
	
	.sm-text-info {
    font-size: 18px;
	}
	
	.project-num {
    font-size: 50px;
	}
	
	.project-sub-title {
    font-size: 30px;
	}
	
	.advanatge-sub-title{
		font-size: 28px;
	}
	
	.project-text {
    font-size: 18px;
	}
	
	.section-title.comm-ind {
			font-size: 50px;
	}
		
	.industrial-logos img {
		height: 140px;
	}	
	
	.advantage-content-inner {
      padding: 34px 16px;
	}
	
	.advantage-sub-text {
    font-size: 18px;
	}
	
	.co-creating-sub-text {
    font-size: 22px;
	}
	
	.join-our-team-inner{
		    padding: 50px;
	}
	
	.footer-col-content {
    padding-left: 40px;
   }
   
   .footer-heading {
      font-size: 26px;
   }
   
   .footer-links li a{
	   font-size: 18px;
   }
   
   .carrer-links a {
    font-size: 24px !important;
}

.footer-section{
	padding-bottom: 30px;
}

.footer-copyright p{
	    font-size: 18px;
}
.footer-info {
     font-size: 18px;
}

.footer-bottom-links p {
    font-size: 18px;
}

.footer-bottom-links p a{
    font-size: 18px;
}
}

@media only screen and (min-width: 1681px) and (max-width: 1800px)  {
	.nav-container {
      max-width: 1500px;
	}
	
	.mega-inner {
		max-width: 1500px;
	}
	
	.project-num {
    font-size: 60px;
	}
	
	.content-container {
      max-width: 1500px;
    }
	
	.section-title {
    font-size: 66px;
	}
	
	.g-content-space {
		padding-left: 52px;
	}
	
	.section-title.comm-ind {
			font-size: 54px;
   }
   
   .advanatge-sub-title{
           font-size: 30px;
   }
   
   .industrial-logos img {
    height: 151px;
}
	
}