@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

body {
      font-family: 'Nunito', sans-serif;
      background-color: #efefe5;
    }
    .btn-whatsapp {
        font-size: 20px;
        background-color: #fbe639;
        border: none;
    }

    .btn-whatsapp:hover {
        background-color: #e6d233;  
    }
    .whatsapp-fab {
        background-color: #fbe639;
        font-size: 32px;
        border: none;
        padding: 30px 150px;
        border-radius: 30px;
        font-weight: 600;
        z-index: 1050;
    }

    .whatsapp-fab:hover {
        background-color: #e6d233;
        text-decoration: none;
        color: #000;
    }
    .staff-line {
      width: 100%;
      height: 30px;
      background: repeating-linear-gradient(
        to right,
        #3c64b1 0px,
        #3c64b1 3px,
        transparent 3px,
        transparent 11px
      ),
      repeating-linear-gradient(
        to right,
        #3c64b1 0px,
        #3c64b1 3px,
        transparent 3px,
        transparent 11px
      );
      background-position: 0 5px, 0 15px;
      background-size: 100% 100%;
      background-repeat: repeat-x;
    }
    .faq-heading-bg {
      background-color: #181f31;
      color: white;
      padding: 100px 20px;
      text-align: center;
    }

    .faq-subheading-bg {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1382.4" height="47" viewBox="0 0 1382.4 47" fill="none"><rect width="57.6" height="47" transform="matrix(1 0 0 -1 0 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 57.6001 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 115.2 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 172.8 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 230.4 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 288 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 345.6 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 403.2 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 460.8 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 518.4 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 576 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 633.6 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 691.2 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 748.8 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 806.4 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 864 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 921.6 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 979.2 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 1036.8 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 1094.4 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 1152 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 1209.6 47)" fill="%23FBE639"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 1267.2 47)" fill="%2301D9F3"/><rect width="57.6" height="47" transform="matrix(1 0 0 -1 1324.8 47)" fill="%23FBE639"/></svg>');
      height: 25px;
      background-repeat: repeat-x;
      background-position: center;
    }

    .input-box {
      display: flex;
      background-color: white;
      border-radius: 4px;
      overflow: hidden;
      max-width: 550px;
      margin: 0 auto;
    }

    .input-box input {
      border: none;
      flex-grow: 1;
      padding: 10px 20px;
      font-size: 15px;
    }

    .input-box img {
      padding: 10px;
      cursor: pointer;
    }

    .faq-container {
      background-color: white;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px 7px;
      margin-top: -80px;
      padding: 40px 30px;
    }

    .faq-question-container {
      display: flex;
      justify-content: space-between;
      cursor: pointer;
      border-bottom: #0000001f solid 1px;
      padding-bottom: 20px;
    }

    .answer-box {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.5s ease;
    }

    .faq.active .answer-box {
      max-height: 750px;
    }

    .faq.active .openimg {
      transform: rotate(180deg);
    }

    .openimg {
      transition: transform 0.3s ease-in;
    }