@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  body{
    font-family: "Montserrat", sans-serif;
  }

  .custom-red{
    color: #FF5757;
  }
  .bg-custom-red{
    background-color: #FF5757;
  }
  
  header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 10%;
  }
  
  .logo {
    margin-right: auto;
  }
  
  .nav__links {
    list-style: none;
    display: flex;
    margin-bottom: 0;
  }
  
  .nav__links a,
  .cta,
  .overlay__content a {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #edf0f1;
    text-decoration: none;
  }
  
  .nav__links li {
    padding: 0px 20px;
  }
  
  .nav__links li a {
    transition: all 0.3s ease 0s;
  }
  
  .nav__links li a:hover {
    color: #FF5757 !important;
  }

  footer ul li a:hover{
    color: #FF5757 !important;
  }
  
  .cta {
    margin-left: 20px;
    padding: 7px 25px;
    background-color: rgba(255, 87, 87, 1);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  
  .cta:hover {
    background-color: #ff0000;
    color:white !important;
    transition: all 0.3s ease 0s; 
  }
  
  /* Mobile Nav */
  
  .menu {
    display: none;
  }
  
  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #24252a;
    overflow-x: hidden;
    transition: all 0.5s ease 0s;
  }
  
  .overlay--active {
    width: 100%;
  }
  
  .overlay__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .overlay a {
    padding: 15px;
    font-size: 36px;
    display: block;
    transition: all 0.3s ease 0s;
  }
  
  .overlay a:hover,
  .overlay a:focus {
    color: #FF5757 !important;
  }
  .overlay .close {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: #edf0f1;
    cursor: pointer;
  }

  h1, h2, h3, p, small {
    font-family: 'Inria Sans', sans-serif;
 }
 
 .custom-margin{
     margin-top: 100px;
 }
 .custom-margin2{
     margin-top: 100px !important;
 }
 
 .card-text small {
   font-size: smaller !important;
   font-family: 'Inria Sans', sans-serif !important;
 }
 .custom-border-radius{
   border-radius: 18px !important;
 }
  
  @media screen and (max-height: 450px) {
    .overlay a {
      font-size: 20px;
    }
    .overlay .close {
      font-size: 40px;
      top: 15px;
      right: 35px;
    }
  }
  
  @media only screen and (max-width: 892px) {
    .nav__links,
    .cta {
      display: none;
    }
    .menu {
      display: initial;
    }
  }

  .holographic-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg,
            transparent,
            transparent 30%,
            rgba(0, 255, 255, 0.3));
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    opacity: 0;
}

.holographic-card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

.holographic-card:hover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(100%);
}
.bgimg{
  background-image: url('../images/background.png');
  background-repeat: no-repeat;
  background-size: 100% 750px;
  background-position: top;
  border: none;
  overflow: hidden;
}
.pricingbgimg{
  background-image: url('../images/background.png');
  background-repeat: no-repeat;
  background-size: 100% 620px;
  background-position: top;
  border: none;
  overflow: hidden;
}

.custom-bg-transparent{
  background-color: transparent !important;
}

@media only screen and (max-width:769px) {
.custom-text-center{
  text-align: center !important;
}
}
@media only screen and (max-width:480px) {
  #sub-lg{
    display: none;
  }
  .sub-sm{
      display: none ;
  }
  .sub-mob{
    display: block;
    display:flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .sub-sm-content{
    display: block;
    display:flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
@media only screen and (max-width:994px) {
.tab-img{
  display: none !important;
}
.tab-img-mob{
  display: block !important;
}
}

@media only screen and (max-width: 994px) and (min-width: 480px)  {
  #sub-lg{
    display: none;
  }
    .sub-sm{
    display: block;
    display:flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }
    .sub-sm-content{
    display: block;
    display:flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
.custom-text-color{
  color: #374151 !important;
}


.custom-animation {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.custom-animation.visible {
  opacity: 1;
  transform: translateY(0);
}

.custom-hover-card {
  cursor: pointer;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-hover-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.custom-hover-card-sub:hover {
  cursor: pointer;
}

.custom-active{
  cursor: pointer;
  border: #FF5757 2px  solid  !important;
  background-color: #FF57571C;
  border-radius: 10px;
  transition:all 0.3s ease;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  transform: translateY(-10px);
}

.custom-active-tab{
  cursor: pointer;
  border: #FF5757 2px  solid  !important;
  background-color: #FF57571C;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin:0%
}
.custom-active-mob{
  cursor: pointer;
  border: #FF5757 2px  solid  !important;
  background-color: #FF57571C;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin:0%
}

.custom-responsive{
display: flex;
flex-direction: row;
flex-grow: 1;
flex-wrap: wrap;
}

.custom-gutter {
  --bs-gutter-x: 10rem;
}


.nav-link {
  color: #374151;
}

.nav-link:hover {
  color: #374151;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link{
  color: #fff !important;
  background-color: #FF5757 !important;
  transition: background-color 800ms;
}

.nav-pills .nav-link.active small.custom-desc-color,
.nav-pills .show>.nav-link small.custom-desc-color{
  color: #fff !important;
}

.custom-display-none{
  display: none;
}

.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #FF5757 !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

#headingOne:focus {
  outline: none
}
#mob-sub-card-3:focus {
  outline: none
}
#ind-focus:focus {
  outline: none
}
#pricing-focus:focus {
  outline: none
}
#FAQ-1:focus {
  outline: none
}

.custom-small-text{
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0px;
}