body {
    background: #fff; 
	font-size:16px;
	line-height:24px;
	color:#002442;
}
p {
    line-height: 1.5;
    margin: 0 0 1.5em 0;
}
h1{
	padding:40px 0 20px 0 ;
	margin:0;
}
.container {
    max-width: 1400px;
}
.img_fix img{
width: 100%;
}
.inner-hom-banner-section {
  position: relative;
  z-index: 999999999;
}
.major_b_main h3{
  color:#fff; font-size: 30px; text-align: center;
}

.padd_top_50_btm_50{
padding-top:50px;
padding-bottom:50px;	
}
.pro_section{
background: linear-gradient(180deg, #fef3f8 0%, #f0f7ff 100%);	
}
.section_pad_5rem_t_b{
	
	padding:5rem 0rem;
	
}

.pro_section_inner { 
  background-color: var(--background-light);
  color: var(--text-dark);
  line-height: 1.6;
}






/* ---------------- Base Vars (yours, unchanged) ---------------- */
:root{
  --primary-color:#4a6fa5; --primary-dark:#3a5a80; --secondary-color:#0062cc;
  --background-light:#f1f1f1; --card-background:#fff;
  --text-dark:#2c3e50; --text-light:#555; --text-muted:#495057;
  --border-color:#eee; --badge-background:#e9ecef;
  --spacing-sm:8px; --spacing-md:15px; --spacing-lg:20px; --spacing-xl:30px;
  --border-radius-sm:6px; --border-radius-md:8px; --border-radius-lg:15px;
  --shadow-light:0 2px 10px rgba(0,0,0,.05);
  --shadow-medium:0 4px 8px rgba(0,0,0,.05);
  --shadow-heavy:0 8px 20px rgba(0,0,0,.1);
  --transition-fast:.3s; --transition-normal:.5s;
}

/* ---------------- Common UI (yours, unchanged) ---------------- */
.filter-section{background:var(--card-background);padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-lg)}
.filter-header{font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-dark);padding-bottom:10px;border-bottom:1px solid var(--border-color)}
.filter-group{margin-bottom:var(--spacing-lg)}
.filter-subgroup{margin-left:20px;margin-top:10px}
.product-card{height:100%;transition:transform var(--transition-fast);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);background:var(--card-background);overflow:hidden}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}
.results-header h3{ font-size: x-large;}
.results-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--card-background);border-radius:var(--border-radius-md);padding-left:var(--spacing-md)}
.product-image-container{height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;position:relative}
.product-image{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-normal)}
.product-card:hover .product-image{transform:scale(1.05)}
.card-title{color:var(--secondary-color);font-weight:600;margin-bottom:var(--spacing-sm)}
.card-text{color:var(--text-light);font-size:.95rem;margin-bottom:var(--spacing-md)}
.btn-filter{background:var(--primary-color);color:#fff;width:100%;text-align:left;padding:12px var(--spacing-md);border:none;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);transition:background-color var(--transition-fast);display:flex;justify-content:space-between;align-items:center}
.btn-filter:hover{background:var(--primary-dark)}
.filter-content{background:var(--card-background);padding:var(--spacing-md);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-light);margin-top:-15px;margin-bottom:var(--spacing-lg);display:none}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.category-badge{background:var(--badge-background);color:var(--text-muted);padding:5px 10px;border-radius:var(--border-radius-lg);font-size:.85rem;margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:inline-block;transition:opacity var(--transition-fast)}
.category-badge:hover{opacity:.8;cursor:pointer}
.pagination{margin-top:var(--spacing-xl)}
.filter-checkbox{accent-color:var(--primary-color);margin-right:var(--spacing-sm)}
.form-check{margin-bottom:8px}
@media (max-width:992px){.mobile-filter{display:block}.desktop-filter{display:none}}
@media (min-width:993px){.mobile-filter{display:none}.desktop-filter{display:block}.sticky-top{top:20px}}
.text-primary{color:var(--primary-color)!important}
.bg-light{background:var(--background-light)!important}
.filter-arrow{transition:transform var(--transition-fast)}

/* ---------------- Category MENU (HTML+CSS only) ---------------- */
/* mobile open/close with checkbox hack */
#mCatToggle{position:absolute;left:-9999px}
#mCatToggle:checked + label .filter-arrow{transform:rotate(180deg)}
#mCatToggle:checked + label + .filter-content{display:block;animation:slideDown .3s ease}

/* accordion groups */
.cat-group{border:1px solid var(--border-color);border-radius:10px;margin:10px 0;background:#fcfcfd;overflow:hidden}
.cat-group summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:space-between;color:var(--text-dark)}
.cat-group summary::-webkit-details-marker{display:none}
.cat-group[open] summary .chev{transform:rotate(180deg)}
.chev{transition:transform .2s ease}
.cat-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 15px;
    text-decoration: none;
    color: var(--text-dark);
    background: #f8f9fa;              /* light background for contrast */
    transition: all 0.3s ease-in-out; /* smooth hover animation */
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Hover / Active Effect */
.cat-list a:hover {
    background: linear-gradient(135deg, #0B5FA7, #1BA1E2); /* gradient highlight */
    color: #fff;
    transform: translateY(-2px);      /* slight lift on hover */
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}

/* Optional: add an active state for clicked link */
.cat-list a:active {
    transform: scale(0.98);
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.badge{font-size:12px;line-height:1;padding:6px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700}
.subhead{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;padding:6px 12px 0}

/* active filter chips box */
.active-box{margin-top:14px;padding:10px 12px;border:1px dashed var(--border-color);border-radius:10px;background:#fbfbfd}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:13px;font-weight:600}
.chip .x{font-weight:900;opacity:.6}






/* Modal background */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Modal box */
.modal-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  max-width: 420px;
  position: relative;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  animation: fadeIn .3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-15px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Close button */
.close-btn {
  position: absolute;
  right: 12px;
  top: 8px;
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
}

/* Form styles */
.form-control {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 4px;
}
.form-control:focus {
  border-color: #4a6fa5;
  outline: none;
}
.mb-3 { margin-bottom: 15px; }
.btn-primary {
  background: #4a6fa5;
  border: none;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
}
.btn-primary:hover { background: #3a5a80; }

 .product-badge {
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
}





.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal-box {
  background: #fff;
  padding: 20px 24px;
  border-radius: 10px;
  width: 100%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  animation: fadeIn .3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-15px); }
  to   { opacity: 1; transform: translateY(0); }
}

.close-btn {
  position: absolute;
  right: 12px;
  top: 10px;
  border: none;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
}

 
 
 
 
 
 /* Wrapper & viewport */
.brand-slider-wrap{
  position:relative; width:100%;
  border-radius:12px; background:#f5f6f7;
  padding:14px 56px;  /* room for buttons */
  margin-bottom: 20px;
}
.brand-viewport{
  overflow:hidden; width:100%;
}

/* Track */
.brand-track{
  display:flex; align-items:center;
  gap:24px;                /* JS reads this value */
  will-change: transform;  /* smoother */
  transform: translateX(0);
  transition: transform .5s ease;
  padding:6px 0;
}

/* Cards (fixed, equal size = predictable stepping) */
.brand-item{
  flex:0 0 auto;
  width:140px; height:80px;  /* small tiles */
  display:flex; align-items:center; justify-content:center;
  background:#fff; border-radius:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  text-decoration:none;
  font-weight: bold;
  text-align: center;
}
.brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 2px solid transparent;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

.brand-item:hover {
  border-color: #0d6efd; /* Bootstrap blue */
}

.brand-item img{
  max-width:85%; max-height:70%;
  display:block; object-fit:contain;
  filter: grayscale(10%);
  transition: transform .25s, filter .25s;
}
.brand-item:hover img{ transform:scale(1.06); filter:none; }
.card-body h5{
  padding: 0px 0px 10px 0px;
  font-size: medium;
}
.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
    background: #f5f6f7;
}

/* Arrows */
.brand-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:30px; height:30px; border:none; cursor:pointer;
  border-radius:50%;
  background:#7a7a7a; color:#fff; display:grid; place-items:center;
  opacity:.92; transition:background .2s, opacity .2s;
  z-index:3;
}
.brand-btn:hover{ background:#555; opacity:1; }
.brand-btn.prev{ left:12px; }
.brand-btn.next{ right:12px; }
.brand-btn[disabled]{ opacity:.35; cursor:default; }

/* Small screens */
@media (max-width:576px){
  .brand-slider-wrap{ padding:12px 48px; }
  .brand-item{ width:120px; height:70px; }
}

 
 
 



/* --- BLOG / NEWS CARDS --- */
.news-wrap .feat-title{ margin-bottom:.25rem } /* reuse heading style */

/* Card shell */
.news-card{
  background:#fff;
  border-radius:26px;
  box-shadow:0 10px 26px rgba(0,0,0,.10);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.news-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 32px rgba(0,0,0,.14);
}

/* Media with badge */
.news-media{
  position:relative;
  padding:22px 22px 0 22px;
}
.news-media img{
  width:100%;
  border-radius:18px;
  display:block;
}
.news-badge{
  position:absolute;
  left:28px; top:10px;
  background:#0d4e8a; color:#fff; font-weight:800; font-size:14px;
  padding:6px 12px; border-radius:10px;
}

/* Body */
.news-body{ padding:18px 26px 26px }
.news-title{
  font-size:26px; line-height:1.1; font-weight:800; color:#2c2c2c; margin:12px 0 10px;
}
.news-excerpt{
  color:#5a6a79; font-size:15px; line-height:1.9; margin-bottom:18px;
}

/* Read more (orange pill) */
.btn-read{
  display:inline-block; text-decoration:none; color:#fff; font-weight:800; font-size:14px;
  background:#ff8a3d; padding:12px 28px; border-radius:18px;
  transition:background .2s ease, transform .2s ease;
}
.btn-read:hover{ background:#e57121; transform:translateY(-2px) }

/* View more (green pill) */
.btn-view-more{
  display:inline-block; text-decoration:none; color:#fff; font-weight:800;
  background:#5fa733; padding:14px 34px; border-radius:28px; letter-spacing:.4px;
  box-shadow:0 6px 16px rgba(95,167,51,.35);
}
.btn-view-more:hover{ background:#4d8e2b }

/* Responsive tweaks */
@media (max-width: 575.98px){
  .news-title{ font-size:22px }
  .news-body{ padding:16px 20px 22px }
  .news-badge{ left:24px }
}




/* Footer base */
.site-footer {
  background: #002f5a;
  color: #fff;
  font-size: 15px;
}
.footer-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links li {
  margin-bottom: 6px;
}
.footer-links a {
  color: #cdd6df;
  text-decoration: none;
  transition: color .2s;
}
.footer-links a:hover {
  color: #ffc107;
}

/* Social icons */
.social-icons a {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  color: #fff;
  text-align: center;
  line-height: 34px;
  transition: background .2s;
}
.social-icons a:hover {
  background: #ffc107;
  color: #002f5a;
}

/* Bottom bar */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.15);
  background: #002a50;
}
.footer-bottom-links {
  list-style: none;
  display: flex;
  gap: 14px;
  padding: 0;
  margin: 0;
}
.footer-bottom-links a {
  color: #cdd6df;
  text-decoration: none;
}
.footer-bottom-links a:hover {
  color: #ffc107;
}







/* Section gradient */
.industries-section{background:linear-gradient(180deg,#fef3f8 0%,#f0f7ff 100%); padding:5rem 0rem;}

/* Title + underline */
.section-title{font-weight:800;font-size:32px;letter-spacing:.5px;color:#0d4e8a;text-transform:uppercase}
.title-underline{width:140px;height:6px;border-radius:4px;background:linear-gradient(90deg,#ff8a3d,#ffc107,#8cc63f,#1f8a3a)}

/* Horizontal scroller */
.industries-scroller{overflow-x:auto;overflow-y:visible;padding-bottom:12px;scroll-behavior:smooth}
.industries-scroller::-webkit-scrollbar{display:none} /* hide native bar */
.industries-row{display:flex;gap:28px;min-width:max-content}

/* Card */
.industry-card{
  background:#fff;border-radius:22px;box-shadow:0 10px 24px rgba(0,0,0,.08);
  width:520px;flex:0 0 520px; /* fixed width for smooth scroll */
}
.industry-card:hover{transform:translateY(-4px);transition:transform .25s ease}

/* Card content layout */
.industry-title{color:#0d4e8a;font-weight:800;font-size:24px;margin:0}
.industry-content{display:flex;align-items:flex-start;gap:16px}
.industry-img-wrap{flex:0 0 96px}
.industry-img{width:96px;height:96px;border-radius:10px;object-fit:cover}
.industry-points{list-style:none;padding:0;margin:0;line-height:1.6;color:#333}
.industry-points li{position:relative;padding-left:16px;margin-bottom:8px}
.industry-points li:before{content:"▪";position:absolute;left:0;top:0;color:#ff7b22}

/* Custom scrollbar under cards (like screenshot) */
.ind-scrollbar{display:flex;align-items:center;gap:10px}
.ind-track{
  position:relative;flex:1;height:16px;border-radius:6px;
  background:linear-gradient(90deg,#6fb0ff 0%,#2f7ee6 70%,#2f7ee6 70%);
  opacity:.9;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.ind-fill{
  position:absolute;left:0;top:0;height:100%;width:0%;
  background:rgba(255,255,255,.35);border-radius:6px
}

/* Arrow buttons (small triangles like screenshot) */
.ind-arrow{
  width:18px;height:18px;background:transparent;border:0;position:relative;cursor:pointer;opacity:.9
}
.ind-left:before,.ind-right:before{
  content:"";position:absolute;top:50%;transform:translateY(-50%);
  border:8px solid transparent;
}
.ind-left:before{border-right-color:#6fb0ff;left:2px}
.ind-right:before{border-left-color:#6fb0ff;right:2px}

/* Responsive widths */
@media (max-width: 576px){
  .industry-card{width:92vw;flex-basis:92vw}
}






/* Section gradient */
.features-section{
  background: linear-gradient(180deg,#feeef6 0%,#eef6ff 100%); padding:6rem 0rem;
}

/* Heading + subtitle */
.feat-title{
  color:#0d4e8a; font-weight:800; letter-spacing:.5px; text-transform:uppercase;
  margin-bottom:.5rem;
}
.feat-sub{
  max-width:980px; margin:0 auto 1rem; color:#495057; font-size:15px; line-height:1.8;
  text-align:center;
}
.feat-underline{
  width:160px; height:6px; border-radius:4px; margin-top:.25rem;
  background: linear-gradient(90deg,#ff8a3d 0%,#ffc107 33%,#8cc63f 66%,#1e8a3a 100%);
}

/* Feature item */
/* Feature item */
.feat-item {
  align-items: flex-start;
  padding: 18px;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: default;
}

/* Hover effect */
.feat-item:hover {
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,0.12);
  transform: translateY(-6px);
}

/* Icon hover */
.feat-item:hover .feat-icon {
  background: linear-gradient(135deg, #ff8a3d, #ffc107);
  box-shadow: 0 8px 18px rgba(0,0,0,.15);
}
.feat-item:hover .feat-icon i {
  color: #fff;  /* invert icon color on hover */
}

/* Title hover */
.feat-item:hover .feat-h {
  color: #ff8a3d;
  transition: color 0.3s ease;
}

.feat-icon{
  width:96px; height:96px; border-radius:50%; background:#fff; display:inline-flex;
  align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(0,0,0,.08);
  flex:0 0 96px;
}
.feat-icon i{ font-size:42px; color:#f38b00; }      /* icon color like screenshot */
.feat-h{ color:#0d4e8a; font-weight:800; margin:6px 0 6px; font-size:22px; }
.feat-p{ color:#4b5b6a; margin:0; font-size:15px; line-height:1.9; }

/* Spacing tweak on small screens */
@media (max-width: 576px){
  .feat-icon{ width:80px; height:80px; flex-basis:80px }
  .feat-icon i{ font-size:34px }
  .feat-h{ font-size:20px }
}







/* --- Section --- */
.faq-quote-section { background:#fff; }

/* Title + accent bar */
.fq-title {
  font-weight:700;
  font-size:26px;       /* smaller */
  color:#0d4e8a;
  letter-spacing:.3px;
  text-transform:uppercase;
  margin:0;
}
.fq-underline {
  width:140px;
  height:6px;
  border-radius:3px;
  background:linear-gradient(90deg,#ff8a3d 0%, #ffc107 33%, #8cc63f 66%, #1d8a3a 100%);
}

/* --- FAQ --- */
.fq-accordion { margin-top:8px; }
.fq-item {
  margin-bottom:12px;
  border-radius:4px;
  box-shadow:0 4px 10px rgba(0,0,0,.06);
  overflow:hidden;
}
.fq-q {
  width:100%;
  display:flex; justify-content:space-between; align-items:center;
  border:0;
  padding:12px 16px;          /* reduced */
  font-weight:700;
  font-size:16px;             /* smaller */
  cursor:pointer;
  background:#eaeaea;
  color:#333;
}
.fq-item.open .fq-q {
  background:#0c5790;
  color:#fff;
}
.fq-icon {
  width:26px; height:26px;    /* smaller */
  border-radius:3px;
  display:inline-block;
  position:relative;
  background:#77b22a;
  flex-shrink:0;
}
.fq-icon:before, .fq-icon:after {
  content:""; position:absolute; background:#fff;
}
.fq-icon:before {
  left:6px; right:6px; top:12px; height:2px;
}
.fq-item:not(.open) .fq-icon:after { /* vertical bar for + when closed */
  top:6px; bottom:6px; left:12px; width:2px;
}

/* Answer */
.fq-a {
  display:none;
  background:#fff;
  color:#444;
  padding:12px 16px;
  font-size:16px;             /* smaller */
  line-height:1.6;
}

/* --- Quote form --- */
/* Section padding variable so we can cancel it for the form background */


.quote-wrap {
  position: relative;
  background: url('https://bzindia.in/wp-content/uploads/2021/09/Company-Business-Legal-Registration-consultants-in-India.jpeg') center/cover no-repeat;
  color: #fff;
  min-height: 100%; 
  display: flex; flex-direction: column; justify-content: center;
}
.quote-wrap:before {
  content:""; position:absolute; inset:0;
  background: rgba(67,0,140,.78);
}
.quote-inner {
  position: relative; z-index: 1;
  padding: 60px 40px;  /* keep safe internal padding */
}


.faq-quote-section { --sec-pad: 3rem; padding-block: var(--sec-pad); }

@media (max-width: 991.98px)
{
	 .faq-quote-section { --sec-pad: 2rem; } 
}

/* Make columns equal height */
.faq-quote-section .row { align-items: stretch; }
 
/* pull the background up and down to cancel the section padding */
.quote-wrap.edge-y{ margin-block: calc(var(--sec-pad) * -1); }
 

/* Form typography (compact) */
.quote-title{ font-weight:700; font-size:26px; margin:0 0 8px; }
.q-label{ display:block; font-size:13px; margin-bottom:4px; color:#fff; font-weight:600; }
.q-input{
  width:100%; background:transparent; border:0; border-bottom:1px solid #fff;
  color:#fff; font-size:14px; padding:6px 2px; outline:none;
}
.q-input:focus{ border-bottom:2px solid #ffc107; box-shadow:none; }

.q-submit{
  background:#ff8a3d; color:#fff; font-weight:600; font-size:14px;
  padding:10px 22px; border:0; border-radius:3px; transition:.25s;
  display:inline-block;
}
.q-submit:hover{ background:#e47120; }

/* On mobile, don’t pull outside the section */
@media (max-width: 991.98px){
  .quote-wrap.edge-y{ margin-block: 0; }
  .quote-inner{ padding:22px 20px 28px; }
}


/* Kill white padding on right side column */
.faq-quote-section .col-lg-5 {
  padding-left: 0;
  padding-right: 0;
}



 
.q-label {
  display:block;
  color:#fff;
  font-weight:600;
  margin-bottom:4px;
  font-size:13px;             /* smaller */
}
.q-input {
  width:100%;
  background:transparent;
  border:0;
  border-bottom:1px solid #fff;
  padding:6px 2px;
  color:#fff;
  font-size:14px;             /* smaller */
  outline:none;
}
.q-input:focus {
  border-bottom:2px solid #ffc107;
  box-shadow:none;
}
.q-submit {
  background:#ff8a3d;
  color:#fff;
  border:0;
  padding:8px 20px;           /* smaller */
  font-weight:600;
  font-size:14px;
  border-radius:3px;
  transition:.25s;
  letter-spacing:.3px;
}
.q-submit:hover { background:#e47120; }


 /* --- Carousel container --- */
  .product-slider{ position:relative; }

  /* show bottom shadow, block horizontal scroll */
  .product-slider .owl-stage-outer{
    overflow-x:hidden !important;
    overflow-y:visible !important;
    padding-bottom:24px;
  }

  /* card */
  .product-slider .item{
    margin:0 !important;                   /* use JS margin option */
    background:#fff;
    border:1px solid #eef2f7;
    border-radius:16px;
    box-shadow:0 8px 26px rgba(15,37,68,.12);
    padding:16px;
    height:100%;
    display:flex;
    flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .product-slider .item:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 32px rgba(15,37,68,.16);
  }

  /* image box (no crop) */
  .product-card__img-wrap{
    width:100%;
    aspect-ratio:4/4;                       /* keep box like screenshot */
    background:#f8fafc;
    border-radius:12px;
    overflow:hidden;
    display:flex; align-items:center; justify-content:center;
  }
  .product-card__img{
    max-width:100%; max-height:100%;
    width:auto; height:auto;
    object-fit:contain; display:block;
  }
  /* fallback if aspect-ratio not supported */
  @supports not (aspect-ratio: 1 / 1){
    .product-card__img-wrap{ position:relative; padding-top:75%; }
    .product-card__img{ position:absolute; inset:0; width:100%; height:100%; }
  }

  /* title */
  .product-card__title a{    color: #0f2544;text-decoration: none;}
  .product-card__title{
    font-size:18px; line-height:1.35; font-weight:800;
    color:#0f2544; margin:15px 0 15px 0; text-align:center;
  }

  /* arrows (standard circular) */
  .product-slider .owl-nav .owl-prev,
  .product-slider .owl-nav .owl-next{
    position:absolute; top:42%; transform:translateY(-50%);
    width:44px; height:44px; border-radius:9999px;
    background:#fff !important; border:1px solid #e5e7eb !important;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    display:flex; align-items:center; justify-content:center; padding:0;
  }
  .product-slider .owl-nav .owl-prev{ left:8px; }
  .product-slider .owl-nav .owl-next{ right:8px; }
  .product-slider .owl-nav .owl-prev:hover,
  .product-slider .owl-nav .owl-next:hover{
    transform:translateY(-50%) scale(1.05);
  }
  .product-slider .owl-nav svg{ width:20px; height:20px; color: #0d4e8a; }
 
 /* ======================= CONFIG ======================= */
:root{
  --header-h: 96px;           /* header height (desktop) */
}
@media (max-width: 991.98px){ :root{ --header-h: 72px; } }
@media (max-width: 575.98px){ :root{ --header-h: 64px; } }

/* =================== HEADER (non-fixed) =================== */
.inner-header{
  position: relative;          /* scrolls with page */
  width: 100%;
  height: var(--header-h);
  z-index: 1000;
  background: rgba(9,9,9,.85);
  backdrop-filter: saturate(120%) blur(2px); /* optional */
}

/* if you had a spacer for fixed header, hide it */
.header-spacer{ display:none; height:0 !important; }

/* iOS safe-area (kept harmless) */
@supports (padding: max(0px)){
  .inner-header{ padding-top: env(safe-area-inset-top); }
}

/* ===================== INNER BANNER ===================== */
.inner-banner{
  position: relative;
  background: url("../images/inner_bg.jpg") center/cover no-repeat;

  /* No header-offset needed since header is not fixed */
  padding: 40px 16px;
  min-height: clamp(260px, 42vh, 460px);

  display: grid;
  place-items: center;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

/* dark overlay for readability */
.inner-banner::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.55) 60%,
    rgba(0,0,0,.35) 100%
  );
}

/* content layer */
.inner-banner .overlay{
  position: relative;
  z-index: 1;
  max-width: 1100px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 8px;
}

/* Title */
.inner-banner h1{
  margin: 0 0 8px;
  font-weight: 800;
  font-size: xxx-large;
  line-height: 1.1;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* Breadcrumbs */
.inner-banner p{
  margin: 0;
  font-size: smaller;
  opacity: .95;
}
.inner-banner p a{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.25);
}
.inner-banner p a:hover{ border-color: #fff; }

/* Ensure next section stacks above overlay edge */
.inner-banner + *{ position: relative; z-index: 1; }

 
 


.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.contact-card {
  background: #fff;
  padding: 10px 0 24px 0;
  border-radius: 10px;
}

.contact-card h3 {
  margin-top: 0;
  color: #005a9b;
  font-size: 1.4rem;
  margin-bottom: 12px;
}

.contact-card p {
  margin: 6px 0;
  font-size: 0.95rem;
}

.contact-card a {
  color: #005a9b;
  text-decoration: none;
  font-weight: 600;
}


:root{
  --brand:#4a6fa5;            /* primary */
  --brand-2:#00a7c7;          /* accent */
  --ink:#0f172a;              /* dark text */
  --muted:#475569;            /* body text */
  --line:#e5e7eb;             /* borders */
  --paper:#ffffff;            /* cards */
  --bg:#f7f9fc;               /* page bg */
  --radius:16px;
  --shadow:0 8px 30px rgba(2,6,23,.07);
}

/* Utilities */
.section{padding:64px 0}
.kicker{display:inline-block;padding:6px 20px 5px 20px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;color:var(--paper);background:#005a9b}
.h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:.6rem 0 1rem;font-weight:800;color:var(--ink)}
.lead{color:var(--muted);font-size:clamp(15px,1.2vw,18px);max-width:70ch}

/* ===== 1) ABOUT HERO (subtle gradient & image mask) ===== */
.about-hero{background:
  radial-gradient(1200px 400px at 80% -10%, rgba(74,111,165,.18), transparent 60%),
  linear-gradient(180deg, #fff, var(--bg))
}
.about-hero .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.about-hero .media{
  position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);background:#cfe0f5;
}
.about-hero .media::after{
  content:"";position:absolute;inset:0;background:
   radial-gradient(70% 40% at 60% 20%, rgba(0,0,0,.08), transparent 60%),
   linear-gradient(180deg, rgba(0,0,0,.05), transparent 40%);
}
.about-hero .bullets{display:grid;gap:10px;margin-top:18px}
.about-hero .bullets li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.about-hero .tick{
  width:26px;height:26px;border-radius:8px;background:rgba(74,111,165,.12);display:grid;place-items:center;flex:0 0 26px;color:var(--brand);font-weight:900
}

/* ===== 2) VISION (glass card on color band) ===== */
.vision-band{background:linear-gradient(135deg, #eaf2ff 0%, #f7fbff 100%)}
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.vision-card{
  backdrop-filter:saturate(140%) blur(4px);
  background:rgba(255,255,255,.7);
  border:1px solid #eef2ff;
  border-radius:var(--radius); padding:28px; box-shadow:var(--shadow)
}
.vision-card h3{margin:0 0 .5rem;font-weight:800;color:var(--ink)}
.vision-card p{color:var(--muted)}
.vision-big{
  background:linear-gradient(180deg, #fff, #f4f8ff);
  border:1px solid #e6eeff;
}

/* ===== 3) MISSION (split stripe with accent border) ===== */
.mission{background:#fff}
.mission .wrap{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center
}
.mission .stripe{
  border-left:6px solid var(--brand-2);
  background:linear-gradient(180deg,#ffffff, #f8fbff);
  padding:24px;border-radius:12px;box-shadow:var(--shadow)
}
.icon-badge{
  width:44px;height:44px;border-radius:12px;background:rgba(0,167,199,.12);
  display:grid;place-items:center;color:var(--brand-2);font-weight:900;margin-bottom:12px
}

/* ===== 4) OUR VALUES (cards grid) ===== */
.values{background:var(--bg)}
.values-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px
}
.value{
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:20px; box-shadow:var(--shadow); display:flex;gap:12px;align-items:flex-start
}
.value .dot{width:12px;height:12px;border-radius:50%;margin-top:8px;background:var(--brand)}
.value h4{margin:0 0 .35rem;font-size:1.05rem}
.value p{margin:0;color:var(--muted);font-size:.95rem}
/* ===== OUR GOALS (timeline, overlap-proof) ===== */
.goals{ background:#fff; }

.timeline{
  position:relative;
  margin-top:24px;
  padding-left: 1px;              /* big enough gutter for large H1/H5 */
}

.timeline::before{
  content:"";
  position:absolute;
  left: 0;                      /* line sits inside the gutter */
  top:0; bottom:0;
  width:2px;
  background: linear-gradient(#dbeafe,#60a5fa);
}

.milestone{
  position:relative;
  margin:0;
  padding-left: 20px;
}

.milestone::before{
  content:"";
  position:absolute;
  left: 0;                      /* dot centered on the line */
  top: 6px;                     /* tweak if your h5 line-height differs */
  width:14px; height:14px;
  border-radius:50%;
  background:#fff;
  border:3px solid var(--brand);
  box-shadow:0 0 0 4px rgba(74,111,165,.12);
  transform: translateX(-50%);     /* perfectly center dot on the vertical line */
  z-index:0;
}

/* keep text above the marker graphic */
.milestone h5,
.milestone p{
  position:relative;
  z-index:1;
  margin-left: 0;                  /* ensure no accidental negative spacing */
}

/* optional: tighter spacing on small screens */
@media (max-width: 576px){
  .timeline{ padding-left: 0; }
  .timeline::before{ left: 0; }
  .milestone::before{ left: 0; }
}


/* ===== Responsive ===== */
@media (max-width: 992px){
  .about-hero .wrap, .mission .wrap, .vision-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 576px){
  .values-grid{grid-template-columns:1fr}
}


  
  
  
.static-image {
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  min-height: 300px; /* Adjust as needed */
  border-radius: 150px;
}

.overlay-headline {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 100px 50px 30px 50px;
  height: 100%;
  border-radius: 150px;
}

.overlay-headline h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
}

/* Owl Carousel adjustments */
.product-slider .item {
  padding: 10px;
}

.product-slider .item img {
  width: 100%;
  height: auto;
  text-align: center;
  align-items: center;
}

/* Hide default dots */
.owl-carousel .owl-dots {
  display: none;
}

/* Custom dots styling */
.custom-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 110px;
}

.custom-dots .dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #f07c00;
  cursor: pointer;
  transition: all 0.3s ease;
}

.custom-dots .dot.active {
  background: #cdd320;
}

/* Ensure all items have equal height */
.product-slider .owl-stage {
  display: flex;
}

.product-slider .item {
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.product-slider .item img {
  flex-grow: 1;
  object-fit: cover;
}




.nav-tabs{ border:0;}

.automation-wrap{background:#000;color:#fff}
.nav-tabs .nav-link{color:#fff;font-weight:700; font-size:22px; border:0; padding: 20px 30px;}
.nav-tabs .nav-link.active{background: #272727;
    border: 0;
    color: #fff; border-radius:0;}
.list-projects .list-group-item{
  background:#0a0a0a;border:0;color:#eaeaea;font-size:16px;padding:15px 20px; border-radius:0;
}
.list-projects .list-group-item + .list-group-item{border-bottom:1px solid rgba(255,255,255,.08)}
.list-projects .list-group-item:hover{background:#002743;color:#fff}
.list-projects .list-group-item.active{background:#002743;color:#fff}
.project-hero{
  min-height:420px;
  background: #06121a url("images/automation-bg.jpg") center/cover no-repeat;
  position:relative;
}
.project-hero:after{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);
}
.project-hero .content-box{position:relative;z-index:2;max-width:900px}
.read-more{color:#fff;text-decoration:none}
.read-more:hover{color:#0dcaf0}


.ftco-counter h3 {
color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: bold;
	    position: relative;
		text-transform:uppercase;
}




/* Responsive adjustments */
@media (max-width: 767px) {
  .static-image {
    min-height: 200px;
  }
  
  .overlay-headline {
    padding: 15px;
  }
  
  .overlay-headline h2 {
    font-size: 1.5rem;
  }
}





.single-project-style2{
    position: relative;
    display: block;
}
.single-project-style2 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style2 .img-holder:before{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    content: "";
    transition: all 300ms ease 100ms;
    z-index: 2;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 88%);
}
.single-project-style2:hover .img-holder:before{
    opacity: 0;    
}
.single-project-style2 .img-holder:after{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    content: "";
    opacity: 0;
    transition: all 300ms ease 100ms;
    z-index: 2;
      background: rgb(0 0 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 84%) 0%, rgb(0 0 0) 0%, rgb(0 0 0 / 80%) 100%, rgb(0 0 0) 100%, rgb(0 0 0) 100%, rgb(0 0 0) 100%, rgba(32, 50, 96, 0) 100%);
}
.single-project-style2:hover .img-holder:after{
    opacity: 1;  
	  
}
.single-project-style2 .img-holder img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.single-project-style2:hover .img-holder img {
    transform:scale(1.2) rotate(2deg);	
}
.single-project-style2 .read-more{
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 3;
}
.single-project-style2 .read-more a p:before{
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 50%;
    color: #858585;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    transition: all 700ms ease 400ms;
}
.single-project-style2:hover .read-more a span:before{
    color: #ffffff;
    background: #e9212e;
    transform: perspective(400px) rotate(360deg);    
}
.single-project-style2 .title-box{
    position: absolute;
    left: 40px;
    bottom: 34px;
    z-index: 3;
}
.single-project-style2 .title-box p{
    color: #afafaf;
}
.single-project-style2 .title-box h4{
    color: #ffffff;
    font-weight: 600;
    margin: 0px 0 10px 0;
}
.menu_arrow02 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    font-size: 54px;
    color: #fff;
    opacity: 0;
    transition: all 300ms ease;
}

.single-project-style2 .img-holder:hover .menu_arrow02 {
    opacity: 1;
    padding: 0 0px 10px 0;
    display: contents;
}

/* Existing styles remain the same until .title-box */

.single-project-style2 .title-box {
    position: absolute;
    left: 40px;
    bottom: 34px;
    z-index: 3;
    transition: all 300ms ease; /* Add transition for smooth movement */
}

.single-project-style2:hover .title-box {
    transform: translateY(-20px); /* Move up on hover */
}

.single-project-style2 .title-box p {
    color: #afafaf;
    margin-bottom: 15px; /* Add space between paragraph and arrow */
    transition: all 300ms ease;
}

.single-project-style2:hover .title-box p {
    transform: translateY(-5px); /* Slight upward movement */
}

.single-project-style2 .title-box h4 {
    color: #ffffff;
    font-weight: 600;
    margin: 0px 0 10px 0;
    transition: all 300ms ease;
}

.single-project-style2:hover .title-box h3 {
    transform: translateY(-5px); /* Slight upward movement */
}
.menu_arrow02:hover {
 padding-left:10px;
}
.menu_arrow02 {
    position: absolute;
    bottom: -40px; /* Position below the title box */
    left: 0;
    z-index: 3;
    font-size: 54px;
    color: #fff;
    opacity: 0;
    transform: translateX(-10px); /* Start slightly left */
    transition: all 400ms ease 100ms; /* Delayed slightly */
}

.single-project-style2:hover .menu_arrow02 {
    transform: translateX(0); /* Slide in from left */
}











/* Owl Carousel Base Styles */
#service_slider .owl-carousel .item {
  position: relative;
  text-align: center;
}

#service_slider .owl-carousel .item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Custom Navigation Arrows */
#service_slider .owl-nav {
  position: absolute;
  top: 25px; /* Position at the top */
  right: 0; /* Position at the right */
  display: flex;
  gap: 0px; /* Space between arrows */
  padding: 20px; /* Padding for better spacing */
}

#service_slider .owl-prev, .owl-next {
  color: #fff !important;
  font-size: 54px !important;
  
}

#service_slider .owl-prev:hover, .owl-next:hover {
  background: rgba(0, 0, 0, 0.8) !important;
}

/* Ensure the arrows are positioned correctly for the 3rd item */
#service_slider .owl-carousel .owl-stage {
  display: flex;
  align-items: flex-start; /* Align items to the top */
}

#service_slider .owl-carousel .owl-item {
  display: flex;
  align-items: flex-start; /* Align items to the top */
}
 
.ftco-counter h2 {
    font-size: 54px;
    position: absolute;
    left: 40px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    top: 76%;
    z-index: 30;
    color: #00559a;
    text-transform: uppercase;
	background: #011839ad;
}



.ftco-counter {
  padding: 5em 0; 
  }
#section-counter {
    position: relative;
    z-index: 0;
}
  #section-counter .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #001c42;
    opacity: .8; }
.ftco-bg-dark {
  background: #001c42; 
  }
  


 
 


.cmpany-logo-top-section {
  display: flex;
  padding: 0px 80px;
  z-index: 9 !important;
  position: relative;
  top: 0;
  align-items: center;
  justify-content: center;
  background-color: #000;
}
.customer_log:hover { 
  box-shadow: 0 0px 25px #0094ff;
}
.customer_log {
  border: 2px solid #159dff !important;
  color: #159dff !important;
  border-radius: 30px !important;
  padding: 7px 20px !important;
}
.cmpny-logo h1{
  font-size: 12px;
  color: #656565;
  font-weight: 500;	
  margin: 0;
  padding: 0;
}
.cmpny-logo {
width: 100%;
  height: auto;
  padding: 0px;
  display: flex;
  justify-content: left;

}
.cmpny-logo img {
  width: 100%;
  height: 100%;
}
 
.cmpny-logo-section-cntct-pge {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 39px;
  color: #f00;
  width: 100%;
  
}
.banner-top-call-btn {
  margin-right: 30px;
  transition: all 0.5s ease;
}

.banner-top-call-btn a i{
background: #005a9b;
    padding: 5px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}
.banner-top-call-btn a {
 text-decoration: none;
    color: #ffffff;
    padding: 10px 0px 10px 40px;
    font-weight: bold;
    background: linear-gradient(100deg, rgb(0 90 155) 0%, rgb(0 0 0) 100%);
    clip-path: polygon(0% 100%, 100% 100%, calc(100% - 0px) 0%, 0% 0%, calc(100% - 1px) 0%, 10% 0%);
    transition: all 0.5s ease;
}
.banner-top-call-btn a:hover{
  padding-right: 25px;
}
 


.header-inner {
    padding: 0rem 0;
}
.mob-top_blk{
        display: none;
    }
.h1_head_color h1{
color:#00559a;	
} 
.h1_head_color h1{
	font-size:30px;
}
.center_align{
	text-align:center;
}
 
.flip {
  position: relative;
  display: block;
  height: 6px;   /* container height */
}

/* common spans */
.flip span {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 4px;
  display: inline-block;
}

/* colors */
.flip .deg1 { background:#f07c00; }
.flip .deg2 { background:#cdd320; }
.flip .deg3 { background:#7ea527; }
.flip .deg4 { background:#1f8435; }

/* --- Centered version (your current) --- */
.flip.center .deg1 { left: -88px; right: 0; margin: 0 auto; }
.flip.center .deg2 { left: -28px; right: 0; margin: 0 auto; }
.flip.center .deg3 { left: 32px;  right: 0; margin: 0 auto; }
.flip.center .deg4 { left: 92px;  right: 0; margin: 0 auto; }

/* --- Left aligned version --- */
.flip.left .deg1 { left: 0; }
.flip.left .deg2 { left: 30px; }
.flip.left .deg3 { left: 60px; }
.flip.left .deg4 { left: 90px; }

.home_banner_style{
	padding:0; margin:-200px 0 0 0;
}
video {
    display: block;
    top: 0;
    max-width: 100%;
    width: 100% !important;
    filter: contrast(160%);
}
#brands_slider .owl-item img {
    display: inline;	
}
 
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
ul.primary-menu {
    margin: 3rem 0 0 0rem;
}

#site-header {
    z-index: 999;
    background: #000000c2;
}

.site-logo img {
    max-height: 10rem; 
}
.serv_img_shadow:hover{
    background: #2280fc;
 
}

.serv_img_shadow{
	width: 100%;  
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	position: relative; z-index: 99; height: 345px; top: -345px; 
}
.banner_vd_shadow{
	width: 100%;  
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0) 100%);
	position: relative; z-index: 99; height: 450px; top: -450px;
}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
}
#site-header {
    z-index: 99;
}

 

.main-wrapper img{
  width: 74%;
  display: block;
}
.main-wrapper a{
  color: #fff;
  text-decoration: none;
}
.main-wrapper ul li{
  list-style-type: none;
    display: inline-block;
}
.navbar{
  background: #000000b8;
  padding: 0 1rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  display: inline-block;
  flex-direction: column;
  z-index: 9999;
}

.brand-and-icon a{
  padding: 0;
}
.brand-and-icon{
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}
.navbar-brand{
  font-size: 1.8rem;
  letter-spacing: 3px;
  font-weight: 700;
}
.navbar-toggler{
  display: block;
  border: none;
  background: transparent;
  font-size: 1.3rem !important;
  cursor: pointer;
  padding: 0.2rem 0.5rem;
  transition: all 0.4s ease;
  border: 2px solid #000;
  border-radius: 4px;
}
.navbar-toggler:hover{
  opacity: 0.7;
}
.navbar-collapse{
  overflow-y: scroll;
  display: none;
  background: #005a9beb;

}
.navbar-nav > li > a{
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  padding: 0.6rem 1.5rem;
  margin: 0.2rem 0;
  border-bottom: 0px solid #ddd;
  border-radius: 1px;
  position: relative;
  transition: all 0.4s ease;
}
.drop-icon{
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 8px;
  transform: translateY(-50%);
}
.navbar-nav > li > a:hover{
  opacity: 0.7;
}
.sub-menu-item ul{
  padding:0px 0px 0px 0px;
  text-align: left;	
  }
.sub-menu h4{
   text-transform: uppercase;
  font-size: 1rem;
  padding: 1rem 0 0.5rem 0;
  font-weight: 600;
  text-align: left;
  color: #ffc300;
}
.sub-menu ul li{
  text-transform: capitalize;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
  font-size: 0.95rem;
display:block;
}
.sub-menu ul li a{
  opacity: 0.8;
  transition: all 0.5s ease;
  color: #fff;
}
.sub-menu ul li a:hover{
  padding-left: 5px;
  opacity: 0.9;
    color: #ffc300;
}
.sub-menu{
  display: none;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 30ch), 1fr));
  margin-inline: auto;
}
.grid img {
  mask: url(https://assets.codepen.io/1101822/circles-mask-whole.svg) no-repeat center;
  max-width: 100%;
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
 
}
 
.sub-menu-single-grid h4{
   text-transform: uppercase;
  font-size: 1rem;
  padding: 1rem 0 0.5rem 0;
  font-weight: 600;
  text-align: left;
  color: #ffc300;
}
.sub-menu-single-grid ul li{
  text-transform: capitalize;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
  font-size: 0.95rem;
display:block;
}
.sub-menu-single-grid ul li a{
  opacity: 0.8;
  transition: all 0.5s ease;
  color: #fff;
}
.sub-menu-single-grid ul li a:hover{
  padding-left: 10px;
  opacity: 0.9;
    color: #ffc300;
}
.sub-menu-single-grid{
  display: none; 
}
.sub-menu-item{
  padding-left: 1.2rem;
}

.navbar-expand-lg .navbar-collapse {
  margin-left: 65px !important;
}

@media screen and (min-width: 992px){
  .home_banner_style{
    padding:0; margin:-200px 0 0 0 !important;
  }
  video {
      display: block;
      top: 0;
      max-width: 100%;
      width: 100% !important;
      filter: contrast(160%);
  }
  
 
.banner_vd_shadow{
	width: 100%; display: block !important;  
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0) 100%) !important;
	position: relative; z-index: 99 !important; height: 450px !important; top: -450px !important;
}
 
 

  .navbar{
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      padding: 0 5rem;
      position: relative;
      display: flex !important;
      overflow-y: inherit !important;
      
  }
  .navbar-toggler{
      display: none;
  }
  .brand-and-icon{
      flex: 0 0 150px;
      border-bottom: none;
      padding: 0;
  }
  .navbar-collapse{
      display: contents !important;
      overflow-y: hidden;
      flex: 1 0 auto;
      padding-left:50px;
      text-align: center;
  }
  .navbar-nav{
      display: block;
      align-items: center;
      justify-content: center;
  }
  .navbar-nav > li > a{
      border-bottom: none;
      margin: 0;
      padding: 2.2rem 1.8rem 2.2rem 0.8rem;
      font-size: 0.8rem;
  }
  .navbar-nav > li > a:hover{
  color: #159dff;
  }
  .sub-menu{
      position: absolute;
      left: 0;
      width: 100%;
      top: 100%;
      background: #005a9beb;
  }
  .sub-menu-single-grid{
    position: absolute;
    left: auto;
    width: 350px;
    top: 100%;
    background: #005a9beb;
}

  .navbar-nav > li:hover .sub-menu {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr);
      padding: 1rem 5rem 2rem 5rem;
  }
  .navbar-nav > li:hover .sub-menu-single-grid {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    padding: 1rem 2rem 2rem 2rem;
}
  .navbar-nav > li{
      border-bottom: 2px solid transparent;
      transition: border-bottom 0.4s ease;
  }
  .navbar-nav > li:hover{
      border-bottom-color: #159dff;
  }
  .sub-menu-item{
      padding-left: 0;
  }
  .sub-menu-item:nth-child(3){
      padding-left: 0rem;
      padding-right: 2rem;
  }
 
.major_second_bx{
  display:block; padding:60px 100px !important;
}
.major_b_main{
  text-align:center; margin: -450px 0 0 0 !important; padding:0;
}
.major_b_main h3{
font-size: 30px; padding:0; margin: 0 0 15px 0;
}
  .cmpany-logo-top-section{
    display: flex !important;
}

}

@media only screen and (max-width: 767px) { 
.ftco-counter {
    padding: 2em 0 0em 0;
}

.ftco-counter h2 {
   font-size: 38px;
    position: relative;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: center;
    -ms-transform-origin: left center;
    transform-origin: center;
    text-align: center;
    top: 0;
    color: #00559a;
    background: #011839ad;	
}

  .cmpany-logo-top-section{
    display:none ;  	
    }
    .major_second_bx{
      display:block; padding:40px 70px;
    }    
    .major_b_main h3{
 margin: 20px 0 15px 0;
    }    
    .major_b_main{
       margin: 0px 0 0 0;  
    }    
    .banner_vd_shadow{
      display: none;
    }     
    .navbar-toggler {
      padding: 10px !important;
      font-size: 20px !important;
      border: none;
      background: #005a9beb;
      margin: 0;
      color: #ffffff;
      border-radius: 0;
  }
  .main-wrapper img{
    width: 80%;
  }
  .brand-and-icon{
    padding: 0;
  }
  .navbar-expand-lg .navbar-collapse {
    margin: 0px !important;
}
.main-wrapper a{
  color: #fff;
}
.banner_vd_shadow{
	width: 100%; height: 190px; top: -200px;
}
.home_banner_style {
    margin: 0px 0 0 0;
}
.navbar{
	display:none;
}	
.modal-menu li a{
 color: #002442;
	}	
  .navbar {
    overflow-y: scroll;
    display: inline-block;
	
 }
 
 
.navbar-collapse {
    overflow-y: scroll;
    display: none;
    background: #005a9beb;
}
 
	
}	


 
@media screen and (min-width: 768px){
  .cmpany-logo-top-section{
    display: none;
  }
  .home_banner_style {
    margin: 0px 0 0 0;
  }
  .navbar-toggler {
    padding: 10px !important;
    font-size: 20px !important;
    border: none;
    background: #005a9beb;
    margin: 0;
    color: #ffffff;
    border-radius: 0;
}
.major_second_bx{
  display:block; padding:40px 70px;
}    
.navbar-collapse {
  overflow-y: scroll;
  display: none;
  background: #005a9beb;
}
.navbar {
  overflow-y: scroll;
  display: inline-block;

}
.banner_vd_shadow{
  display: none;
}     
.major_b_main {
  margin: 0px 0 0 0;
}
.major_b_main h3{
  margin: 50px 0 15px 0;
     }    



  }