/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */




/* Cursor */
.nit-cursor-auto {cursor: auto;}
.nit-cursor-default {cursor: default;}
.nit-cursor-none {cursor: none;}
.nit-cursor-pointer {cursor: pointer;}
.nit-cursor-not-Allowed {cursor: not-Allowed;}
.nit-cursor-wait {cursor: wait;}
.nit-cursor-progress {cursor: progress;}
.nit-cursor-help {cursor: help;}
.nit-cursor-context-menu {cursor: context-menu;}
.nit-cursor-cell {cursor: cell;}
.nit-cursor-crosshair {cursor: crosshair;}
.nit-cursor-text {cursor: text;}
.nit-cursor-wetical-text {cursor: wetical-text;}
.nit-cursor-grab {cursor: grab;}
.nit-cursor-grabbing {cursor: grabbing;}
.nit-cursor-alias {cursor: alias;}
.nit-cursor-copy {cursor: copy;}
.nit-cursor-move {cursor: move;}
.nit-cursor-zoom-in {cursor: zoom-in;}
.nit-cursor-zoom-out {cursor: zoom-out;}
.nit-cursor-col-resize {cursor: col-resize;}
.nit-cursor-row-resize {cursor: row-resize;}
.nit-cursor-nesw-resize {cursor: nesw-resize;}
.nit-cursor-newse-resize {cursor: newse-resize;}
.nit-cursor-ew-resize {cursor: ew-resize;}
.nit-cursor-ns-resize {cursor: ns-resize;}
.nit-cursor-n-resize {cursor: n-resize;}
.nit-cursor-w-resize {cursor: w-resize;}
.nit-cursor-s-resize {cursor: s-resize;}
.nit-cursor-e-resize {cursor: e-resize;}
.nit-cursor-nw-resize {cursor: nw-resize;}
.nit-cursor-ne-resize {cursor: ne-resize;}
.nit-cursor-sw-resize {cursor: sw-resize;}
.nit-cursor-se-resize {cursor: se-resize;}



/* Scroll Section */
#nit-gsap-scroll-section-wrap {width: 100%;height: 100%;position: relative;overflow: hidden;}
#nit-gsap-scroll-section-wrap .nit-gsap-scroll-section {text-align: center; background: #fff;}
#nit-gsap-scroll-section-wrap .nit-gsap-scroll-section svg {width: 100%;height: auto;}
#nit-gsap-scroll-section-wrap .nit-gsap-scroll-section {position: relative;overflow: hidden;}
#nit-gsap-scroll-section-wrap .nit-gsap-scroll-second-section .elementor-section-wrap {position: absolute; width: 100%; height: auto; left: 0; top: 0;}



/* #nit-x-scroller {transform: skew(-7deg, 2deg );} */

/* #nit-perspective {
    transform: rotateZ(10deg) rotateY(0deg) skew(-40deg, 20deg);
}

#nit-perspective .elementor-widget-image img {
    background-size: 0, cover;
    transform-style: preserve-3d;
    transition: all 0.3s ease;
    cursor: pointer;
} */



















/* NIT SLIDER */
/* Slider container */
.swiper {
    overflow: hidden;
    width: 100%;
}

/* Ensure no margin or padding is causing misalignment */
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    display: flex;
    margin: 0; /* Remove any margin */
    padding: 0; /* Remove any padding */
}

.swiper-slide {
    width: 100%;
    padding: 0; /* Remove any padding */
    margin: 0; /* Remove any margin */
}

/* If the second slide is 30px shifted, apply this */
.swiper-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
  }
  
  /* You may also target the second slide explicitly */
  .swiper-slide:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
  }
  

/* Make sure the first slide aligns properly */
.swiper-slide:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  
  /* Apply similar rules for the second slide if necessary */
  .swiper-slide:nth-child(2) {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  

.nit-slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Swiper wrapper */
.swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
}

/* Swiper slide */
.swiper-slide {
    flex: 0 0 auto;
    width: 100%; /* Adjust width for how many slides you want to show at a time */
    margin-right: 0; /* Space between slides */
    box-sizing: border-box;
}

/* Navigation arrows */
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 50%;
    color: white;
    font-size: 18px;
    z-index: 10;
}

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

.swiper-button-prev {
    left: 10px;
}

/* Optional: Add styles for when swiper is on the last or first slide */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.3;
}

/* Optional: Pagination */
.swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}