body {
    background-color: #121212
    
}

body {
    margin: 0;
}


.firstPotionContainer {



    width: 100%;
    height: 100%;
    max-height: fit-content;
    background-image: url("Assets/top_bg.svg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}





.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: 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;



}








@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: 50;
    height: 50;
    object-fit:contain;
    user-select: none;


    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}


@media (max-width: 850px) {


    .companyBigBanner {
        display: none;

    }


    .fpcMainDiv {
        width: 100%;
    }


    .nav_compnayLogo{
        margin-left: 10;
    }



}






.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 */    

}


.navHuge_ContactBtn {

    margin-left: 350;
    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 */
}

.portion1Obs {


    width: 9.5%;
    height: 9.5%;
    object-fit:contain;
    user-select: none;
    margin-left: -2%;
    margin-top: 3%;
    user-select: none;


    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
       


}



.exploreAppsBtn {
    font-family: 'AnekLatin', sans-serif;
    font-weight: 450;
    display: inline-block;
    padding: 10px 45px;
    background-color: #FFD101;
    color: #181818;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 40px;
    border-color: #ffffff00;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    align-self: center;

    
    /* Add this line to remove the outline */
    outline: none;
}

/* Add this if you want to customize the focus style */
.exploreAppsBtn:hover {
    background-color: #000000; /* Black background color on hover */
    color: #ffffff; /* White text color on hover */
    border-color: #ffffff; /* White border color on hover */
}




.fpcMainDiv {

    width: fit-content;
    height:fit-content;


 }




     .firstPortionContentDiv {

       margin-left: 9.5%;
       margin-right: 8.5%;
       background-size: cover;
       display: flex;
       align-items: center;
       
     }



    .fpcHeading {

      color: white;
      font-family: Arial, Helvetica, sans-serif;
      font-style: bold;
      font-size: 200%;
      word-spacing: 2;
      
     }

     .fpcPara {

       margin-top: -3;
       color: #A3A3A3;
       font-size: 130%;
       word-spacing: 1;
       font-family: 'AnekLatin', sans-serif; /* Use 'AnekLatin' font, fallback to sans-serif if not available */
       font-style: normal;
       font-weight: 200;
       text-align: inherit;
     }


     .companyBigBanner {


       width: 450;
       height: 300;

       object-fit:contain;
       user-select: none;
       margin-left: 300;


       -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
       
     }




.portion1Obj2 {

    z-index: -1;
    margin-left: 45%;
    width: 100;
    height: 50;

    margin-top: 25;


    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
       


  }

  .portion1Obj3 {
    width: 100px;
    height: 65px;
    position: absolute; /* Use fixed instead of absolute */
    bottom: -10px; /* Adjust as needed */
    right: 5px;  /* Adjust as needed */
    z-index: 1;


    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
       

}




@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;
    }

}



@media (max-width: 670px) {

    .navHugeMenu {
        visibility: hidden;
       }
}