ul {
  padding: 0;
}
section {
  height: fit-content;
}
/* ==================================== */

/* carousel */
.carousel-item h2 {
  font-size: 50px;
}

.carousel-item a {
  color: aqua;
}
.carousel-item a:hover {
  color: white;
  text-decoration: underline;
}

/* about section*/
#section2 p {
  width: 60vw;
}
/* ---------------- */

/* phone number section */
#section3 {
  max-height: 250vh;
}

#section3 .row {
  max-height: 100%;
}

#section3 .inner {
  border: 1px solid rgba(102, 25, 246, 0.3);
  border-radius: 30px;
  padding: 10px;
  margin: 10px;
  transition: 400ms ease;
  border-color: red;
}
#section3 .inner:hover {
  /* From https://css.glass */
  background: rgba(102, 25, 246, 0.34);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(1.4px);
  -webkit-backdrop-filter: blur(1.4px);
  border: 1px solid rgba(102, 25, 246, 0.3);
}
/* ==================================== */

#quick-links .btn{
  width:180px;
  margin-top:10px; 
  border-radius: 10px;
  padding:10px 0; 
  /* font-size:16px;  */
  font-size:1rem; 
}

#quick-links .bi:before{
  margin:0px; 
}
#quick-links .bi:hover{
  color:rgb(37, 0, 250); 
}
/* ==================================== */

/* FOOTER */
#footer2 {
  background-color: rgb(111, 0, 255);
}

#footer2 a {
  color: white;
  transition: ease 600ms;
}
#footer2 a:hover {
  text-decoration: underline;
}

/* ---icons--- */
.bi {
  color: white;
  font-size: 20px;
}
.bi:hover {
  color: orange;
}
/* ==================================== */

@media (max-width: 768px) {
  .carousel-item h2 {
    font-size: 40px;
  }
  main {
    background: rgb(7, 1, 27);
  }
  #section3 {
    margin-top: 10vh;
  }
  #section3 .inner {
    margin: 0 20px 20vh 20px;
  }
}
/* ==================================== */