/*
============================
Name:  Quad - Sass Landing Page Theme
Version: 1.0.2
Description: Quad - Sass Landing Page Theme
Author: Vikiglab
Author URI :https://themeforest.net/user/vikinglab/portfolio
Location:
============================
*/

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
   font-family: "Poppins", sans-serif;
}
input{
  max-width: 100%;
}
textarea {
  max-width: 100%;
}

img{
  max-width: 100%;
  max-height: 100%;
}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
a:hover,
a:focus{
  outline: none;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6{
  margin:0;
}
p{
  margin: 0;
}


.accordion-header button { font-size: 20px; text-transform: capitalize; font-weight: 400;}
.accordion-body  p { font-size: 16px;}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #00acef;
    color: #fff;
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}
.accordion-item .show .accordion-button::after{

      background: #fff;
    padding: 10px;
}

.other-features p { font-size: 16px; }

.text-primary {
    --bs-text-opacity: 1;
    color: rgb(0 172 239) !important;
}


.award-box {
  border: 1px solid #e5e7eb;
  transition: all .3s ease;
}

.award-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 25px rgba(0,0,0,0.08);
  border-color: #00a6ff;
}

.feature-card {
  border: 1px solid #e5e7eb;
  transition: .35s ease;
  background: #fff;
}

.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,.08);
  border-color: #00bef8 ;
  background-color: #d5f4fdff !important;
}

.feature-card.highlight {
  background: #ccf2fcff;
}


.template{transition:.3s}
.template:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 20px rgba(0,0,0,.4)
}
.nav-tabs .nav-link{border:none}
.nav-tabs .nav-link.active{
  background:#fff;
  color:#000 !important;
  border-radius:4px;
}

.feature-item {
  font-weight: 500;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  transition: .3s;
}

.feature-item .arrow {
  transition: .3s;
}

.feature-item:hover {
  color: #000;
}

.feature-item:hover .arrow {
  transform: translateX(6px);
}