:root{
  --dark: #253A47;
  --blue: #66A3BB;
  --red: #8b0000;
}


  

html{scroll-behavior: smooth; overflow-x: hidden;}
body{
    font-family:  Consolas, monaco, monospace; 
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
  font-family:  Consolas, monaco, monospace; 
}
.logo{width: 100%; height: 100%;}
.navbar{
  height: 120px;
}
.bg-header{
  background-image: url(../images/headerbg.png);
  background-position: center;
  background-size: cover;
}
.bg-footer{
  background-image: url(../images/footer-bgrnd.jpg);
}


.bg-ones{
  background-image: url(../images/bg-one.png);
}

.header-line{
  height: 80px;
  border-right: 1px solid lightgray;
  border-left: 1px solid white;
}
.bottom-border{
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  border-bottom: 2px solid var(--red);
  border-top: 2px solid #fff;
}
.navbar-dark .navbar-nav .nav-link, .dropdown-item {
	color: var(--dark) !important;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: var(--blue);
}

.bg-img-1{
  background-image: url(../images/softwaredevelopment.png);
  height: 120px;
  width: 320px;
  background-repeat: repeat-x;
  background-size: 100% 100%;
  font-size: 2.1em;
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: end;
  padding: 15px;
  font-style: italic;
  margin:6px;
}

.bg-img-2{
  background-image: url(../images/systemsintegrators.png);
}
.bg-img-a2{
  background-image: url(../images/hostingservices.png);
}
.bg-img-31{
  background-image: url(../images/blackbutton.png);
  height: 58px;
  font-size: 1.3em;
}

.bg-img-4{
  background-image: url(../images/latestnewslinebg.png);
  height: 135px;
  width: 405px;
}

.bg-img-5{
  background-image: url(../images/mailsrvbg.png);
  height: 135px;
  width: 236px;
}

.bg-img-6{
  background-image: url(../images/phonesupport.png);
  height: 135px;
  width: 320px;
}
.bg-img-7{
  background-image: url(../images/pentest.png);
  height: 120px;
  width: 320px;
}
.bg-img-8{
  background-image: url(../images/networkingservices.png);
  height: 120px;
  width: 320px;
}
.relative{
  position: relative;
}
.home-phone{
  position: absolute;
  right: 25px;
  top: 4px;
  font-size: 12px;
}

.home-phone2{
  top: 10px;
  right: 40px;
}

.mailserver{
  right: 10px;
  top: -35px;
  font-size: 14px;
}


.dropdown-item.active, .dropdown-item:active{background-color:var(--dark) !important;}

.navbar-expand-lg .navbar-collapse {
	height: 100px;
	align-items: end;
  margin-bottom: -15px;
}
.nav-item{
  border-radius: 8px 8px 0px 0px;
  border-left: 1px solid #253A47;
  border-right: 1px solid #253A47;
  border-top: 3px solid var(--red);
  margin-left: 3px;

}
.nav-item:hover {
  border-top: 3px solid var(--red);
  margin-top: -1px;
}

.dropdown-menu{
  border-left: 3px solid var(--red);
}

.color-main{
  color: var(--dark) !important;
}
.btn-main{
  color: white;
  background-color: var(--dark);
}

.btn-main:hover{
  background-color: var(--blue);
  color: var(--dark);
}

.contact-iframe{
  height: 300px;
}

.c-images img{
  height: 240px;
}
.ai{
  background-image: url(../images/aibg.png);
  background-size: cover;
  height: 470px;
}
a{text-decoration: none !important;}

.slick-slide img{
  height: 350px !important;
  filter: blur(1px) brightness(0.3);
}

.slick-prev, .slick-next{
  border-radius: 50%;
  background-color: #fff !important;
}
.custom-slide{position: relative;}
.carousel-caption{
  top: 20%;
  z-index: 1;
}

.bg-section{background-image: url(../images/sliders/slide.jpg); background-position: center; background-size: cover;}
.dropdown-menu{
  min-width: 240px;
}
.btn-group{width: 100%; display: flex;}
.nav-item:hover>.btn-group .dropdown-menu {
  display: block;
  top: 95%;
  left: 0;
  margin-top: .125rem;
}
.nav-item:hover>.btn-group .dropdown-menu .dropdown-submenu .btn-group .submenu{
  display: none;
}


.submenu2,.submenu3{display: none !important;}
.dropdown-submenu:hover>.btn-group .submenu, .dropdown-submenu2:hover .submenu2, .dropdown-submenu3:hover .submenu3{
  display: block !important;
  top: -11px !important;
  left: 100% !important;
}
.lost{
  background-image: url(../images/404.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer ul{
  list-style-type: none;
}
footer .nav-item:hover{
  border: none;
}
footer img{
  height: 250px !important;
}
.mt-custom{
  margin-top: 120px;
}
.codedText{
  cursor: pointer;
}
.btn:focus{box-shadow: none;}
.pb-custom-0{
  padding-bottom: 0px;
}

  .home-icon{
    font-size: 3em;
  }
  .bg-red{
    background-color: var(--red);
  }
  .bg-dark{
    background-color: var(--dark) !important;
  }

  .bg-blue{
    background-color: var(--blue) !important;
  }

  .custom-card{
    border-radius: 30px;
    width: 80% !important;
  }

  .fixed-height{
    height: 170px;
  }
  .custom-card:hover{
    box-shadow: 21px 23px 15px -3px rgba(0,0,0,0.1);
    
    transition: all 200ms ease-in;
    transform: scale(1.1);
  }

  .line{
    width: 35%;
    margin: auto;
    height: 3px;
    background-color: var(--dark);
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .specs-tab{
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
  }

  .custom-card:hover .desc-tab {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
  }
  
  .custom-card:hover .specs-tab {
    display: block;
    opacity: 1; /* Set to 'block' or 'inline-block' based on your layout needs */
    transition: opacity 0.3s ease;
  }

  .text-red{color: var(--red);}
  .text-blue{color: var(--blue);}

  .custom-circle{
    border-radius: 50%;
    overflow: hidden;
  }


  
.audio-player {
  text-align: center;
  position: relative;
  height: 123px;
  width: 500px;
}

.player-controls button {
  width: 100px;
  padding: 10px;
  margin: 5px;
  cursor: pointer;
}
.c-ivtLaR > .c-PJLV, .c-ivtLaR > .c-fikloo {
	position: absolute;
  right: 20% !important;
  bottom: 60px !important;
}

.w135{width:135px;}
@media all and (min-width: 979px) {
  
	.dropdown-menu li{
		position: relative;
	}
	.submenu .dropdown-menu { 
		position: absolute;
		left:100%; top:-7px;
	}

	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
  
  .fixed-height{height: 230px;}
  .custom-card:hover{
    transform: scale(1) !important;
  }
}	
@media (max-width: 980px) {
  .scrollable-nav{height: 550px;overflow-y: scroll; z-index: 999999;}
  .logo{height: 100%;}
  .fa-bars{
    color: var(--dark) !important;
  }
  .pb-custom-0{
    padding-bottom: 0.5rem !important;
  }
  .header-line,.nav-item:hover, .nav-item,.nav-item:hover .dropdown-menu  {border: none;}
  .custom-card{width: 90% !important; margin: auto !important;}
  .fixed-height{height: 200px;}
  .navbar-expand-lg .navbar-collapse {
    height: auto; margin-bottom: 0px;}
    .dropdown-menu{background-color: transparent;
      border: none;}
.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    
}
.md-none{display: none;}
.carousel-caption{
  top: 5%;
}
.logo{width: 50px;}
.mt-custom{margin-top: 55px}
.bg-img-4,.bg-img-5, .bg-img-6{width: 95%;}
.custom-card:hover{
  transform: scale(1) !important;
}
.pos-bottom{
  position: relative;
  top: 0;
}
.mt-mobile{
  margin-top: 800px;
}
.header-line{display: none;}
.navbar{
  height: auto;
}
.border-end{border-color: transparent !important;}
.ts-mob{text-align: start !important;}
.bottom-border{bottom: 0px;}

.audio-player {
	left: -20px;
	width: 110%;
	height: auto;
}


.c-images .container{
  left: 0%;
}
.carousel-control-next, .carousel-control-prev{display: none;}
.navbar{z-index: 120;}

.btn-group{ flex-wrap: wrap;}
}