/* Reset and base styles */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      line-height: 1.6;
      color: #333;
      background-color: #ffffff;
    }
    
    img {
      max-width: 100%;
      height: auto;
    }

.small a {
    text-decoration: none;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0;
	font-size: 12px;
}

.small.left-title{
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0;
	font-weight: 400;
	font-size: 14px;
}
    .navbar-nav li.current-menu-item.nav-item a {
    color: #00349a;
}
.top-contact-icon {
  transition: transform 0.3s ease;
}

.top-contact-box:hover .top-contact-icon {
  transform: scale(1.2);
}
.top-contact-box a {
  transition: all 0.3s ease;
}
.top-contact-box a:hover {
  color: #C90200; 
}

    /* Layout components */
    .container {
      width: 100%;
      max-width: 1424px;
      margin: 0 auto;
      padding: 0 16px;
    }
    
    .flex-row {
      display: flex;
      flex-direction: row;
    }
    
    .flex-col {
      display: flex;
      flex-direction: column;
    }
    
    .flex-center {
      justify-content: center;
      align-items: center;
    }
    
    .flex-between {
      justify-content: space-between;
      align-items: center;
    }
    
    .flex-start {
      justify-content: flex-start;
      align-items: center;
    }
    
    .flex-end {
      justify-content: flex-end;
      align-items: flex-start;
    }
    
    .w-full {
      width: 100%;
    }
    
    .h-full {
      height: 100%;
    }
    
    /* Header styles */

.shakti-logo {
    width: 260px; 
    height: 76px; 
    max-width: 100%;
    object-fit: contain;
    display: block;
}

@media (max-width: 767px) {
    .shakti-logo {
        max-width: 200px; 
        max-height: 60px;
    }
}


    .header {
      background-color: #ffffff;
      position: sticky;
      top: 0;
      z-index: 1000;
    }
    
    .top-bar {
      background-color: #00349a;
      padding: 12px 32px;
    }
    header.sticky-top .bg-primary {
    background-color: #00349A !important;
}
header button.btn.btn-danger.rounded-pill.px-4 {
    background-color: #C90200;
    font-size: 18px !important;
    padding: 1.1rem 2.9rem !important;
}
    .right-heade-desktop.for-mobile {
    display: none !important;
}
    .contact-info {
      display: flex;
      align-items: center;
      gap: 16px;
      justify-content: flex-end;
    }
    
    .contact-item {
      display: flex;
      align-items: center;
      gap: 6px;
      color: #ffffff;
      font-size: 14px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 19px;
    }
    
    .contact-icon {
      width: 12px;
      height: 12px;
    }
    
    .mail-icon {
      width: 16px;
      height: 16px;
    }
    
    .main-header {
      padding: 16px 224px;
      background-color: #ffffff;
    }
    
    .logo {
      width: 260px;
      height: 76px;
    }
    
    .nav-menu {
      display: none;
      gap: 20px;
      margin-top: 24px;
    }
    
     .nav-item {
      font-size: 15px !important;
      font-family: 'Inter', sans-serif !important;
      font-weight: 400!important;
      line-height: 25px!important;
      text-transform: uppercase!important;
      text-decoration: none!important;
      color: #010613!important;
      transition: color 0.3s ease!important;
    }
    
    .nav-item.active {
      color: #00349a;
    }
    
    .nav-item:hover {
      color: #00349a;
    }

    li.nav-item {
    position: relative;
    list-style: none !important;
    }


	.nav-item .sub-menu {
		display: none; 
		position: absolute;
		top: 100%; 
		left: 0;
		background-color: #003399 !important; 
		min-width: 220px;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
		z-index: 9999;
	}

	.nav-item .sub-menu li.nav-item {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
	}

	.nav-item .sub-menu li.nav-item:last-child {
		border-bottom: none;
	}

	.nav-item .sub-menu a.nav-link {
		color: #ffffff !important; 
		display: block;
		padding: 12px 20px !important;
		text-decoration: none;
		font-size: 15px;
		transition: background-color 0.3s ease;
	}

	li.nav-item:hover > .sub-menu {
		display: block;
	}

	.nav-item .sub-menu a.nav-link:hover {
		background-color: #002266 !important; 
		color: #ffffff !important;
	}
	li.nav-item:has(.sub-menu) > a.nav-link::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border: solid currentColor; /* Text no je color hashe te j automatic aavi jashe */
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);
    position: relative;
    top: -3px; /* Arrow ne text ni exactly sathe align karva mate */
	}

    .header-actions {
      display: flex;
      gap: 28px;
      align-items: center;
      margin-right: 18px;
    }
    
    .search-btn {
      width: 42px;
      height: 42px;
      background-color: #ffffff;
      border: none;
      border-radius: 20px;
      box-shadow: 2px 5px 10px #85858519;
      padding: 8px;
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    
    .search-btn:hover {
      transform: scale(1.05);
    }
    
    .inquiry-btn {
      background-color: #c90200;
      color: #ffffff;
      font-size: 18px;
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      border: none;
      border-radius: 30px;
      padding: 20px 34px;
      cursor: pointer;
      transition: all 0.3s ease;
		margin-top: auto;
		width: 80%;
		align-self: center;
		
    }
    
    .inquiry-btn:hover {
      background-color: #2563eb;
      transform: translateY(-2px);
    }
    
    .hamburger {
      display: block;
      background: none;
      border: none;
      font-size: 24px;
      cursor: pointer;
      color: #00349a;
    }
    
@media (max-width: 768px) {
	li.nav-item:hover > .sub-menu {
		display: none;
	}

}

@media (max-width: 991px) {
    .navbar-collapse .sub-menu {
    position: relative;
	}
	
    #mainNav.show {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding-bottom: 25px;
    }
    
    #mainNav.show ul.navbar-nav {
        display: contents !important;
    }
    
    #mainNav.show .nav-item:not(.astm-search-menu) {
        width: 100% !important;
        order: 1; 
    }
    
    #mainNav.show li.astm-search-menu {
        width: auto !important;
        order: 2; 
        margin-top: 20px !important;
        margin-right: 15px !important; 
        margin-bottom: 0 !important;
    }
    
    #mainNav.show .d-flex {
        width: auto !important;
        order: 3; 
        margin-top: 20px !important;
        margin-left: 0 !important;
        justify-content: center !important;
    }
}

    /* Hero section */
    .hero-section {
		/*linear-gradient(rgba(0, 52, 154, 0.8), rgba(0, 52, 154, 0.8)), */
      background: url('../images/banner-background.png');
      background-size: cover;
      background-position: center;
      min-height: 824px;
      position: relative;
      padding: 168px 56px;
		width: 100% !important;
    }
    
    .hero-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1424px;
      margin: 0 auto;
    }

    .hero-image-frame {
    text-align: right;
}
    
    .hero-text {
      flex: 1;
      margin-bottom: 38px;
    }
    
    .hero-subtitle {
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0px 4px 4px #0000003f;
    padding-left: 208px;
    position: relative;
}

h2.hero-subtitle:before {
    content: '';
    position: absolute;
    width: 193px;
    height: 2px;
    background-color: #C90200;
    left: 0;
    top: 50%;
}
    
    .hero-title {
      font-size: 42px;
      font-family: 'Inter', sans-serif;
      font-weight: 700;
      line-height: 48px;
      color: #ffffff;
      text-shadow: 0px 4px 4px #0000003f;
      margin-top: 24px;
    }
    
    .hero-description {
      font-size: 16px;
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      line-height: 25px;
      color: #ffffff;
      text-shadow: 0px 4px 4px #0000003f;
      margin-top: 28px;
    }

a{ text-decoration: none;}

    .hero-btn {
      background-color: #ffffff;
      color: #0061e0;
      font-size: 18px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 24px;
      border: none;
      border-radius: 30px;
      padding: 18px 34px;
      margin-top: 44px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .hero-btn:hover {
      background-color: #f0f9ff;
      transform: translateY(-2px);
    }
    
    .hero-image-container {
      width: 34%;
      position: relative;
      margin-right: 232px;
    }
    
   /* .hero-image-frame {
      background-color: #fcfcfc;
      border: 20px solid #4564f37f;
      border-radius: 296px;
      padding: 70px 46px;
      box-shadow: 0px 4px 4px #0000003f;
    }*/
    
    .hero-product-image {
      width: 400px;
      height: 400px;
      margin-bottom: 8px;
    }
    
    /* About section */
    .about-section {
      margin-top: 110px;
      padding: 0 56px;
    }
    
   /* .about-content {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 48px;
    }*/
    
    /*.about-image-stack {
      width: 44%;
      position: relative;
    }
    
    .about-image-main {
      width: 570px;
      height: 602px;
    }*/
    
    .about-image-overlay {
      position: absolute;
      top: 0;
      left: 16px;
      width: 448px;
      height: 596px;
    }
    
    .stats-card {
    position: absolute;
    bottom: -15px;
    left: -15px;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 28px 14px;
    width: 45%;
    text-align: center;
}
    
    .stats-icon {
      width: 70px;
      height: 82px;
      margin: 6px auto 12px;
    }
    
    .stats-number {
      font-size: 32px;
      font-family: 'Roboto', sans-serif;
      font-weight: 900;
      line-height: 38px;
      color: #0061e0;
    }
    
    .stats-label {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      line-height: 22px;
      color: #0d263b;
      margin-top: -6px;
    }
    .about-image-stack {
    position: relative;
}
    .about-text {
      /*width: 52%;*/
/*       margin-top: 46px; */
    }
    
    .about-subtitle {
      font-size: 18px;
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      color: #0061e0;
    }
    
    .about-title {
      font-size: 32px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      line-height: 38px;
      text-transform: capitalize;
      color: #0d263b;
      margin-top: 10px;
    }

.about-description a{
	color: #0056b3;
	text-underline-offset: 5px;
}
.about-description a:hover{
	color: #0061E0;
}

    .about-text p, .about-description{
      font-size: 16px;
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      line-height: 26px;
      color: #333;
      margin-top: 10px;
    }
    
    .learn-more-link {
    display: inline-flex; 
      align-items: center;
      gap: 8px;
      text-decoration: none;
		color: #0061e0; 
    font-size: 16px;
    font-weight: 500;
    }
.learn-more-line {
    width: 16px; 
    height: 1.5px; 
    background-color: #0061e0; 
    position: relative;
    transition: width 0.3s ease; 
}
.learn-more-line::after {
    content: '';
    position: absolute;
    right: 0; 
    top: 50%;
    transform: translateY(-50%) rotate(45deg); 
    width: 6px; 
    height: 6px;
    border-top: 1.5px solid #0061e0; 
    border-right: 1.5px solid #0061e0; 
}
    
		
.learn-more-text {
      font-size: 16px;
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      line-height: 20px;
      color: #0061e0;
    }
    .stats-row {
      display: flex;
      gap: 112px;
      margin-top: 66px;
      margin-right: 54px;
    }
    
    .stat-item {
      text-align: center;
    }
    
    .stat-number {
      font-size: 32px;
      font-family: 'Roboto', sans-serif;
      font-weight: 900;
      line-height: 38px;
      color: #0061e0;
    }
    
    .stat-label {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      line-height: 22px;
      color: #0d263b;
      margin-top: -6px;
    }
    
    /* Products section */
    .products-section {
      background-color: #00349a;
      padding: 74px 0;
      margin-top: 84px;
    }
    
    .products-subtitle {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      color: #dddddd;
      text-align: center;
      margin-top: 26px;
    }
    
    .products-title {
      font-size: 32px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      line-height: 38px;
      text-transform: capitalize;
      color: #ffffff;
      text-align: center;
      margin-top: 16px;
    }
    
    .products-grid {
      display: flex;
      gap: 34px;
      margin-top: 70px;
      justify-content: center;
      flex-wrap: wrap;
    }
    
   .product-card {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 18px;
    /* width: 452px; */
    box-shadow: 8px 10px 20px #97979728;
    text-align: center;
}

.row.product-box-row .col-lg-4 {
    width: calc(100% / 3 - 30px);
}
.row.product-box-row {
    gap: 15px;
}
    
    .product-image {
      width: 306px;
      height: 272px;
      margin: 0 auto 40px;
    }
    
    .product-name {
      font-size: 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      line-height: 24px;
      color: #0061e0;
      margin-bottom: 20px;
    }
.product-name a {
    text-decoration: none !important;
    color: #000 !important;
    font-size: 20px;
    font-weight: 500;
}
.product-name a:hover{
  color: #0061E0;
} 
    .product-name.dark {
      color: #000000;
    }
    
    .product-description {
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 17px;
      color: #7c8893;
      margin-bottom: 18px;
    }
    
    .product-btn {
      background-color: #3b71fb;
      color: #ffffff;
      font-size: 18px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 24px;
      border: none;
      border-radius: 30px;
      padding: 18px 34px;
      margin-bottom: 10px;
      cursor: pointer;
      transition: all 0.3s ease;
		display: inline-block;
        margin-top: 10px;
	   text-decoration: none;
    }
    
    .product-btn:hover {
      background-color: #2563eb;
      transform: translateY(-2px);
    }
    
    .explore-btn {
      background-color: #ffffff;
      color: #0061e0;
      font-size: 18px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 24px;
      border: none;
      border-radius: 30px;
      padding: 18px 34px;
      margin-top: 54px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    
    .explore-btn:hover {
      background-color: #f0f9ff;
      transform: translateY(-2px);
    }
    
    /* Info section */
    .info-section {
      margin-top: 90px;
      padding: 0 56px;
    }
    
    .info-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 48px;
    }
    .info-section .row .info-text{
      padding-left: 28px;
    }
    
    .info-image-container {
    /*  width: 52%;*/
      position: relative;
    }
.info-image-container iframe{
	width:100% !important;
}
   /* .info-main-image {
      width: 760px;
      height: 396px;
    }*/
    
    .play-button-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 140px;
      height: 138px;
      background-color: #0061e095;
      border-radius: 70px;
    }
    
    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 118px;
      height: 116px;
      background-color: #0061e0;
      border-radius: 58px;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }
    
    .play-button:hover {
      background-color: #1d4ed8;
      transform: translate(-50%, -50%) scale(1.05);
    }
    
    .play-icon {
      width: 28px;
      height: 34px;
    }
    
    /*.info-text {
      width: 40%;
    }*/
    
    .info-subtitle {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      color: #0061e0;
    }
    
    .info-title {
      font-size: 32px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      line-height: 38px;
      text-transform: capitalize;
      color: #0d263b;
      margin-top: 8px;
    }
    
    .info-description {
      font-size: 16px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 26px;
      color: #7c8893;
      margin-top: 8px;
    }
    
    
    .read-more-link {
       display: inline-flex; 
      align-items: center;
      gap: 8px;
      text-decoration: none;
		color: #0061e0; 
    font-size: 16px;
    font-weight: 500;
    }
    
    .read-more-text {
      font-size: 16px;
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      line-height: 20px;
      color: #0061e0;
    }
    
    .read-more-line {
       width: 16px; 
    height: 1.5px; 
    background-color: #0061e0; 
    position: relative;
    transition: width 0.3s ease; 
    }
    .read-more-line::after {
    content: '';
    position: absolute;
    right: 0; 
    top: 50%;
    transform: translateY(-50%) rotate(45deg); 
    width: 6px; 
    height: 6px;
    border-top: 1.5px solid #0061e0; 
    border-right: 1.5px solid #0061e0; 
}
    /* CTA section */
    .cta-section {
      background: url('../images/cta-bg.png');
      background-size: cover;
      background-position: center;
      padding: 48px 0;
      margin-top: 90px;
    }
    
    .cta-content {
      text-align: center;
     /* max-width: 1424px;*/
      margin: 0 auto;
      padding: 0 246px;
    }
    
    .cta-title {
      font-size: 32px;
      font-family: 'Inter', sans-serif;
      font-weight: 700;
      line-height: 38px;
      text-transform: capitalize;
      color: #ffffff;
		letter-spacing: 1%;
    }
.cta-title span{ font-weight: 400;}
    
    .cta-btn {
      background-color: #3b71fb;
      color: #ffffff;
      font-size: 18px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 24px;
      border: none;
      border-radius: 30px;
      padding: 18px 34px;
      margin-top: 32px;
      cursor: pointer;
      transition: all 0.3s ease;
		display:inline-block;
    }
    
    .cta-btn:hover {
      background-color: #2563eb;
      transform: translateY(-2px);
    }
    
    /* Clients section */
    .clients-section {
      background-color: #e8f2ff;
      padding: 94px 56px;
      margin-top: -2px;
	text-align: center;
    }
    
    .clients-subtitle {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      color: #0061e0;
    }
    
    .clients-title {
		letter-spacing: 1%;
      font-size: 28px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      line-height: 34px;
      text-transform: capitalize;
      color: #282828;
      margin-top: 14px;
	margin-bottom: 40px;
    }
.clients-wrap {
    max-width: 1180px; 
    margin: 0 auto;
}

    .owl-carousel.version-1 .owl-item div {
    width: 100%;
    max-width: 363px; 
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 12px; 
    height: 179px; 
    padding: 20px;
    display: flex;
    align-items: center; 
    justify-content: center; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); 
}


/* --- 3. Slider Arrows (Nav) Styling --- */
.owl-carousel {
    position: relative;
}
.owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none;
	margin: 0 !important;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important; 
    margin: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important; 
    background: transparent !important;
    border: 1px solid #0d6efd !important; 
    color: #0061E0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    pointer-events: all;
    transition: all 0.3s ease;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -50px; 
}
.owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

/* Hover Effect for Arrows */
.owl-carousel .owl-nav button:hover {
    background: #0061E0 !important;
    color: #ffffff !important;
}

/* --- 4. Slider Dots (Pagination) Styling --- */
.owl-carousel .owl-dots {
    margin-top: 30px;
    text-align: center;
}
.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border: 1px solid #0061E0;
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
    transition: all 0.3s ease;
}
.owl-carousel .owl-dots .owl-dot.active span {
    background: #0061E0; 
}
 

.clients-slider-container {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 48px;
      margin-bottom: 4px;
      width: 72%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .slider-nav-left {
      width: 40px;
      height: 40px;
      background: none;
      border: none;
      cursor: pointer;
      margin-right: 32px;
    }
    
    .slider-content {
      display: flex;
      gap: 36px;
      justify-content: center;
      align-items: center;
      flex: 1;
      overflow-x: auto;
    }
    
   
    
    .client-logo {
      width: auto !important;
      height: auto;
      margin: 0 auto;
      min-height: 152px;
    }

    .owl-carousel .owl-item{
      text-align: center;
    }
    .slider-content {
  overflow-x: hidden;
  display: flex;
}

    
    .slider-nav-right {
      width: 40px;
      height: 40px;
      background: none;
      border: 2px solid #0061e0;
      border-radius: 20px;
      cursor: pointer;
      padding: 12px;
      margin-top: 70px;
    }

@media (max-width: 768px) {
	 .about-text {
      margin-top: 46px;
    }
	.owl-carousel.version-1 .owl-item div{
		max-width: 235px;
	}
    .owl-carousel .owl-nav button.owl-prev {
        left: 5px !important; 
       
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 5px !important; 
       
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }
}

    
    
   
    /* Catalogue section */
    .catalogue-section {
      padding: 0 56px;
      margin-top: 90px;
    }
    
    .catalogue-content {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 48px;
      width: 72%;
      margin: 0 auto;
    }
    
    .catalogue-image-container {
      /*width: 38%;*/
      position: relative;
    }
    
    .catalogue-bg-circle {
      width: 486px;
      height: 486px;
      background-color: #e8f2ff;
      border-radius: 242px;
    }
    
    .catalogue-image {
      position: absolute;
      top: 65px;
      left: -13px;
      width: 504px;
      height: 356px;
    }
    
    .catalogue-text {
      flex: 1;
    }
    
    .catalogue-subtitle {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      color: #0061e0;
      margin-left: 0;
    }
    
    .catalogue-title {
      font-size: 28px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      line-height: 34px;
      text-transform: capitalize;
      color: #282828;
      margin-top: 4px;
    }
    
    .catalogue-description {
      font-size: 16px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 26px;
      color: #7c8893;
      margin-top: 14px;
      margin-right: 38px;
      width: 76%;
    }
    
    .catalogue-btn {
      background-color: #3b71fb;
      color: #ffffff;
      font-size: 18px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 24px;
      border: none;
      border-radius: 30px;
      padding: 18px 34px;
      margin-top: -14px;
      margin-left: 0;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .catalogue-btn:hover {
      background-color: #2563eb;
      transform: translateY(-2px);
    }
    
    /* Contact section */
    .contact-section {
      background-color: #e8f2ff;
      padding: 88px 56px;
      /*margin-top: 88px;*/
    }
    
    .contact-subtitle {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 22px;
      text-transform: uppercase;
      color: #0061e0;
      text-align: center;
      margin-top: 12px;
    }
    
    .contact-title {
      font-size: 28px;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      line-height: 34px;
      color: #000D2F;
      text-align: center;
      margin-top: 14px;
    }
    
    .contact-form {
      width: 48%;
      margin: 0 auto;
      margin-top: 48px;
    }
    
    .form-row {
      display: flex;
      gap: 30px;
      margin-bottom: 28px;
    }
    
    .form-group {
      flex: 1;
    }
    
    .form-label {
      font-size: 14px;
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      line-height: 17px;
      color: #000D2F;
      display: block;
      margin-bottom: 10px;
    }
    
    .form-input {
      width: 100%;
      padding: 12px;
      border: 1px solid #c6c6c6;
      border-radius: 5px;
      background-color: #ffffff;
      font-size: 14px;
      font-family: 'Inter', sans-serif;
    }
    
    .form-textarea {
      width: 100%;
      padding: 12px;
      border: 1px solid #c6c6c6;
      border-radius: 5px;
      background-color: #ffffff;
      font-size: 14px;
      font-family: 'Inter', sans-serif;
      min-height: 120px;
      resize: vertical;
    }
    
    .submit-btn {
      background-color: #3b71fb;
      color: #ffffff;
      font-size: 18px;
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 24px;
      border: none;
      border-radius: 30px;
      padding: 18px 34px;
      margin-top: 24px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .submit-btn:hover {
      background-color: #2563eb;
      transform: translateY(-2px);
    }
    
    /* Footer */
    .footer {
      background-color: #000D2F;
      color: #ffffff;
      padding: 34px 0;
      position: relative;
    }
    
    .footer-content {
      max-width: 1424px;
      margin: 0 auto;
      padding: 0 56px;
    }
    
    .footer-main {
      display: flex;
      justify-content: space-between;
      margin-bottom: 28px;
    }
    
    .footer-section {
      flex: 1;
    }
    
    .footer-title {
      font-size: 24px;
      font-family: 'Roboto', sans-serif;
      font-weight: 600;
      line-height: 29px;
      text-transform: capitalize;
      color: #f9f9f9;
      margin-bottom: 20px;
    }
    
    .footer-links {
    list-style: none;
    padding-left: 0;
  }
    
    .footer-link {
      color: #ffffff;
      text-decoration: none;
      font-size: 16px;
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      line-height: 20px;
      display: block;
      margin-bottom: 20px;
      transition: color 0.3s ease;
    }

ul.footer-links.product-footer a {
    font-size: 14px;
}
    .footer-main li ul {
    padding-left: 15px;
}
    .footer-main li ul li {
    list-style-type: disc;
}
    .footer-link:hover {
      color: #0061e0;
    }
    
    .contact-info-item {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 26px;
		transition: color 0.3s ease;
    }
    
    .contact-icon-footer {
      width: 24px;
      height: 24px;
    }
    
    .contact-text {
      font-size: 16px;
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
      line-height: 24px;
      color: #ffffff;
	  transition: color 0.3s ease;
    }
    .contact-info-item p {
    margin-bottom: 0;
    }
    .contact-text a,.contact-info-item a {
    color: #fff;
    text-decoration: none;
    }
.contact-info-item a{
	transition: color 0.3s ease;
}
.contact-info-item a:hover{
	color: #0061e0;
}
.contact-icon-footer {
  transition: transform 0.3s ease; 
}
.contact-icon-footer:hover {
  transform: scale(1.1); 
}
.contact-info-item:hover .contact-icon-footer {
  transform: scale(1.1);
}
   .social-links {
    display: flex;
    gap: 14px;
    margin-left: 4px;
    margin-top: 50px;
}
    
    .social-btn {
      width: 30px;
      height: 30px;
      background-color: #0061e0;
      border: none;
      border-radius: 14px;
      padding: 2px;
      cursor: pointer;
      transition: all 0.3s ease;
		display:flex;
		align-items:center;
		justify-content:center;
    }
    
    .social-btn:hover {
      background-color: #1d4ed8;
      transform: scale(1.1);
    }
    
    .footer-divider {
      width: 100%;
      height: 1px;
      background-color: #d2d2d2cc;
      margin: 28px 0;
    }
    
    .footer-bottom {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .copyright {
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 17px;
      text-transform: capitalize;
      color: #ffffff;
    }
    
    .footer-legal {
      display: flex;
      align-items: center;
      gap: 28px;
    }
    
    .legal-link {
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 17px;
      text-transform: capitalize;
      color: #ffffff;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    
    .legal-link:hover {
      color: #0061e0;
    }
    
    .legal-divider {
      width: 1px;
      height: 16px;
      background-color: #ffffff;
    }
    
    /* Typography */
    .underline {
      text-decoration: underline;
    }
    
    /* Interactive states */
    button:focus, input:focus, textarea:focus {
      outline: 2px solid #0061e0;
      outline-offset: 2px;
    }
    
    button:active {
      transform: scale(0.95);
    }
    
    /* Responsive media queries */
    @media (max-width: 639px) {
		
		
		header .navbar-collapse{
			text-align: center;
		}
		header .align-items-center{
			justify-content: center;
		}
		.container .col-lg-6,.col-lg-7,.col-lg-12{
			text-align: center;
		}
		.learn-more-link,.read-more-link{
			justify-content: center;
		}
		
		.about-page .about-content .col-lg-5, .about-page .about-content .col-lg-7,.about-page .about-content .col-lg-12{
			padding: 0px;
		}
		.about-page .branches-title{text-align: center!important;}
      .hamburger {
        display: block;
      }
      
      .nav-menu {
        display: none;
      }
      
      .main-header {
        padding: 16px;
      }
      
      .contact-info {
        display: none;
      }
      
      .hero-title {
        font-size: 32px;
        line-height: 36px;
      }
      
      .hero-content {
        flex-direction: column;
        text-align: center;
      }
      
      .hero-image-container {
        width: 80%;
        margin-right: 0;
        margin-top: 32px;
      }
      
      .about-content {
        flex-direction: column;
      }
      
      .about-image-stack, .about-text {
        width: 100%;
      }
      
      .products-grid {
        flex-direction: column;
        align-items: center;
      }
      
      .product-card {
        width: 100%;
        max-width: 400px;
      }
      
      .info-content {
        flex-direction: column;
      }
      
      .info-image-container, .info-text {
        width: 100%;
      }
      
      .cta-content {
        padding: 0 16px;
      }
      
      .cta-title {
        font-size: 24px;
        line-height: 28px;
      }
      
      .catalogue-content {
        flex-direction: column;
        width: 100%;
      }
      
      .catalogue-image-container {
        width: 80%;
      }
      
      .contact-form {
        width: 100%;
      }
      
      .form-row {
        flex-direction: column;
        gap: 16px;
      }
      
      .footer-main {
        flex-direction: column;
        gap: 32px;
      }
      
      .footer-bottom {
        flex-direction: column;
        gap: 16px;
        text-align: center;
      }
      
      .stats-row {
        flex-direction: column;
        gap: 32px;
        text-align: center;
      }
    }
    
    @media (min-width: 640px) {
      .hero-title {
        font-size: 56px;
        line-height: 64px;
      }
      
      .about-title, .products-title, .info-title, .cta-title, .clients-title, .catalogue-title, .contact-title {
        font-size: 36px;
        line-height: 42px;
      }
    }
    
    @media (min-width: 768px) {
      .nav-menu {
        display: flex;
      }
      
      .hamburger {
        display: none;
      }
      
      .container {
        padding: 0 24px;
      }
      
      .hero-title {
        font-size: 70px;
        line-height: 80px;
      }
      
      .about-title, .products-title, .info-title, .cta-title, .clients-title, .catalogue-title, .contact-title {
        font-size: 40px;
        line-height: 48px;
      }
      
      .contact-form {
        width: 60%;
      }
    }
    
    @media (min-width: 1024px) {
      .container {
        padding: 0 32px;
      }
      
      .hero-title {
        font-size: 84px;
        line-height: 96px;
      }
      
      .about-title, .products-title, .info-title, .catalogue-title, .contact-title {
        font-size: 46px;
        line-height: 56px;
      }
		.cta-title{
			font-size: 46px;
        line-height: 52px;
		}
		
		.clients-title{
			font-size: 42px;
        line-height: 52px;
		}
      .stat-number, .stats-number {
        font-size: 64px;
        line-height: 75px;
      }
      
      .stat-label, .stats-label {
        font-size: 36px;
        line-height: 43px;
      }
      
      .contact-form {
    width: 64.7%;
}
    }
    
    @media (min-width: 1280px) {
      .main-header {
        padding: 16px 224px;
      }
      
      .hero-section {
        padding: 168px 56px 90px 56px;
      }
		.hero-section .swiper {
        padding-bottom: 78px !important; 
    }
    
    .hero-section .swiper-pagination {
        bottom: 10px !important; 
    }
    
    .hero-section .hero-text .hero-btn {
        margin-top: 35px !important;
        display: inline-block !important;
    }
    }

.hero-section .swiper-pagination-bullet {
    width: 14px !important;   
    height: 14px !important;  
    background-color: #00349A !important; 
    margin: 0 8px !important;  
	border: 2px solid #ffffff;
	opacity: 1;
}

.hero-section .swiper-pagination-bullet-active {
    background-color: #ffffff !important; 
    transform: scale(1.2) !important; 
}
.hero-section .swiper-button-prev::after,
.hero-section .swiper-button-next::after {
    display: none !important;
}

.hero-section .swiper {
    width: 100% !important; 
}
.hero-section .hero-text {
    width: 100% !important;
    text-align: left !important;
}

@media (min-width: 992px) {
    .hero-section .col-lg-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }
    
    .hero-section .row {
        width: 100% !important;
        margin: 0 !important;
    }
 /* priyanka

.owl-carousel.version-1, .owl-carousel.version-2{
  position: relative;
  padding: 15px 35px 0;
}
.logo-slider-1, .logo-slider-2{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
  text-align: center;
}
.owl-carousel .owl-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.owl-carousel button.owl-prev, .owl-carousel button.owl-next {
    color: #fff !important;
}
.owl-nav button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #3b71fb !important;
    border-radius: 50%;
    margin: auto 0;
    box-shadow: 0px 0px 5px #00000069;
}
.owl-nav button.owl-next{
  right: 0;
}
.owl-nav button.owl-prev{
  left: 0;
}
.version-2 h2 {
    margin: 0px;
    font-size: 20px;
}
.version-2 p {
    font-size: 15px;
}
.version-2 .owl-item{
  text-align: center;
  padding: 10px 20px 20px;
}
.version-2 .owl-item img{
  width: 160px;
  margin: 0 auto;
}*/
/*

 /* Hero section */
    .hero-section-about {
    background: url('../images/abt-banner.png');
    background-size: cover;
    background-position: center;
    padding: 170px 0;
    color: #ffffff;
    text-align: center;
}
    
     .hero-section-about .hero-content {
      display: flex;
      flex-direction: column;
      gap: 24px;
      align-items: center;
      max-width: 1424px;
      margin: 0 auto;
      padding: 0 200px;
    }
    
    .hero-section-about .hero-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 0;
}
    
     .hero-section-about .hero-title {
      font-size: 84px;
      font-weight: 700;
      line-height: 96px;
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      margin-top: 0;
    }
    

  .hero-section-product {
    background: url('../images/pdt-banner.png');
    background-size: cover;
    background-position: center;
    padding: 170px 0;
    color: #ffffff;
    text-align: center;
}
    
     .hero-section-product .hero-content {
      display: flex;
      flex-direction: column;
      gap: 24px;
      align-items: center;
      max-width: 1424px;
      margin: 0 auto;
      padding: 0 200px;
    }
    
    .hero-section-product .hero-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 0;
}
    
     .hero-section-product .hero-title {
      font-size: 84px;
      font-weight: 700;
      line-height: 96px;
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      margin-top: 0;
    }
    





    /* Main content */
    .about-page .main-content {
      padding: 42px 0;
    }
    
   /* .about-page .breadcrumb {
      margin-bottom: 78px;
    }
    
    .about-page .breadcrumb-container {
      position: relative;
      width: 148px;
      height: 22px;
    }
    
    .about-page .breadcrumb-text {
      font-size: 15px;
      line-height: 19px;
      text-transform: uppercase;
    }
    
    .about-page .breadcrumb-arrow {
      position: absolute;
      bottom: 4px;
      left: 58px;
      width: 4px;
      height: 8px;
    }*/
    
    /* Global presence section */
    .about-page .global-section {
      padding: 60px 0;
      text-align: center;
    }
    
    .about-page .global-header {
      margin-bottom: 30px;
    }
    
    .about-page .global-label {
      font-size: 18px;
      color: #0061e0;
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    
    .about-page .global-title {
      font-size: 42px;
      font-weight: 600;
      line-height: 51px;
      color: #282828;
      text-transform: capitalize;
    }
    
    .about-page .branches-title {
      font-size: 30px;
      font-weight: 600;
      line-height: 37px;
      color: #0d263b;
      text-transform: capitalize;
      text-align: left;
      margin-bottom: 16px;
    }
    
    .about-page .branches-content {
      display: flex;
      gap: 6px;
      align-items: center;
    }
    
    .about-page .branches-column {
      font-size: 16px;
      line-height: 26px;
      color: #7c8893;
      text-align: left;
    }
    
   .about-page .branches-column-1 {
      width: 26%;
    }
    
    .about-page .branches-column-2 {
      width: 26%;
      margin: 0 16px 0 16px;
    }
    
   .about-page .branches-column-3 {
      width: 10%;
    }
    
    .about-page .map-container {
      width: 100%;
      margin-top: 52px;
      align-self: flex-start;
    }
    
   .about-page .map-iframe {
      width: 100%;
      height: 400px;
      border: 0;
      border-radius: 8px;
    }
    
    
    /* Responsive media queries */
    @media (max-width: 639px) {
      .about-page .hero-section-about .hero-title {
        font-size: 42px;
        line-height: 48px;
      }
      
      .about-page .hero-section-about .hero-subtitle {
        font-size: 16px;
      }
      
     .about-page .hero-section-about .hero-content {
        padding: 0 16px;
      }
		
		.product-page .hero-section-product .hero-title {
        font-size: 42px;
        line-height: 48px;
      }
      
      .product-page .hero-section-product .hero-subtitle {
        font-size: 16px;
      }
      
     .product-page .hero-section-product .hero-content {
        padding: 0 16px;
      }
		
      
      .about-page .main-header-content {
        padding: 0 16px;
      }
      
      .about-page .about-section {
        flex-direction: column;
      }
      
      .about-page .about-images,
      .about-page .about-content {
        width: 100%;
      }
      
      .about-page .about-title {
        font-size: 32px;
        line-height: 40px;
      }
      
     .about-page .cta-content {
        padding: 0 16px;
      }
      
      .about-page .cta-title {
		  font-size: 24px;
        line-height: 28px;
      }
      
     .about-page .branches-content {
        flex-direction: column;
        gap: 24px;
      }
      
      .about-page .branches-column-1,
      .about-page .branches-column-2,
      .about-page .branches-column-3 {
        width: 100%;
		  text-align: center;
      }
      
    }
    
    @media (min-width: 640px) {
   
      
      .about-page  .hero-section-about .hero-title {
        font-size: 56px;
        line-height: 64px;
      }
		
		 
      .product-page  .hero-section-product .hero-title {
        font-size: 56px;
        line-height: 64px;
      }
		
		
      
      .about-page .hero-section-about .about-title {
        font-size: 38px;
        line-height: 46px;
      }
      
      .about-page .cta-title {
        font-size: 38px;
        line-height: 46px;
      }
    }
    
    @media (min-width: 768px) {
      
      .about-page .hero-section-about .hero-title {
        font-size: 67px;
        line-height: 77px;
      }
		.product-page .hero-section-product .hero-title {
        font-size: 67px;
        line-height: 77px;
      }
      
      .about-page .hero-section-about .about-title {
        font-size: 42px;
        line-height: 51px;
      }
      
      .about-page .cta-title {
        font-size: 42px;
        line-height: 48px;
      }
      
      .about-page .map-iframe {
        height: 500px;
      }
    }
    
    @media (min-width: 1024px) {
      
       .about-page .hero-section-about .hero-title {
        font-size: 84px;
        line-height: 96px;
      }
		.product-page .hero-section-product .hero-title {
        font-size: 84px;
        line-height: 96px;
      }
      
      .about-page .hero-section-about .about-title {
        font-size: 46px;
        line-height: 56px;
      }
      
      .about-page .cta-title {
        font-size: 46px;
        line-height: 52px;
      }
      
      .about-page .branches-content {
        flex-direction: row;
      }
      
      .about-page .branches-column-1 {
        width: 26%;
      }
      
      .about-page .branches-column-2 {
        width: 26%;
      }
      
      .about-page .branches-column-3 {
        width: 10%;
      }
      
    }
    .about-page .about-section {
    margin-top: 50px;
}
    /* Container styling */
.breadcrumb-container {
  padding: 20px;
}

/* Remove default list styling and align items */
.breadcrumb-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
}

/* Style for each item */
.breadcrumb-item {
    font-size: 15px;
    text-transform: uppercase;
    color: #0056b3;
}

.breadcrumb-item:before{
  display: none;
}

/* Style for the link */
.breadcrumb-item a {
  color: #666; /* Gray color for the 'Home' link */
  text-decoration: underline;
  margin-right: 10px;
}

/* Hover effect for the link */
.breadcrumb-item a:hover {
  color: #000;
}

/* Create the '>' separator using CSS */
.breadcrumb-item:not(:last-child)::after {
    content: ">";
    margin: 0 0px;
    color: #0056b3;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
}

/* Styling for the current page (About Us) */
.breadcrumb-item.active {
  color: #0056b3;
}
/*responsive for home page*/
  @media (max-width: 767px) {

    .catalogue-bg-circle {
    width: 350px;
    height: 350px;
}

.hero-section {
    min-height: 400px;
    padding: 50px 0;
}

h2.hero-subtitle:before {
    width: 40px;
}
.hero-subtitle {
    font-size: 15px;
    padding-left: 36px;
}
.hero-description {
    margin-top: 0;
}
.hero-btn {
    margin-top: 0;
}
.hero-product-image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.about-section {
    margin-top: 50px;
    padding: 0;
}
.catalogue-section {
    padding: 0;
    margin-top: 50px;
}
.stats-row {
    margin-top: 30px;
    margin-right: 0;
}
.products-section {
    padding: 50px 0;
    margin-top: 50px;
}
.row.product-box-row {
    gap: 15px;
    flex-direction: column;
}
.row.product-box-row .col-lg-4 {
    width: 100%;
}
.products-subtitle {
    margin-top: 0;
    margin-bottom: 0 !important;
}
section.products-section .row.mb-5 {
    margin-bottom: 1rem !important;
}
	  
.info-section {
    margin-top: 50px;
    padding: 0;
}
.play-button-bg {
    width: 90px;
    height: 90px;
}
.play-button {
    width: 70px;
    height: 70px;
}
.play-icon {
    width: 18px;
    height: auto;
}
.info-title {
    font-size: 21px;
    line-height: 28px;
}
.info-section .row .info-text {
    padding-left: 0;
    padding-top: 30px;
}
.read-more-link {
    margin: 0;
}
.cta-section {
    padding: 30px 0;
    margin-top: 50px;
}
.clients-section {
    background-color: #e8f2ff;
    padding: 50px 0;
    margin-top: -2px;
}
.client-logo {
    min-height: auto;
}
.catalogue-image {
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-38%, -50%);
}
.catalogue-description {
    margin-right: 0;
    width: 100%;
}
.catalogue-text {
    padding-top: 30px;
}
.catalogue-title {
    font-size: 23px;
    margin-top: 4px;
}
.contact-section {
    padding: 50px 0;
    /*margin-top: 50px;*/
}
.form-row {
    margin-bottom: 10px;
}
.footer-content {
    padding: 0 16px;
}
.hero-section-about {
    padding: 50px 0;
}
	  
.hero-section-product {
    padding: 50px 0;
}
	  
.about-page .about-section {
    margin-top: 0;
}
.about-page .about-content {
    margin: 0 auto;
}
.about-page .global-title {
    font-size: 30px;
    line-height: 23px;
}
.about-page .branches-title {
    font-size: 18px;
    margin-bottom: 16px;
}
}



/*product page*/


/* 2. Horizontal Lines */
.breadcum-section .breadcrumb{
	margin-bottom: 0rem;
}
.breadcum-border-line{
	padding: 0px 20px 20px;
	width: 100%;
}

.ytbreadcum-border-line{
	padding: 20px 0px 60px;
	width: 100%;
}
.shakti-header-line {
    border-bottom: 1px solid #ebebeb; 
    margin: 0;
}

/* 3. Title (Shakti Pharma Tech) */
.shakti-page-title {
    color: #0D263B; 
    font-size: 30px;
    font-weight: 600;
    margin: 10px 0 0px 0;
    line-height: 56px;
}


/* 4. Description Text */
.shakti-page-desc {
    color: #7C8893; 
    font-size: 16px;
	font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    max-width: 100%;

}

/* Layout Wrapper */
/* 1. MAIN CONTAINER */
.shakti-layout-wrapper {
    display: flex;           
    flex-wrap: wrap;         
    gap: 30px;               
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 0 40px;
}

/* -----------------------------------------------------------
   SIDEBAR CARD DESIGN 
----------------------------------------------------------- */

/* 1. Sidebar Container Reset */
.shakti-sidebar {
    width: 280px;
    flex: 0 0 280px;
    background: transparent; 
    border: none; 
}

/* 2. Main Parent Card */
.shakti-sidebar .parent-node {
    background: #fff;
    border: 1px solid #e5e7eb; 
    border-radius: 8px; 
    margin-bottom: 20px; 
    overflow: hidden; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    list-style: none;
}

/* 3. Blue Header (All Purpose Equipments) */
.shakti-sidebar .parent-heading {
    background-color: #003399; 
    color: #fff;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700;
    position: relative; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Down Arrow Icon in Header */
.shakti-sidebar .parent-heading::after {
    content: "";
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 10px;
    margin-bottom: 3px;
}

.sub-child-link:hover {
    color: #003399 !important;
}

/* 1. Header Clickable */
.shakti-sidebar .parent-heading {
    cursor: pointer; 
    user-select: none; 
    transition: background 0.3s;
}

.shakti-sidebar .parent-heading:hover {
    background-color: #002266; 
}

/* 2. Arrow Animation (Smooth Rotation) */
.shakti-sidebar .parent-heading::after {
    transition: transform 0.3s ease; 
    transform: rotate(45deg); 
}

/* 3. When Closed (Arrow Points Right) */
.shakti-sidebar .parent-heading.is-closed::after {
    transform: rotate(-45deg); 
}

/* 4. Sub-Category List Container */
.shakti-sidebar .child-node-list {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

/* 5. Sub-Category Title*/
.shakti-sidebar .child-node-list > li a.child-ajax-link{
    position: relative; 
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: none; 
}

/* 2. Custom Line */
.shakti-sidebar .child-node-list > li a.child-ajax-link::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%; 
    transform: translateX(-50%); 
    width: 86%; 
    height: 1px;
    background-color: #f0f0f0; 
}
.shakti-sidebar .child-node-list > li:last-child {
    border-bottom: none; 
    margin-bottom: 0;
}

.shakti-sidebar .child-ajax-link {
    display: block;
    padding: 5px 20px;
    color: #000000; 
    font-weight: 600; 
    font-size: 16px;
    text-decoration: none;
}

.shakti-sidebar .child-ajax-link:hover {
    color: #0061E0;
}

/* 6. Product List (Bullet Points) */
.shakti-sidebar .sidebar-prod-list {
    padding: 5px 20px 5px 40px; 
    margin: 0;
    list-style: disc; 
}

.shakti-sidebar .sidebar-prod-list li {
    color: #7C8893; 
    margin-bottom: 8px;
    font-size: 15px;
	font-weight: 500;
    line-height: 1.5;
}

.shakti-sidebar .sidebar-prod-list li a {
    color: #7C8893; 
    text-decoration: none;
    transition: color 0.2s;
}

.shakti-sidebar .sidebar-prod-list li a:hover {
    color: #0061E0; 
}

/* 3. RIGHT SIDE CONTENT (Product Grid) */
.shakti-content-area {
    flex: 1;                 
    width: calc(100% - 310px); 
}

/* Product Grid System (3 Columns) */
.product-grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 
    gap: 25px;
}

/* 4. PRODUCT CARD DESIGN */
.shakti-product-card {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;display: flex;
    flex-direction: column;
    
    /* આ નવું ઉમેરો: કાર્ડ હંમેશા 100% હાઈટ લેશે */
    height: 100%;
	
}

.shakti-product-card:hover {
    /*transform: translateY(-5px); */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.shakti-product-card img {
    max-width: 100%;
    height: 245.52px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.shakti-product-card h3 {
    font-size: 20px;
    margin: 10px 0;
    line-height: 30px;
    color: #0061E0;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.shakti-product-card h3 a{
	text-decoration: none;
	color:#000;
}
.shakti-product-card p {
    font-size: 14px;
    color: #7C8893;
    margin-bottom: 15px;
    height: 50px;           
    overflow: hidden;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

/* Inquiry Button */
.inquiry-btn {
    display: inline-block;
    background-color: #3B71FB;
    color: white !important;
    padding: 20px 40px;
    border-radius: 50px;
	text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
	font-family: 'DM Sans', sans-serif;
    transition: background 0.3s;
}

.inquiry-btn:hover {
    background-color: #2563eb;
}

/* Load More Button Container */
.shakti-load-more-container {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

/* Load More Button Style */
#shakti-load-more-btn {
    background-color: #00349A; 
    color: #fff;
    border: none;
    padding: 20px 40px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50px; 
    cursor: pointer;
    transition: background 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	font-family: 'DM Sans', sans-serif;
}

#shakti-load-more-btn:hover {
    background-color: #002266; 
    transform: translateY(-2px);
}


/* 5. MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .shakti-layout-wrapper {
        flex-direction: column;
		padding: 0px 16px;
    }
    .shakti-sidebar {
        width: 100%;
        flex: none;
		/*padding: 0px 15px;*/
    }
    .shakti-content-area {
        width: 100%;
	padding: 0px 0px 15px;
    }
	
	.breadcum-border-line{
	padding: 0px 0px 20px;
		
   }
	.ytbreadcum-border-line{
	padding: 20px 0px 40px;
  }
}




/*single product page*/

.product-page .product-content-area{
	margin-top: 50px;
}

/* =========================================
   YouTube Video Section (Bootstrap Based)
   ========================================= */

.ytvideo-section {
    padding: 0px 56px; 
    margin-top: 40px;
    margin-bottom: 40px;
}

.video-section-subtitle {
    font-size: 14px;
    color: #C90200;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    display: block;
}

.video-section-title {
    font-size: 32px;
    font-weight: 700;
    color: #0061E0;
    line-height: 1.3;
    margin-bottom: 0;
}

.video-responsive-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 51, 153, 0.15); 
    background: #000;
}

.video-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 991px) {
    .ytvideo-section {
        padding: 0px 0px; 
		margin-top: 20px;
    margin-bottom: 20px;
    }
    .shakti-video-content {
        text-align: center; 
        margin-bottom: 25px; 
    }
}


/* --- CENTERED LAYOUT FIX --- */
.shakti-figma-layout {
    display: flex;
    flex-wrap: wrap;
    
    max-width: 1440px; 
    padding-left: 32px;
    padding-right: 32px;
    
    margin: 40px auto 40px auto; 
    column-gap: 50px;
    align-items: flex-start;
}
.shakti-left-col {
    width: 630px; 
    flex: 0 0 630px;
    max-width: 100%;
}
.shakti-right-col {
    flex: 1; 
}

/* --- IMAGES & GALLERY --- */



.flex-viewport, .woocommerce-product-gallery__image{
	border: 1px solid #ebebeb;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    transition-duration: 0s !important;
}

/* 2. Common Styling (Desktop ane Mobile banne mate) */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff;
    box-sizing: border-box !important;
    margin: 0 auto 10px auto !important;
    overflow: hidden !important;
    position: relative !important;
    animation: shaktiFadeIn 0.5s ease-in-out !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    object-fit: contain !important; 
    border: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
}

/* Fade animation */
@keyframes shaktiFadeIn {
    0% { opacity: 0.4; }
    100% { opacity: 1; }
}
/* =========================================
   2. THUMBNAIL FIX (Horizontal Line)
   ========================================= */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    justify-content: center; 
    gap: 10px;
    margin-top: 20px !important;
    padding: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    width: 150px !important;
    height: 150px !important;
    list-style: none !important;
    flex: 0 0 150px !important;
    border: 1px solid #ebebeb;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
    background: #fff;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 130px !important;
    height: 125px !important;
    object-fit: contain !important;
    opacity: 0.7;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li:hover img {
    opacity: 1;
}

/* =========================================
   1. DESKTOP VIEW (Tamaro proper code rakhyo chhe)
   ========================================= */
@media (min-width: 769px) {
    .woocommerce-product-gallery .woocommerce-product-gallery__image {
       /* width: auto !important;*/
        height: auto !important;
    }
    .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        /*width: 487px !important;*/
        height: 433px !important;
		margin: 0 auto;
    }
}

/* =========================================
   2. MOBILE & TABLET VIEW (Aaju-baju na photo na dekhay e mate)
   ========================================= */
@media (max-width: 991px) {
    
    /* Wrapper ne slide thatu atkavva */
    .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
        transform: none !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
    }

    /* Badha images ne by default HIDE karva */
    .woocommerce-product-gallery .woocommerce-product-gallery__image {
        display: none !important; 
        width: 100% !important;
        max-width: 350px !important; 
        height: 350px !important;    
        margin: 0 auto !important;   
        background: #fff !important;
        overflow: hidden !important;
        position: relative !important;
        pointer-events: none !important; 
    }

    /* Khali ACTIVE photo j dekhay ane FADE thai ne aave */
    .woocommerce-product-gallery .woocommerce-product-gallery__image.flex-active-slide {
        display: flex !important;    
        align-items: center !important;
        justify-content: center !important;
        animation: shaktiFadeIn 0.5s ease-in-out !important; 
    }

    .woocommerce-product-gallery .woocommerce-product-gallery__image a {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Image Styling (Chhelli image nani na thay e mate) */
    .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        width: 100% !important; 
        height: 100% !important; 
        max-width: 95% !important;  
        max-height: 95% !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        transform: none !important;
        object-fit: contain !important; 
    }
    
    /* Thumbnail Mobile Fix */
    .woocommerce-product-gallery .flex-control-thumbs {
        display: flex !important;
        justify-content: center !important;
        margin-top: 15px !important;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 80px !important;      
        height: 80px !important;
        flex: 0 0 80px !important;
    }

    .woocommerce-product-gallery .flex-control-thumbs li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; 
    }
}



/* --- TYPOGRAPHY --- */
.figma-title { color: #0061E0; font-size: 34px; line-height: 40px; font-weight: 600; margin-top: 0; margin-bottom: 20px; font-family: 'Roboto', sans-serif;}
.figma-desc { color: #7C8893; font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 30px; font-family: 'Roboto', sans-serif;}
.figma-btn { display: inline-block; font-size: 18px; background: #3B71FB; color: #FFFFFF; padding: 20px 40px; border-radius: 50px; text-decoration: none; font-weight: 400; font-family: 'DM Sans', sans-serif;}
.figma-btn:hover {color: white; background-color: #2563eb;
    transform: translateY(-2px);}

/* --- TABLE & TABS --- */
/* =========================================
   1. TABLE SCROLL (Mobile & Desktop banne mate)
========================================= */
.shakti-table-scroll {
    width: 100%;
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
}
.shakti-table-scroll::-webkit-scrollbar {
    height: 5px;
}
.shakti-table-scroll::-webkit-scrollbar-thumb {
    background-color: #bbbbbb;
    border-radius: 4px;
}
.shakti-table-scroll .tablepress {
    min-width: 600px; /* Mobile ma scroll trigger karva mate */
}

/* =========================================
   2. DESKTOP VIEW (Tamari exact typography ane colors sathe)
========================================= */
@media (min-width: 769px) {
    .shakti-responsive-tabs {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px;
        position: relative;
        font-family: 'Inter', sans-serif; /* Tamari font */
    }
    
    /* Tabs ni niche ni aakhi grey line */
    .shakti-responsive-tabs::before {
        content: '';
        position: absolute;
        top: 42px; 
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #f0f0f0;
        z-index: 1;
    }
    
    .shakti-tab-btn {
        order: 1; 
        background-color: transparent;
        border: none;
        color: #999999;
        padding: 10px 15px 12px 0px; /* Tamari padding */
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        transition: color 0.3s;
        margin-right: 10px;
        position: relative;
        line-height: 110%; /* Tamari line height */
        letter-spacing: 4%; /* Tamaru letter spacing */
        z-index: 2;
    }
    
    .shakti-tab-btn:hover {
        color: #003399;
    }
    
    .shakti-tab-btn.active {
        color: #0061E0; /* Tamaro navo active blue color */
        border-bottom: 4px solid #0061E0; 
    }
    
    .shakti-tab-btn .arrow { display: none; /* Desktop ma arrow nahi dekhay */ }
    
    .shakti-tab-content {
        order: 2; 
        width: 100%;
        padding: 25px 0;
        animation: fadeEffect 0.5s;
        border: none;
        background-color: transparent;
    }
	
}

/* =========================================
   3. MOBILE VIEW (Accordion Design)
========================================= */
@media (max-width: 768px) {
	
    .shakti-responsive-tabs {
        display: block;
        margin-top: 20px;
        border: 1px solid #dddddd;
        border-radius: 4px;
        background: #fafafa;
        font-family: 'Inter', sans-serif;
    }
    .shakti-tab-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        background: #ffffff;
        border: none;
        border-bottom: 1px solid #eeeeee;
        color: #00349A; /* Tamaro header valo dark blue color */
        font-size: 15px;
        font-weight: 600;
        padding: 16px 15px;
        text-align: left;
        cursor: pointer;
    }
    .shakti-tab-btn.active {
        background: #f9f9f9;
        color: #0061E0; /* Active tab color */
    }
    
    .shakti-tab-btn .arrow {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #bbbbbb; 
        transition: transform 0.3s ease;
    }
    .shakti-tab-btn.active .arrow {
        transform: rotate(180deg);
        border-top-color: #0061E0;
    }
    
    .shakti-tab-content {
        padding: 15px;
        background: #ffffff;
        border-bottom: 1px solid #eeeeee;
    }
    .shakti-responsive-tabs > :last-child {
        border-bottom: none !important; 
    }
}



/* =========================================
   4. TABLEPRESS DESIGN (Tamara Exact Style sathe)
========================================= */
.shakti-table-scroll .tablepress {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: none !important;
}

.shakti-table-scroll .tablepress thead th {
    background-color: #00349A !important; /* Tamari pasandagi no Blue */
    color: #ffffff !important;
    padding: 14px 15px;
    text-align: left;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 4%;
    border: none !important;
}

.shakti-table-scroll .tablepress tbody td {
    padding: 14px 15px;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    font-family: 'Roboto', sans-serif; /* Tamari font */
    color: #7C8893; /* Tamaro navo grey color */
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle !important;
}

.shakti-table-scroll .tablepress tbody td.column-1 {
    font-weight: 600;
    color: #000000;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    width: 30%;
}

.shakti-table-scroll .tablepress tbody tr td {
    background-color: transparent !important;
}

.shakti-table-scroll .tablepress tbody td[colspan].column-1 {
    background-color: #00349A !important;
    color: #7C8893 !important;
}

.shakti-table-scroll p { margin-bottom: 12px; color: #555; }
.shakti-table-scroll strong { color: #333; }
.shakti-table-scroll ul { margin-left: 5px; color: #555; }
.shakti-table-scroll ul li { margin-bottom: 8px; }


/* --- RELATED PRODUCTS --- */
.shakti-related-wrapper {
    padding: 0px 56px;
}
.shaktiRelatedSwiper {
	    padding-top: 40px!important;
        padding-bottom: 40px!important; 
    }
.shaktiRelatedSwiper .product-card {
        height: 100%; 
        background: #fff;
        padding: 15px;
        border: 1px solid #ebebeb; 
	    box-shadow: none; 
	    transition: transform 0.2s, box-shadow 0.2s;
        text-align: center;
    }
   .shaktiRelatedSwiper .product-btn {
        display: inline-block; 
        margin-top: 10px;
        cursor: pointer;
	   text-decoration: none;
    }
.shaktiRelatedSwiper .product-card:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.related-title { color: #0061E0; font-size: 24px; margin-bottom: 20px; font-weight: 600; line-height: 110%; letter-spacing: 0.4px;}

/* --- FOOTER FORM --- */
.shakti-footer-form-section { background: #f9f9f9; padding: 60px 0; margin-top: 50px; }
.shakti-form-container { max-width: 800px; margin: 0 auto; text-align: center; }

/* --- MOBILE --- */
@media (max-width: 991px) {
	
	.figma-title{text-align: center; line-height: 40px;}
	.figma-desc{text-align: center;}
	.figma-btn-area{text-align: center;}
	
	.shakti-related-wrapper {
    padding: 0;
}
 /* 1. Main Layout Reset */
    .shakti-figma-layout {
        display: block !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin-top: 20px !important;
		margin-bottom: 20px !important;
    }

    .shakti-left-col, .shakti-right-col {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin-bottom: 30px !important;
    }

	
}
@media (max-width: 991px) {
   
    .breadcrumb-list {
        flex-wrap: wrap !important;
        white-space: normal !important;
		gap: 4px 8px;
        
    }
	.breadcrumb-item{font-size: 12px; padding-left: 5px;}
    .breadcrumb-item.active{
         padding-left: 0px;
	}
}



/* Left Side Image Centering */
.contact-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.contact-image-container img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 991px) {
	
	.contact-image-container img {
    max-width: 50%;
   padding-bottom: 10px;
}
}
/* --- 2. Form Title --- */
.single-contact-title {
    font-size: 30px;
    font-weight: 600;
    color: #000D2F; /* Dark Blue Text */
    margin-bottom: 30px;
    line-height: 30px;
	font-family: 'Inter', sans-serif;
}

/* --- 3. Form Layout (Side by Side) --- */
.shakti-form-row {
    display: flex;
    gap: 30px; 
    margin-bottom: 20px;
}

.shakti-form-col {
    width: 50%; 
    display: flex;
    flex-direction: column;
}
.shakti-form-col br{
	display: none;
}

/* --- 4. Input & Label Styling --- */
.shakti-contact-form label {
    font-size: 14px;
    font-weight: 500;
    color: #000D2F;
    margin-bottom: 10px;
    display: block;
	line-height: 17px;
	font-family: 'Inter', sans-serif;
}

.shakti-contact-form .form-control {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #dae1e7;
    border-radius: 6px; 
    padding: 12px 15px;
    font-size: 14px;
    color: #000D2F;
    outline: none;
    box-sizing: border-box; 
	font-family: 'Inter', sans-serif;
}

/* Textarea Height Fix */
.shakti-contact-form textarea.form-control {
    height: 120px; 
    resize: none;
}

/* --- 5. Submit Button (Blue Pill) --- */
.shakti-form-submit {
    margin-top: 10px;
}

.shakti-submit-btn {
    background-color: #3B71FB; 
    color: white;
    padding: 20px 40px;
    border: none;
    border-radius: 50px; 
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.3s;
	font-family: 'DM Sans', sans-serif;
}

.shakti-submit-btn:hover {
    background-color: #0044cc;
}

/* --- 6. Mobile Responsive --- */
@media (max-width: 768px) {
    .shakti-form-row {
        flex-direction: column; 
        gap: 15px;
    }
    .shakti-form-col {
        width: 100%;
    }
}


/*Clients page*/
#gallery-1.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

#gallery-1 .gallery-item {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    margin: 0 0 20px 0;
	padding: 10px;
}

#gallery-1 .gallery-icon img {
    	width: 100%;
    max-width: 363px;
    margin: 0 auto;
	object-fit: contain !important;
    background-color: #ffffff;
    border-radius: 12px;
    height: 179px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
	transition: none !important; 
}

#gallery-1 .gallery-icon img:hover {
    transform: none !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

@media (max-width: 600px) {
    #gallery-1 .gallery-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    #gallery-1 .gallery-icon img {
        height: 120px !important; 
    }
}

/*overses [page]*/
.shakti-overseas-title {
    color: #0056b3; 
    font-size: 30px;
    font-weight: 600;
    margin: 10px 0 10px 0;
    line-height: 36px;
}
.overseas-page{padding: 0px 20px;}

.overseas-page #gallery-1.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-end;
}
   
.overseas-page #gallery-1 .gallery-item {
     flex: 0 0 calc(25% - 15px);
    max-width: calc(100% - 15px);
    margin: 0 0 20px 0;
	padding: 10px;
}
.overseas-page #gallery-1 .gallery-icon img {
    width: 100% !important;
    height: 160px !important; 
    object-fit: contain !important;
    background: #ffffff; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); 
    border-radius: 5px;
    transition: none !important; 
}

.overseas-page figure.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    font-family: 'Inter', sans-serif;
    border: none;
}

.overseas-page figure.wp-block-table table thead th {
    background-color: #003399; 
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 15px;
    border: 1px solid #003399;
    text-align: left;
}

.overseas-page figure.wp-block-table table tbody td {
    padding: 10px 15px;
    border: 1px solid #dddddd; 
    color: #333;
}

.overseas-page figure.wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f2f2f2; 
}

.overseas-page figure.wp-block-table table tbody tr:nth-child(even) {
    background-color: #ffffff; 
}
figure.overseas-table table thead th:nth-child(1) {
    text-align: left;  
    width: 70%;      
}

figure.overseas-table table thead th:nth-child(2) {
    text-align: right; 
    width: 30%;       
}
@media (max-width: 600px) {
	
	.overseas-page{padding: 0px;}
    .overseas-page #gallery-1 .gallery-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
		padding: 0px;
    }
    .overseas-page #gallery-1 .gallery-icon img {
        height: 120px !important; 
    }
}




/*contact page*/
.contact-page{
	padding: 0px 20px;
}

    .contact-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        font-family: 'Roboto', sans-serif;
        margin-top: 20px;
        margin-bottom: 20px;
		padding: 0px 20px;
    }

    .contact-box {
        flex: 1;
        min-width: 220px; 
        padding: 10px;
    }

    .contact-box h4 {
        color: #003399; 
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .contact-box h4 i {
        color: #003399;
        font-size: 20px;
    }

    .contact-box p {
        color: #444;
        line-height: 1.6;
        font-size: 16px;
        margin: 0;
    }

    .contact-box a {
        text-decoration: none;
        color: #333;
        font-weight: 500;
        transition: 0.3s;
    }

    .contact-box a:hover {
        color: #003399; 
    }


    @media (max-width: 768px) {
        .contact-container {
            flex-direction: column;
			padding: 0px;
        }
		.contact-page{
	    padding: 0px;
		}
		
		.contact-box h4 {
		display: inline-flex;
		}
    }


/*inquiry page*/


.inquiry .inquiry-title{
	font-family: 'Roboto', sans-serif;
	color: #0056b3; 
    font-size: 24px;
    font-weight: 500;
    margin: 10px 0 30px 0;
    line-height: 36px;
	letter-spacing: 0.07em;
}
.inquiry .inquiry-title strong{font-size: 18px; letter-spacing: 0.07em; 	font-family: 'Roboto', sans-serif;
}
.inquiry{padding: 0px 20px 20px;}
/* Main Form Container */
.custom-inquiry-form {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background: #fdfdfd;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    font-family: Arial, sans-serif;
}

.form-left-panel {
    flex: 1 1 50%;
    min-width: 300px;
}
.form-right-panel {
    flex: 1 1 40%;
    min-width: 300px;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
}

.custom-inquiry-form h3 {
    color: #003399; 
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}
.custom-inquiry-form h3 small {
    font-size: 14px;
    color: #888;
    font-weight: normal;
}

.checkbox-list-vertical .wpcf7-checkbox .wpcf7-list-item {
    display: block !important; 
    margin: 0 0 12px 0 !important;
}
.checkbox-list-vertical input[type="checkbox"] {
    margin-right: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #003399;
}
.checkbox-list-vertical .wpcf7-list-item-label {
    font-size: 15px;
    color: #444;
    cursor: pointer;
}

.input-group {
    margin-bottom: 18px;
	display: block;
}
.form-right-panel input[type="text"],
.form-right-panel input[type="email"],
.form-right-panel textarea {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.form-right-panel input:focus,
.form-right-panel textarea:focus {
    border-color: #003399;
    box-shadow: 0 0 5px rgba(0, 51, 153, 0.2);
    outline: none;
}
.form-right-panel textarea {
    min-height: 60px;
    resize: vertical;
}

.btn-submit {
    background-color: #003399;
    color: #ffffff;
    padding: 14px 30px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.btn-submit:hover {
    background-color: #002266;
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.inquiry{padding: 0px;}
    .custom-inquiry-form {
        flex-direction: column;
        padding: 15px;
    }
	.checkbox-list-vertical{
		text-align: left;
	}
}


/*category product page*/


/* Pagination Styling */
.shakti-pagination {
    margin-top: 40px;
    text-align: center;
    width: 100%;
}
.shakti-pagination .nav-links {
    display: inline-flex;
    gap: 10px;
}
.shakti-pagination a, .shakti-pagination span {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
}
.shakti-pagination span.current {
    background-color: #3b82f6;
    color: white;
    border-color: #3b82f6;
}
.swiper-wrapper {
    align-items: stretch !important;
}

.swiper-slide {
    height: auto !important; 
    display: flex !important;
    flex-direction: column;
}

.swiper-slide > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Content ne barabar vachche ane niche set karva */
}


/*search page*/
.search .site-main{
	max-width: 1310px;
    margin: 0 auto;
    padding: 20px 0 40px;
}

.search .site-main a{
	color: #666;
    text-decoration: underline;
    margin-right: 10px;
	font-size: 15px;
    text-transform: uppercase;
}
.search .woocommerce-products-header{
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
	margin-top: 20px;
}
.search .woocommerce-products-header h1{
	padding-bottom: 20px;
	color: #0D263B;
    font-size: 30px;
    line-height: 56px;
}

.search .woocommerce-result-count, .search .woocommerce-ordering{
	display: none;
}
.search .product {
padding: 20px 0px;
    border-top: 1px solid #ebebeb;
}

.search ul.products li.product{
	background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    height: 100%;

}
.search ul.products li.product:hover{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.search ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
    margin: 10px 0;
    line-height: 30px;
    color: #0061E0;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
}
.search ul.products li.product .button{
	display: inline-block;
    background-color: #3B71FB;
    color: white !important;
    padding: 20px 40px;
    border-radius: 50px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    font-family: 'DM Sans', sans-serif;
    transition: background 0.3s;
	width: 80%;
	align-self: center;
}
.search ul.products li.product .button:hover{
background-color: #2563eb;
}

button.btn.btn-light.rounded-circle.shadow-sm.search-mobile {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none;
}
@media (max-width: 768px) {
	.search .site-main{
		
		padding: 0px 16px;
		text-align: center;
	}
	.search .site-main a{
		font-size: 12px;
		margin-right: 10px;
	}
	.search main#main {
		font-size: 12px;
}

.search main#main > a {
    color: #666;
}
.search .woocommerce-products-header h1{
	padding-bottom: 20px;
	color: #0D263B;
    font-size: 25px;
    line-height: 36px;
}
.search ul.products li.product{
	width: 100%!important;
}
.right-heade-desktop.for-mobile {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
}

#mainNav.show .right-heade-desktop {
    display: none !important;
}
#mainNav li.astm-search-menu,
#mainNav .collapsing li.astm-search-menu {
    display: none !important;
}
header button.btn.btn-danger.rounded-pill.px-4 {
    font-size: 16px !important;
    padding: 0.5rem 1.9rem !important;
}
}

.wpcf7-spinner{
	display: none;
}

@media (max-width: 991px) {
   /* .nav-item .sub-menu {
        display: none;
    }*/
}

@media (max-width: 365px) {
a.navbar-brand  {
    width: 70%;
}
}


/* =========================================
   Homepage Product Tree (2-Columns + Images)
   ========================================= */

.product-categoty-section {
    padding: 84px 56px;
}
.product-categoty-subtitle {
    font-size: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    color: #00349A;
    margin-bottom: 40px;
    }
.shakti-home-tree-inner {
    column-count: 2;
    column-gap: 50px;
}
.home-parent-heading{
	color: #00349A; font-size: 22px; border-bottom: 2px solid #eaeaea; padding-bottom: 10px; margin-bottom: 20px;
}
.home-child-heading{
	font-weight: bold; color: #00349A; margin-bottom: 15px;
}
.home-sub-child-heading{
	font-weight: 600; color: #444; margin-bottom: 10px;
}
.home-prod-list{
	list-style: none; padding-left: 15px; margin-top: 10px;
}
.home-parent-node {
    break-inside: avoid;
}
.home-child-node-list{margin-bottom:0;}
.home-prod-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #555;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

.home-prod-link:hover {
    color: #00349A;
}

.home-prod-img img {
    width: 45px;
    height: 45px;
    object-fit: contain; 
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 2px;
	cursor:pointer;
}

.home-prod-title {
    font-size: 16px;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .shakti-home-tree-inner {
        column-count: 1;
    }
	.product-categoty-section {
    padding: 0px;
		margin-top: 50px;
}
.product-categoty-subtitle {
    font-size: 25px;
    margin-bottom: 40px;
    }
	
}
.product-card .product-description{display:none;}
.woocommerce-product-gallery__trigger .emoji {
    width: 30px !important;
    height: 30px !important;
}