.faq-module-container {
    max-width: 1220px;
  padding-bottom:50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-image:url(https://www.propelhr.com/hubfs/Assets%20for%20Client%20Hub%20Page%20Dec%202021/SVG/need-help-white-square-propel-client-hub.svg)!important;
}

.intro-and-accordion-container{
  max-width: 80%;
    width: 80%;
    margin: 0 auto;
}

#individual-section-container, #second-section-individual-section-container{
  display: flex!important;
  justify-content: space-between;
}

.individual-help-button-container, .second-section-individual-help-button-container{
  display:flex;
 align-items:center; 
 margin:0px 15px;
}

.first-subtitle-container{
text-align: center;
margin-bottom: 25px;
  color:#0288cc;
  font-weight:600;
}

.second-subtitle-container{
 text-align: center;
margin: 50px; 
  color:#0288cc;
  font-weight:600;
}

.individual-help-button-container a, .second-section-individual-help-button-container a{
 color:#FFFFFF!important;
 text-decoration:none;
 background-color:#0288cc;
 border-radius:8px;
 padding:10px;
 font-size:12px;
  transition:none;
}

.individual-accordion-container, .second-section-individual-accordion-container{
 width:95%; 
}

.intro-text-container{
 padding:25px 0px;
 color:#0288cc;
}

.intro-text-container::before{
      content: "";
    width: 70px;
    display: block;
    border-top: 5px solid #fce300;
    color: #0288cc;
    height: 5px;
    margin: 0 auto;
  padding-bottom:5px;
}

.intro-text-container h2{
 text-align:center;
 color:#0288cc;
  padding-bottom:30px;
}

.individual-accordion-container, .second-section-individual-accordion-container, #extra{
 border-bottom:2px solid #EFEFEF;
/*  padding:25px; */
}

.individual-accordion-container.first, .second-section-individual-accordion-container.first{
  border-top:2px solid #EFEFEF;
}

.faq-button-container{
  margin-top:50px;
}

.faq-button-container a{
 background-color: #52c4ff;
    padding: 15px 35px;
    border-radius: 30px;
    color: #ffffff; 
      display: block;
    text-align: center;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  cursor: pointer;
  font-size:18px;
}

.faq-button-container a:hover{
 color:#ffffff!important; 
}


/***** Accordion Styling *****/



/* Style the buttons that are used to open and close the accordion panel */
.accordion, .second-section-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  line-height:initial;
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 15px 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  border-radius:0;
}

.accordion p, .second-section-accordion p{
 font-weight:400;
  margin:0;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.individual-help-button-container a:hover, 
.second-section-individual-help-button-container a:hover {
  background-color: #FCE300!important;
}


.active{
 background:#ffffff; 
}

.panel{
 padding:0px 40px!important;
      padding: 20px 20px 20px 20px!important;
  -webkit-box-shadow:none!important;
          box-shadow:none!important;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  margin-bottom:0px!important;
  background-color: #ffffff!important;
  display: none;
  overflow: hidden;
}

.faq-module-container{
  padding-top:75px;
  padding-bottom:125px;
 border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; 
}

/*****************************/

@media all and (max-width: 980px) {
  .individual-help-button-container, .second-section-individual-help-button-container{
   margin:0 auto; 
  }
 .faq-module-container{
   padding-left:25px!important;
   padding-right:25px!important;
  }
  #individual-section-container, #second-section-individual-section-container{
   flex-flow:column;
   border-top:1px solid #EAEAEA;
   padding:25px 0px;
  }
  .individual-accordion-container, .second-section-individual-accordion-container, #extra{
   border-bottom:none; 
  }
  .individual-accordion-container.first, .second-section-individual-accordion-container.first{
   border-top:none; 
  }
  .faq-module-container{
   background-position:center!important; 
  }
  .accordion, .second-section-accordion {
    justify-content: center;  
}
}
 
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  
  .accordion, .second-section-accordion {
    justify-content: center;  
}
  
  .faq-outside-container{
   padding-top:25vh!important; 
  }
  
  .accordion, .second-section-accordion{
    padding: 15px 0px;
    width: 100%;
    text-align: center;
  }
 .faq-button-container a{
   font-size:14px;
  }
  .faq-module-container{
   padding-left:25px!important;
   padding-right:25px!important;
  }
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 .accordion:after {
  width:20px;
}

.active:after {
  width:20px;
}
}