body{
  background-color: #2e2e2e;
  overflow-x: hidden;
}



        /* header css start here */
       /* header css start here */
      /* .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 40px;
        background: #000;
        color: #fff;
        position: relative;
      }

      .logo img {
        height: 50px;
      }

     
      .nav-links {
        display: flex;
        gap: 7px;
        flex: 1;
        justify-content: center;
        transition: max-height .3s ease;
      }

      .nav-links li {
        list-style: none;
        position: relative;
      }

      .nav-links a {
        color: #fff;
        text-decoration: none;
        padding: 8px;
        display: block;
        font-weight: 500;
        transition: color 0.3s ease;
      }

      .nav-links li:hover > a {
        color: #0af;
      }

    
      .nav-links ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        background: #111;
        border-radius: 4px;
        padding: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
        width: 400%;
        height: 50vh;
        z-index: 10;
        padding-bottom: 50%;
        padding-top: 1%;
        transition: all 0.3s ease;
        transform: translateY(10px);
        display: grid !important;
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
        
      }
.nav-links ul li{
  width: 100% !important;
  
}
      
     
      .nav-links li:hover > ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
        display: block;
      }

      .nav-links ul li {
        margin-bottom: 6px;
        transform: translateY(5px);
        opacity: 0;
        transition: all 0.3s ease;
      }

      .nav-links li:hover > ul li {
        transform: translateY(0);
        opacity: 1;
      }

    
      .nav-links li:hover > ul li:nth-child(1) { transition-delay: 0.1s; }
      .nav-links li:hover > ul li:nth-child(2) { transition-delay: 0.15s; }
      .nav-links li:hover > ul li:nth-child(3) { transition-delay: 0.2s; }
      .nav-links li:hover > ul li:nth-child(4) { transition-delay: 0.25s; }
      .nav-links li:hover > ul li:nth-child(5) { transition-delay: 0.3s; }

      .nav-links ul li:last-child {
        margin-bottom: 0;
      }

      .nav-links ul a {
        padding: 8px 12px;
        border-radius: 4px;
        transition: all 0.2s ease;
      }
            
      .nav-links ul a:hover {
        color: #0af;
        background-color: rgba(0, 170, 255, 0.1);
      }

     
      .nav-right {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .nav-right button {
        background: none;
        border: none;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: color 0.3s ease;
      }

      .nav-right button:hover {
        color: #0af;
      }

      .nav-right img.flag {
        width: 18px;
        transition: transform 0.3s ease;
      }

      .nav-right button:hover img.flag {
        transform: scale(1.1);
      }

      .nav-right a {
        text-decoration: none !important;
        color: #fff;
        transition: color 0.3s ease;
      }

      .nav-right a:hover {
        color: #0af;
      }

      
      .mega-menu {
        position: absolute;
        top: 100%;
        right: 0;
        background: #111;
        color: #fff;
        padding: 20px;
        border-radius: 6px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        width: 90%;
        max-width: 1000px;
        z-index: 1000;
        transition: all 0.3s ease;
        transform: translateY(10px);
      }

      .mega-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .mega-content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
      }

      .mega-col h4 {
        margin-bottom: 8px;
        font-size: 16px;
        border-bottom: 1px solid #333;
        padding-bottom: 4px;
        transition: color 0.3s ease;
      }

      .mega-col h4:hover {
        color: #0af;
      }

      .mega-col ul {
        list-style: none;
        padding-left: 0%;
      }

      .mega-col li {
        margin-bottom: 6px;
        white-space: nowrap;
        transform: translateX(-5px);
        opacity: 0;
        transition: all 0.3s ease;
      }

      .mega-menu.show .mega-col li {
        transform: translateX(0);
        opacity: 1;
      }


      .mega-menu.show .mega-col:nth-child(1) li { transition-delay: 0.1s; }
      .mega-menu.show .mega-col:nth-child(2) li { transition-delay: 0.15s; }
      .mega-menu.show .mega-col:nth-child(3) li { transition-delay: 0.2s; }
      .mega-menu.show .mega-col:nth-child(4) li { transition-delay: 0.25s; }
      .mega-menu.show .mega-col:nth-child(5) li { transition-delay: 0.3s; }
      .mega-menu.show .mega-col:nth-child(6) li { transition-delay: 0.35s; }

      .mega-col a {
        color: #ddd;
        text-decoration: none;
        font-size: 14px;
        padding: 4px 0;
        display: block;
        transition: all 0.2s ease;
      }

      .mega-col a:hover {
        color: #0af;
        padding-left: 5px;
      }

   
      .close-btn {
        background: none;
        border: none;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        float: right;
        margin: 5px;
        transition: color 0.3s ease;
      }
      
      .close-btn:hover {
        color: #0af;
      }
      
      .mega-menu .close-btn {
        display: block;
        text-align: right;
        width: 5%;
        position: relative;
        top: -33px;
      }
      
      
      .nav-links .close-btn {
        background: none;
        border: none;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        text-align: right;
        width: 100%;
        padding: 10px 15px;
        display: none;
      }

    
      .nav-links.show .close-btn {
        display: block;
      }

     
      .hamburger-mega-menu {
        position: absolute;
        top: 101%;
        right: 2%;
        width: 20%;
        background: #111;
        color: #fff;
        padding: 20px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        transition: all 0.3s ease;
        transform: translateY(10px);
      }

      .hamburger-mega-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .hamburger-mega-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
      }

      .hamburger-mega-col h4 {
        margin-bottom: 8px;
        font-size: 16px;
        border-bottom: 1px solid #333;
        padding-bottom: 4px;
      }

      .hamburger-mega-col ul {
        list-style: none;
        padding-left: 0%;
      }

      .hamburger-mega-col li {
        margin-bottom: 6px;
        position: relative;
      }

      .hamburger-mega-col a {
        color: #ddd;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        transition: color 0.3s ease;
      }

      .hamburger-mega-col a:hover {
        color: #0af;
      }

      .hamburger-dropdown {
        display: none;
        padding-left: 15px;
        margin-top: 5px;
        transition: all 0.3s ease;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
      }

      .hamburger-dropdown.show {
        display: block;
        opacity: 1;
        max-height: 550px;
      }

      .hamburger-dropdown li {
        margin-bottom: 5px;
      } */

   .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 40px;
        background: #000;
        color: #fff;
        position: relative;
      }

      .logo img {
        height: 50px;
      }

      /* Center links */
      .nav-links {
        display: flex;
        gap: 5px;
        flex: 1;
        justify-content: center;
        transition: max-height .3s ease;
      }

      .nav-links li {
        list-style: none;
        position: relative;
      }

      .nav-links a {
        color: #fff;
        text-decoration: none;
        padding: 8px;
        display: block;
        font-weight: 500;
        transition: color 0.3s ease;
      }

      .nav-links li:hover > a {
        color: #0af;
      }

      /* Dropdown hidden by default */
      .nav-links ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: -70%;
        background: #111;
        border-radius: 4px;
        padding: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
        width: 500%;
        z-index: 10;
        padding-top: 1%;
        transition: all 0.3s ease;
        transform: translateY(10px);
        display: grid !important;
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
        
      }
.nav-links ul li{
  width: 100% !important;
  
}
      
      /* Show dropdown on hover with smooth animation */
      .nav-links li:hover > ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
        display: block;
      }

      .nav-links ul li {
        margin-bottom: 6px;
        transform: translateY(5px);
        opacity: 0;
        transition: all 0.3s ease;
      }

      .nav-links li:hover > ul li {
        transform: translateY(0);
        opacity: 1;
      }

      /* Stagger the dropdown items */
      .nav-links li:hover > ul li:nth-child(1) { transition-delay: 0.1s; }
      .nav-links li:hover > ul li:nth-child(2) { transition-delay: 0.15s; }
      .nav-links li:hover > ul li:nth-child(3) { transition-delay: 0.2s; }
      .nav-links li:hover > ul li:nth-child(4) { transition-delay: 0.25s; }
      .nav-links li:hover > ul li:nth-child(5) { transition-delay: 0.3s; }

      .nav-links ul li:last-child {
        margin-bottom: 0;
      }

      .nav-links ul a {
        padding: 8px 12px;
        border-radius: 4px;
        transition: all 0.2s ease;
      }
            
      .nav-links ul a:hover {
        color: #0af;
        background-color: rgba(0, 170, 255, 0.1);
      }

      /* Right side */
      .nav-right {
        display: flex;
        align-items: center;
        gap: 5px;
      }

      .nav-right button {
        background: none;
        border: none;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
        /* display: flex; */
        align-items: center;
        gap: 6px;
        transition: color 0.3s ease;
      }

      .nav-right button:hover {
        color: #0af;
      }

      .nav-right img.flag {
        width: 18px;
        transition: transform 0.3s ease;
      }

      .nav-right button:hover img.flag {
        transform: scale(1.1);
      }

      .nav-right a {
        text-decoration: none !important;
        color: #fff;
        transition: color 0.3s ease;
      }

      .nav-right a:hover {
        color: #0af;
      }

      /* Mega-menu */
      .mega-menu {
        position: absolute;
        top: 100%;
        right: 0;
        background: #111;
        color: #fff;
        padding: 20px;
        border-radius: 6px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        width: 90%;
        max-width: 1000px;
        z-index: 1000;
        transition: all 0.3s ease;
        transform: translateY(10px);
      }

      .mega-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .mega-content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
      }

      .mega-col h4 {
        margin-bottom: 8px;
        font-size: 16px;
        border-bottom: 1px solid #333;
        padding-bottom: 4px;
        transition: color 0.3s ease;
      }

      .mega-col h4:hover {
        color: #0af;
      }

      .mega-col ul {
        list-style: none;
        padding-left: 0%;
      }

      .mega-col li {
        margin-bottom: 6px;
        white-space: nowrap;
        transform: translateX(-5px);
        opacity: 0;
        transition: all 0.3s ease;
      }

      .mega-menu.show .mega-col li {
        transform: translateX(0);
        opacity: 1;
      }

      /* Stagger the mega menu items */
      .mega-menu.show .mega-col:nth-child(1) li { transition-delay: 0.1s; }
      .mega-menu.show .mega-col:nth-child(2) li { transition-delay: 0.15s; }
      .mega-menu.show .mega-col:nth-child(3) li { transition-delay: 0.2s; }
      .mega-menu.show .mega-col:nth-child(4) li { transition-delay: 0.25s; }
      .mega-menu.show .mega-col:nth-child(5) li { transition-delay: 0.3s; }
      .mega-menu.show .mega-col:nth-child(6) li { transition-delay: 0.35s; }

      .mega-col a {
        color: #ddd;
        text-decoration: none;
        font-size: 14px;
        padding: 4px 0;
        display: block;
        transition: all 0.2s ease;
      }

      .mega-col a:hover {
        color: #0af;
        padding-left: 5px;
      }

      /* Close button only for mega menu */
      .close-btn {
        background: none;
        border: none;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        float: right;
        margin: 5px;
        transition: color 0.3s ease;
      }
      
      .close-btn:hover {
        color: #0af;
      }
      
      .mega-menu .close-btn {
        display: block;
        text-align: right;
        width: 5%;
        position: relative;
        top: -33px;
      }
      
      /* Close button for hamburger nav */
      .nav-links .close-btn {
        background: none;
        border: none;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        text-align: right;
        width: 100%;
        padding: 10px 15px;
        display: none; /* default hidden */
      }

      /* Show only when hamburger menu is visible */
      .nav-links.show .close-btn {
        display: block;
      }
      .hamburger  {
        display: none;
        
      }

      /* Hamburger Mega Menu */
      .hamburger-mega-menu {
        position: absolute;
        top: 101%;
        right: 2%;
        width: 20%;
        background: #111;
        color: #fff;
        padding: 20px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        transition: all 0.3s ease;
        transform: translateY(10px);
      }

      .hamburger-mega-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .hamburger-mega-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
      }

      .hamburger-mega-col h4 {
        margin-bottom: 8px;
        font-size: 16px;
        border-bottom: 1px solid #333;
        padding-bottom: 4px;
      }

      .hamburger-mega-col ul {
        list-style: none;
        padding-left: 0%;
      }

      .hamburger-mega-col li {
        margin-bottom: 6px;
        position: relative;
      }

      .hamburger-mega-col a {
        color: #ddd;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        transition: color 0.3s ease;
      }

      .hamburger-mega-col a:hover {
        color: #0af;
      }

      /* Dropdown styles for hamburger mega menu */
      .hamburger-dropdown {
        display: none;
        padding-left: 15px;
        margin-top: 5px;
        transition: all 0.3s ease;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
      }

      .hamburger-dropdown.show {
        display: block;
        opacity: 1;
        max-height: 550px;
      }

      .hamburger-dropdown li {
        margin-bottom: 5px;
      }


/* header css end here */
/* marquee css start here */
.marqueeajust{
           height: 45px !important;
    width: 60px !important;
    z-index: 999;
    margin-left: -20%;
   
}
.marqueeajustright{
    height: 45px !important;
    width: 60px !important;
    z-index: 999;
    
        margin-left: 20%;
}
/* marquee section css */
.marquee-wrapper{
 
    transform: translateY(-11px);
       margin-left: 4.5%;
    margin-right: 4.5%;
   ;
height: 45px !important;
    width: 90%;
}
.marquee-text span{
  padding-right: 15px;
} 
.marquee-text{
    color: white;
}
.marquee-text-container {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  background-color: #151515;
}

.marquee-text-track {
  display: flex;
  animation: scroll-loop 20s linear infinite;
}

.marquee-text {
  flex-shrink: 0;
  color: white;
  padding-right: 100px; /* Space between repetitions */
  display: flex;
  align-items: center;
 
}
@keyframes scroll-loop {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* marquee css end here */


/* form-para-div css start here */
.form-para-div{
background-image: url(../images/conatinerframe.png);
    height: auto;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px -17px;
}
.web-scup{
  color: #3E4095;
      font-size: 59px;
    font-weight: 900;
}
.craft{
  color: white;
     font-size: 59px;
    font-weight: 500;
        line-height: 100%;
}
.k-ent{
  color: #3076BB;
     font-size: 59px;
    font-weight: 700;
}
.web-sculp-p{
  color: white;
  font-size: 17px;
  font-weight: 300;
}
.text-area{
  padding: 10%;
}
.start-btn{
     background-image: url(../images/startbtn.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
}
.start-btn h1{
  font-size: 15px;
     font-weight: 800;
    text-align: center;
    padding-top: 10%;
    color: white;
}

.request-btn{
      background-image: url(../images/requestbtnframe.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 3%;
}

.request-btn-h{
  font-size: 12px !important;
     font-weight: 800;
    text-align: center;
        padding-top: 12%;
    color: black;
}

.venture-btn{
        background-image: url(../images/venturebtn.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 3%;
}

.venture-btn-h{
    font-size: 11px !important;
     font-weight: 800;
    text-align: center;
        padding-top: 12%;
    color: black;
}
.venture-request-btn{
    background-image: url(../images/startbtn.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
}
.venture-request-btn h1{
  
    text-align: center;
    padding-top: 10%;
   
}
.venture-request-btn a{
 color: white;
    font-size: 12px !important;
     font-weight: 800;
     text-decoration: none;
}
         /* form css start */
    /* Form Container */
        .form-container {
            /* background: rgba(20, 20, 20, 0.9); */
            /* border: 1px solid rgba(48, 118, 187, 0.3); */
            border-radius: 15px;
            padding: 0;
            /* backdrop-filter: blur(10px); */
            height: 550px;
            width: 450px;
            overflow: hidden;
             /* position: relative; */
            height: auto;
            margin-left: 21%;
            padding-bottom: 5%;
    
        }

        /* Form Header */
        .form-header {
            padding: 30px 40px 20px 40px;
            /* border-bottom: 1px solid rgba(48, 118, 187, 0.2); */
            /* background: rgba(48, 118, 187, 0.1); */
        }

        .logoo {
            display: flex;
            align-items: center;
            /* gap: 10px; */
            margin-left: 5px;
            /* height: 40px; */
        }
       

        .form-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #fff;
           padding-top: 15px;
            margin-bottom: 20px;
            padding-left: 5px; 
        }

        .form-subtitle {
            font-size: 0.9rem;
            color: #ccc;
            padding-left: 5px;
            line-height: 1.4;
        }

        /* Scrollable Form Area */
        .form-scrollable {
            height: 310px;
            overflow-y: auto;
              padding: 10px 8px 10px 72px;
    position: relative;
    right: 28px;
        }

        /* Custom Scrollbar */
        .form-scrollable::-webkit-scrollbar {
            width: 6px;
          }

        .form-scrollable::-webkit-scrollbar-track {
           
          border-radius: 2px;
            margin-top: 50px;
            margin-bottom: 180px;
            
            background-color: #1e1e1e;
        }

        .form-scrollable::-webkit-scrollbar-thumb {
            border-radius: 4px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            background-color:  #2e2e2e  ;
        }


        /* Form Fields */
        .form-group {
            margin-bottom: 25px;
        }

        .form-label {
            font-size: 0.9rem;
            font-weight: 500;
            color: #fff;
            margin-bottom: 8px;
            display: block;
        }

        .optional {
            color: #888;
            font-weight: 300;
        }

        .form-control, .form-select {
            background: transparent;
            border: none;
            border-bottom: 1px solid #555;
            color: #fff;
            padding: 10px 0;
            font-size: 1rem;
            transition: all 0.3s ease;
            border-radius: 0;
        }

        .form-control:focus, .form-select:focus {
            background: transparent;
            box-shadow: none;
            color: #fff;
            outline: none;
        }

        .form-control::placeholder {
            color: #888;
        }

        .form-select option {
            background: #222;
            color: #fff;
        }

        textarea.form-control {
            min-height: 80px;
            resize: vertical;
        }

        /* Submit Button */
        .submit-container {
            padding: 20px 70px;
            margin-left: -50px;
            

        }
/* form-tooster */
@keyframes slideInDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.big-toast {
  min-width: 500px;
  max-width: 600px;
  border-radius: 30px  !important;
  background: linear-gradient(135deg, #00b09b, #96c93d) !important;
  color: white !important;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.35) !important;
  z-index: 9999;
  text-align: center;
  letter-spacing: 0.5px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
}

.big-toast::before {
  content: "★";
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  color: #fff176;
}

.big-toast.swal2-icon-success {
  background: linear-gradient(135deg, #1dd1a1, #10ac84) !important;
}

.big-toast.swal2-icon-error {
  background: linear-gradient(135deg, #ff6b6b, #ee5253) !important;
}

    /* form css end  */



/* form-para-div css start here */



/* services css start here */
.main-container{
  background-image: url(../images/conatinerframe.png);
    height: auto;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
}
.services-text{
                padding-top: 5%;
        }
        .services-text h1{
            font-size: 52px;
            font-weight: 900;
            color: #3e4095;
        }
        .services-text p{
            font-size: 20px;
            font-weight: 400;
            line-height: 1;
                color: white;
                    margin-top: 1%;
        }
         .slider-section{
             margin-top: 3%;
        }
        .slider-section h1{
            font-size: 32px;
            font-weight: 900;
            color: #3e4095;
            margin-bottom: -3%;
           margin-left: 5%;
        }


         .slider-wrapper {
    overflow: hidden;
    position: relative;
  }

  .card-slider {
      transition: transform 0.5s ease;
    gap: 5px;
    /* margin-left: 2%; */
  }

  .custom-card {
    flex: 0 0 205px;
    height: 254px;
    background-color: #f8f9fa;
  }

  .card {
  width: 205px;
  height: 254px;
  background-image: url('../images/servicesframe2.png'); /* apni image ka path lagayein */
  background-size: cover; /* ya contain, niche samjha raha hoon */
  background-position: center;
  background-repeat: no-repeat;
  color: white;
}
 .card-body p{
           font-size: 17px;
    font-weight: 500;
    margin-top: 38%;
    line-height: 1;
    font-style: bold;
 }
 .card-body a{
  text-decoration: none;
  
 }
 .slider-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.card-slider {
  display: flex;
  gap: 20px;
  
}

.custom-card {
  flex: 0 0 205px;
  height: 254px;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* will scroll half because we will duplicate */
}

  .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 14px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 50%;
  }
.btn {
    background-image: url('./images/buttonframe.png'); /* Confirm this path */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    width: 90px;
    height: 38px;
    margin-left: 29%;
    display: flex;
    justify-content: center;
    align-items: center;
}



  .slider-arrow.left {
    left: -25px;
  }

  .slider-arrow.right {
    right: -25px;
  }

  /* @media (max-width: 768px) {
    .custom-card {
      flex: 0 0 100%;
    }

    .slider-arrow.left {
      left: 5px;
    }

    .slider-arrow.right {
      right: 5px;
    }
  } */



/* services css end here */


/* why venture xcelator css start here */
   .text-WVX {
            font-family: Montserrat;
        font-weight: 900;
        font-style: Black;
        font-size: 52px;
        /* leading-trim: NONE; */
        line-height: 100%;
        letter-spacing: 0%;

      color: #29AB8E;
      padding-top: 30px;
      padding-left: 9%;
    }

    .text-WVX p {
      font-family: Montserrat;
      font-weight: 400;
      font-size: 27px;
      color: #ffffff;
    }

    .slider-container-wvx {
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 30px;
      overflow: hidden;
      padding: 0 3%;
    }

    .slider-wrapper-wvx {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      margin: 0 60px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      z-index: 1;
      margin-bottom: 3%;
    }

    .slider-wrapper::-webkit-scrollbar {
      display: none;
    }

    .slider-item-wvx {
      flex: 0 0 auto;
      width: 360px;
      
    }

    .slider-item-image-1, .slider-item-image-2, .slider-item-image-3 {
      width: 360px;
      height: 78px;
      background-size: cover;
    }

    .slider-item-image-1 {
      background-image: url("../images/venturesliderimg1\ \(1\).png");
    }

    .slider-item-image-2 {
      background-image: url("../images/venturesliderimg1\ \(2\).png");
    }

    .slider-item-image-3 {
      background-image: url("../images/venturesliderimg1\ \(3\).png");
    }

    .WVX-paragraph {
      font-family: Montserrat;
      font-weight: 600;
      font-size: 27px;
      color: #ffffff;
      width: 70%;
      word-wrap: break-word;
    }

    .arrow-btn-wvx {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  /* background-color: rgba(0, 0, 0, 0.6); */
  background: transparent;
  border: none;
  font-size: 50px;
  padding: 10px 30px;
  cursor: pointer;
  z-index: 999;
  color: white !important; /* Enforce white color */
}


    .arrow-left-wvx {
      left: 0;
    }

    .arrow-right-wvx {
      right: 0;
    }

    .slider-side-image-wvx {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 130px;
      height: auto;
      z-index: 0;
      pointer-events: none;
    }

    .left-image-wvx {
      left: 30px;
         height: 0vh;
    z-index: 999;
    }

    .right-image-wvx {
      right:30px;
          height: 0vh;
    z-index: 999;
    }

    .flawless-solution{
      background-image: url(../images/flawlesssolutioncard.png);
    }
    .flawless-challenge{
      background-image: url(../images/flawlesschallengescard.png);
    }

/* why venture xcelator css end here */



/* workshop and resources css start here */
 .text-WDAR{
            font-family: Montserrat;
font-weight: 900;
font-style: Black;
font-size: 52px;
/* leading-trim: NONE; */
line-height: 100%;
letter-spacing: 0%;
color: #96C049;
padding-top: 30px;
        }
        .text-WDAR p{
            font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 22px;
/* leading-trim: NONE; */
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
        }
        .wdar-paragraph{
         font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 19px;
/* leading-trim: NONE; */
line-height: 100%;
letter-spacing: 0%;

color: #FFFFFF;
        }
        .wdar-paragraph-span{
            font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 27px;
/* leading-trim: NONE; */
line-height: 100%;
letter-spacing: 0%;
color: #FFFFFF;
        }

/* workshop and resources css end here */
        
/* genesis css start here */

.Genesis-color{
  font-family: Montserrat;
font-weight: 900;
font-style: Black;
font-size: 52px;
/* leading-trim: NONE; */
line-height: 100%;
letter-spacing: 0%;
color: #3E4095;
padding-top: 100px;
padding-bottom: 70px;
}
  .slider-outer {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
      position: relative;
      gap: 10px;
      padding: 0px 20px;
      overflow: hidden;
    }

    .slider-container {
      flex: 1;
      position: relative;
      overflow: hidden;
    }

    .slider-mask {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 80px;
      pointer-events: none;
      z-index: 3;
    }

    .slider-mask.left {
      left: 0;
      background: linear-gradient(to right, #000 9%, transparent);
          margin-left: 0%;
          height: 60%;
    }

    .slider-mask.right {
      right: 0;
      background: linear-gradient(to left, #000 9%, transparent);
          margin-right: -1%;
          height: 60%;
    }

    .slider-mask img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      opacity: 0.6;
    }

 .scroll-box {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
      margin-bottom: 6%;
          gap: 35px;
}

    .scroll-box::-webkit-scrollbar {
      display: none;
    }
.track {
  display: flex;
  gap: 30px;
  animation: marquee 25s linear infinite;
  will-change: transform;
}

.track:hover {
  animation-play-state: paused; /* hover par stop */
}

.slide-item {
  flex: 0 0 auto;
  min-width: 250px; /* responsive slide ka approx width */
  color: white;
  font-family: Montserrat;
  text-align: center;
}

    .slide-item h2 {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 52px;
      line-height: 100%;
      letter-spacing: 0;
      color: transparent;
      -webkit-text-stroke: 1px white;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .slide-item img {
      width: 44px;
      height: 29px;
      margin-left: 25px;
    }

    .slide-item p {
      font-family: Montserrat;
      font-weight: 400;
      font-size: 21.5px !important;
      line-height: 100%;
      color: #FFFFFF;
      /* text-align: center; */
         
    }
.slide-item-2 p {
      font-family: Montserrat;
      font-weight: 400;
      font-size: 12px !important;
      line-height: 100%;
      color: #FFFFFF;
      text-align: center;
         
    }
    .nav-btn {
      background: transparent;
      border: none;
      color: white;
      font-size: 36px;
      cursor: pointer;
      padding: 10px;
      z-index: 4;
      flex-shrink: 0;
    }
    .color-episode h2{
    color: #068A4F !important;
    }
    .color-graphiora h2{
      color: #96C049 !important;
    }
    .color-app-sculpt h2{
        color: #EC268F !important;
    }
    .color-flawlessx h2{
    color: #29AB8E !important;
    }
    .color-merchanity h2{
     color: #FFCC29 !important;
    }
    .color-digittrail h2{
     color:  #A45E4D !important;
    }
/* genesis css end here */
/* Marquee Animation */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); } /* poora duplicate scroll hoga */
}

/* developer css start here */
/* developer css start here */
.developer-1{
  background-image: url(../images/developerframe.png);
  width: 265px;
  height: 283px;
  background-size: 80% 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.developer-text{
  margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    margin-left: 4%;
    margin-top: 25px;
    padding-bottom: 5%;
        color: white;

}
.developer-first-para{
   margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    margin-left: 65px;
}



/* developer css end here */
/* why graphoria css start here */
/* cards sectiom */
        /* .graphiora {
            background-image: url('../images/Data-Enginerring/crown.png');
            background-size: 100% 100%;
            background-position: center;
            height: 700px;
            width: 100%;
            padding-bottom: 60px;

        } */

        .graphiora-title {
            padding: 65px 0 10px 0;
            color: #96C049;
            font-size: 50px;
            font-weight: 900;
            text-align: center;
        }

        .graphiora-card-1,
        .graphiora-card-2 {
            gap: 100px;
           justify-content: center;
        }

        .graphcard1,
        .graphcard2,
        .graphcard3,
        .graphcard4 {
            background-size: cover;
            background-position: center;
            width: 354px;
            height: 171px;
            padding: 40px 0 5px 10px;
        }

        .graphcard1 h1,
        .graphcard2 h1,
        .graphcard3 h1,
        .graphcard4 h1 {
            color: #96C049;
            font-size: 18px;
            font-weight: 700;
            padding-left: 11px;
            padding-top: 5px;
        }

        .graphcard1 p,
        .graphcard2 p,
        .graphcard3 p,
        .graphcard4 p {
            font-size: 13px;
            font-weight: 600;
            color: #FFFFFF;
            padding-left: 11px;
            padding-top: 10px;
        }

        .graphcard2 p,
        .graphcard4 p {
            padding-top: 2px;
        }

        .graphcard2 h1,
        .graphcard4 h1 {
            padding-top: 5px;
        }

        .graphcard1 {
            background-image: url('../images/graphoria-card1.png');
        }

        .graphcard2 {
            background-image: url('../images/graphoria-card2.png');
        }

        .graphcard3 {
            background-image: url('../images/graphoria-card3.png');
                margin-bottom: 4%;
        }

        .graphcard4 {
            background-image: url('../images/graphoria-card4.png');
        }


/* why graphoria css end here */


/* footer section start here */

.footer {
  background-color: #2e2e2e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2% 8%;
  font-size: 12px;
  flex-wrap: wrap; /* for responsive stacking */
}

.footer-left
{
  flex: 2;
  display: flex;
  align-items: center;
}
.footer-center{
  flex: 1;
  display: flex;
  align-items: center;
}
.footer-right {
  flex: 1;
  display: flex;
  align-items: center;
}
.footer-left {
  justify-content: flex-start;
}

.footer-center {
  justify-content: space-around;
}

.footer-right {
  justify-content: flex-end;
}

.footer-left p {
  max-width: 385px;
  line-height: 1.4;
  font-size: 10px;
  font-weight: 500;
}

.social-icon {
  margin-left: 12px;
  font-size: 14px;
  cursor: pointer;
}

/* footer section end here */

/* landscape section css start here */


    .card-box {
      width: 320px;
      height: 210px;
      background-size: 100% 100%;
      /* background-position: center; */
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-weight: bold;
      font-size: 15px;
      text-align: center;
      padding: 80px;
      /* margin: 5px; */
    }

    .challenge {
      background-image: url(../images/venturechallenges.png);
    }

    .solution {
      background-image: url(../images/venturesolution\ \(1\).png);
    }

/* landscape section css end here */

/* flawless css start here */

.future-of{
  font-size: 32px;
  font-weight: 500;
  color: white;
}
.error-free{
      font-size: 42px;
    font-weight: 600;
}
.engineering{
      font-size: 50px;
    font-weight: 800;
}
 
.agile-btn{
        background-image: url(../images/agilebtn.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 3%;
}

.agile-btn-h{
     
    text-align: center;
            padding-top: 10%; 
    
}
.agile-btn-h a{
color: black;
font-size: 11px !important;
     font-weight: 800;
     text-decoration: none;
}
/* flawless css end here */

.strategic-card-5{
  margin-bottom: 5% !important;
    /* margin-top: -7% !important; */
}


/* opportunity we are ready section start here */


.opportunity-cards{
      justify-content: center;
    }
    .oppourtunity-card-1{
          display: flex !important;
    justify-content: center !important;
    /* gap: 90px !important; */
}
.opportunity-ready-card {
    margin-top: 0%;
    /* padding-bottom: 21% !important; */
    margin-left: 0% !important;
}

/* opportunity we are ready section end here */


/* digitrail section */
.digital-apart-para{
  font-size: 22px !important; 
  font-weight: 400;
   margin-left: -3%;
   line-height: 100%;
   margin-top: 1%;
}

  .digitrail-solution{
      background-image: url(../images/digitrail-solutioncard.png);
    }
    .digitrail-challenge{
      background-image: url(../images/digitrail-challegecard.png);
    }

/* digitrail section end */


/* merchant css start here */
  .merchant-solution{
      background-image: url(../images/merchant-solution.png);
    }
    .merchant-challenge{
      background-image: url(../images/merchant-challenges.png);
    }

    .merchant-respond-p{
          font-weight: 500;
    font-size: 22px;
    margin-top: -6%;
    margin-bottom: 7%;
    color: white;
    }

/* merchant css end here */


/* episode css start here */
 .episode-solution{
      background-image: url(../images/episode-solution.png);
    }
    .episode-challenge{
      background-image: url(../images/episode-challenges.png);
    }

/* episode css end here */


/* responsive section start here */

/* ipad-pro responsive */


@media (min-width:992px) and (max-width: 1028px) {
.form-container {
    /* background: rgba(20, 20, 20, 0.9); */
    /* border: 1px solid rgba(48, 118, 187, 0.3); */
    border-radius: 15px;
    padding: 0;
    /* backdrop-filter: blur(10px); */
    height: 550px;
    width: 450px;
    overflow: hidden;
    /* position: relative; */
    height: auto;
    margin-left: 0%;
    padding-bottom: 5% !important;
}
.strategic-card-5 {
    margin-bottom: 5% !important;
    margin-top: -7% !important;
}
/* header section start  */
 .nav-links {
          display: none;
        }
        .nav-links a {
          font-size: 14px;
        }
        .nav-right button {
          font-size: 14px;
        }
        .crownbtn {
          margin-left: 0%;
        }
        .nav-right {
          display: flex;
          align-items: center;
          gap: 22px;
        }

        .mega-content {
          grid-template-columns: repeat(2, 1fr);
        }
        
        /* Hamburger mega menu on tablet */
        .hamburger-mega-menu {
          width: 40%;
          right: 5%;
        }
        
        /* Show hamburger on tablet */
        .hamburger {
          display: block !important;
        }

        /* header secton end */

        .challenges-card-row-1{
              margin-right: 3% !important;
                      margin-left: 3%;
        }
        .challenges-card-row-2{
              margin-right: 7% !important;
                      margin-left: 3%;
        }
            .core-cap {
        margin-left: 2% !important;
    }

    .venture-btn-h {
    font-size: 10px !important;
    font-weight: 800;
    text-align: center;
    padding-top: 14%;
    color: black;
}
.slider-section h1 {
    font-size: 32px;
    font-weight: 900;
    color: #3e4095;
    margin-bottom: -3%;
    margin-left: 2%;
}

}

/* Tablet view */
@media (min-width:577px) and (max-width: 992px) {
body{
  background-color: #2e2e2e;
  overflow-x: hidden !important;
}
/* header section start  */

 .nav-links {
          display: none;
        }
        .nav-links a {
          font-size: 14px;
        }
        .nav-right button {
          font-size: 14px;
        }
        .crownbtn {
          margin-left: 0%;
        }
        .nav-right {
          display: flex;
          align-items: center;
          gap: 22px;
        }

        .mega-content {
          grid-template-columns: repeat(2, 1fr);
        }
        
        /* Hamburger mega menu on tablet */
        .hamburger-mega-menu {
          width: 40%;
          right: 5%;
        }
        
        /* Show hamburger on tablet */
        .hamburger {
          display: block !important;
        }
        /* header secton end */

    .graphoria-slider-cards{
            max-width: 850px;
    }

  .form-container {
    width: 90% !important;
    height: auto !important;
    margin: 0 auto;
    background-size: 100% 100% !important;
    padding: 15px;
    margin-left: 0% !important;
    padding-bottom: 5% !important;
  
  }
  .text-area h1 {
    font-size: 28px;
  }
  .text-area p {
    font-size: 14px !important;
  }
  .form-para-div{
background-image: url(../images/conatinerframe.png);
    height: auto;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px -22px;
    padding-bottom: 8%;
}
.start-btn h1{
  font-size: 15px !important;
}
.request-btn {
    background-image: url(../images/requestbtnframe.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 0%;
}

.slide-item h2 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 27px;
    line-height: 100%;
    letter-spacing: 0;
    color: transparent;
    -webkit-text-stroke: 1px white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.services-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: white;
}

  /* work shop and resources  */
  .resource-last{
    margin-bottom: 7%;
    transform: translateX(164px);
            margin-left: -20% !important;
  }

  /* work shop and resource end */

/* developer section */
.developer-1{
  background-image: url(../images/developerframe.png);
  width: 265px;
  height: 283px;
  background-size: 80% 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.developer-text{
  margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    margin-left: 4%;
    margin-top: 25px;
    padding-bottom: 5%;
        color: white;

}
.developer-first-para {
    margin-top: 0;
    font-weight: 400;
    font-size: 29px;
    margin-left: 44px;
    color: white;
}
/* developer section end */

/* why graphoria css start here */
/* cards sectiom */
        /* .graphiora {
            background-image: url('../images/Data-Enginerring/crown.png');
            background-size: 100% 100%;
            background-position: center;
            height: 700px;
            width: 100%;
            padding-bottom: 60px;

        } */

        .graphiora-title {
            padding: 65px 0 10px 0;
            color: #96C049;
            font-size: 50px;
            font-weight: 900;
            text-align: center;
        }

        .graphiora-card-1,
        .graphiora-card-2 {
                   gap: 12px;
        justify-content: center;
        }

        .graphcard1,
        .graphcard2,
        .graphcard3,
        .graphcard4 {
            background-size: cover;
            background-position: center;
            width: 354px;
            height: 171px;
            padding: 40px 0 5px 10px;
        }

        .graphcard1 h1,
        .graphcard2 h1,
        .graphcard3 h1,
        .graphcard4 h1 {
            color: #96C049;
            font-size: 18px;
            font-weight: 700;
            padding-left: 11px;
            padding-top: 5px;
        }

        .graphcard1 p,
        .graphcard2 p,
        .graphcard3 p,
        .graphcard4 p {
            font-size: 13px;
            font-weight: 600;
            color: #FFFFFF;
            padding-left: 11px;
            padding-top: 10px;
        }

        .graphcard2 p,
        .graphcard4 p {
            padding-top: 2px;
        }

        .graphcard2 h1,
        .graphcard4 h1 {
            padding-top: 5px;
        }

        .graphcard1 {
            background-image: url('../images/graphoria-card1.png');
        }

        .graphcard2 {
            background-image: url('../images/graphoria-card2.png');
        }

        .graphcard3 {
            background-image: url('../images/graphoria-card3.png');
              
        }

        .graphcard4 {
            background-image: url('../images/graphoria-card4.png');
            margin-bottom: 10%;
            margin-top: 0%;
        }


/* why graphoria css end here */

/* footer section  */
.footer {
    flex-direction: column;
    text-align: center;
    padding: 20px 5%;
  }

  .footer-left,
  .footer-center,
  .footer-right {
    justify-content: center;
    margin: 8px 0;
  }

  .footer-left p {
    max-width: 100%;
    font-size: 11px;
  }

  .social-icon {
    margin-left: 8px;
    font-size: 18px;
  }
/* footer section end */


/* why venture xcelerator section */
  .left-image-wvx {
    left: 30px;
    height: 0vh;
    z-index: 999;
}
.right-image-wvx {
    right: 30px;
    height: 0vh;
    z-index: 999;
}

/* why venture xcelerator section end */
.venture-request-btn {
    background-image: url(../images/startbtn.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 11px;
}
.strategic-card-2 {
  padding-top: 20px;
    width: 100%;
    gap: 0px !important;
}

.strategic-card-4{
      margin-top: 2px !important; 
      margin-bottom: 6%;
              transform: translateX(18px);

}
.Genesis-color {
    font-family: Montserrat;
    font-weight: 900;
    font-style: Black;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #3E4095;
    padding-top: 64px;
    padding-bottom: 70px;
}
.agile-btn-h {
    text-align: center;
    padding-top: 4%;
}
.core-para{
  margin-top: -8% !important;
}

.opportunity-ready-card {
    margin-top: 0%;
    /* padding-bottom: 21% !important; */
    margin-left: 4% !important;
}
.episode-challenges-3{
      margin-top: -15%;
}
.crafting{
  font-size: 68px !important;
}
.app-sculp-btn{
  margin-left: -4% !important; 
}
.service-heading{
  margin-left: 7% !important; 
}
.episode-development{
  font-size: 45px !important;
}
.episode-btn{
    margin-left: -4% !important; 
}
.core-feature{
  margin-left: 8% !important;
}
.core-cap{
  margin-left: 6% !important;
}
.digi-btn{
    margin-left: -4% !important; 
}
.graphic-2{
        margin-left: -5% !important;
  }


.venture-btn-h
 {
    font-size: 9px !important;
    font-weight: 800;
    text-align: center;
    padding-top: 14%;
    color: black;
}

.digitrail-p{
  margin-top: -7% !important;
}
.approach-text-p{
   margin-top: -7% !important;
}

.developer-team{
  justify-content: center;
    margin-top: 3%;
    padding-bottom: 5%;
    gap: 7%;
    margin-left: -14% !important;
    overflow-x: hidden;
}
}

/* Mobile view */
@media (min-width:0px) and (max-width: 576px) {
body{
  background-color: #2e2e2e;
  overflow-x: hidden !important;
}
.form-para-div {
    background-image: url(../images/conatinerframe.png);
    height: auto;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
            background-position: 0px -31px;
}

  /* header section  */
.navbar {
          flex-wrap: wrap;
          padding: 12px 20px;
        }
        .logo img {
          height: 60px !important;
           width: 180px;
        padding-right: 0% !important;
                margin-left: 55% !important;
        }
        .nav-links {
          display: none;
        }
        .nav-links.show {
          max-height: 600px;
        }
        .nav-links li {
          width: 100%;
          border-bottom: 1px solid #222;
        }
        .nav-links ul {
          position: static;
          background: #111;
          margin-left: 0;
          display: none !important;
          padding: 10px;
        }
        .nav-links li.open > ul {
          display: block !important;
        }
        .nav-links li > a {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        /* Mega menu stacks */
        .mega-menu {
          width: 100%;
          margin-top: 10px;
        }
        .mega-content {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .mega-col {
          flex: 1 1 100%;
        }
        /* Hamburger mega menu on mobile */
        .hamburger-mega-menu {
          width: 90%;
          right: 5%;
          left: 5%;
        }
        .hamburger-mega-content {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        /* Show hamburger */
        .hamburger {
          display: block !important;
          font-size: 18px;
          color: #fff !important;
          cursor: pointer !important;
          margin-left: auto;
        }
        .nav-right {
          order: 2;
          width: 100%;
          justify-content: flex-end;
          margin-top: 8px;
        }
  /* header section end */
        .venture-request-btn h1{
  font-size: 11px !important;
}
      .start-btn h1{
  font-size: 15px !important;
}


.graphiora-card-1, .graphiora-card-2 {
        gap: 12px;
                margin-left: -3% !important;
    }
.request-btn {
    background-image: url(../images/requestbtnframe.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 0%;
}
.venture-request-btn {
    background-image: url(../images/startbtn.png);
    height: 55px;
    width: 190px;
    background-size: 100% 100%;
    margin-top: 5%;
    margin-left: 3%;
}

.formsection{
      margin-bottom: 8%;
}

     .form-container {
        width: 100% !important;
        height: auto !important;
        margin: 15px auto;
        padding: 10px;
        background-size: 100% 100% !important;
        margin-bottom: 20% !important;
                margin-left: 0% !important;
                padding-bottom: 5% !important;

    }
  .text-area h1 {
    /* font-size: 22px !important; */
    line-height: 1.3;
  }
  .text-area p {
    font-size: 13px !important;
    text-align: justify;
  }
  .submit-container button {
    width: 100% !important;
  }
  .services-text p {
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    color: white;
    text-align: justify;
}

.developer-div{
  padding-top: 11% !important;
}


  /* card slider  */
  .services-card{
    /* gap: 4%;
    margin-left: 12px; */
    margin-bottom: 9% !important;
  }
  /* card slider end */

  /* work shop and resources  */
  .resource-last{
    margin-bottom: 7%;
           margin-left: -3% !important;
  }
  .graphservicesection{
        margin-left: -3% !important;
  }
  .graphcard4 {
    background-image: url(../images/graphoria-card4.png);
    margin-bottom: 12%;
}

  /* work shop and resource end */


 
        
/* genesis css start here */

.Genesis-color{
  font-family: Montserrat;
font-weight: 900;
font-style: Black;
font-size: 52px;
/* leading-trim: NONE; */
line-height: 100%;
letter-spacing: 0%;
color: #3E4095;
        padding-top: 45px;
padding-bottom: 70px;
}
  .slider-outer {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
      position: relative;
      gap: 10px;
      padding: 0px 20px;
      overflow: hidden;
    }

    .slider-container {
      flex: 1;
      position: relative;
      overflow: hidden;
    }

    .slider-mask {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 80px;
      pointer-events: none;
      z-index: 3;
    }

    .slider-mask.left {
      left: 0;
      background: linear-gradient(to right, #000 9%, transparent);
          margin-left: 0%;
          height: 60%;
    }

    .slider-mask.right {
      right: 0;
      background: linear-gradient(to left, #000 9%, transparent);
          margin-right: -1%;
          height: 60%;
    }

    .slider-mask img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      opacity: 0.6;
    }

 .scroll-box {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
   margin-bottom: 21%;
}

    .scroll-box::-webkit-scrollbar {
      display: none;
    }
.track {
  display: flex;
  gap: 30px;
  animation: marquee 25s linear infinite;
  will-change: transform;
}

.track:hover {
  animation-play-state: paused; /* hover par stop */
}

.slide-item {
  flex: 0 0 auto;
  min-width: 250px; /* responsive slide ka approx width */
  color: white;
  font-family: Montserrat;
  text-align: center;
}

    .slide-item h2 {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 52px;
      line-height: 100%;
      letter-spacing: 0;
      color: transparent;
      -webkit-text-stroke: 1px white;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .slide-item img {
      width: 44px;
      height: 29px;
      margin-left: 25px;
    }

    .slide-item p {
      font-family: Montserrat;
      font-weight: 400;
      font-size: 21.5px !important;
      line-height: 100%;
      color: #FFFFFF;
      /* text-align: center; */
         
    }
.slide-item-2 p {
      font-family: Montserrat;
      font-weight: 400;
      font-size: 12px !important;
      line-height: 100%;
      color: #FFFFFF;
      text-align: center;
         
    }
    .nav-btn {
      background: transparent;
      border: none;
      color: white;
      font-size: 36px;
      cursor: pointer;
      padding: 10px;
      z-index: 4;
      flex-shrink: 0;
    }
/* genesis css end here */
/* Marquee Animation */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); } /* poora duplicate scroll hoga */
}
    /* developer section */
.developer-1{
  background-image: url(../images/developerframe.png);
  width: 265px;
  height: 283px;
  background-size: 80% 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.developer-text{
  margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    margin-left: 4%;
    margin-top: 25px;
    padding-bottom: 14%;
        color: white;

}
.developer-first-para{
      margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    margin-left: 13px;
    color: white;
}
/* developer section end */



.episode-challenges-3{
      margin-top: -15%;
}

/* footer section  */

.footer {
    flex-direction: column; /* row se column */
    text-align: center; /* text aur icons center */
  }

  .footer-left,
  .footer-center,
  .footer-right {
    flex: 1 1 100%; /* full width le */
    justify-content: center; 
    margin: 8px 0; /* thoda gap */
  }

  .footer-left p {
    max-width: 100%; /* choti screen pe constrain na kare */
    font-size: 11px; 
  }

  .social-icon {
    margin: 0 6px; /* icons ke beech thoda gap */
    font-size: 16px; 
  }

/* footer section end */

/* venture xcelator section */
    .text-WVX {
        font-size: 36px;
      }

      .text-WVX p {
        font-size: 20px;
        width: 300px;
      }

      .slider-item-wvx {
        width: 300px;
      }

      .WVX-paragraph {
        font-size: 22px;
      }

      .slider-wrapper-wvx {
        margin: 0 45px;
            margin-bottom: 5%;
      }

      .slider-side-image {
        display: none;
      }
  .left-image-wvx {
    left: 30px;
    height: 0vh;
    z-index: 999;
}
.right-image-wvx {
    right: 30px;
    height: 0vh;
    z-index: 999;
}
.accelerate{
      font-size: 38px !important;
}
.startup{
      font-size: 35px;
}

/* venture xcelator section end */
.solutioncards{
     margin-right: 7% !important;
    padding-bottom: 18% !important;
}
.strategic-card-4{
      margin-top: -12%;
}
.strategic-card-5{
      margin-top: -21%;
          margin-bottom: 15% !important;
}
  .strategic-card-2{
    padding-left: 6%;
  }
    .opportunity-ready-card {
        margin-top: -15% !important;
        padding-bottom: 21% !important;
        margin-left: 16% !important;
        gap: 50px !important;
    }
.strategic-card-5 {
    margin-bottom: 13% !important;
    /* margin-top: -7% !important; */
}

.graphoria-work-div{
      margin-left: -6%;
}

.graphoria-dwar-img{
  margin-left: -3%;
}
.engineering {
    font-size: 44px;
    font-weight: 800;
}
.future-of {
    font-size: 29px;
    font-weight: 500;
    color: white;
}
.agile-button{
  margin-left: -4% !important;
}
.text-padding{
  padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.k-ent {
    color: #3076BB;
    font-size: 40px;
    font-weight: 700;
            line-height: 50px !important;
}
.craft {
    color: white;
    font-size: 62px;
    font-weight: 500;
    line-height: 100% !important;
}

.web-scup {
    color: #3E4095;
    font-size: 56px;
    font-weight: 900;
            line-height: 100% !important;
}

.crafting{
      font-size: 57px !important;
}
.app-sculp-btn{
  margin-left: -4% !important; 
}

.success-with{
  font-size: 56px !important;
          line-height: 1.1 !important;
}
.digi-btn{
    margin-left: -4% !important; 
}
.episode-development{
          font-size: 38px !important;
}
.episode-btn{
    margin-left: -4% !important; 
}
.slider-section h1 {
    font-size: 32px;
    font-weight: 900;
    color: #3e4095;
    margin-bottom: -3%;
    margin-left: 3%;
}
.venture-btn-h {
    font-size: 9px !important;
    font-weight: 800;
    text-align: center;
    padding-top: 14%;
    color: black;
}

.approach-text-p{
  margin-top: -16% !important;
}
.digitrail-p{
  margin-top: -15% !important;
}

.graphiora-title {
    padding: 65px 0 10px 0;
    color: #96C049;
    font-size: 45px !important;
    font-weight: 900;
    text-align: center;
}

.web-sculp-p {
    color: white;
    font-size: 17px;
    font-weight: 300;
    margin-top: 4%;
}
 .developer-1 {
  display: flex;                 /* flex banaya */
  justify-content: center;       /* horizontal center */
  align-items: center;           /* vertical center */
     margin-left: 14%;      /* visible background */
}

.developer-1 button {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in, visibility 0.5s ease-in;
  margin-left: -5%;
  width: 100%;
}

.developer-1:hover button {
  opacity: 1;
  visibility: visible;
}

.merchant-respond-p{
      padding-bottom: 12% !important;
    margin-top: -19% !important;
}

/* .why-sculpt{
    
    text-align: center !important;
    margin-right: 11% !important;
}
.digital-apart-para {
    font-size: 22px !important;
    font-weight: 400;
    margin-left: -1%;
    line-height: 100%;
    margin-top: 1%;
    text-align: center !important;
}
.digiapart-h{
    text-align: center !important;
} */
}





/* responsive section end here */