hr
{
  width: 100%;
  height: 4px;
  color: #ff5151;
  background-color: #ff5151;
  border: 0 none;
}

.card-section-top {
  margin-top: 80px;
  margin-bottom: 15px;
}

.card-section-bottom {
  margin-top: 10px;
  margin-bottom: 120px;
}


.card-section-title {
  font-size: 35px;
  font-weight: 700;
  color:#ff5151;
  text-align: center;
}

.border-0 {
  /* border: 0 !important; */
  border-width: 3px;
  border-color: #ff5151;
}

.card-title {
  font-size: 24px;
  font-weight: 500;
  color:#ff5151;
}

.card-txt {
  margin-top: 40px;
  font-size: 14px;
  font-weight: 500;
  color:#ff5151;
}


.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  font-size: 2rem;
}

.card-logo {
  width: 50px;
  height: auto;
}

@media (max-width: 991.98px) {
  .container.px-lg-5{
    margin-left: 5%;
    margin-right:5%
  }

  div.row.gx-lg-5{
    margin-left: 1%;
    margin-right:10%
  }

  .card-section-top{
    margin-top: 15px;
  }
  .card-section-bottom{
    margin-bottom: 55px;
  }


  
  
}

.card-logo-bottom {
  height: 40px;
  width: auto;
}

.logos-container {
  display: flex;
  justify-content: center; /* Align items horizontally at the center */
  align-items: center; /* Align items vertically at the center */
}

.logos-container img {
  margin: 0 10px; /* Adjust horizontal spacing between images */
}


nav,.footer-txt {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

/* Home Section */

.intro {
  display: table;
  width: 100vw;
  height: 100vh;
  padding: 100px 0;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  background: url(../assets/backgroundImage.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust the opacity (0.5) as needed */
  z-index: 1;
}

.intro > * {
  position: relative;
  z-index: 2;
}
.section-title.center {
  padding: 50px 0 5px 0;
}
/* Media Queries */
@media(min-width:350px) {
  .intro {
    max-height: 100%;
    padding: 0;
    text-align: left;
    color: #fff;
  }
  .intro H1 {
    font-size: 60px;
    font-weight: 500;
    letter-spacing: -2px;
  }
  .intro .name {
    font-weight: 400;
  }
  .intro .intro-text {
    width: 100%;
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }
  .intro .intro-text p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 12px;
    width:100%;
  }
  section {
    padding: 120px 0;
  }
  header .intro-text {
    padding-top: 120px;
    padding-bottom: 80px;
  }
  header .intro-links {
    padding-bottom: 100px;
  }
  header .intro-links img {
    padding-right: 50px;
  }
  header #intro-logo{
    padding-top:100px;
  }
  #intro-logo {
    width: 30px; /* Adjust the width as needed */
    height: auto; /* Maintains the aspect ratio */
  }



  /*  button */
  .btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    outline-offset: none;
  }
  .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    padding: 10px 20px;
    margin: 0;
    font-size: 16px;
    border-radius: 0;
  }
  .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
    color: #fff;
    background-color: #121d1f;
    border-color: #121d1f;
  }
  .btn-primary {
    color: #fff;
    background-color: #121d1f;
    padding: 10px 20px;
    border-color: #121d1f;
    border-radius: 0;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #7bc3d1;
    border-color: #7bc3d1;
  }
  .btn-primary i.fa {
    margin-right: 10px;
  }


  .outlined-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px; /* Set a fixed height */
    padding: 5px; /* Smaller padding */
    margin: 2px; /* Smaller margin */
    border: 2px solid white; /* White border around the text */
    color: white; /* Text color */
    background-color: transparent; /* Background color of the box */
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
    text-align: center; /* Center align text */
  }
  
  .outlined-box:hover {
    background-color: rgba(255, 255, 255, 0.5); /* Change background color on hover */
  }