body {
    background-color: #141414
    
    
}

body {
    margin: 0;
    
}


.firstPotionContainer {



    width: 100%;
    height: fit-content;
    max-height: fit-content;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #121212;

}






.navBarHuge {

   
    background-size: cover;
    background-position: center; /* Center the image horizontally */
    display: flex;
    align-items: center;
    width: 100%;


    background-size: cover;
    background-position: center;
    box-sizing: border-box;

    margin-top: 0;

   
    
}

.nav_compnayTitle {

    color: white;
    margin-left: 2%;
    
    
    font-family: 'AnekLatin';
    font-size: 15; /* Base font size */
    font-weight: 550;
    line-height: normal;
    user-select: none;
    text-align: center;
    justify-content: center;
    line-break:normal;
    
    
    
    }
    



    
 

.navHugeMenu {
    margin-left: 14%;
    text-align: center; /* Center the list items horizontally */
    padding: 0; /* Remove default padding on the list */
    list-style: none; /* Remove default list styles */

}

.navHugeMenu li {
    display: inline-block; /* Display list items horizontally */
    margin: 0 12px; /* Add margin between list items as needed */
}

.navHugeMenu p {
    font-family: 'AnekLatin', sans-serif; /* Use 'AnekLatin' font, fallback to sans-serif if not available */
    font-weight: normal; /* Set the font weight to normal (regular) */
        color: white;
    margin: 0; /* Remove default margin on paragraphs within list items */

    transition: transform 0.3s; /* Add a smooth transition effect */

}

.navHugeMenu p:hover{


    transform: scale(1.2); /* Increase the size by 10% on hover */
    transition: transform 0.3s; /* Add a smooth transition effect */    

}



@font-face {
    font-family: 'AnekLatin';
    src: url('AnekLatin[wdth,wght].ttf') format('woff2'),
         url('AnekLatin[wdth,wght].ttf') format('woff');
    /* Additional font properties... */
}


.nav_compnayLogo {



    margin-left: 15%;
    width: 50px;
    height: 50px;
    object-fit:contain;
    user-select: none;


}



.navHuge_ContactBtn {

    margin-left: 350px;
    font-family: 'AnekLatin', sans-serif; /* Use 'AnekLatin' font, fallback to sans-serif if not available */
    font-weight: medium; /* Set the font weight to normal (regular) */
    font-weight: 450;


    display: inline-block;
    padding: 8px 23px; /* Adjust padding as needed */
    background-color: #ffffff; /* White background color */
    color: #181818; /* Black text color, adjust as needed */
    text-align: center;
    text-decoration: none;
    font-size: 16px; /* Adjust font size as needed */
    border: 2px solid #000000; /* Black border, adjust as needed */
    border-radius: 40px; /* Border radius of 40 pixels */
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Add a smooth transition effect */
    align-self: center;

}


.navHuge_ContactBtn:hover {
    background-color: #000000; /* Black background color on hover */
    color: #ffffff; /* White text color on hover */
    border-color: #ffffff; /* White border color on hover */
}



@media (max-width: 1300px) {
    .nav_compnayLogo {

        margin-left: 2%;

        
    }

    .nav_compnayTitle {

        margin-left: 1.2%;
    }

    .companyBigBanner{


        width: 350;
        height: 200;


        user-select: none;
        margin-left: 200;


        transition: width 0.3s , height 0.3s; /* Add a smooth transition effect */

    }


    .navHuge_ContactBtn {


        margin-left: 20%;
      
        padding: 8px 22px; /* Adjust padding as needed */

        transition: margin-left 0.3s; /* Add a smooth transition effect */


    }

    .navHugeMenu {
        margin-left: 11%;
    }
}



@media (max-width: 500px) {



    .navHuge_ContactBtn {


        margin-left: 15%;
      
        padding: 6px 18px; /* Adjust padding as needed */

        transition: margin-left 0.3s; /* Add a smooth transition effect */


    }


    .nav_compnayTitle {

        display: none;
    }


    .index2_ob1 {
        visibility: hidden;
    }

    .index2_ob2 {
        visibility: hidden;
    }


    .i2_top_subTitle {
        margin-left: 1%;
        margin-right: 1%;
    
      }


 
      
    

}



@media (max-width: 670px) {

    .navHugeMenu {
        visibility: hidden;
       }
}











.green_hue_circle {
    margin-top: 120px;
    width: 150px;
    height: 120px;
    border-radius: 50px;
    background: radial-gradient(circle, #2DD371 75%, #2DD371 100%);
    filter: blur(220px);
    position:absolute;
  }

  .blue_hue_circle {


    right: 0;
    top: 0;
    margin-top: 20px;
    width: 150px;
    height: 120px;
    border-radius: 50px;
    background: radial-gradient(circle, #0045FF 75%, #0045FF 100%);
    filter: blur(180px);
    position:absolute;

  }
  


  .top_message_info_container {




    position: relative;

  }

  .i2_top_title {

    margin-top: 3.4%;
    text-align: center;
    font-family: 'Bricolage', sans-serif; /* Use 'AnekLatin' font, fallback to sans-serif if not available */
    font-weight: medium; /* Set the font weight to normal (regular) */
    font-weight: 450;
    font-size: 190%;
    color: white;

  }


  .i2_top_subTitle {


    margin-top: 2%;
    text-align: center;
    font-family: 'Bricolage', sans-serif; /* Use 'AnekLatin' font, fallback to sans-serif if not available */
    font-weight: normal; /* Set the font weight to normal (regular) */
    font-weight: 300;
    font-size: 100%;
    color: #A3A3A3;
    margin-left: 13%;
    margin-right: 13%;
    max-lines: 2;
    margin-bottom: 50px;

  }



  @font-face {
    font-family: 'Bricolage';
    src: url('BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('woff2'),
         url('BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('woff');
    /* Additional font properties... */
}




.index2_ob1 {


    width: 80px;
    height: 80px;
    object-fit: contain;
    z-index: 0;
    margin-top: -150px;
    margin-left: 3%;
}


.index2_ob2{


    width: 5%;
    height: 40%;
    object-fit: contain;
    z-index: 0;
    right: 0;
    position: absolute;
    margin-top: -35px;


}