#hero {
  width: 100%;
  height: 70vh;
  background: url("../img/images/abus-bg-new.jpg") top center;
  background-size: cover;
  position: relative;
  padding: 0;
  
}


/* Media query for screens smaller than 768px (adjust as needed) */
@media (max-width: 768px) {
  #hero {
    background-position: calc(100% - 30%) center;
  }
}
#hero:before {
  content: "";
  background:  linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
/* Tablet and Mobile View */
@media (max-width: 991.98px) {
  #why-us .section-title[data-aos="zoom-in"] {
    /* Apply any alternative styling or simply remove the zoom-in effect */
    /* For example, you can set transition to none */
    transition: none !important;
    
  }
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.feature {
  padding-top: 80px;
  padding-bottom: 80px;
}

.feature .feature-item+.feature-item {
  margin-top: 100px;
}

@media (max-width: 640px) {
  .feature .feature-item+.feature-item {
    margin-top: 40px;
  }
}

.feature .feature-item h3 {
  font-weight: 500;
  font-size: 38px;
  color: #355d99;
}

.feature .feature-item ul {
  list-style: none;
  padding: 0;
}

.feature .feature-item ul li {
  padding-bottom: 10px;
}

.feature .feature-item ul li:last-child {
  padding-bottom: 0;
}

.feature .feature-item ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--color-primary);
}

.feature .feature-item p:last-child {
  margin-bottom: 0;
}



/*--------------------------------------------------------------
# Our Team Section
--------------------------------------------------------------*/

.TEAM{
    margin-top: 60px;
    padding-bottom: 60px;
    
}
.TEAM .member {
    text-align: center;
    font-family: 'Poppins', Arial, sans-serif;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid rgba(14, 29, 52, 0.15);
  }
  
  .TEAM .member img {
    margin: -1px -1px 30px -1px;
  }
  
  .TEAM .member .member-content {
    padding: 0 20px 30px 20px;
  }
  
  .TEAM .member h4 {
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 20px;
  }
  
  .TEAM .member span {
    font-style: italic;
    display: block;
    font-size: 13px;
    color: #000000;
  }
  
  .TEAM .member p {
    padding-top: 10px;
    font-size: 16px;
    color: #000000;
  }
  
  .TEAM .member .social {
    margin-top: 15px;
  }
  
  .TEAM .member .social a {
    color: rgba(14, 29, 52, 0.5);
    transition: 0.3s;
  }
  
  .TEAM .member .social a:hover {
    color: var(--color-primary);
  }
  
  .TEAM .member .social i {
    font-size: 18px;
    margin: 0 2px;
  }

/*--------------------------------------------------------------
# F.A.Q Section
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .faq {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .faq{
    padding-top: 0px !important; 
  }
}


.faq{
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #e7f3f4;
}
.faq .content h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 400;
  font-size: 34px;
  color: var(--color-secondary);
}

.faq .content h4 {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}

.faq .content p {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 15px;
  color: var(--color-gray);
}

.faq .img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
}

.faq .accordion-item {
  border: 0;
  margin-top: 15px;
  box-shadow: 0px 5px 25px 0px rgba(var(--color-black-rgb), 0.06);
}

.faq .accordion-collapse {
  border: 0;
}

.faq .accordion-button {
  padding: 15px 40px 20px 60px;
  font-weight: 600;
  border: 0;
  font-size: 18px;
  font-family: 'Poppins', Arial, sans-serif;
  color: var(--color-default);
  text-align: left;
  background: var(--color-white);
  box-shadow: none;
  border-radius: 5px;
}

.faq .accordion-button:not(.collapsed) {
  color: var(--color-primary);
  border-bottom: 0;
  box-shadow: none;
}

.faq .question-icon {
  position: absolute;
  top: 14px;
  left: 25px;
  font-size: 20px;
  color: var(--color-primary);
}

.faq .accordion-button:after {
  position: absolute;
  right: 15px;
  top: 15px;
  color: var(--color-primary);
}

.faq .accordion-body {
  padding: 0 30px 25px 60px;
  border: 0;
  border-radius: 5px;
  background: var(--color-white);
  box-shadow: none;
}