@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Montserrat", serif;
}
.dot {
    width: 15px;
    height: 15px;
    background: #91dd01;
    border-radius: 50px;
    -webkit-animation: .65s ease-in infinite alternate pulse;
    animation: .65s ease-in infinite alternate pulse;
    margin-right: 10px;
}
.fs-60{
    font-size: 60px;
}
.fs-12{
    font-size: 12px;
}
.text-black{
    color: #000000;
}
.nav-color {
    background-color: #181818;
  }
  .nav-num {
    font-size: 18px;
    font-weight: 600;
    color: white;
  }
  .sec-navnum {
    display: none !important;
  }
  .hero-banner{
    background: url("../images/fiber-hero-banner.webp") center / cover no-repeat;
    /* height: 100vh; */
  }
  .bg-red{
    background-color: #FF0D0D;
  }
  .bg-blue{
    background-color: #001A41;
  }
  .bg-black{
    background-color: #000000;
  }
  mark{
  padding: 8px 20px 8px 20px;
  border-radius: 15px 0px 15px 0px;
  border: none;
  outline: none;
  }
  .text-red{
    color: #FF0D0D;
  }
  .bttn{
    border-radius: 20px;
    padding: 8px 25px 8px 25px;
  }
  .tab-section.tb.active {
    color: #FF0D0D;
    padding-bottom: 20px;
    border-bottom: 2px solid #FF0D0D !important;
    box-shadow: none;
  }
  .price-card{
    background: url("../images/Mask.png") center / cover no-repeat;
    background-color: #FF0D0D;
    padding: 30px 30px 30px 30px;
  }
  .card-style{
    border-radius: 40px 0px 40px 0px;
  }
  .blue-pat{
    background-image: url("../images/Mask.png");
  }
  .trusted-bg{
    background: url("../images/trusted-bg.webp") center / cover no-repeat;
  }
  .para{
    font-size: 14px;
  }
  .last-card{
    background-color: #001A41;
  }
  .last-card:hover{
    background-color: #FF0D0D;
  }
  .footer-li1{
    display: none;
}
.phone-call {
  width: 60px;
  height: 60px;
  right: 20px;
  bottom: 20px;
  background: #FF0D0D;
  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: #FF0D0D;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  opacity: 0.6;
  -webkit-animation: callpulse 1s ease-out;
  animation: callpulse 1.8s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes callpulse {
  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;
  }
}
@-webkit-keyframes pulse {
    from { transform: scale(1);opacity: 0.1; }
    to { transform: scale(1.2); }
  }
  
  @keyframes pulse {
    from { transform: scale(1); opacity: 0.1; }
    to { transform: scale(1.2); }
  }  

  @media screen and (min-width: 280px) and (max-width: 768px) {
    .sec-navnum {
      display: block !important;
    }
    .sec-navnum1 {
      display: none !important;
    }
     .pluss1{
    display: none !important;
  }
  .footer-li1{
    display: block;
  }
  .footer-li{
    display: none;
  }
  .row-reverse {
    flex-direction: column-reverse;
  }
}