:root {   
    --white: #ffffff;
    --navyblue: #101B2F;
    --darkblue: #1B3463;
    --skyblue: #00BAFF;
    --specialcolor:  : '#00BAFF', '#13C78B';
    --buttoncolor : '#24AEA4', '#5572FE';
    --black: #000000;
    --gray: #E5E7EB;
    --common-font: Mukta;
       --font-family-Poppins: 'Poppins', serif;
    --clientscolor : '#21262E00', '#00BAFF4D';
    --gradient-bg: linear-gradient(to right, rgba(12, 5, 18, 1), rgba(80, 33, 120, 1));
    --gradient-border: linear-gradient(90deg, rgba(0, 186, 255, 1), rgba(19, 199, 139, 1));
    --duriation: 12s;
    --totalitems: 6;
  
  }

  *{
    padding: 0;
    margin: 0;
    box-sizing:border-box;
  }

  body{
   font-family: var(--font-family-Poppins) !important;
     background-color: var(--black) !important;
     color: var(--white) !important;
    
  }


  .wrapper{
    padding: 0 6%;

  }



.sec-mobile1_start {
    background-color: #070707;
    color: #ffffff;
}

.sec-mobile1_start h1 {
    text-align: center !important;
    color: #ffffff !important;
}

.sec-mobile1_start p {
    text-align: center !important;
    color: #ffffff !important;
}

.button-container1_start {
    text-align: center; 
    display: flex; 
    justify-content: center;
}

.first-butoon-start{
    padding-top: 1% !important;
    padding-bottom: 1% !important;
    padding-right: 3% !important;
    padding-left: 3% !important;
}

.first-butoon-start>a{
    text-decoration: none;
    width: 100%;
    color: var(--white);
}

.btn-outline-primary {
    position: relative;
    border: 1.5px solid #ffffff;
    color: #ffffff;
    border-radius: 8px !important;
}

.btn-outline-primary:hover .bi-chevron-right {
    animation: moveForward 1s ease-in-out infinite alternate;
}

.bi-chevron-right {
    position: absolute;
    top: 50%;
    right: 10px;
    padding-right: 0% !important;
    transform: translateY(-50%);
    transition: transform 1s ease-in-out;
}

.btn-outline-primary:hover {
    background-color: #007bff; 
    color: #fff;
}

.btn-primary {
    position: relative;
}

.btn-primary:hover .bi-chevron-right {
    animation: moveForward 1s ease-in-out infinite alternate; /* Forward animation */
}

.bi-chevron-right {
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    transition: transform 1s ease-in-out;
}

.sec-mobile1_start {
    padding: 50px 0; 
}

.button-container1_start {
    margin-top: 20px; 
}

.img1_start {
    max-width: 100%; 
    display: block;
    margin: 0 auto; 
}

.number1_start{
    border-radius: 10px;
    padding: 25%;
    margin-top: 7%;
    margin-bottom: 7%;
    margin-left: 5%;
    margin-right: 5%;
    background-color: #1C1C1C;
    border: 1px solid #545454;
}

.secod-button1_start {
    text-align: center; 
    display: flex; 
    width: 100%;
    padding-top: 5%;
    justify-content: center; 
    padding-bottom: 5%;
    padding-top: 2%;
   
}

.button-second1_start {
    border-radius: 9px !important;
    align-items: center;
    justify-content: center;
    padding-left: 3% !important;
    padding-right: 3% !important;
    color: #ffffff;
    background-color: #007bff;
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}

.button-second1_start>a{
    text-decoration: none;
    color: inherit;
}

.space1_start{
    text-align: center;
    align-items: center;
}

.number1_start h5{
    font-size: 52px;
    line-height: .8;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 15%;
}

.number1_start p{
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    display: block;
    text-align: center;
    padding-top: 25px;
    line-height: 1.4;
    min-height: 87px;
}

.images1_start{
    padding-top: 10%;
}

.menus1_start{
    color: #070707;
    padding: 5%;
    cursor: auto;
}

.menus1_start h3{
    color: #000000 !important;
}

.menus1_start p{
    color: #000000 !important;
}

.menus1_start img{
    width: 4rem !important;
    height: 4rem !important;
    opacity: .45 ;
}

.service1_start{
    border-top: 1px solid #f5f1f19a;
    border-right: 1px solid #f5f1f19a;
    border-bottom: 1px solid #f5f1f19a;
    border-left: 1px solid #f5f1f19a;
    text-align: left !important;
    padding: 3%;

}

.service1_start h3{
    padding-top: 3%;
}
.service1_start p{
    text-align: left !important;
    padding-top: 2%;
}

.service1_start img {
    transition: opacity 0.3s ease-in-out;
}

.service1_start:hover img {
    opacity: 45;
}

.service1_start:hover {
    background-color: #e6e6e6;
}

.header-startup h1{
    margin-top: 30px;
    font-size: 75px !important;
}

.header-startup p{
    padding-top: 1% !important;
    font-size: 20px !important;
    color: #d6d6d6 !important;
}

/*  */
/* Second css */
/*  */
.section1_start {
    background-color: #070707 !important;
    padding: 7% !important;
}

.mobile1_start {
    color: #fff !important;
}

.data1_start {
    color: #000000 !important;
}

.sperate1_start:hover {
    background-color: #f3f3f3fb !important;
    color: #000000 !important;
}

.heading1_start {
    color: #0000FF !important;
    padding-left: 2% !important;
    padding-top: 3% !important;
    padding-right: 8% !important;
    font-size: 2rem !important;
    text-align: left;
}

.para1_start {
    padding-top: 4% !important;
    padding-left: 2% !important;
    padding-right: 8% !important;
    font-size: 1.08rem !important;
    color:#1f1f1f !important;
    font-weight: 350 !important;
    text-align: left;
}

.side-head1_start {
    padding-left: 2% !important;
    padding-right: 8% !important;
    padding-top: 4% !important;
    font-size: 1.45rem !important;
    color:#000000 !important;
    font-weight: 470 !important;
    font: 470 !important;
    text-align: left;
}

.subtitle1_start {
    font-size: 1.2rem !important;
    font-weight: 300 !important;
    text-align: left !important;
    color: #d6d6d6 !important;
    margin-bottom: 0 !important;
    padding-left: 7% !important;
}


.main-head1_start {
    font-size: 2.5rem !important;
    color: #fff !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    text-align: left !important;
    padding-right: 1% !important;
}


.sperate1_start {
    /* padding: 4%; #f7f7f7*/
    padding-left: 8% !important;
    padding-top: 8% !important;
    padding-right: 30% !important; 
    width: 50% !important;
    height: 150px !important;
    cursor: pointer;
    border-bottom: 0.1px solid #f5f1f19a !important;
    border-right: 0.1px solid #f5f1f19a !important;
}

.back-section1_start {
    background-color: #fff !important;
    color: #000000 !important;
}


.pic1_start{
    width: 100% !important; /* Set the width of the image */
    height: 100% !important;
}

.datas1_start h5{
    font-size: 1.02rem !important;
}

.datas1_start p{
    font-size: 1.02rem !important;
    width: 200px !important;
    padding-left: 2% !important;
    font-weight: 340 !important;
}

.center-data1_start{
    padding-top: 5% !important;
}

.sperate1_start h5{
    text-align: left;
}

.sperate1_start p{
    text-align: left;
    font-size: 15px !important;
}

.section2_start{   
    font-family: var(--font-family-Poppins) !important;
    padding: 1%;
    padding-right: 4%;
    background-color: #1B1B1B !important;
}

.partner-start{
    color: #ffffff;
    color: #ffffff !important;
    text-align: left !important;
    padding-top: 5% !important;
    padding-left: 5% !important;
    font-size: 50px !important;
}

.partner-start-sideheading{
  line-height: 25px;
}

.section2_start p{
    color: #ffffff !important;
    text-align: left !important;
    padding-top: 2%;
    padding-left: 5%;
    padding-bottom: 1%;
}

.our-part{
    padding: 5% !important;
}

.our-number-start{
    color: #ffffff;
    text-align: left;
    padding-left: 5% !important;
}

.line-start{
    border-bottom: 1px solid rgba(141, 141, 141, .5);
    margin-left: 5% !important;
    padding-top: 3% !important;
}

.our-heading{
    color: #fff;
    font-family: var(--font-family-Poppins) !important;
    font-size: 20px;
    font-weight: 600;
    padding-left: 5% !important;
    text-align: left;
    line-height: 30px;
    padding-top: 8% !important;
}

.our-para-start{
    font-size: 14px;
    line-height: 25px;
    padding-top: 10% !important;
    padding-left: 5% !important;
}


.section3_start{
    padding: 7%;
}

.project-trubo-start{
    border: 1px solid #000000;
    border-radius: 10px;
    margin: 7%;
}

.project-trubo-start h2{
    padding-top: 5%;
    border: 1px solid transparent;
    text-align: left;
    padding-left: 8%;
}

.project-trubo-start p{
    text-align: left;
    padding-left: 8%;
    color: #d6d6d6;
}

.project-trubo-start img{
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px;
    overflow: hidden;
    width: 550px !important;
    height: 300px !important;
    object-fit: cover;
}

.container{
    padding-top: 2%;
    margin-bottom: 8% !important;
}

.image-turbo{
    float: right !important;
}

.third-button1_start {
    text-align: left; 
    padding-left: 8% !important;
}

.button-third1_start {
    border-radius: 9px !important;
    align-items: center;
    justify-content: center;
    padding-left: 3% !important;
    padding-right: 3% !important;
    color: #ffffff;
    background-color: #007bff;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    padding-right: 7% !important;
    padding-left: 7% !important;
}



/* Fivith CSS */

.develop-ul-new {
    letter-spacing: normal;
    line-height: 20px;
    text-align: left;
    margin-top: 15px;
    font-family: 'colfax-light';
    color: #222;
    line-height: 1.5em;
    font-size: 15px;
    font-weight: 600;
  }
  
  .btn-primary{
    cursor: auto !important;
  }
  
  
  .ppp{
    padding: 2px;
    background-color: #0083b3;
    width: 3px;
    height: 20px;
    margin-top: 12%;
    margin-left: -4%;
  }

  #back-bg{
    background-color: #ffffff !important;
  }

  .btn-outline-primary{
    cursor: auto !important;
  }
  /* Mobile Responsive */
  
@media only screen and (max-width: 767px) {

    .header-startup h1{
        font-size: 36px !important;
    }

    .header-startup p{
        font-size: 14px !important;
        margin-top: 15px !important;
        line-height: 25px !important;
    }

    .btn-outline-primary {
        border: none;
       background-color: #007bff; 
    }

    .menus1_start{
        overflow-x: hidden;
    }

    .service1_start{
        text-align: left !important;
       background-color: white;
       
        width: 100% !important;
        padding-left: 10% !important;
        padding-top: 8% !important;
        padding-right: 10% !important;
    }

    
.service1_start img {
    height: 50px !important;
    width: 50px !important;
    transition: opacity 0.3s ease-in-out;
}

    .service1_start h3{
        font-size: 22px;
        margin: 10px 0;
        
        width: 100% !important;
    }

    .service1_start p{
       width: 100% !important;
       font-weight: 200;
     
       font-size: 15px !important;
       line-height: 25px;
    }

    .main-head1_start {
        font-size: 2rem !important;
    }

    .our-part{
        width: 100% !important;
    }

    .datas1_start p{
        width: 150px !important;
    }

    .datas1_start h5{
        width: 350px;
    }

    .section1_start {  
        padding: 7% 3% !important;
    }


.subtitle1_start {
    margin-top: 30px;
    padding: 0 !important;
    font-weight: 200;
    line-height: 30px;
    font-size: 16px !important;
}
.sperate1_start:hover {
    background-color: #0000FF !important;
    color: var(--white) !important;
}

    .sperate1_start{
       overflow: hidden !important;
    }

    .sperate1_start p{
        font-size: 14px !important;
        font-weight: 200;
       padding-right: 9px;
        line-height: 30px;
    }

    .heading1_start{
        padding: 0 !important;
    }
    .side-head1_start{
        padding: 0 !important;
       font-size: 15px;
    }

    .para1_start{
        font-size: 14px !important;
        line-height: 25px;
        margin: 0;
        padding: 0 !important;
        
    }

    .our-number-start{
        font-size: 28px !important;
        padding-left: 0 !important;
    }

    
    .line-start{
        margin-left: 0% !important;
        padding-top: 3% !important;
    }

    .our-heading{
        font-size: 22px;
        padding-top: 10px !important;
        padding-left: 0 !important;
    }

    .our-para-start{
        font-size: 14px;
        line-height: 25px;
        padding-top: 10px !important;
        padding-left: 0 !important;
    }

    .project-trubo-start img{
        padding-top: 10% !important;
        width: 100% !important;
    }

    .project-trubo-start{

        margin: 1% 0;
        border-top-left-radius: 0px !important; 
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important; 
        border-bottom-right-radius: 0px !important;
        overflow: hidden;
    }

    .Indust-startup{
        width: 320px !important;
        padding-left: 6% !important;
    }

    .section2_start{
        padding-left: 6%;
        padding-top: 30px;
    }

    .partner-start{
    font-weight: 400;
    line-height: 45px;
    padding-left: 0 !important;
       font-size: 35px !important;
    }

    .partner-start-sideheading{
        padding: 5% 0 !important;
        line-height: 30px;
    }

   .project-trubo-start{
    border: 1px solid transparent;
    margin: 30px 0;
   }

   .project-trubo-start h2{
    text-align: center;
    padding: 0 !important;
    padding-top: 20px !important;
    }
    
    .project-trubo-start p{
       font-size: 14px !important;
       padding-top: 10px;
       padding-left: 0 !important;
       text-align: center;
    }

    .third-button1_start{       
       padding-top: 10px;
       padding-left: 0 !important;
       display: flex;
       justify-content: center;
    
    }
    
    
   .first-butoon-start{
    height: 55px;
    margin: 10px 0;
   }

   .button-second1_start{
   border-radius: 0 !important;
  height: 140px;
   }

   .number1_start{
    border-radius: 0px;
    margin-left: 0;
    margin-right: 0;
   }

   .menus1_start{
    padding: 0%; 
}

  }