:root {
    /* font family  */
    --font-family-one: "Poppins", sans-serif;
    --font-family-two: "Outfit", sans-serif;
    --font-family-three: "Raleway", sans-serif;
    --font-family-four: "Hind", sans-serif;

    /* font color  */
    --color-one: #111f5d;
    --color-two: #1268b3;
    --color-three: #222831;
    --color-four: #F7F7F7;
    --color-five: #FF8B00;
}
.pages-header-section {
  position: relative;
  background-image: url(/assets/images/car-bg-2.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 40px 0;
  z-index: 1;
  overflow: hidden;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pages-header-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.4) 40%,
    rgba(26, 25, 25, 0.797) 100%
  );
  z-index: 0;
}


.pages-heading {
  position: relative;
  z-index: 2; /* keeps text above overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.pages-heading h1 {
  font-family: var(--font-family-one);
  color: var(--color-four);
  font-size: 40px;
  font-weight: 700;
  
}.pages-heading p{
    font-family: var(--font-family-one);
  color: var(--color-four);
  font-weight: 700;
}
.about-first{
  padding: 70px 0px;
}
.about-right-top{
  padding: 0px 30px;
}
.about-heading-2{
  font-family: var(--font-family-one);
  color: var(--color-three);
  font-weight: 600;
}
.about-heading-2 span{
     background: linear-gradient(267.43deg, #111f5d 4.95%, #1268b3 97.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.about-para{
  font-family: var(--font-family-two);
  line-height: 30px;
}
.client-icon img{
  width: 80%;
}

.about-btn{
  border: none;
 background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  
color: white;
  padding: 10px 30px;
  margin-top: 10px;
  font-family: var(--font-family-one);
  margin: 20px;
}
.who-we{

  padding: 80px 0px;
background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);

}
.heading-2-light{
  color: white;
  font-family: var(--font-family-one);
  font-size: 16px;
}
.heading-5-light{
 color: white;
  font-family: var(--font-family-two);
    font-size: 25px;
}
.about-para-l{
  color: white;
  font-family: var(--font-family-two);
  line-height: 30px;
  font-size: 15px;
}
.who-right{
  display: flex;
  justify-content: end;
  padding-top: 20px;
}
.dark-btn{
  background-color: rgba(2, 0, 36, 1);
  font-family: var(--font-family-one);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
}
.who-right i{
  margin-right: 10px;
  color: white;
}
.mission-box{
  padding-top: 40px;
}
.heading-2-l{
  font-family: var(--font-family-one);
  color: white;
  padding-top: 20px;
  font-size: 25px;
}
.mission-box{
  padding: 15px 20px;
  background-color: white;
  height: 200px;
  margin-top: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.mission-box h4{
  color: var(--color-one);
  font-family: var(--font-family-one);
}
.mission-box p{
  color: var(--color-three);
  font-family: var(--font-family-two);
}
.gear-box-2{
  position: absolute;
  bottom: -100px;
  right: 0;
  width: 50%;
 
}
.wwo{
  padding: 50px 0px;
}
.wwo-top{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wwo-heading-5{
  font-family: var(--font-family-one);
  text-align: center;
}
.wwo-head-2{
  font-family: var(--font-family-one);
}
.wwo-point{
  padding: 15px 10px;
  background-image: url(/assets/images/point-card.png);
  margin: 10px 0px;
  border-radius: 10px;
}
.wwo-point h4{
  font-family: var(--font-family-one);
  font-size: 18px;
  margin: 0px;
  color: white;
  text-align: center;

}



.Gallery-container{
  padding-top: 20px;
  padding-bottom: 40px;
}
.gallery-heading-right{
  display: flex;
  justify-content: end;

}
.gallery-heading-right button{
  border: none;
  background-color: var(--color-one);
  padding: 10px 20px;
  color: white;
  font-family: var(--font-family-one);
  font-weight: 600;
}
.gallery-heading-left p{
  font-family: var(--font-family-one);
  padding-left: 10px;

}
.gallery-images{
  padding-top: 30px;
}
.gallery-images img{
  margin-bottom: 20px;
}
.gallry-layout{
  padding-top: 40px;
}
.gallery-images video  {
    height: 312px;       /* adjust as per your design */
    width: 100%;
    object-fit: cover;
    
}
.small-servic-c{
  background-color: #F7F7F7;
padding: 18px;
  margin: 5px;
}
.icon-card img{
  width: 20%;
}
.service-c-content h6{
  font-family: var(--font-family-one);
  font-weight: 700;
  margin-top: 10px;
}
.service-c-content p{
  font-family: var(--font-family-two);
  margin-top: 10px;
 
}