* 
{
    padding:0;
    margin:0;
}
/*Google translator style*/

.goog-te-banner-frame.skiptranslate, .goog-te-gadget-simple img{
    display: none !important;
}
.goog-tooltip{
    display: none !important;
}
.goog-tooltip:hover{
    display: none !important;
}
.goog-text-highlight{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Custom styling for the translate dropdown */
#google_translate_element {
    display: inline-block;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #333;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f9fa; /* Light background */
}

/* Hide the default Google Translate label and flags */
.goog-te-gadget-simple .goog-te-menu-value span:first-child {
    display: none; /* Hides the "Select Language" text */
}

.goog-te-gadget-simple .goog-te-menu-value {
    font-size: 16px;
    color: #333;
}

.goog-te-gadget-simple {
    border: none !important; /* Remove default border */
    background-color: transparent !important; /* Make background transparent */
    padding: 0 !important;
}

.goog-te-gadget-icon {
    display: none !important; /* Hide Google Translate icon */
}

/* Style the dropdown itself */
.goog-te-combo {
    padding: 10px;
    border: 1px solid #007bff; /* Primary blue border */
    border-radius: 5px;
    background-color: #fff;
    color: #007bff; /* Primary blue text */
    font-size: 16px;
    cursor: pointer;
    width: auto;
}

/* Customize the dropdown on hover */
.goog-te-combo:hover {
    border-color: #0056b3;
}

/* Optionally, style the hover and focus states for better accessibility */
.goog-te-combo:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Blue shadow on focus */
}

/* Hide the banner that appears at the top after translation */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

/* Hide the default Google logo */
.goog-logo-link {
    display: none !important;
}

/* Hide the powered-by Google Translate */
.goog-te-gadget-simple .goog-te-menu-value span {
    display: none !important;
}




#header {
    background-image: url('/images/LowCurrentBG.png');
    height: 80vh;
    background-size:cover;
    background-position: center;
}
#header2 {
    background-image: url('/images/CloudBGGif.gif');
    height: 80vh;
    background-size:cover;
    background-position: center;
}
#header3 {
    background-image: url('/images/CyperSecurityGIF1.gif');
    height: 80vh;
    background-size:cover;
    background-position: center;
}

#header4 {
    background-image: url('/images/AppsGIF.gif');
    height: 80vh;
    background-size:cover;
    background-position: center;
}

.navbar-nav li a{
    /* float: left; */
    color: black!important;
}


.navbar-brand img{
    width: 150px;
    margin-left: 30px;
}

.navbar-toggler{
    border: none!important;
    outline: none !important;

}

nav .fa-bars{
      color:black;
      font-size: 26px;
}
/*---------------*/
.nav-link{
    transition: all 0.2s;
    position: relative;
}
.nav-link:hover{
    /* text-decoration: underline; */
    border-bottom: 2px solid rgb(232, 47, 118);
}
/* .nav-link::after{
    content:'';
    opacity: 0;
    transition: all 0.2s;
    height: 2px;
    width: 100%;
    background-color:rgb(232, 47, 118);
    position:absolute;
    bottom:0;
    left: 0;
} */
/* .nav-link:hover::after{
    opacity: 1;
} */

.dropdown-menu .dropdown-item.active {
    color: rgb(232, 47, 118); /* Color when active */
}

/*---------------Low current intro-----------------*/
.intro{
    padding: 50px 100px;
    margin-top: -140px;
    background-color: #fff;
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.2);
}

.intro h1{
    color: #333;

}

.intro .home-btn{
    margin-top: 10px;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    background-color: rgb(232, 47, 118);  
}

.intro .btn:focus{
    box-shadow: none;
}

/*---------------Low Current-------------*/
#Low_Current{
    padding-top: 100px;
    padding-bottom: 100px;

}

#Low_Current .col-md-6{
    padding: 20px 10px;
    
}

#Low_Current h3{
    padding: 20px auto;
    
}

/*-------------Support,Public Address, Cabling Network--------------*/
#SBC{
    background-color: #efefef;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 50px;
}

#SBC .col-md-6 {
    padding: 20px;
    
}

#SBC .col-md-6 h4{
    padding: 5px;
}

#SBC .col-md-6 img{
    width: 70px;
}

#SBC .col-md-6 p{
    padding:5px;
    text-align: justify;
}

/*------------features---------------*/

#features{
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url('../images/LowCurrentGIF.gif');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

#features .col-md-6{
    padding: 20px;

}

.feature-box{
    height:110px;   
}

.feature-box .feature-left{
    height:120px;
    width:20%;
    float: left;   
}

.feature-box .feature-left .fa{
         padding-top:  13px;
         font-size: 50px;         
}

.feature-box .feature-left{
    height:120px;
    width:20%;
    float: left;   
}

.feature-box .feature-right{
    height:120px;
    width:80%;
    float: left;   
}

.feature-box .feature-right h4{
        padding-top: 10px;
        padding-left: 15px;
        text-align: left;
}

.feature-box .feature-right p{
    padding-left: 15px;
    text-align: left;
}
/*------------features2---------------*/

#features2{
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url('../images/CloudGIF.gif');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

#features2 .col-md-6{
    padding: 20px;
}

/*------------features3---------------*/

#features3{
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url('../images/CyperSecurityGIF2.gif');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

#features3 .col-md-6{
    padding: 20px;
}

/*------------features4---------------*/

#features4{
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url('../images/Apps2GIF.gif');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

#features4 .col-md-6{
    padding: 20px;
}

/*-------------Services--------------*/
html {
    scroll-behavior: smooth;
}

.accordion {
    margin-top: 50px;
    margin-bottom: 70px;
}

  .card-header button {
    color: rgb(39, 35, 54);
    text-decoration: none;
    font-weight: bold;
  }

  .card-body {
    background-color: #f8f9fa;  /* Light gray background */
    border-left: 5px solid rgb(232, 47, 118);  /* Blue border */
    padding: 20px;
    border-radius: 0 0 5px 5px;
  }

  .card-header button:hover {
    color: rgb(232, 47, 118);  /* Add a hover color effect */
  }

  .text-center {
    margin-bottom: 30px;
    font-size: 20px;
    color: black;
  }
/* Change color of previous icon to red */
.carousel-control-prev-icon {
    filter: invert(43%) sepia(100%) saturate(5084%) hue-rotate(356deg) brightness(101%) contrast(106%);
}

/* Change color of next icon to blue */
.carousel-control-next-icon {
    filter: invert(31%) sepia(78%) saturate(2969%) hue-rotate(186deg) brightness(98%) contrast(101%);
}
/*-------------Subscribe----------------*/
.subscribe{
    padding: 50px 20px;
    background-color: #013f7e;
    position: relative;
    box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    margin-bottom: -160px;
}

.subscribe h3, .subscribe p{
    color: #fff;
}

/* .subscribe .input-group{
    border-radius: 30px;
    background: #fff;
    max-width: 500px;
    margin:10px auto;
    padding:5px;   
}

.subscribe .form-control{
     border: none;
     background: transparent;
}

.subscribe .form-control:focus{
    box-shadow: none;
    background: transparent;
}

.subscribe .input-group-append{
    background-image: linear-gradient(to right, #1c03bf,#5c8bef);
    border-radius: 30px;
}

.subscribe .input-group-text{
    background: transparent;
    border: none;
    color: #fff;
}

.subscribe .btn:focus{
    box-shadow: none;

} */

.hero-btn{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 34px;
    font-size: 13px;
    background: rgb(232, 47, 118);
    position: relative;
    cursor: pointer;
}

.hero-btn:hover{
    border: 1px solid rgb(232, 47, 118);
    background: rgb(232, 47, 118);
    transition: 1s;

}

/*----------Footer----------*/
#footer{
    margin-top: 80px;
    padding: 100px;
    background-color: #efefef;
    color: #013f7e;
}
.footer-logo{
    width:150px;
    margin-top: 25px;
    margin-bottom: 15px;

}
#footer h1{
    font-size:15px;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 25px;
}

#footer p{
   font-size: 12px;
   text-align: left;
}

#footer .city{
    margin-left: 37px;
}

#footer .row .fa{
    padding-right: 20px;
    font-size: 15px;
    
}

#footer hr{
    margin-top: 10px;   
}

#footer .fa-heart-o{
    color:rgba(255, 59, 151, 0.7);
    font-size: 17px;
}

#footer .copyright{
   margin-bottom: -80px;
   text-align: center;
   font-size: 15px;
}