.btn {
  font-weight: bolder !important
}
.btn-primary:hover {
  background-color: rgba(232, 62, 140, 0.5) !important
}
.footer{
  background-color:black;
}
/*Boot Start*/


header.masthead .bg-circle {
  z-index: 0;
  position: absolute;
  border-radius: 100%;
  background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%);
}

header.masthead .bg-circle-1 {
  height: 90rem;
  width: 90rem;
  bottom: -55rem;
  left: -55rem;
}

header.masthead .bg-circle-2 {

    height: 25vw;
    width: 25vw;
    top: -15rem;
    right: -15rem;}
@media (min-width: 768px) {
  header.masthead .bg-circle-2 {
  height: 75vw;
  width: 75vw;
  top: -35vw;
  right: -35vw;
  }
  
  header.masthead .bg-circle-3 {
    height: 20rem;
    width: 20rem;
    bottom: -10rem;
    right: 5%;
  }

  header.masthead .bg-circle-4 {
    height: 30rem;
    width: 30rem;
    top: -5rem;
    right: 35%;
  }

  .text-center {
    text-align: center !important;
  }

  body {
    font-family: "Lato";
  }
  /*Master Head*/


  header.masthead {
    position: relative;
    overflow: hidden;
    padding-top: calc(7rem + 72px);
    padding-bottom: 7rem;
    background: linear-gradient(0deg, #ff6a00 0%, #ee0979 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
  }
  header.masthead .masthead-content{
    z-index:1;
    position:relative;
  }

  @media (min-width: 992px) {
    header.masthead {
      padding-top: calc(10rem + 55px);
      padding-bottom: 10rem;
    }

      header.masthead .masthead-content .masthead-subheading {
        font-size: 4rem;
      }

      header.masthead .masthead-content .masthead-heading {
        font-size: 6rem;
      }
  }

  header.masthead .masthead-content .masthead-subheading {
    font-size: 2rem;
  }

  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 2rem;
    }
  }

  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }

  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }

  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Catamaran";
    font-weight: 800 !important;
  }


  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
  }


  .mb-0 {
    margin-bottom: 0 !important;
  }


  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 2rem;
    }
  }


  *, *::before, *::after {
    box-sizing: border-box;
  }

  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2.5rem;
    }

    h2, .h2 {
      font-size: 2rem;
    }
  }

  .btn-xl {
    text-transform: uppercase;
    padding: 1.5rem 3rem;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .1rem;
  }
  /* Boot End*/

  @media(prefers-reduced-motion: reduce) {
    *.nav-link {
      transition: none;
      margin-left: .75rem;
      text-align: left;
    }
  }

  @media (max-width: 500px) {
    .navbar-collapse.collapse.show ~ ul .profile {
      background-color: var(--primary);
      width: -webkit-fill-available;
      width: -moz-available;
      width: fill-available;
      width: stretch;
      width: 100%;
    }
  }

  .a i {
    font-size: larger;
  }

  .footer {
    background-color: black;
  }

  .navbar-brand img {
    object-fit: contain; /* Keeps the image within the container */
    max-height: 33px; /* Or any desired maximum height */
  }

  .social-mini {
    display: flex; /* Use flexbox for easier layout */
    justify-content: center; /* Center icons horizontally */
    align-items: center; /* Center icons vertically */
    gap: 1rem; /* Add space between icons */
  }

  .hidden-content {
    display: none; /* Initially hide the content */
  }

  .read-more-container {
    text-align: center; /* Center-align the button */
  }

  .read-more-btn {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
  }

    .read-more-btn:hover {
      background-color: #0056b3;
    }


  .card-group-wrapper {
    overflow: hidden; /* Hide overflow */
  }

  .card-group {
    display: flex;
    transition: transform 0.5s ease;
  }

  .card {
    min-width: 180px; /* Adjust width as needed */
    margin: 0 10px; /* Adjust spacing as needed */
  }

  /* Base styles */
  #footer-etc {
    padding: 1rem; /* Adjust padding as needed */
  }

  .responsive-logo {
    width: 8vw; /* Adjust this value to fit your design */
    max-width: 150px; /* Ensure logo doesn't get too large */
    height: auto; /* Maintain aspect ratio */
  }

  /* Media query for smaller screens */
  @media (max-width: 768px) {
    .responsive-logo {
      width: 15vw; /* Increase size for smaller screens */
      max-width: 75px; /* Ensure logo doesn't get too large */
    }
  }



  .testimonials-clean {
    color: #313437;
    background-color: #eef4f7;
  }

    .testimonials-clean p {
      color: #7d8285;
    }

    .testimonials-clean h2 {
      font-weight: bold;
      margin-bottom: 40px;
      padding-top: 40px;
      color: inherit;
    }

  @media (max-width:767px) {
    .testimonials-clean h2 {
      margin-bottom: 10px;
      padding-top: 10px;
      font-size: 24px;
    }
  }

  .testimonials-clean .intro {
    font-size: 16px;
    max-width: 1000px;
    margin: 0 auto;
  }

    .testimonials-clean .intro p {
      /*margin-bottom: 0;*/
    }

  .testimonials-clean .people {
    padding: 50px 0 20px;
  }

  .testimonials-clean .item {
    margin-bottom: 32px;
  }

  @media (min-width:768px) {
    .testimonials-clean .item {
      height: 220px;
    }
  }

  .testimonials-clean .item .box {
    padding: 30px;
    background-color: #fff;
    position: relative;
  }

    .testimonials-clean .item .box:after {
      content: '';
      position: absolute;
      left: 30px;
      bottom: -24px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-width: 12px 15px;
      border-top-color: #fff;
    }

  .testimonials-clean .item .author {
    margin-top: 28px;
    padding-left: 25px;
  }

  .testimonials-clean .item .name {
    font-weight: bold;
    margin-bottom: 2px;
    color: inherit;
  }

  .testimonials-clean .item .title {
    font-size: 13px;
    color: #9da9ae;
  }

  .testimonials-clean .item .description {
    font-size: 15px;
    margin-bottom: 0;
  }

  .testimonials-clean .item img {
    max-width: 40px;
    float: left;
    margin-right: 12px;
    margin-top: -5px;
  }