@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}
.nav-link {
  font-size: 16px;
  margin: 0px 15px 0px 15px;
  font-weight: 500;
  color: black !important;
}
.slide-img {
  border-radius: 55px;
}
.nav-main {
  box-shadow: 1px 0px 6px 2px #e0dfdf;
}
.bttn {
  background-color: #169bd7;
  color: #ffffff;
  border-radius: 20px;
  padding: 8px 15px 8px 15px;
}
.bttn2 {
    background-color: #012169;
    color: #ffffff;
    border-radius: 20px;
    padding: 8px 25px 8px 25px;
  }
.text-black{
    color: #000;
}
.accordion-button {
  background-color: #169BD7;
  border: 0px !important;
  color: #e0dfdf;
}
.accordion-header {
  background-color: #169BD7;
  border: 0px !important;
  outline: none;
}
.accordion-item {
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;

}
.accordion-button::after {
  background-image: url("../images/open-icon.png");
  transform: rotate(0deg);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/close-icon.png");
  transform: rotate(-0deg);
}
.accordion-button:not(.collapsed) {
    background-color: white;
    border: none; 
    box-shadow: none; 
    color: black; 
}

.accordion-button:not(.collapsed) {
    border-color: white;
}
.accordion-item:first-of-type, .accordion-item:last-of-type {
   border-radius: 20px !important; 
  }
.card-topbar {
  background-color: #012169;
}
.blue {
  color: #012169;
}
.sky{
    color: #169BD7;
}
.round {
  border-radius: 20px;
}
.card-ul{
    line-height: 45px;
}
.card:hover .card-topbar,
.card:hover .bttn2 {
    background-color: #169BD7;
}
.para{
    line-height: 20px;
    
}
.why-bg{
    background-color: #169BD7;
}
.card-shadow{
  box-shadow: 2px 2px 10px 5px rgb(231, 231, 231);
}
.footer-li1{
  display: none;
}
.nav2-small {
  font-size: 12px;
  color: #4a4a4a;
}
.form-control{
  background-color: #f1f1f1;
  border: 0px;
}
.phone-call {
  width: 60px;
  height: 60px;
  right: 20px;
  bottom: 20px;
  background: #012169;
  position: fixed;
  cursor: pointer;
  border-radius: 50%;
  z-index: 99;

}

.phone-call:before {
  position: absolute;
  content: " ";
  z-index: -1;
  top: -15px;
  left: -15px;
  background-color: #012169;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  opacity: 0.6;
  -webkit-animation: pulse 1s ease-out;
  animation: pulse 1.8s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
}
.swiper-pagination-bullet-active {
  background: #012169 !important;
}
@-webkit-keyframes pulse {
  0% {
      -webkit-transform: scale(0);
      opacity: 0;
  }
  25% {
      -webkit-transform: scale(0.3);
      opacity: 1;
  }
  50% {
      -webkit-transform: scale(0.6);
      opacity: .6;
  }
  75% {
      -webkit-transform: scale(0.9);
      opacity: .3;
  }
  100% {
      -webkit-transform: scale(1);
      opacity: 0;
  }
}

@keyframes pulse {
  0% {
      transform: scale(0);
      opacity: 0;
  }
  25% {
      transform: scale(0.3);
      opacity: 1;
  }
  50% {
      transform: scale(0.6);
      opacity: .6;
  }
  75% {
      transform: scale(0.9);
      opacity: .3;
  }
  100% {
      transform: scale(1);
      opacity: 0;
  }
}
@media screen and (min-width: 280px) and (max-width: 768px) {

  .footer-li{
    display: none;
  }

  .footer-li1{
    display: block;
  }
 .row-reverse{
 flex-direction: column-reverse;
 }
 .slide-img {
  border-radius: 25px;
}
}
