*{
    box-sizing: border-box;
}

@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertademope-regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Opensans';
    src: url('../Fonts/OpenSans-VariableFont_wdth\,wght.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter_24pt-Light.ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Anton';
    src: url('../Fonts/Anton-Regular.ttf');
    font-weight:normal;
    font-style: normal;
}
.avertafont{
    font-family: Averta;
}

.opensansfont{
    font-family: Opensans;
}
.gr{
    color: rgba(112, 112, 112, 1);
}
body{
    background-color: rgba(15, 15, 15, 1)!important;
}
/*navbar started*/
.navbar{
    background-color: rgba(15, 15, 15, 1);
    
}

.navbarlogo-padding{
    padding-top: 27px;
    padding-bottom: 27px;
}
nav a{
text-decoration: none;
color: white;
}
.navbar a{
    font-family: Averta;
    text-decoration: none;
}

.navbar-nav > li{
    padding-left:8px;
    padding-right:8px;
  }
#signupbtn{
   background: rgba(251, 80, 18, 1);
   color: rgba(255, 255, 255, 1);
   font-size: 16px;
   font-family: Opensans;
   border-radius: 14px;
   padding-left: 12px;
   padding-right: 12px;
 
   width: 110px;

}
#Logintext{
    font-size: 18px;
    font-family: Opensans;
    color: rgba(255, 255, 255, 1);
    line-height: 24.51px;
    letter-spacing: -0.02em;
    align-items: center;

}
#form{
    gap: 36px;
    align-items: center;
}

.nav-link{
    position: relative;
    color: rgba(134, 134, 134, 1);
    
}
.nav-link.active::after{
    content: " ";
    position: absolute;
    display: block;
    background: rgba(251, 80, 18, 1);
    width: 20px;
    height: 3px;
    border-radius: 3px;
    color: aliceblue;

}
.mark{
    background-color: rgba(251, 80, 18, 1);
    color: white;
}

body {
    background-color: black;
    color: white;
}

.mt-6{
    margin-top: 4rem;
}
.gap-4{
    gap: 4rem;
}

/* Mobile View (default) */
.w-90{width: 90%;}.w-80{width: 80%;}.w-70{width: 70%;}.w-60{width: 60%;}
.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.gap-10 {gap: 2.5rem /* 40px */;}
.gap-0 {gap: 0rem /* 40px */;}
.flex {display: flex;}
.items-center { align-items: center;}
.flex-col {flex-direction: column;}
.items-center {align-items: center;}
.justify-center {justify-content: center;}
.text-xs {font-size: 0.75rem /* 12px */;line-height: 1rem /* 16px */;}
.grid { display: grid;}
.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.hero-bottom-bg {background-color: #151515;}
.leading-6 {line-height: 1.4rem !important/* 24px */;}
.border-box-one{box-shadow: 0px 0px 3px 0.5px white!important; }
.text-sm {font-size: 0.875rem /* 14px */;line-height: 1.25rem /* 20px */;}
.relative {position: relative;}
.top-0 {top: 0px;}
.left-0 {left: 0px;}
.h-812 {height: 812px;}
.w-full {width: 100%;}
.h-full {height: 100%;}
.w-98 {width: 98%;}
.w-80 {width: 80%;}
.object-cover {object-fit: cover;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.text-gray-400 {--tw-text-opacity: 1;color: #9ca3af;}
.bg-orange-600 {--tw-bg-opacity: 1;background-color: #ea580c;}
.absolute {position: absolute;}
.right-4 {right: 1rem /* 16px */;}
.bottom-2 {bottom: 0.5rem /* 8px */;}
.bg-gray{--tw-bg-opacity: 1;background-color:#202528 ;}
.rounded-full {border-radius: 9999px;}
.select-width{width: 130px;font-size: 14px;}
.h-img{height: 200px;}
/* Customer Dropdown */
.dropdown-menu { background-color: #1E1F20;}
.dropdown-item {color: #ffffff;}
.dropdown-item:hover {background-color: #343a40;color: #ffffff; overflow: hidden;}
.star-box-left{margin-left: -0px;}
.monitoring-lg-w{max-width: 100%;}
.monitoring-justify{justify-content: start;}

/* Tab View  */
@media (min-width: 768px){
    .md-w-90{width: 90%;}.md-w-80{width: 80%;}.md-w-70{width: 70%;}.md-w-60{width: 60%;} .md-w-100{width:100%;}
    .md-flex-row {flex-direction: row;}
    .md-gap-4 {gap: 4rem /* 40px */;}
    .md-w-80 {width: 80%;}
    .md-h-full {  height: 100%;}
    .md-bottom-6 { bottom: 1.5rem /* 24px */;}
    .md-grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .md-grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .md-grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .md-grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
    .select-width{width: 160px;font-size: 16px;}
    .h-m-img{ height: 250px;}
    .md-max-w-65{max-width: 65rem;};
    .star-box-left{margin-left: -0px;}
    .monitoring-lg-w{max-width: 100%;}
.monitoring-justify{justify-content: center;}

}

/* Desktop View */
@media (min-width: 1024px) {
    .lg-w-90{width: 90%;} .lg-w-85{width: 85%;}.lg-w-80{width: 80%;}.lg-w-70{width: 70%!important;}.lg-w-60{width: 60%;}
    .lg-max-w-80{max-width: 80rem;}
    .lg-max-w-65{max-width: 65rem;}
    .lg-gap-0{gap: 0rem }
    .lg-justify-between {justify-content: space-between;}
    .lg-justify-end {justify-content: flex-end;}
    .lg-gap-4 {gap: 4rem /* 40px */;}
    .lg-w-75 {width: 75%;}
    .lg-w-65 {width: 74%;}
    .lg-w-74 {width: 74%;}
    .lg-grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .lg-grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .lg-grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .lg-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr));}
    .lg-absolute {position: absolute;}
    .lg-h-full {height: 100%;}
    .select-width{width: 160px;font-size: 16px;}
    .h-l-img{
        height: 300px;
    }
    .star-box-left{margin-left: -56px;}
    .monitoring-lg-w{max-width: 92%;}
.monitoring-justify{justify-content: start;}

}








/*cutom responsive*/
@media (max-width: 410px){
.title-sm{
        font-size: 20px;
    }
}
@media (max-width: 410px){
        .title-sm-lh{
            line-height: 30px;
        }
    }
    @media (min-width: 411px){
        .title-lg-lh{
                line-height: 50px;
            }
        }
        @media (max-width: 330px){
                .title-sm{
                    font-size: 16px;
                }
            }
 @media (min-width: 1205px){
    .star-box-left{margin-left: -80px;}
                }

            

            
input::placeholder {
    color: rgba(112, 112, 112, 1)!important;
    opacity: 1; /* Firefox */
  }

  textarea::placeholder {
    color: rgba(112, 112, 112, 1)!important;
    opacity: 1; /* Firefox */
  }

 textarea:focus, input:focus{
    color: rgba(15, 15, 15, 1) !important;
 }
 textarea:not(:focus), input:not(:focus) {
    color: white; /* Text color when blurred */
  }


  .consumerouterbtn{
    margin: 20px 0px 20px 0px;
    gap: 16px;
  }
  .consumerbtn{
    background-color: rgba(24, 24, 24, 1);
    border: none;
    color: rgba(255, 255, 255, 1);
    font-family: Inter;
  }
  .select-icon {
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none; /* Remove default arrow in Safari */
    -moz-appearance: none; /* Remove default arrow in Firefox */
    background: url('./Down\ 2.svg') no-repeat right; /* Custom arrow icon */
    background-position: calc(100% - 10px) center; /* Adjust arrow position */
    font-size: 16px; /* Set font size */
    padding-left: 20px;
    padding-right: 40px;
    cursor: pointer;
}
  select {
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none; /* Remove default arrow in Safari */
    -moz-appearance: none; /* Remove default arrow in Firefox */
    background: url('./Down\ 2.svg') no-repeat right; /* Custom arrow icon */
    background-position: calc(100% - 10px) center; /* Adjust arrow position */
    font-size: 16px; /* Set font size */
    padding-left: 20px;
    padding-right: 40px;
    cursor: pointer;
}

#email-icon{
 margin-left: 20px;
}
#call-infotext{
    margin-right: 10px;
}


.modal{
 
    box-shadow: none !important;
    border-radius: 0px !important;
}
.modal-dialog{
    border: 0px solid !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.modal-header{
    background-color: rgba(24, 24, 24, 1);
    border: 0px solid;
}

.modal-body{
    background-color: rgba(24, 24, 24, 1);
    border: none;
}
.modal-footer{
    background-color: rgba(24, 24, 24, 1);
    border: none;
    display: flex!important;
    justify-content: center!important;
}

#modalclose{
    cursor: pointer!important;
}

#patent-pending{
   color:rgba(255, 255, 255,0.2);
   font-family: Anton;
   letter-spacing: 5px;
}

#submitButton{
    border-radius: 34px!important;
    width: 125px;
    height: 49px;
}


/* Custom Loader CSS */
.custom-loader {
    border: 7px solid #f3f3f3; /* Light grey */
    border-top: 7px solid rgba(251, 80, 18, 1); /* orange */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    margin: 0 auto; /* Center the loader */
}

/* Spin Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
  }
  
  .footer-link {
    color: #ff8c00;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
  }
  
  .footer-text {
    color: #555;
    font-size: 14px;
  }
  
  .footer-space {
    flex: 1; /* This will take up the remaining space on the right */
  }
  

  .text-area-custom {
    text-align: left; /* Ensures text is left-aligned */
  
  }
  
  
  

  #description::placeholder {
    text-align: left; /* Horizontal alignment */
    line-height: 5rem; /* Vertical alignment to match the height */
  }