.bbtn

{

background-color: #cc0055;

    border-color: #c4a81ffa;

    font-weight: normal;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    user-select: none;

    border: 1px solid transparent;

    padding: 0.5rem 0.75rem;

    font-size: 1.4rem;

    line-height: 1.25;

    border-radius: 0.25rem;

    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}





body {

  font: 'MiloWeb-Light', sans-serif, helvetica, verdana;

  font-size: 17px;

  color: #fff; }

  body .list {

    line-height: 1.8em; }



.navbar .nav-link {

  font-size: 16px;

  text-transform: capitalize;

  padding-left: 1.5em !important;

  padding-right: 1.5em !important; }



.navbar .nav-item .active {

  border-left: #1D3D56 1px solid; }



.navbar .brand {

  font-family: hpsimplified;

  font-size: 20px;

  color: #1d3d56; }



.carousel-inner h1 {

  font-size: 4em;

  position: relative;

  margin-top: -200px; }



.carousel-inner p {

  font-size: 1.5em;

  color: #444; }



.carousel-inner .carousel-item {

  margin-top: 70px;

  height: 500px; }



.carousel-inner .carousel-image-1 {

  background: url("../img/SI-1.jpg");

  background-size: cover;

  opacity: 0.9; }



.carousel-inner .carousel-image-2 {

  background: url("../img/SI-2.jpg");

  background-size: cover;

  opacity: 0.9; }



.carousel-inner .carousel-image-3 {



  background-size: cover;

  opacity: 0.9; }



.carousel-inner .carousel-image-4 {

 

  background-size: cover;

  opacity: 0.9; }



#home-icons .fa {

  font-size: 40px;

  color: #1d3d56; }



#home-heading {

  position: relative;

  min-height: 200px;

  background: url("../img/welcom.jpg");

  background-attachment: fixed;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }



.dark-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#kpo {

  position: relative;

  min-height: 250px;

  background: url("../img/kpo.jpeg");

  background-attachment: fixed;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }



.kpo-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#training {

  position: relative;

  min-height: 200px;

  background: url("../img/training.jpeg");

  background-attachment: fixed;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }



.training-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



.courses {

  list-style-type: none; }



#register {

  background-color: #CFCCD5; }



#icon-boxes .fa {

  font-size: 30px; }



#icon-boxes .icon {

  margin-bottom: 5px; }



#showcase-serivces {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



#hospitality {

  position: relative;

  min-height: 450px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }

  #hospitality p {

    line-height: 2em; }



.hospitality-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#service-composition {

  line-height: 2em; }



#editorial-guide {

  position: relative;

  min-height: 450px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }

  #editorial-guide p {

    line-height: 2em; }



.hospitality-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#kpo-section .list {

  list-style-type: none; }



#showcase-networks {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



#network-design-1 {

  background-color: #E7EBF2; }



#network-management {

  position: relative;

  min-height: 250px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }

  #network-management .network-management-overlay {

    position: absolute;

    background-color: rgba(0, 0, 0, 0.7);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



#network-security {

  position: relative;

  min-height: 250px;

 

  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }

  #network-security .network-management-overlay {

    position: absolute;

    background-color: rgba(0, 0, 0, 0.7);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



#server-virtualization {

  position: relative;

  min-height: 250px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff; }

  #server-virtualization .server-virtualization-overlay {

    position: absolute;

    background-color: rgba(0, 0, 0, 0.7);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



#showcase-technology {

  position: relative;

  min-height: 400px;


  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }

  #showcase-technology .showcase-tech-header {

    margin-top: 150px; }



.technology-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.2);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#it-audit {

  background-color: #E7EBF2; }



#showcase-tools {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



.tools-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.2);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#tools-header {

  margin-top: 200px; }



#conference-management,

#tools-2 {

  background-color: rgba(231, 235, 242, 0.6); }



#about-us {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



.about-us-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.2);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#it-services,

#concerned-about-network-health {

  background-color: #E8E8E8; }



#contact {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



.contact-overlay {

  position: absolute;

  background-color: rgba(0, 0, 0, 0.2);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



#contact-1 {

  font-size: 14px; }

  #contact-1 .fa-mobile {

    font-size: 24px; }

  #contact-1 .fa-whatapps {

    font-size: 14px; }



#showcase-careers {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



#showcase-pricing {

  position: relative;

  min-height: 400px;



  background-attachment: scroll;

  background-repeat: no-repeat;

  text-align: center;

  color: #fff;

  margin-top: 70px; }



#footer-section {

  background-color: rgba(215, 27, 119,  90%);

  font-size: 12px; }

  #footer-section h6 {

    font-size: 12px; }

  #footer-section P {

    line-height: 1em; }

  #footer-section .contact .fa {

    font-size: 12px; }

  #footer-section .follow .fa {

    font-size: 25px;

    padding-right: 15px;

    color: #C4C4C2; }

  #footer-section .follow .fa-facebook:hover {

    color: #3B5998;

    text-decoration: none; }

  #footer-section .follow .fa-twitter:hover {

    color: #55ACEE;

    text-decoration: none; }

  #footer-section .follow .fa-youtube-play:hover {

    color: #bb0000;

    text-decoration: none; }



#footer-menu {

  font-size: 12px; }

  #footer-menu a {

    list-style-type: none;

    color: #222222; }

  #footer-menu .no-border {

    border-right: none !important; }





.cap

{

background-color: #0a2a2f;

    opacity: 0.7;

    border-radius: 15px;

}