/* Add custom CSS styles below */ 

.main-banner-component .container {
    max-width: 95% !important;
      width: 95% !important;
}
.main-banner-component .container  .content {
    align-items: end;
    padding-bottom: 90px;
}
.main-banner-component a {
    margin-right: auto;
    color: #000 !important;
    font-size: 14px;
    border-radius: 50px;
}
@media (min-width:991px){
    .main-banner-component h3.text-lg {
    font-size: 20px;
}
  .main-banner-component p {
    font-size: 20px;
    text-align: end;
    margin-left: 65px;
}
    .main-banner-component .container  .content  > div ,   .main-banner-component .container  .content  {
    max-width: 60%;
    width: 60%;
  }
  .special-banner-component .aos-animate > div:nth-of-type(3) > div {
min-height: inherit;
    justify-content: space-around;
  }
    .special-banner-component .aos-animate > div:nth-of-type(3){
      min-height: 737px;
    }
  }
@media (max-width:768px){
  .main-banner-component .container  .content {
    margin-bottom: 40px;
    align-items: end;
    padding-bottom: 30px;
  }
  .faq-component p.text-base {
    font-size: 12px;
    font-weight: 500;
}
}