@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&family=Space+Grotesk:wght@100,200,300,400;500;600&display=swap');
/* global default */
:root {
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --font-display: "Space Grotesk", "Poppins", system-ui;
}

/* use Poppins sitewide */
body {
  font-family: var(--font-sans);
  line-height: 1.5;
  font-display: swap; /* note: font-display is applied by Google Fonts link already */
}

.clr1{color:#00FF85;}
.clr2{color:#919DDD;}
.clr3{color:#9747FF;}
.pd-60{padding: 60px 0;}
.pd-80{padding: 80px 0;}
.h-70{font-size:70px;}
.h-55{font-size:55px;}
.bg-b{background: #9747FF0D;}
.f-30{font-size: 30px !important;}
.s-f{
  font-family: var(--font-display);
}
.f-18{
  font-size: 18px;
}
.font-w{
    font-weight: 200;}
.l-height45{  line-height: 45px;}
.s-navitems{
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.s-navitems a:hover{
  color:gray;
}
.s-navitems a:active{
  color:black;
}
.banner-sec{
    background: url(../img/bg.png);
}
.contact-sec{
background: url(../img/bg-contact.png);
    background-size: cover;
}
.btn-b{
    background: #172263;
    color: white;
    padding: 12px 24px;
    margin-top: 15px;
    border-radius: 11px;
    border: 1px solid #172263;
    width: 100%;
}
.btn-ww{
    border: 2px solid white;
    padding: 15px 30px;
    border-radius: 70px;
    text-decoration: none;
    color: white;
}
.btn-gg{
    display: inline-block;
    border: 2px solid #ffffff;
    padding: 15px 30px;
    border-radius: 70px;
    text-decoration: none;
    color: #000000;
    background: #00FF85;
}

.btn-w{
    margin: 0;
    color: black;
    text-decoration: none;
    background: white;
    padding: 13px 32px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
}

.s-navitems a{
  color:rgb(0, 0, 0);
       color: rgb(0, 0, 0);
    /* margin-left: 8px; */
    font-size: 14px;
    font-weight: 500;
}
.s-navitems a.active{
  color: rgb(0, 0, 0) !important;
}

.glow-text {
  font-weight: bold;
  color: #00ff88; /* text color */
  position: relative;
  z-index: 1;
}

/* .glow-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 150px;
  background: #00ff88;
  border-radius: 50%;
  filter: blur(100px);
  z-index: -1;
} */
 .glow-text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -70%);
    width: 53px;
    height: 53px;
    background: #00ff88;
    border-radius: 50%;
    filter: blur(40px);
    z-index: -1;
}

.hero-section {
  position: relative;
  overflow: hidden;
  /* min-height: 100vh; */
}

/* Video Styling */
.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* cover entire section */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/* Content Styling */
.content {
  /* position: absolute; 
  top: 30%;         
  left: 50%;       
  transform: translate(-50%, -50%); */
  z-index: 1;
  color: white;
  /* width: 80%; */
}


.case-studies1 .owl-item > div {
  cursor: pointer;
  margin: 6% 0%;
  transition: margin 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
  opacity: 0.2;       /* thoda fade bhi */
}
.mt-70{
  margin-top: 70px !important;
}

.case-studies1 .owl-item.center > div {
  cursor: auto;
  margin: 0;
  filter: none;   /* center wali item clear rahe */
  opacity: 1;     /* full visible */
}
.articles-sec h3{
font-size: 21px;
}
.articles-sec h4{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.8px;
    color: white;
    margin-bottom: 12px;
}
.san-text p{
    text-align: center;
    font-size: 30px;
    width: 85%;
    margin: auto;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    color:black;
}

.counter-text{
    width: 85%;
}


.fa-box{
    background: rgb(22 26 26 / 92%);
    border: 15px solid #3e3e3e;
    border-radius: 25px;
}

.fa-text{
    /* background: #111111bd; */
    background: linear-gradient(0deg, #000000, #00000000);
}

.reach-contact{
    align-items: end;
    justify-content: space-between;
}
.contact-text p{
    font-size: 19px;
    font-weight: 100;
    letter-spacing: 0.7px;
}
.aiextra-box h3{
  font-weight: 400;
}
.aiextra-box p{
  font-size: 17px;
}
.testi-box{
     background: #3D3D3D;
    width: 100%;
    padding: 15px;
    border-radius: 15px;
    margin: auto;
    line-height: 30px;
}
.test-ic{
  margin-top: 40px;
}
.test-ic span{
    display: inline-block;
    background:#00FF85;
    padding: 12px;
    border-radius: 70px;
}
.testi-box img{
  margin-top: -80px;
  width: 150px;
  max-width: 150px;
  height: 150px;
}
.testi-box p{
  margin-bottom: 15px;
}
.mtm-70{
  margin-top: -70px !important;
}
.testi-slider .owl-dots .owl-dot span, .case-studies .owl-dots .owl-dot span {
    display: none;
}
.testi-slider .owl-dots .owl-dot, .case-studies .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    background: #5a5344 !important;
    border-radius: 50%;
    margin: 10px;
}
.testi-slider .owl-dots .owl-dot.active, .case-studies .owl-dots .owl-dot.active{
  background-color: #00df49 !important;
}
.testi-slider .owl-dots, .case-studies .owl-dots {
    text-align: center;
    margin-top: 10px;
}
.testi-slider .owl-stage{
  display: flex;
  padding-top: 70px;
}
.testi-slider .owl-item{
  float: none !important;
}
.testimonal-sec{
  background: url(../img/bg-testimonials.png);
      background-size: cover;
}
.testi-heading p{
      width: 73%;
    margin: auto;
    font-size: 25px;
    padding: 45px 0px;
    line-height: 42px;
}
.testi-heading h2{  
    font-size: 55px;
    font-weight: 500;
}

.case-studies .owl-item .item {
  filter: blur(3px);
  transition: filter 0.3s ease-in-out;
}

.case-studies .owl-item.active.center .item {
  filter: blur(0);
}
.case-box{
       background: #1d1c1c;
    border: 2px solid #00FF85;
    border-radius: 14px;
    padding: 12px;
}
.case-box p{
line-height: 30px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.case-box a{
  text-decoration: none;
}
.study-n span{
    display: inline-block;
    background: #868686;
    padding: 12px;
    border-radius: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.study-n{
     padding: 30px 0px;
}
.case-heading h2{
      text-align: center;
    margin-bottom: 70px;
    font-size: 55px;
    font-weight: 500;
    color: white;
}
.security-box-outer{
  background: linear-gradient(180deg, rgba(73, 238, 79, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);
  transition: background .1s ease, transform .3s ease;
  border-radius: 16px;
  padding: 1px;
}
.security-box-outer:hover{
  background: linear-gradient(180deg, #49EE4F 0%, #FFFFFF 100%);
  transform: translateY(-10px);
}
.security-box{
    background: #000000;
    color: white;
    padding: 30px;
    /* height: 350px; */
    /* margin-bottom: 30px; */
    border-radius: 15px;
    /* background-image: url(../img/service-icon/b.png); */
    background-image: url(../img/comp_bg.png);
    background-repeat: no-repeat;
    background-position-x: calc(100% + 20px);
    background-position-y: -20px;
    transition: background-position .3s ease;
}
.security-box-outer:hover .security-box{
  background-position: 100% 0;
}
.security-box img{
    width: 50px;
}
.security-box h4{
    margin-top: 15px;
     font-size: 19px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 30px;
}
.security-box p{
  margin-top: 15px;
      font-family: var(--font-display);
}
.our-mission{
  background: #000000;
}

.cap-service h2{
    text-align: center;
    color: white;
    font-size: 55px;
    margin-bottom: 30px;
}
.cap-service p{
    font-size: 25px;
    margin-bottom: 30px;
    color: gray;
    font-family: var(--font-display);
}
.vision-txt{
      color: white;
    font-size: 25px;
    font-weight: 300;
    width: 90%;
    margin: auto;
    line-height: 42px;
}
.mission-btn{
      align-items: anchor-center;
    justify-content: space-between;
    text-align: center;
}
.mission-btn h3{
 font-size: 45px; 
}
.mission-btn p{
       font-size: 18px;
    line-height: 30px;
    padding: 20px 30px;
}
.found-box{
      width: 100%;
    margin: auto;
    text-align: center;
}
.found-box h3{
    font-size: 22px;
    letter-spacing: 0.8px;
    font-weight: 700;
}
.about-section{
  background: url(../img/about.png);
       background-size: cover;
    /* height: 560px; */
    background-position: bottom;
    padding: 8rem 15px;
}
.ledabout-box{
      background: #1101475c;
    margin-bottom: 30px;
    padding: 15px 30px;
    border: 1px solid #ffffff47;
    /* height: 235px; */
    border-radius: 15px;
}
.ledabout-box p{
    font-size: 18px;
    color: gray;
    margin: auto;
    padding-top: 40px;
     font-family: var(--font-display);
}
.woman-box img{
    width: 60px;
}
.social-footer i{
font-size: 30px;
}
.about-section h5{font-size: 35px;color:white;font-weight: 200;}
.about-section h2{
    font-size: 55px;
    color: white;
    width: 60%;
    margin: auto;
    line-height: 70px;
    font-weight: 400;
    font-family: var(--font-display);
}
.found-box p{
font-family: var(--font-display);
}
.founder-heading{
      margin-top: -112px;
    font-size: 35px;
    margin-bottom: 100px;
}
.founder-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* Show 2 lines initially */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.founder-desc.expanded {
    -webkit-line-clamp: unset; /* Show full text */
}
.about-section p{
 
}
.working-sector-sec li button{
    width: 160px;
    font-size: 16px;
    line-height: 28px !important;
}
.working-sector-sec button.active{
    background: none !important;
    color: #00ff85 !important;
    text-align: center;
    line-height: 60px;
}
.working-sector-sec button:hover{
color:white;
}
.working-sector-sec{
    justify-content: space-around;
    line-height: 60px;
}
.working-sector-sec button.active img{
filter: grayscale(0%);
}
.working-sector-sec button img{
  fill: gray; /* default color */
  transition: fill 0.3s;
  filter: grayscale(100%);
  margin-bottom: 20px;
  width: 60px;
}
.working-sector-sec button {
  color:white;
  font-size: 18px;
}
.work-text {
      width: 82%;
    margin-left: 15%;
}
.work-text h3{
  font-size: 36px;
  font-family: var(--font-display);
}
.work-text p{
      line-height: 31px;
    margin-top: 24px;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-family: var(--font-display);
}
.woman-box{
  margin-bottom: 60px;
}
.woman-box p{
  color: white;
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: 0.5px;
     font-family: var(--font-display);
}

.woman-txt{
      width: 80%;
    margin: auto;
}
.woman-txt h3{
    font-size: 34px;
    line-height: 54px;
    font-family: var(--font-display);
}
.woman-txt p{
    font-size: 25px;
    margin-top: 31px;
    color: gray;
    font-family: var(--font-display);
}

.content-top {
  position: absolute; /* video ke upar */
  top: 35%;           /* vertically center */
  left: 50%;          /* horizontally center */
  transform: translate(-50%, -50%);
  z-index: 1;
  color: white;
  width: 80%;
}
.content-top h1{    font-size: 55px; }
.top-section{min-height: 100vh !important;}

.top-section video{
  position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    /* z-index: -1; */
     object-fit: cover;
}
.content-top p{
      font-size: 23px;
    font-weight: 200 !important;
   font-family: var(--font-display); 
}
footer ul{
  list-style: none;
  padding: 0;
}
footer ul li a{
  text-decoration: none;
  color: black;
  line-height: 40px;
  font-size: 15px;
}
footer  a{
text-decoration: none;
  color: black;
}
.t-box{
      text-align: center;
}
.t-box img{
margin: 8px;
width: 90px;
}
.t-box p{
    color: black;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-top: 12px;
}
.t-box h3{
 font-size: 21px;
    font-weight: 700;
}
.perf-box {
  justify-content: space-between;
  margin-bottom: 50px;
}
.perf-box h2{
       width: 59%;
    font-size: 60px;
    font-weight: 300;
    line-height: 78px;
}
.perf-box p{
    width: 70%;
    font-weight: 500;
    margin-top: 17px;
}
.explore{
    width: 47%;
    margin: auto;
    padding-bottom: 45px;
        line-height: 50px;
}
.san-ai{
  width:195px;
}

.featured-articles {
    position: relative; /* parent ko relative banaye */
}

.featured-articles .owl-nav {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1000; /* text aur images ke upar */
}

.featured-articles .owl-nav button {
    display: block !important;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 50%;
    font-size: 20px;
}
.f-40{
  font-size: 35px !important;
}
.sanskara-bread .breadcrumb-item+.breadcrumb-item::before{
color:#00ff85;
}

.sanskara-bread .breadcrumb-item.active{
  color:#00ff85;
}
.case-share a{
      color: white;
    font-size: 29px;
    text-decoration: none;
}
.case-details p{
    font-weight: 300;
    font-size: 15px;
    line-height: 28px;
}
.others-medi img{
  width:90px;
}
.san-contactpage input,.san-contactpage textarea{
    background: black;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.feaart-home{    
  align-items: center;
  justify-content: space-between;
}
.san-contactpage input::placeholder,.san-contactpage textarea::placeholder {
color:#fff;
}
.form-control:focus{
    background: black;
    color: #fff;
}
.breadcrumb-item a {text-decoration: none;}
.sans-footer h3{
font-size: 19px;
    font-weight: 700;
    margin-bottom: 35px;
}
.sans-footer p{
  font-size: 15px;
}
.found-box img{
     width: 230px;
    height: 230px;
    object-fit: cover;
    margin-bottom: 16px;
    object-position: top;
    border-radius: 12px;
}
.wsectors::before {
    content: '';
    width: 40%;
    aspect-ratio: 1 / 1;
    background: #9747FF;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -110%);
    filter: blur(500px);
}
.nav-link.active {
    border-bottom: 2px solid #00FF85;
}

.featured-slider {
    padding: 0 4rem;
}
.featured-slider.owl-carousel .owl-nav > button {
    width: 45px;
    height: 45px;
    background: #fff !important;
    padding: 0 !important;
    line-height: 45px !important;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.featured-slider.owl-carousel .owl-nav > button.owl-next {
    left: initial;
    right: 0
}
.tototop {
    position: fixed;
    bottom: 2rem;
    right: 1.5rem;
    z-index: 9;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #00FF85;
    color: #000;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}