.violet-50 {
    background-color: #f4f3ff;
  }

  .violet-100 {
    background-color: #eae9fe;
  }

  .violet-200 {
    background-color: #d7d5ff;
  }

  .violet-300 {
    background-color: #bab4fe;
  }

  .violet-400 {
    color: #9889fc !important;
    font-size: 150px !important;
  }

  .custom-gredient-red {
    background-image: radial-gradient(closest-side, #FC49E4 0%, #ffffff 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    filter: blur(200px); /* Reduced blur significantly */
    opacity: 0.6; /* Add slight transparency for better text contrast */
    position: absolute; /* Position behind content */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevent interactions with the background */
}


  .violet-500 {
    color: #7659f9;
  }

  .violet-600 {
    color: #6436f1;
  }

  .violet-700 {
    color: #5d2ede;
  }

  .violet-800 {
    background-color: #471eb9;
  }

  .violet-900 {
    background-color: #3c1b97;
  }

  .violet-950 {
    background-color: #230e67;
  }

  .h-color{
    color: #140836 !important;
  }

  .p-color{
    color: #5A5A5B !important;
  }

  /* Short and Effective Global Styles */

/* Headings */

.h1-xxl {
    font-size: 56px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700;
    line-height: 64.96px !important;
}

.h1-call-to-action {
    font-size: 24px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700;
    line-height: 32px !important;
    color: #140836;
}

.h2-xl {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 48px !important;
}

.h3-l {
    font-size: 40px !important;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif !important;
    padding: 0;
    margin: 0;
    line-height: 46.4px;
}

.h4-sm {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 32px !important;
    line-height: 40px;
}

.h5-xsm {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 27.84px;
    font-family: 'Space Grotesk', sans-serif !important;
    margin: 0;
    padding: 0;
}

.h5-xsm-light{
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 27.84px;
    font-family: 'Space Grotesk', sans-serif !important;
    margin: 0;
    padding: 0;
}

.h6-xxm {
    font-size: 20px !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin: 0;
    padding: 0;
}

/* Paragraphs */
.p-lg {
    font-size: 18px !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
    margin: 0;
    padding: 0;
}

.p-md {
    font-size: 16px !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
    line-height: 24px;
    color: #140836;
    margin: 0;
    padding: 0;
}

.p-md-bold {
    font-size: 16px !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
    line-height: 24px;
    color: #140836;
    margin: 0;
    padding: 0;
}

.p-md-light {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    color: #140836;
    margin: 0;
    padding: 0;
}

.p-md-light-h {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #140836;
}
.p-md-bold-h {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #140836;
}

.p-sm {
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    color: #5A5A5B;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 21px;
}

.p-black{
    color: #140836;
}

/* Caption Text */
.cap {
    font-size: 10px !important;
}


  .global-container{
    padding: 100px 0 !important;
    border: none;
  }

.global-bg{
    /* background-image: url('../backgrounds/Team-page-header-bg.jpg'); */
    background-repeat: no-repeat;
}

.home-top{
    min-height: 650px !important;
}

.team-ceo-section{
    min-height: 780px;
    max-height: 785px;
    margin: 0px;
    padding: 0 70px;
}

.team-ceo-section-right{
    box-shadow: 0px 4px 20px 0px #17122529;
    border-radius: 16px;
}

.team-ceo-section div img{
    max-height: 459px;
    border-radius: 16px 16px 0px 0px;
}

.team-ceo-section-right div{
    height: 126px;
    border-radius: 0px 0px 16px 16px;
    padding: 24px;
}

.centered-content {
    /* Default mobile styles */
    display: block !important;
    justify-content: unset !important;
    align-items: unset;
    text-align: unset;
    margin-left: unset !important;
    margin-right: unset !important;
}

.global-team-card{
    max-width: 267px !important;
    height: 350px;
    border-radius: 16px;
    border: 1px solid #DAD9DD;
    padding: 16px;
    margin: 0 12px;
    cursor: pointer;
}

.global-team-card:hover{
    background-color: #FFFFFF;
    box-shadow: 0px 2px 40px 0px #0000001F;
    border: 1px solid #DAD9DD
}

.team-card-img{
    max-width: 235px !important;
    max-height: 246px !important;
    border-radius: 8px !important;
}

  .icon-right {
    position: absolute;
    right: 10px; /* Adjust this to control distance from the right edge */
    top: 50%;
    transform: translateY(-50%); /* Centers the icon vertically */
    font-size: 1.5rem; /* Adjust icon size */
    z-index: 1; /* Ensures it appears above text if necessary */
    color: #333; /* Adjust icon color */
  }

  .call-to-action{
    /* background-image: url('../img/backgrounds/Call-to-action-section-bg.jpg'); */
    max-height: fit-content !important;
    padding: 100px 0;
  }

  .call-to-action-contact {
    margin-top: 40px;
    display: flex;
  }

  .call-to-action-img{
    max-height: 434px;
    max-width: 472px;
  }

  .cta-fill-btn {
    max-width: 161px !important;
    background-color: #6436F1;
    color: rgb(255, 255, 255);
    border: 1px solid #6436F1;
    border-radius: 50px;
    padding: 8px 8px 8px 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 16px;
    font-weight: 500;
    font-weight: 24px;
  }

  .cta-fill-btn:hover{
    color: white;
    border: 1px solid #6436F1;
  }
  .cta-btn {
    background-color: transparent;
    color: #6436F1;
    border: 1px solid #6436F1;
    border-radius: 50px;
    padding: 8px 8px 8px 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 16px;
    font-weight: 500;
    font-weight: 24px;
  }

  .team-card {
    width: 291px !important;
    height: 464px;
    padding: 16px;
    background-color: #9889fc;
    border-radius: 16px;
    border: 1px solid #7659f9;
  }

  .team-card img {
    width: 100%;
    max-width: 265px;
    height: 277px;
    border-radius: 8px;
  }

  .career-working-card{
    max-width: 316px !important;
    height: 172px;
  }

  .career-job-opportunities-card{
    background-color: #F4F3FF;
    max-width: 558px !important;
    height: 277px;
    border-radius: 16px;
    border: 1px solid #DAD9DD;
    padding: 24px !important;
  }

  .apply-now-btn {
    background-color: #5D2EDE;
    color: #fff;
    border-radius: 50px;
    min-width: 199px;
    height: 48px;
    padding: 16px;
    border: none;
    display: flex; /* Use flexbox */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    gap: 8px; /* Add space between text and icon */
    font-size: 16px;
    font-family: Arial, sans-serif;
    cursor: pointer;
}

.apply-now-btn i {
    font-size: 18px; /* Ensure consistent icon size */
}

.apply-now-btn:hover {
    background-color: #ffffff;
    border: 1px solid #5D2EDE;
    color: #5D2EDE;
}

.global-border {
  padding: 100px 0 !important;
}

.global-border-x-v2 {
  padding: 100px 50px !important;
}

.cart-bringing-section{
    background-color: #F4F3FF;
    min-height: 928px !important;
}

.nidus-cart-second-right-section{
    margin-top: -20px;
    padding: 0px 0px 40px 0px;
    gap: 0px;
}
.nidus-cart-second-right-section img{
    width: 100%;
    height: 500px;
}
.nidus-cart-second-right-section .text-section{
    padding: 24px 24px 40px 24px;
}

.nidus-cart-big-btn {
    background-color: #EAE9FE;
    color: #140836 !important;
    border-radius: 8px;
    min-width: 690px;
    height: auto; /* Let the height adjust based on content */
    padding: 18px 24px; /* Adjust padding for better spacing */
    border: none;

    gap: 12px; /* Space between text and icon */
    font-size: 16px;
    font-family: Arial, sans-serif;
    cursor: pointer;
    margin-bottom: 24px;
}

.nidus-cart-big-btn:hover {
    background-color: #6436F1; /* Hover background color */
    color: #140836 !important; /* Change text color on hover */
    border-radius: 8px;
}

/* Targeting the text-content specifically on hover */
.nidus-cart-big-btn:hover .text-content {
    font-weight: 700; /* Change font weight on hover */
    color: #ffffff; /* Optional: maintain text color on hover */
}
.nidus-cart-big-btn:hover .icon-content {
    color: #ffffff; /* Optional: maintain text color on hover */
}

.nidus-cart-big-btn .text-content {
    flex: 1; /* Allow the text to take up available space */
    text-align: left; /* Align text to the left */
    color: #140836;
    font-weight: 400;
}

.nidus-cart-big-btn .icon-content {
    flex-shrink: 0; /* Prevent the icon from shrinking */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Left Section Styles */
.cart-top-left {
    width: 558px; /* Fixed width */
    height: 305px; /* Hug height */
    gap: 32px; /* Gap between elements */
    opacity: 1; /* Ensure it's visible */
}
/* Right Section Styles */
.cart-top-right img {
    min-width: 569px; /* Fixed width */
    height: 316px; /* Fixed height */
    opacity: 1; /* Ensure it's visible */
}

.home-top-left {
    width: 558px; /* Fixed width */
    height: 403px; /* Hug height */
    gap: 32px; /* Gap between elements */
    opacity: 1; /* Ensure it's visible */
}

/* Right Section Styles */
.home-top-right img {
    max-width: fit-content !important; /* Fixed width */
    height: 396px; /* Fixed height */
    opacity: 1; /* Ensure it's visible */
}

.home-heading{
    max-height: 403px !important;
}


.vendor-benifits-section{
    background-color: #FFFFFF;
    width: 390px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    height: 316px;
    border-radius: 16px;
    border: 1px solid #DAD9DD;
    padding: 20px !important;

    transform: scale(1); /* Default scale */
    box-shadow: 0px 2px 40px 0px #5D2EDE14; /* Subtle base shadow */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.vendor-benifits-section:hover{
    transform: scale(1.05); /* Slightly enlarge */
    box-shadow: rgba(93, 46, 222, 0.07) 0px 1px 2px,
                rgba(93, 46, 222, 0.07) 0px 2px 4px,
                rgba(93, 46, 222, 0.07) 0px 4px 8px,
                rgba(93, 46, 222, 0.07) 0px 8px 16px,
                rgba(93, 46, 222, 0.07) 0px 16px 32px,
                rgba(93, 46, 222, 0.07) 0px 32px 64px; /* Violet shadows */

}
.service-mini-card{
    background-color: #FFFFFF;
    max-width: 390px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    height: 265px;
    border-radius: 16px;
    border: 1px solid #DAD9DD;
    padding: 20px !important;

    transform: scale(1); /* Default scale */
    box-shadow: 0px 2px 40px 0px #5D2EDE14; /* Subtle base shadow */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-mini-card:hover{
    transform: scale(1.05); /* Slightly enlarge */
    box-shadow: rgba(93, 46, 222, 0.07) 0px 1px 2px,
                rgba(93, 46, 222, 0.07) 0px 2px 4px,
                rgba(93, 46, 222, 0.07) 0px 4px 8px,
                rgba(93, 46, 222, 0.07) 0px 8px 16px,
                rgba(93, 46, 222, 0.07) 0px 16px 32px,
                rgba(93, 46, 222, 0.07) 0px 32px 64px; /* Violet shadows */

}

.tech-stuff-card{
    margin-bottom: 2.5rem !important;
    background-color: #FFFFFF;
    margin-top: 0 !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
    height: 264px;
    border-radius: 16px;
    border: 1px solid #DAD9DD;
    padding: 20px !important;

    transform: scale(1); /* Default scale */
    box-shadow: 0px 2px 40px 0px #5D2EDE14; /* Subtle base shadow */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.tech-stuff-card:hover{
    transform: scale(1.05); /* Slightly enlarge */
    box-shadow: rgba(93, 46, 222, 0.07) 0px 1px 2px,
                rgba(93, 46, 222, 0.07) 0px 2px 4px,
                rgba(93, 46, 222, 0.07) 0px 4px 8px,
                rgba(93, 46, 222, 0.07) 0px 8px 16px,
                rgba(93, 46, 222, 0.07) 0px 16px 32px,
                rgba(93, 46, 222, 0.07) 0px 32px 64px; /* Violet shadows */

}


.job-details-right-section{
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 4px 30px 67px 0 rgba(33, 54, 88, 0.05);
    border-radius: 3px;
    padding: 30px 20px;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
}

.whychoose-nidustime {
    background: linear-gradient(to bottom, rgb(245, 250, 252), rgb(247, 251, 253));
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: cover; /* Adjust based on desired fit, e.g., 'contain' or specific dimensions */
    background-attachment: fixed; /* Optional: keeps the background fixed on scroll */
}

.call-to-action-main{
    max-width: 580px;
}

.home-services-card{
    max-width: 290px !important;
    /* height: 307px; */
    border-radius: 16px;
    border: 1px solid #DAD9DD;
    padding: 24px !important;
    box-shadow: 0px 2px 20px 0px #00000014;
    margin-bottom: 30px !important;
}

.home-services-card:hover {
    background-color: #FFFFFF;
    border-color: white;
    box-shadow: 0px 2px 20px 0px #00000014;
}

.home-services-card a{
    width: 219px !important;
    height: 40px;
    padding: 8px 60px;
    border-radius: 50px;
    border: 1px solid #6436F1;
}

.home-services-card a:hover{
   background-color: #6436F1;
   color: white;
}

.chatbot-process-card-1 {
    overflow: hidden;
    /* height: 220px; */
    padding: 24px !important;
    border-radius: 16px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.08); /* #00000014 = rgba(0, 0, 0, 0.08) */
    background-color: #fff; /* Assuming a white background for the card */
}
.chatbot-process-card-2 {
    /* height: 270px !important; */
    padding: 24px !important;
    border-radius: 16px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.08); /* #00000014 = rgba(0, 0, 0, 0.08) */
    background-color: #fff; /* Assuming a white background for the card */
}
.internship-mini-card-2 {
    height: 270px !important;
    padding: 24px !important;
    border-radius: 16px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.08); /* #00000014 = rgba(0, 0, 0, 0.08) */
    background-color: #fff; /* Assuming a white background for the card */
}
.chatbot-magic-card-2 {
    height: 305px;
    padding: 24px !important;
    border-radius: 16px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.08); /* #00000014 = rgba(0, 0, 0, 0.08) */
    background-color: #fff; /* Assuming a white background for the card */
}

.contact-us-form-card {
    background-color: white;
    width: 558px;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0px 2px 40px 0px #00000014;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.get-in-touch--left-card {
    max-width: 461px;
    height: 141px;
    padding: 24px;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.google-map{
    max-width: 558px;
    height: 429px;
    border-radius: 8px;
    box-shadow: 0px 0px 30px 0px #00000029;
}

.design-lab-side-card{
    width: fit-content;
    height: fit-content !important;
    gap: 0px;
    border-radius: 16px;
    border: 1px;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 2px 40px 0px #5D2EDE14;
}

.designlab-mini-card{
    width: 296px;
    padding: 32px 24px 32px 24px;
    border-radius: 16px;
    border: 1px;
    box-shadow: 0px 2px 40px 0px #5D2EDE14;
}

#scrollToTopBtn {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 1000;
    display: none;
    width: 40px;
    height: 40px;
    /* Initially hidden */
    background-color: #5d2ede;
    /* Blue color */
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, transform 0.3s;
}

#scrollToTopBtn:hover {
    background-color: #0056b3;
    /* Darker blue */
    transform: scale(1.1);
}
.contractor-application-card {
    padding: 24px !important;
    border-radius: 16px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.edu-advance-int-card{
    padding: 24px !important;
    height: 285px !important;
}

.edu-dashboard-img{
    width: 364px;
    height: 400px;
}

.gradient-bg-red {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }

  .gradient-bg-red::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #fe4f5220 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }

  .gradient-bg-violet {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }

  .gradient-bg-violet::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #f578f125 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }

  .gradient-bg-aqua {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }

  .gradient-bg-aqua::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #89ffef22 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }

  .gradient-bg-yellow {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }

  .gradient-bg-yellow::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #deff3820 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }

  .gradient-bg-green-yellow {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }

  .gradient-bg-green-yellow::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #acff2f1c 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }

  .gradient-bg-blue {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }


  .gradient-bg-blue::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #aac9f827 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }

  .gradient-bg-orange {
    position: relative;
    overflow: hidden; /* Ensures the gradient stays inside */
  }

  .gradient-bg-orange::before {
    content: '';
    position: absolute;
    top: 200;
    left: 0;
    width: 100%;
    height: 75%;
    background: radial-gradient(circle, #ff81131e 0%, rgba(73, 227, 46, 0) 70%);
    filter: blur(50px); /* Adjust the blur intensity */
    z-index: -1; /* Places the gradient behind content */
  }


/* product showcase start section */

.product-showcase-card {
    width: 390px !important;
    height: 330px;
    padding: 40px 24px !important;
    border-radius: 16px;
    background-color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.8s ease, box-shadow 0.8s ease, background-color 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.product-showcase-card:hover {
    /* background-color: #313131; */
}

.product-showcase-card::after {
    content: '';
    position: absolute;
    bottom: -100%; /* Start below the card */
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d0039;
    transition: bottom 0.8s ease;
    z-index: 1;
}

.product-showcase-card:hover::after {
    bottom: 0;
}

/* Hidden details */
.product-showcase-card .details {
    position: absolute;
    bottom: -100%; /* Start off-screen at the bottom */
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    opacity: 0;
    padding: 24px !important;
    transition: bottom 0.8s ease, opacity 0.8s ease;
    z-index: 2;
}

.product-showcase-card:hover .details {
    bottom: 5%; /* Move into view on hover */
    opacity: 1;
}

/* Button styles */
.product-showcase-card .button {
    display: inline-block;
    margin-top: 16px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #F9F9F9;
    background: #7659f9;
    border: 1px solid #7659f9;
    border-radius: 50px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    z-index: 2;
    transition: color 0.4s ease, background-color 0.4s ease;
}

.product-showcase-card .button::before {
    content: '';
    border: 1px solid #ffffff;
    position: absolute;
    top: 0;
    right: -100%; /* Start off-screen to the right */
    width: 100%;
    height: 100%;
    background-color: white; /* Transition background */
    z-index: -1;
    transition: right 0.4s ease;
}

.product-showcase-card .button:hover {
    color: #313131; /* Change text color */
}

.product-showcase-card .button:hover::before {
    right: 0; /* Move into view on hover */
}

/* product showcase end section */




/* Custom Cursor */
.custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border: 2px solid #5d2ede !important;
    border-radius: 50%;
    background: rgba(93, 46, 222, 0.173) !important;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease, width 0.3s ease, height 0.3s ease;
    z-index: 9999;
    mix-blend-mode: exclusion;
}

.product-showcase-card:hover ~ .custom-cursor {
    width: 50px;
    height: 50px;
    background: rgba(93, 46, 222, 0.3) !important;
}



.accor-card{
    border: 1px solid #6436F1 !important; border-radius: 10px !important; background-color: #ECEBFF !important; max-width: 690px;
    padding: 14px 10px !important;
}
.accor-card-item{
    padding: 10px;
    background-color: #ECEBFF !important
}

.track-your-code-input{
    width: 558px;
    height: 260px;
    top: 751px;
    left: 150px;
    padding: 48px 24px 48px 24px;
    border-radius: 16px;
    background: var(--Purple-Heart-50, #F4F3FF);
    border: 1px solid #DDDDDD;
}

.chatbot-card-sm-mt{
    margin-top: 25px !important;
}





@media (max-width: 768px) {
    .call-to-action-contact {
        justify-content: center;
    }

    .call-to-action-img{
        max-width: 370px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .h3-l{
        font-size: 24px !important;
    }
    .google-map{
        max-width: 300px !important;
    }

    .get-in-touch--left-card {
        max-width: 300px;
        height: fit-content !important;
    }

    .edu-advance-int-card{
        height: 335px !important;
    }

    .chatbot-process-card-1{
        height: fit-content !important;
    }

    .tech-stuff-card{
        height: fit-content !important;
    }

    .custom-cursor{
        display: none;
    }
}


/* Small Devices (Phones) */
@media (max-width: 576px) {

    .home-top-right img{
        height: 307px !important;
    }

    .cta-fill-btn{
        max-width: 286px !important;
    }

    .global-container{
        padding: 25px 20px !important;
      }

      .team-heading{
         max-height: fit-content !important;
       }

      .home-heading{
         max-height: fit-content !important;
       }

       .cart-top-right{
        margin-top: 50px !important;
    }

    .home-services-card p{
        max-height: 84px !important;
        overflow: hidden !important;
    }

    .h3-l {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    /* .text-description{
        margin-top: 160px !important;
        color: #5A5A5B !important;
    } */

    p{
        color: #5A5A5B !important;
    }

    .call-to-action{
        max-height: fit-content !important;
    }
    .h1-call-to-action {
        font-size: 35px !important;
        line-height: 45px !important;
    }
    /* .vendor-benifits-section{
        margin-bottom: 2.5rem !important;
    } */
    .tech-stuff-card{
        margin-bottom: 2.5rem !important;
    }
    .home-top{
        min-height: fit-content !important;
    }

    .flex-xsm-reverse {
        flex-direction: row-reverse !important;
      }

      .h1-xxl{
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .p-md{
        font-size: 14px !important;
        font-family: 'Manrope', sans-serif !important;
    }
    .cart-top-right img{
        width: auto !important; /* Default width */
        min-width: auto !important;
        height: auto !important; /* Default height */
    }

    .nidus-cart-second-right-section img{
        height: auto !important;
        width: auto !important;
        margin-top: 80px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .team-ceo-section{
        min-height: fit-content !important;
        padding: 40px !important;
    }

    .global-team-card{
        margin-bottom: 20px !important;
    }

    .get-in-touch--left-card {
        max-width: 461px;
        height: fit-content !important;
    }

  }



  /* Large Devices (Laptops) */
  @media (min-width: 577px) and (max-width: 767px) {
    .h1-xxl{
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .google-map{
        max-width: 500px !important;
    }
    .nidus-cart-second-right-section img{
        margin-top: 80px;
    }
    .global-container{
        padding: 25px 20px !important;
      }
      .tech-stuff-card{
        height: fit-content !important;
     }
    }
  @media (min-width: 768px) and (max-width: 992px) {
    /* .vendor-benifits-section{
        width: 30% !important;
        height: 390px !important;
    } */

    .tech-stuff-card{
        width: 45% !important;
        height: 365px !important;
    }
    .h1-xxl{
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .call-to-action{
        /* background-image: url('../backgrounds/Call-to-action-section-bg.jpg'); */
        max-height: 594px !important;
        padding: 100px 0;
      }

      .service-mini-card{
        width: 45% !important;
    }
    .h3-l {
        font-size: 30px !important;
        line-height: 32px !important;
    }
    .google-map{
        max-width: 330px !important;
    }

    .get-in-touch--left-card {
        max-width: 461px !important;
        height: fit-content !important;
    }

    .contact-us-form-card{
        max-width: 403px !important;
    }

    .global-container{
        margin-top: none !important;
        padding: 25px 0 !important;
    }

    .chatbot-process-card-1{
        height: 270px !important;
    }

    .service-mini-card{
        height: 300px !important;
    }
    .chatbot-process-card-2 {
        max-height: 270px !important;
      }

      .chatbot-magic-card-2{
        height: 270px;
    }

  }

  /* Extra Large Devices (Desktops) */
  @media (min-width: 992px) and (max-width: 1200px) {
    .global-border {
      padding: 90px 80px !important;
    }

    .team-heading{
        max-height: 341px !important;
    }

    .h1-call-to-action {
        font-size: 47.99px !important;
        line-height: 55.67px !important;
    }

    .h1-xxl{
        font-size: 40px !important;
        line-height: 45px !important;
    }
    .h3-l {
        font-size: 32px !important;
        line-height: 32px !important;
        line-height: 40px !important;
    }

    .tech-stuff-card{
        min-height: 323px !important;
    }

    .google-map{
        max-width: 430px;
    }

    .designlab-mini-card{
        width: 230px !important;
    }

    .edu-advance-int-card{
        height: 335px !important;
    }

    .edu-dashboard-img{
        width: 305px;
        height: 360px;
    }

    /* .chatbot-process-card-1{
        height: 270px !important;
    } */
    .service-mini-card{
        height: 300px !important;
    }

    .chatbot-process-card-2 {
      max-height: 270px !important;
    }

    .chatbot-magic-card-2{
        height: 265px;
    }
  }

  /* Extra Extra Large Devices (Large Desktops) */
  @media (min-width: 1200px) {
    .h1-xxl{
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .home-services-card{
        width: 23.5% !important;
    }

    .home-services-card p{
        max-height: 105px;
        overflow: hidden;
    }
    .h3-l {
        font-size: 38px !important;
        line-height: 32px !important;
        line-height: 48px !important;
    }

    .design-lab-side-card{
        width: 461px !important;
    }

    .designlab-mini-card{
        width: 275px !important;
    }

    .vendor-benifits-section{
        max-width: 360px !important;
    }
    .chatbot-process-card-1{
        height: 220px !important;
    }

     .chatbot-magic-card-1{
        height: 220px;
    }

    .chatbot-process-card-2{
        height: 220px !important;
    }

    }

  @media (min-width: 1270px) {

    /* .vendor-benifits-section{
        width: 30% !important;
    } */
    .service-mini-card{
        width: 30% !important;
    }

    .tech-stuff-card{
        width: 45% !important;
    }

    .home-services-card{
        max-width: 267px !important;
    }

    .home-services-card h5{
        font-size: 18px !important;
    }
    .home-services-card p{
        max-height: 84px;
    }

    .h1-call-to-action {
        font-size: 47.99px !important;
        line-height: 55.67px !important;
    }

    .designlab-mini-card {
        width: 270px !important;
    }

    .chatbot-magic-card-2{
        height: fit-content !important;
    }
  }


  @media (min-width: 1400px) {
    .home-services-card{
        max-width: 290px !important;
    }

    .h1-xxl{
        font-size: 56px !important;
        line-height: 65px !important;
    }

    .designlab-mini-card {
        width: 310px !important;
    }

    .top-25{
        margin-top: -25px !important
    }

    .chatbot-process-card-2{
        height: 270px !important;
    }

    .chatbot-card-sm-mt{
        margin-top: -25px !important
    }

  }