@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  font-family: "Inter", serif;
}
.prenav-link {
  font-size: 17px;
  margin: 0px 15px 0px 15px;
  font-weight: 500;
  color: #000000 !important;
}
.shadows {
  box-shadow: 0px 1px 3px 2px #dfdddd;
}
.topbar {
  background-color: #008600;
  color: white;
}
.text-green {
  color: #008600;
}
.text-black {
  color: #000000;
}
.bttn {
  background-color: #008600;
  color: #ffffff;
  border-radius: 20px;
  padding: 7px 20px 7px 20px;
}

.coll {
  background-color: #0000008a;
}

.hero-img1 {
  background-image: url("../images/Interent-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh;
}
.hero-img2 {
  background-image: url("../images/phone-slide-banner.webp");
  background-position: right;
}
.hero-img3 {
  background-image: url("../images/Security-hero-banner.webp");
}
.hero-img4 {
  background-image: url("../images/Gas-bg.webp");
}
.hero-img5 {
  background-image: url("../images/tv-hero-banner.webp");
}
.cards {
  transition: 0.3s all linear;
  background-color: rgb(240, 239, 239) !important;
}

.round {
  border-radius: 15px;
}
.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: #008600 !important;
}
.card-shadow {
  box-shadow: 2px 2px 10px 5px rgb(231, 231, 231);
}
.blue {
  color: #002168;
}
.card:hover .card-topbar,
.card:hover .bttn2 {
  background-color: #008600;
}
.card:hover .blue {
  color: #008600;
}
.card-topbar {
  background-color: #002168;
}
.bttn2 {
  background-color: #002168;
  color: #ffffff;
  border-radius: 20px;
  padding: 8px 25px 8px 25px;
}
.phone-call {
  width: 60px;
  height: 60px;
  right: 20px;
  bottom: 20px;
  background: #008600;
  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: #008600;
  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;
}
.accordion-button:not(.collapsed) {
  color: #ffffff !important;
  background-color: #363636 !important;
  box-shadow: none !important;
}
.accordion-button {
  background-color: #f1f1f1;
}
.accordion-button::after {
    background-image: url("../images/close-icon.png");
    transform: rotate(180deg);
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url("../images/open-icon.png");
    transform: rotate(-180deg);
  }
.footer-bg {
  background-color: #002168;
  color: white;
}
.footer-col1 {
  display: flex;
  align-items: center;
}
.footer-col2 {
    display: flex;
    justify-content: end;
    align-items: center !important;
  }
  .line::before {
    content: "";
    display: block; /* Ensures it takes up space */
    background-color: #002168;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    transform: translateY(-3px);
}
.line::after {
    content: "";
    display: block; /* Ensures it takes up space */
    background-color: #002168;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin-left: 100%;
    transform: translateY(-11px);
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 40% );
  width: calc(var(--swiper-navigation-size) / 44* 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex
;
  align-items: center;
  justify-content: center;
  color: #002168;
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .footer-col2 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer-col1 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
@-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: 0.6;
  }
  75% {
    -webkit-transform: scale(0.9);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}