*{
	font-family: "Urbanist", sans-serif;
}
body{
	background-color: black;
	color: white;
}
.navbar-brand{
	font-size: 25px;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1330px;
    }
}
.navbar{
	padding-top: 20px;
	padding-bottom: 20px;
}
.nav-menu-dot {
    background-color: white;
    border-radius: 100%;
    margin-right: 13px;
    width: 6px;
    height: 6px;
    transition: transform 0.4s ease, background-color 0.4s ease;
  transform: scale(1);

}
.nav-link{
	color: white;
	 transition: transform 0.4s ease, color 0.4s ease;

}
.navbar-nav{
	grid-column-gap: 35px;
	justify-content: flex-start;
    align-items: center;
    display: flex;
}
.project-v1-card-img{
    object-fit: cover;
}
.nav-link:hover{
color:#d1353c ;
}
.nav-link:hover .nav-menu-dot {
  background-color: #d1353c;
  transform: scale(2); /* 6px × 1.66 ≈ 10px */
}
.icon-open,
.icon-close {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* Hide close icon initially */
.icon-close {
  opacity: 0;
  visibility: hidden;
}

/* When navbar is expanded: hide open icon, show close icon */
.navbar-toggler[aria-expanded="true"] .icon-open {
  opacity: 0;
  visibility: hidden;
}

.navbar-toggler[aria-expanded="true"] .icon-close {
  opacity: 1;
  visibility: visible;
}
.secondary-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 17px 33px;
  grid-column-gap: 0px;
   font-size: 16px;
  color: black;
  font-weight: 500;
  background-color: white;
   border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none!important;
}

/* Single pseudo-element for the red fill */
/* Single pseudo-element for the red fill */
.secondary-button::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #d1353c;
  border-radius: 7px;
  z-index: 0;
  /* no initial red dot: */
     clip-path: circle(0px at 37px 50%);
  transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.secondary-button:hover::before {
 clip-path: circle(200% at 37px 50%);
}

/* Keep text & dot on top */
.secondary-btn-dot-wrap,
.secondary-btn-text-wrap {
  position: relative;
  z-index: 1;
}
/* Black dot → white on hover */
.secondary-btn-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background-color: black;
  transition: background-color 0.4s ease;
}
.secondary-button:hover .secondary-btn-dot {
  background-color: white;
}

/* Text wrapper (stack two copies) */
.secondary-btn-text-wrap {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 20px;
  margin-left: 10px;
}

/* Base text + underline */
.secondary-btn-text._01,
.secondary-btn-text._02 {
   white-space: nowrap;
}

/* Black text slides up */
.secondary-btn-text._01 {
  transform: translateY(0);
  transition: transform 0.4s ease, color 0.3s ease;
}

/* White text, starts below */
.secondary-btn-text._02 {
  position: absolute;
  top: 0; left: 0;
  color: white;
  transform: translateY(100%);
  transition: transform 0.4s ease;
}

/* On hover, swap texts */
.secondary-button:hover .secondary-btn-text._01 {
  transform: translateY(-100%);
  color: white;
}
.secondary-button:hover .secondary-btn-text._02 {
  transform: translateY(-3px);
}







.primary-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 17px 33px;
  grid-column-gap: 0px;
   font-size: 16px;
  color: white;
  font-weight: 500;
  background-color: #d1353c;
   border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none!important;
}

/* Single pseudo-element for the red fill */
/* Single pseudo-element for the red fill */
.primary-button::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: white;
  border-radius: 7px;
  z-index: 0;
  /* no initial red dot: */
     clip-path: circle(0px at 37px 50%);
  transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.primary-button:hover::before {
 clip-path: circle(200% at 37px 50%);
}

/* Keep text & dot on top */
.primary-btn-dot-wrap,
.primary-btn-text-wrap {
  position: relative;
  z-index: 1;
}
/* Black dot → white on hover */
.primary-btn-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background-color: white;
  transition: background-color 0.4s ease;
}
.primary-button:hover .primary-btn-dot {
  background-color: #d1353c;
}

/* Text wrapper (stack two copies) */
.primary-btn-text-wrap {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 20px;
  margin-left: 10px;
}

/* Base text + underline */
.primary-btn-text._01,
.primary-btn-text._02 {
   white-space: nowrap;
}

/* Black text slides up */
.primary-btn-text._01 {
  transform: translateY(0);
 
  transition: transform 0.4s ease, color 0.3s ease;
}

/* White text, starts below */
.primary-btn-text._02 {
  position: absolute;
  top: 0; left: 0;
  color: black;
  transform: translateY(100%);
  transition: transform 0.4s ease;
}

/* On hover, swap texts */
.primary-button:hover .primary-btn-text._01 {
  transform: translateY(-100%);
  color: black;
}
.primary-button:hover .primary-btn-text._02 {
  transform: translateY(-3px);
}

.hero-v1 {
    background-image: url('../images/bg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 185px;
    padding-bottom: 20px;
}

.hero-title {
    margin-bottom: 20px;
    font-size: 92px;
    font-weight:600;
    letter-spacing: -3.68px;
}
.hero-details {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 160%;
}
.hero-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.tech-stack-container {
            width: 100%;
            overflow: hidden;
            padding: 40px 0;
            background: transparent;    
}
.tech-stack-container {
  user-select: none; /* prevent text selection on drag */
}
.tech-stack-slider {
  will-change: transform;
}
.tech-stack-container {
  overflow: hidden;
  width: 100%;
  cursor: grab;
}

.tech-stack-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.tech-stack-item {
  flex: 0 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tech-stack-item img:hover{
	  filter: grayscale(0%);


} 
/*.tech-stack-item img {
  width: 200px;
  height: 200px;
  filter: grayscale(100%);
  object-fit: contain;
  display: block;
   transition: transform 2s ease;
}    
     
     */
.tech-stack-item img {
  filter: grayscale(100%);
  object-fit:  contain;
  display: block;
  transition: transform 2s ease;
}

 .cursor-pointer{
    cursor: pointer!important;
 }     
.sub-title-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
.service-section{
	padding-top: 150px;
	padding-bottom: 150px;
}

.services-v1-card {
    grid-row-gap: 60px;
      border: 2px solid #ffffff1a;
    border-radius: 7px;
    flex-flow: column;
    margin-bottom: 20px;
    padding: 48px 38px 40px;
    display: flex;
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.services-v1-card img {
    object-fit: cover;
    filter: grayscale(100%) contrast(110%) brightness(0.7);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    display: block;
    width: 100%;
    height: 250px;
    position: relative;
    z-index: 1;
    transform: translateY(0px);
    opacity: 0.9;
}


/* **Soft Light Overlay (Subtle Glow Effect) ** */
.services-v1-card::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, 
                rgba(255, 255, 255, 0.1) 0%, 
                rgba(255, 255, 255, 0) 70%);
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease, transform 1s ease;
    transform: scale(0.5);
}

/* **Elegant Top-to-Bottom Gradient Reveal** */
.services-v1-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
                rgba(255, 255, 255, 0.15) 0%, 
                rgba(255, 255, 255, 0) 40%);
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* **Hover Effects** */
 


.services-v1-card:hover img {
    filter: grayscale(0%) contrast(100%) brightness(1);
    transform: translateY(-6%);
    opacity: 1;
}

.services-v1-card:hover::before {
    opacity: 1;
    transform: scale(1);
}

.services-v1-card:hover::after {
    opacity: 1;
}

.services-v1-card:hover  {
     border-color: #d1353c;
}

.services-v1-card-info-title {
    margin-bottom: 22px;
    font-size: 42px;
    line-height: 124%;
}

.scondary-paragraph {
    color: #fffc;
    letter-spacing: -.16px;
    font-size: 16px;
    line-height: 150%;
}

.section-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 80px;
    line-height: 110%;
    font-weight: 600;
    letter-spacing: -3.2px;
}
.fs-42{
    font-size: 42px!important;
}
.grey-img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.grey-img:hover {
    filter: grayscale(0%);
}
.page-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 92px;
    line-height: 0.9;
    font-weight: 600;
    letter-spacing: -3.2px;
}
.page-title-about {
    color: #fff;
    text-transform: uppercase;
    font-size: 92px;
    line-height: 110%;
    font-weight: 600;
    letter-spacing: -3.2px;
}
.project-details .info-title{
    color: #fff;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 134%;    
}
.project-details .info-sub-title{
    color: #fff9;
    font-size: 24px;
    font-weight: 500;
    line-height: 134%;   
}
.project-details .desc-title{
    color: #fff;
    font-weight: 500;
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 117%;    
}
.project-details .desc-detail{
    color: #ffffffb3;
    font-size: 20px;
    line-height: 160%; 
}
.para{
    color: #fffc;
    font-size: 18px;
    line-height: 166%;    
}
.contact-container{
    background-color: #0c0c0c;
    border: 1px solid #ffffff29;
    border-radius: 16px;
    padding: 60px 63px;    
}
.contact-icons{
    background: white;
    width: fit-content;
    padding: 15px;
    border-radius: 50%;    
}
#contact-form input,
#contact-form input:focus,
#contact-form select,
#contact-form select:focus
{
    color: #ffffff;
    background-color: #acabb21a;
    border: 1px #000;
    border-radius: 8px;
    height: 48px;
    margin-bottom: 0;
    padding: 12px 17px;
    font-size: 16px;
    line-height: 150%;
    box-shadow: none;
}
#contact-form option {
    color: initial;
    background-color: initial;
}
#contact-form textarea,
#contact-form textarea:focus
{
    color: #ffffff;
    background-color: #acabb21a;
    border: 1px #000;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px 17px;
    font-size: 16px;
    line-height: 150%;
    box-shadow: none;
}

.services-div {
  transform: scale(0.9);
  transition: transform 0.3s ease;
  margin: 0 auto; /* to keep it centered */
}

.services-div:hover {
  transform: scale(1);
  z-index: 2;
}


.sub-title {
    grid-column-gap: 8px;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    display: inline-flex;
}

  .sub-title-dot {
    background-color: #d1353c;
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.project-v1-card {
    z-index: 1;
    border-radius:10px;
    position: relative;
    overflow: hidden;
        transition: all .4s;
        margin-bottom: 30px;
}
.project-v1-card-filter {
    z-index: 1;
    opacity: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #00000080;
    position: absolute;
        transition: all .4s;
    inset: -2px;
}
.project-v1-card-content {
    position: absolute;
    inset: 0%;
}
.project-v1-card-inner-content {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
;
    position: relative;
}

.project-v1-card-name-tag.flex-left {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1230px;
    display: flex
;
}

.project-v1-card-name-tag {
    position: absolute;
    inset: auto auto 32px 40px;
}

.project-v1-card-name {
    color: white;
    font-size: 42px;
    font-weight: 500;
    line-height: 124%;
    text-decoration: none;
    transition: all .4s;
}

.project-card-tag-wrap {
    grid-column-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex
;
}

.project-tags-container{
    grid-column-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;    
}
.project-tags {
    background-color: #ffffff1f;
    border: 1px solid #ffffff1a;
    border-radius: 77px;
    padding: 8px 25px;
    letter-spacing: -.16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}
.project-tag {
    background-color: white;
    border-radius: 77px;
    padding: 8px 25px;
}
.project-tag-text {
    color: black;
    letter-spacing: -.16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}
.project-v1-card-btn{
	opacity: 0;
}

.project-v1-card:hover  .project-v1-card-btn,.project-v1-card:hover  .project-v1-card-filter{
	opacity: 1;
}
.project-v1-card-name:hover {
    color: #d1353c;
}

.project-v1-card-name-tag.flex-bottom {
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.service-section-row{
	margin-top: 100px;
}
.cta-content {
    width: 100%;
    max-width: 893px;
    margin-left: auto;
    margin-right: auto;
}
.cta-title {
    margin-bottom: 20px;
    font-size: 80px;
    text-transform: uppercase;
    line-height: 110%;
}
.cta-details {
 
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
   
}
.section-title-wrap.flex {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}
.testimonial-v1-slider {
    background-color:transparent;
    border-top: 1px solid #ffffff26;
    border-bottom: 1px solid #ffffff26;
    height: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.cta-wrap {
    border: 2px solid #525252;
    text-align: center;
    background-image: url('../images/bg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    padding: 95px 116px;
}
   
    .swiper-slide {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding:30px 0px;
    }

    .testimonial-v1-slide-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      gap: 40px;
    }

    .testimonial-author-wrap {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-width: 200px;
    }

    .testimonial-author-img {
      width: 68px;
      height: 68px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 16px;
    }

    .testimonial-author-name {
      font-size: 24px;
      font-weight: 500;
      line-height: 134%;
    }

    .testimonial-author-bio {
      font-size: 20px;
      line-height: 150%;
      color: #767a82;
    }

    

    .testimonial-details {
      font-size: 42px;
      font-weight: 500;
      line-height: 124%;
    }

    /* Navigation Arrows (Bottom Right) */
    .swiper-button-next, .swiper-button-prev {
      color: #000;
      background: #fff;
      border: 1px solid #e0e0e080;
      width: 80px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      bottom: 40px;
      top: auto;
      position: absolute;
      z-index: 10;
    }

    .swiper-button-prev {
      right: 170px;
      left: auto;
    }

    .swiper-button-next {
      right: 80px;
    }

    .swiper-pagination {
      display: none !important;
    }

    .testimonial-slider-arrow.left {
    border-top: 1px solid #e0e0e080;
    border-bottom: 1px solid #e0e0e080;
    border-left: 1px solid #e0e0e080;
   	width: 80px;
}

.testimonial-slider-arrow.right {
    border-top: 1px solid #e0e0e080;
    border-bottom: 1px solid #e0e0e080;
    border-right: 1px solid #e0e0e080;
  	width: 80px;
}
.testimonial-slider-arrow {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 21px;
    padding-bottom: 21px;
    display: flex;
}

.testimonial-slider-arrow-img-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

footer{
	margin-top: 90px;
	margin-bottom: 40px;
}

.footer-soical-wrapper {
    grid-column-gap: 12px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}
.footer-soical-bg {
    z-index: -1;
    opacity: 0;
    background-color: #d1353c;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
       transform: scale3d(0, 0, 1);
  transform-style: preserve-3d;
  transition: transform 0.2s ease, opacity 0.3s ease;
}

.footer-soical::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #6c5050;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.footer-soical:hover::before {
  animation: flash-border 0.4s ease forwards;
}

@keyframes flash-border {
  0% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.footer-soical:hover .footer-soical-bg {
  transform: scale3d(1, 1, 1);
  border-color: white!important;
  opacity: 1;
}
.footer-soical {
    z-index: 1;
    border: 1px solid #fdfdf533;
    border-radius: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: inline-flex;
    position: relative;
}
.copy-right-div{
margin-top: 150px;
}
.copy-right-text {
    color: #fff9;
    letter-spacing: -.16px;
    font-size: 16px;
    line-height: 100%;
}

.footer-info-grid {
    grid-column-gap: 61px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 38px;
    display: grid;
}
.footer-info-title {
    opacity: .6;
    letter-spacing: -.16px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 150%;
}
.footer-info-text {
    color: white;
    font-size: 24px;
    font-weight: 500;
    line-height: 134%;
    text-decoration: none;
}
.footer-info-single._03 {
    width: 100%;
    max-width: 359px;
}

.footer-menu-wrap {
    grid-column-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.footer-menu-link {
    grid-column-gap: 10px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-right: 15px;
    text-decoration: none;
    display: flex;
    position: relative;
     transition: transform 0.4s ease, color 0.4s ease;

}

.footer-info-text:hover{
    color: #d1353c!important;

}
.footer-menu-text {
    color: white;
    font-size: 18px;
    line-height: 167%;
         transition: transform 0.4s ease, color 0.4s ease;

}
.footer-menu-link:hover .footer-menu-dot {
opacity: 1;
    transform: scale(1);
}
.footer-menu-link:hover .footer-menu-text  {
color: #d1353c!important;
}


.footer-menu-dot {
    background-color: #d1353c;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    opacity: 0;
 
    position: absolute;
    inset: auto 0 auto auto;
       transition: transform 0.4s ease, background-color 0.4s ease;
  transform: scale(0);
}
    @media (max-width: 768px) {
      .testimonial-v1-slide-wrap {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      .testimonial-details-wrap {
        max-width: 100%;
      }
      .testimonial-details {
        font-size: 32px;
      }
      .swiper-button-prev, .swiper-button-next {
        display: none;
      }
    }








@media screen and (max-width: 991px) {
.img-mob-ht{
    height: auto!important;
}
.contact-container{
    padding: 30px 33px;
}
.text-center-mob{
    text-align: center;
}
    .footer-menu-text {
        font-size: 16px;
    }
        .footer-info-text {
        font-size: 18px;
    }
        .footer-info-title {
        font-size: 15px;
    }
        .footer-info-wrap {
        grid-column-gap: 50px;
        grid-row-gap: 15px;
        flex-flow: row;
    }
    .footer-info-single{
    	margin-top: 10px;
    }
    .footer-info-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
        margin-bottom: 0;
    }
        .footer-wrap {
        grid-row-gap: 20px;
    }

    .cta-title {
        margin-bottom: 15px;
        font-size: 35px;
    }
	.testimonial-v1-slider {
	 padding-top: 0px;
	 padding-bottom: 20px;
	}
	    .cta-details {
        margin-bottom: 18px;
        font-size: 15px;
    }
     .cta-wrap {
        padding: 80px 20px;
    }
    .sub-title {
        margin-bottom: 15px;
    }
    .section-title-wrap.flex {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        margin-bottom: 25px;
    }
	 .project-v1-card-name {
        font-size: 24px;
    } 
    .testimonial-author-bio {
        font-size: 16px;
    }
        .testimonial-details {
        font-size: 24px;
    }
  	 .testimonial-details-wrap {
       padding-top: 20px;
      }
   .testimonial-author-img {
        object-fit: cover;
        width: 50px;
        height: 50px;
    }
    .arrow-flex-div{
    	justify-content:flex-end!important;
    }

	.service-section-row{
	margin-top: 20px;
	}
    .project-card-tag-wrap {
        grid-row-gap: 10px;
        flex-flow: row;
    }

    .project-v1-card img{
        height: 400px;
        object-fit: cover;
    }
    .section-title {
        font-size: 32px;
    }
    .fs-24-mob{
        font-size: 24px!important;
    }
    .page-title, .page-title-about {
        font-size: 50px;
        letter-spacing: -1.2px;
    }
    .mob-padding{
        padding-top: 60px;
    }

	.project-v1-card-name-tag.left {
	    grid-row-gap: 20px!important;
	    flex-flow: column!important;
	    display: flex!important;
	} 
	    .project-v1-card-name-tag.flex-left {
        grid-column-gap: 0px;
        grid-row-gap: 15px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .project-v1-card-name-tag.flex-bottom {
        grid-row-gap: 15px;
    } 
    .project-v1-card-name-tag {
        bottom: 20px;
        left: 20px;
    } 
    .project-tag {
        font-size: 15px;
    } 
    .project-tag {
        padding: 6px 15px;
    }
}
  /* Ensure no parent elements block pointer events */
        .hero-v1, .tech-stack-container, .tech-stack-slider {
            pointer-events: auto;
        }
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .tech-stack-item img {
                max-width: 100px;
            }
            .slick-list {
                padding: 0 10% !important;
            }
        }
        @media (max-width: 480px) {
            .tech-stack-item img {
                max-width: 80px;
            }
            .slick-list {
                padding: 0 5% !important;
            }
        }
 

@media only screen and (max-width: 1000px) {
	.contactDiv{
		display: none;
	}
	.hero-title {
		font-size: 40px;
		letter-spacing: initial;
	}
	.navbar-nav{
		padding-left: 20px;
		align-items: flex-start;
	}
}