*{

	  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: 200px;

    margin-bottom: 25px;
}



.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: 140px;

			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: 32px;

		}

		

		.project-sub-title {

              font-size: 24px;

			  margin: 18px 0;

		}

		

		.project-text {

            font-size: 16px;

			min-height: 140px;

		}

		

		.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;

 }

 

.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: 220px;

}



.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: 42px;

}



.project-sub-title {

    font-size: 22px;

}



.mantain-box{

    min-height: 224px;

}



.accelerate-box{

    min-height: 198px;

}



.project-text {

    font-size: 16px;

}



.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: 230px;

}







.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;

}



.project-sub-title {

    font-size: 26px;

	margin: 16px 0;

}



.mantain-box{

    min-height: 254px;

}



.accelerate-box{

   min-height: 224px;

}



.project-text {

    font-size: 18px;

}



.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;

	}

	

	.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;

	}

	

	.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;

}

	

}


/* Make stage flex */
.projects-carousel .owl-stage {
    display: flex;
}

/* Make each owl-item stretch */
.projects-carousel .owl-item {
    display: flex;
}

/* Make inner card full height */
.projects-carousel .item {
    display: flex;
    width: 100%;
}

.projects-item-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.project-text {
    flex-grow: 1;
}

.projects-thumbnail {
    margin-top: auto;
}