/*Developed By: Webtech Digita url:https://webtec.digital/* designed by Fareed Khan*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import "https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
@import "font.css";
@import "col.css";
@import "medi.css";
@import "animate.min.css";
@import "mega-menu.css"; 

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth; 
	
}
body {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:var(--text);
    background:#fff;
	font-size: 18px;
}



a{ text-decoration:none;

}
a:hover{
	text-decoration:none;
}




h1,h2,h3,h4,h5{    
    color:var(--primary);
}


.section-padding{
    padding:100px 0;
}
.bg-navy{
		background:var(--primary);
	}
.bg-gradient-two{
		background:var(--slidergradient);
	}
.bg-gradient-three{
		background:var(--optionalgradient);
	}

.btn-primary-custom{
    background:var(--primary);
    color:#fff;
    border:none;
    padding: 0.75rem 2rem;
	font-weight: 600;
	border-radius: 1.25rem;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.btn-primary-custom:hover{
    background:var(--gold);
    color:white;
}
	
	
.btn-gold{
    background:var(--gold);
    color:var(--primary);
    border:none;
    padding: 0.75rem 2rem;
	font-weight: 600;
	border-radius: 1.25rem;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.btn-gold:hover{
    background:var(--primary);
    color:var(--light);
}
	


.btn-outline-custom{
    border:1px solid var(--gold);
    color:var(--primary);
    padding: 0.75rem 2rem;
	font-weight: 600;
	border-radius: 1.25rem;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.btn-outline-custom:hover{
    background:var(--gold);
    color:white;
}
	
.btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    padding: 0.75rem 2rem;
	font-weight: 600;
	border-radius: 1.25rem;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.btn-outline-gold:hover{
    background:var(--gold);
    color:var(--primary);
}


/* NAVBAR */
/*header{box-shadow:0 5px 25px rgba(0,0,0,.05);}*/
.navbar{
    background:white;
    padding:20px 0;
    /*box-shadow:0 5px 25px rgba(0,0,0,.05);*/
}


.navbar-brand{
    font-size:22px;
    font-weight:800;
    color:var(--primary);
}


.nav-link{
    color:var(--primary);
    font-weight:500;
    margin:0 12px;
}


.nav-link:hover{
    color:var(--gold);
}



/* HERO */

.hero, .services{
    min-height:100vh;
    display:flex;
    align-items:center;
	background:var(--primary);
    
}
	
	.video{
		min-height:100vh;
	}
	
.glass{
		border-top: 1px solid rgba(255, 255, 255, .24);
    border-left: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .6);
    background-blend-mode: luminosity;
    box-shadow: 0 2px 4px rgba(11, 15, 50, 8%);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}
	


.hero h1, .services h2, .otherservice h2{
    font-size:50px;
    line-height:1.15;
    font-weight:600;
	color:#0F172A;
}


.hero p, .services p{
    font-size:18px;
    line-height:1.8;
    max-width:700px;
}


.hero-box{
    background:var(--primary);
    color:white;
    padding:50px;
    border-radius:12px;
    position:relative;
}


.hero-box:before{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    border:2px solid var(--gold);
    right:20px;
    top:20px;
}


.hero-box h3{
    color:white;
}



/* COMPANY PROFILE */


.bg-light-custom{
    background:var(--light);
}


.badge-company{

    display:inline-block;
    /*background: rgba(171, 124, 68, .15);*/
    color:var(--gold);
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
	/*border:1px solid #FFE9CE;*/

}
	
.badge-company-2{
    display:inline-block;    
	background-color:var(--gold);;
    color: var(--primary);
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
	/*border:1px solid #FFE9CE;*/

}
	
	.text-gold{
		color:var(--gold);
	}
	.text-navy{
		color:var(--primary);
	}


.profile-card{

    /*background:white;*/
    padding:35px;
    /*border:1px solid var(--border);*/
    height:100%;
    transition:.3s;

}


.profile-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(9,36,79,.12);

}


.profile-card i{

    font-size:35px;
    color:var(--gold);

}

.services i{color:var(--gold);} 
.services h2{color:var(--gold); } 	
.services p{ } 
.services a{color:var(--gold); } 

.btn {
    padding: 12px 32px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 0.875rem;
}


.boss-sld {
  height: 1000px;
  overflow: hidden;
  min-height: 1000px;
  max-height: 90vh;
  position: relative;
}
/*@media screen and (max-width: 991px) {
  .boss-sld{
    height: 600px;
    max-height: 100vh;
  }
}*/
.boss-sld_target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.boss-sld_target video,  .boss-sld_target img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  min-height: 100%;
  min-width: 100%;
}

.btn-set {
padding: 0.75rem 2rem;
font-weight: 600;
border-radius: 1.25rem;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}



.stat-badge {
background-color: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
color: white;
font-size: 0.75rem;
letter-spacing: 1.5px;
}

.stat-number {
	font-size: 2.75rem;
	font-weight: 700;
	color: #F0B819;
	line-height: 1;
}

.breadcrumb-custom {
  justify-content: left;
  background: transparent;
  margin-bottom: 1.5rem;
}

.breadcrumb-custom .breadcrumb-item a {
  color: rgba(255,255,255,0.75);
}

.breadcrumb-custom .breadcrumb-item.active {
  color: white;
}

.breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255,255,255,0.5);
}



    .section-title {
      font-size: 2.1rem;
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 0.75rem;
    }
    .section-subtitle {
      color: var(--text-muted);
      font-size: 1.1rem;
      max-width: 700px;
      margin-bottom: 3rem;
    }
    .section-label {
      display: inline-block;
      color: var(--accent);
      font-weight: 600;
      font-size: 0.85rem;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      margin-bottom: 0.75rem;
    }
    
    /* Cards */
    .feature-card {
		padding: 1.75rem;
		border-radius: 12px;
      /*background: #fff;
      border: 1px solid #e8ecf0;
      
      */
      height: 100%;
      transition: all 0.25s ease;
    }
    .feature-card:hover {
      /*border-color: var(--accent);*/
      box-shadow: 0 10px 30px rgba(11,28,44,0.08);
      transform: translateY(-4px);
    }
    .feature-icon {
      width: 52px;
      height: 52px;
      background: rgba(201,162,39,0.12);
      color: var(--primary);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.45rem;
      margin-bottom: 1.25rem;
    }
    .feature-card h5 {
      font-weight: 650;
      font-size: 1.1rem;
      color: var(--primary);
      margin-bottom: 0.65rem;
    }
    .feature-card p {
      color: var(--text-muted);
      font-size: 0.95rem;
      margin-bottom: 0;
    }
    
    /* Industry cards */
    .industry-card {
      /*background: #fff;
      border: 1px solid #e8ecf0;*/
      border-radius: 10px;
      padding: 1.5rem 1.25rem;
      text-align: center;
      height: 100%;
      transition: all 0.25s ease;
    }
    .industry-card:hover {
      /*border-color: var(--accent);*/
      box-shadow: 0 8px 24px rgba(11,28,44,0.07);
    }
    .industry-card i {
      font-size: 1.75rem;
      color: var(--primary);
      margin-bottom: 0.85rem;
      display: block;
    }
    .industry-card h6 {
      font-weight: 650;
      color: var(--primary);
      margin-bottom: 0.4rem;
      font-size: 1rem;
    }
    .industry-card p {
      font-size: 0.875rem;
      color: var(--text-muted);
      margin: 0;
    }
    
    /* Process steps */
    .process-step {
      position: relative;
      padding-left: 5rem;
      padding-bottom: 2.5rem;
    }
    .process-step:last-child {
      padding-bottom: 0;
    }
    .process-step::before {
      content: '';
      position: absolute;
      left: 1.55rem;
      top: 3.2rem;
      bottom: 0;
      width: 2px;
      background: #e0e5eb;
    }
    .process-step:last-child::before {
      display: none;
    }
    .step-number {
      position: absolute;
      left: 0;
      top: 0;
      width: 3.2rem;
      height: 3.2rem;
      background: var(--primary);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1.05rem;
      box-shadow: 0 4px 12px rgba(11,28,44,0.2);
    }
    .process-step h5 {
      font-weight: 650;
      color: var(--primary);
      margin-bottom: 0.4rem;
    }
    .process-step p {
      color: var(--text-muted);
      margin: 0;
      font-size: 0.97rem;
    }
    
    /* Lists with icons */
    .check-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .check-list li {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      margin-bottom: 0.85rem;
      font-size: 1rem;
      color: #333;
    }
    .check-list li i {
      color: var(--accent);
      font-size: 1.15rem;
      margin-top: 0.15rem;
      flex-shrink: 0;
    }
    
    /* Mission Vision */
    .mv-card {
      background: var(--primary);
      color: #fff;
      border-radius: 14px;
      padding: 2.5rem;
      height: 100%;
    }
    .mv-card.vision {
      background: linear-gradient(145deg, #16324f, var(--primary));
    }
    .mv-card h4 {
      font-weight: 700;
      margin-bottom: 1.1rem;
      color: var(--accent);
    }
    .mv-card p {
      opacity: 0.92;
      margin: 0;
      font-size: 1.05rem;
    }
    
    /* Commitment box */
    .commitment-box {
      background: var(--light-bg);
      border-radius: 14px;
      padding: 2.75rem;
    }
/*.faq-header {
      background: var(--primary) !important;
      color: #fff;
      padding: 3.5rem 0 2.5rem;
      margin-bottom: 0;
    }*/
    .faq-header h1 {
      font-weight: 700;
      letter-spacing: -0.5px;
    }
    .faq-header p {
      opacity: 0.9;
      font-size: 1.1rem;
    }
    .accordion-item {
      border: none;
      border-radius: 0.75rem !important;
      margin-bottom: 1rem;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
      overflow: hidden;
      background: #fff;
    }
    .accordion-button {
      font-weight: 600;
      font-size: 1.05rem;
      color: var(--primary);
      background-color: #fff;
      padding: 1.15rem 1.35rem;
      box-shadow: none !important;
    }
    .accordion-button:not(.collapsed) {
      color: var(--accent);
      background-color: #f0f6fc;
    }
    .accordion-button::after {
      background-size: 1.1rem;
      filter: brightness(0.7);
    }
    .accordion-button:not(.collapsed)::after {
      filter: none;
    }
    .accordion-body {
      padding: 0 1.35rem 1.35rem;
      color: #555;
      line-height: 1.65;
      font-size: 1rem;
    }
    .faq-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      background: var(--primary);
      color: #fff;
      border-radius: 50%;
      font-size: 0.85rem;
      font-weight: 700;
      margin-right: 0.75rem;
      flex-shrink: 0;
    }
    .accordion-button:not(.collapsed) .faq-number {
      background: var(--accent);
    }