/*!
Theme Name: nynglobal
Theme URI: http://nynglobal.in/
Author: Noor Alam
Author URI: http://nynglobal.in/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nynglobal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

nynglobal is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
}

h1, h2, h3, h4, h5 {
    font-weight: 600;
}

p {
    font-weight: 400;
}

.btn {
    font-weight: 500;
    letter-spacing: 0.3px;
}




/*****************************************My Css**************************************************************/
       /*.hero {*/
       /*     background: linear-gradient(135deg, #0d6efd, #084298);*/
       /*     color: #fff;*/
       /*     padding: 100px 0;*/
       /* }*/
       /* .hero h1 {*/
       /* font-size: 3rem;*/
       /* }*/
          .section-padding {
            padding: 80px 0;
        }
        .service-card {
            border: none;
            border-radius: 12px;
            transition: all .3s ease;
        }
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,.1);
        }
        .cta {
            background: #0d6efd;
            color: #fff;
            padding: 70px 0;
        }
        footer {
            background: #111;
            color: #aaa;
            padding: 40px 0;
        }




/* ===== HEADER ===== */
.main-header {
    position: fixed;
    width: 100%;
    top: 20px;
    z-index: 999;
    transition: all 0.3s ease;
}
.main-header.sticky {
    top: 0;
}

.header-inner {
    background: rgba(0,0,0,0.6);
    border: 1px solid rgba(255,140,0,.6);
    border-radius: 50px;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(10px);
}

.logo {
    color: #ff8c00;
    font-size: 14px;
}
.logo strong {
    color: #fff;
    font-size: 18px;
}

/* NAV */
.main-nav ul {
    list-style: none;
    display: flex;
    gap: 30px;
}
.main-nav a {
    color: #fff;
    text-decoration: none;
}

/* Mega Menu */
.has-mega {
    position: relative;
}
.mega-menu {
    position: absolute;
    top: 40px;
    left: 0;
    background: #111;
    padding: 25px;
    display: grid;
    grid-template-columns: repeat(2, 200px);
    gap: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
    border-radius: 15px;
}
.has-mega:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega-menu h6 {
    color: #ff8c00;
    font-weight: 600;
}
.mega-menu a {
    display: block;
    color: #ddd;
    font-size: 14px;
    margin: 5px 0;
}

/* HERO */
.hero-section {
    min-height: 60vh;
    padding-top: 100px;
    background: radial-gradient(circle at top right, #0d6efd, #000 60%);
}

.hero-section h1 {
    font-size: 52px;
    font-weight: 700;
    color:#FFF;
}
.hero-section span {
    color: #ff8c00;
}
.hero-section p {
    font-size: 20px;
    margin: 20px 0 30px;
}

.hero-buttons {
    display: flex;
    gap: 20px;
}

.hero-section img {
    max-width: 100%;
    border-radius: 20px;
    /*box-shadow: 0 30px 80px rgba(0,0,0,0.8);*/
}

/* Swiper */
.swiper-pagination-bullet {
    background: #ff8c00;
}



:root {
          --primary-color: #F46D22;
        }
            
        body {
          font-family: 'Poppins', sans-serif;
          color: #333;
        }
    
      
        .navbar-brand img {
          height: 40px;
        }
    
        .hero {
         display: flex;
          align-items: center;
          justify-content: center;
          color: white;
          text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
        }
    
        .services img {      
          object-fit: cover;
          border-radius: 5px;
        }
    
        .projects img {    
          object-fit: cover;
          border-radius: 5px;
        }
    
        .footer {
          background-color: #343a40;
          color: #fff;
          padding: 40px 0;
        }
    
        .footer a {
          color: #ccc;
          text-decoration: none;
        }
    
        .footer a:hover {
          color: #fff;
        }
    
        
     .btn-primary {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
    }
    
    .btn-primary:hover {
      background-color: #e25e1c;
      border-color: #e25e1c;
    }
    

.counter_bg_after {
  margin: 40px 0 0px;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  position: relative;
}

.counter-section ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.counter-section ul li {
  width: 23.55%;
}

.counter-section ul li a {
  padding: 50px 0;
  background: #FFFFFF;
  box-shadow: 0px 18px 36px rgb(16 16 16 / 5%);
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex
;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
}

.counter-section ul li a img {
  display: inline-block;
}

.counter-section ul li a img.icn-with-hvr {
  display: none;
}

.counter-section ul li a strong {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  color: #111111;
  margin: 0 0 0 12px;
  padding-bottom: 0;
  vertical-align: middle;
  text-align: left;
}

.counter-section ul li a strong {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #f46d22;
  line-height: 30px;
  font-size: 20px;
  color: #111111;
  margin: 0 0 0 12px;
  padding-bottom: 0;
  vertical-align: middle;
  text-align: left;
}


.counter-section ul li a strong p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  color: #748293;
  margin-bottom: 0px;
}

.counter-section ul li a img.icn-without-hvr {
  width: 38px;
}

.counter-section ul li a {
  padding: 38px 0px;
}

.counter-section ul li a:hover {
  background: #F46D22;
  text-decoration: none;
  color: #fff;
}

.counter-section ul li a {
  padding: 38px 0px;
}

.counter-section ul li a img.icn-with-hvr {
  width: 38px;
}

.counter-section ul li a:hover strong p {
  color: #fff;
}

.counter-section ul li a:hover strong {
  color: #fff;
}

.counter-section ul li a:hover img.icn-with-hvr {
  display: inline-block;
}



.nav-pills .nav-link {
  color: #333; 
  border: 2px solid transparent; 
  transition: all 0.3s ease; 
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link.active {
  color: #fff; 
  background-color: #F46D22; 
  border-color: #F46D22; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
}

.tab-content img {
  transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.tab-content img:hover {
  transform: scale(1.05); 
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); 
}

.project-card {
position: relative;
overflow: hidden;
}

.project-card img {
transition: transform 0.3s ease, filter 0.3s ease;
display: block;
width: 100%;
}

.project-card img:hover {
transform: scale(1.1);
filter: brightness(0.8);
}

.project-card .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease;
}

.project-card:hover .overlay {
opacity: 1;
}

.overlay a {
background-color: #F46D22;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
transition: background-color 0.3s ease;
}

.overlay a:hover {
background-color: #d85c1b;
}

.about {
  padding: 60px 0px 0px 0px;
}

.welcome-text {
  padding: 0px 50px;
}
.welcome-text p {
  font-size: 18px;
  line-height: 40px;
}

.new_heading_style {
  font-size: 30px;
  line-height: 60px;
}

.services h2 {
  font-size: 30px;
}
.services p {
  font-size: 18px;
  line-height: 40px;
  padding-bottom: 20px;
}
.service-list{
  padding: 0px;
}
.service-list h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 31px;
}

.service-list p {
  font-size: 14px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    border-bottom: 1px solid #d85c1b;
    height: 100%;
    display: flex;
    padding: 0px 20px;
}

.read-more {
  text-align: center;
    padding: 10px 0px;
    background: #F46D22;
    border-radius: 25px;
    width: 160px;
  
}

.read-more a {
        color: #000;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    padding: 0px 20px;
}

.services-sml-des{
  height: 110px;
}

.services-sml-des p {
  height: 100%;
    padding: 5px 10px 20px;
    border-bottom: none;    
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #D3DEE4; 
}

ul#projectsTab {
  padding: 0px 0px 40px 0px;
}

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


.nav-link { 
  color: #d85c1b;
  }

  .nav-link:focus, .nav-link:hover {
    color:#d85c1b;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: #FFF;
  background: #d85c1b;
  
}


.ribbon-inner {
    background: url('images/bg-ribbon.jpg') no-repeat;
    border-radius: 10px;
    background-size: cover;
    padding: 0 15px;
}
.ribbon-section .col-md-3:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.flex-center
 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ribbon-section .col-md-3 .image-section {
        max-width: 55px;
    }

    .ribbon-section .col-md-3:nth-child(1) h3 {
    color: #f46d22;
}

    .ribbon-section .image-box h3 {
        font-size: 38px;
    }

    .ribbon-section .image-box h5, .ribbon-section .image-box p {
    color: #FFF;
    font-family: barlow, sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.ribbon-section{
  margin-bottom: 60px;
  margin-top: 60px;
}

/****************************Responsive*******************************/


/* General Responsive Adjustments */
@media (max-width: 1200px) {
  .welcome-text {
    padding: 0 30px;
  }

  .new_heading_style {
    font-size: 26px;
    line-height: 50px;
  }

  .services h2 {
    font-size: 26px;
  }

  .services p {
    font-size: 16px;
    line-height: 35px;
  }

  .read-more a {
    font-size: 14px;
  }

  .service-list h5 {
    font-size: 15px;
  }

  .service-list p {
    font-size: 13px;
  }
}

@media (max-width: 992px) {
  .hero {
    text-align: center;
    flex-direction: column;
  }

  .services h2 {
    font-size: 24px;
  }

  .services p {
    font-size: 14px;
    line-height: 30px;
  }

  .projects img {
    margin-bottom: 20px;
  }

  .counter-section ul li {
    width: 48%; /* Adjust to fit 2 per row */
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .projects img {
    object-fit: cover;
    height: auto;
    width: 100%;
  }

  .counter-section ul li {
    width: 100%; /* Stacked layout */
  }

  .read-more {
    padding: 10px 0;
  }

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

  .welcome-text p {
    font-size: 16px;
    line-height: 30px;
  }

  .new_heading_style {
    font-size: 22px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .services-sml-des p {
    font-size: 14px;
    line-height: 28px;
  }

  .welcome-text p {
    font-size: 14px;
    line-height: 28px;
  }

  .projects img {
    height: auto;
    width: 100%;
  }

  .overlay a {
    font-size: 14px;
    padding: 8px 16px;
  }

  .tab-content img {
    margin-bottom: 15px;
  }

  .read-more a {
    font-size: 14px;
  }

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

  .services h2 {
    font-size: 20px;
  }
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #043451;
}

/**************************************************************/