/* FAQ Accordion CSS */
.faq-outer-section{background: #FFFFFF;padding: 80px 0px;}

button.accordion.first-accordian {
    border-top: none !important;
}
/* Bottom divider on the last item's panel (not the button) so the line sits
   below the answer, matching the Student Portfolios V2 FAQ rail. */
button.accordion.last-accordian + .panel {
    border-bottom: 1px solid #E6E6E6;
}

.panel ul {margin-left: 22px;}
.panel ul li {list-style-type: disc;line-height: 30px;}
.panel, .panel p {font-family: 'avenir_next_worldmedium', 'Verdana';font-size: 16px;color: #707070;max-width: 100%;line-height: 28px;}
button.accordion {font-family: 'avenir_next_worlddemi', 'Verdana';font-size: 16px;font-weight: 600;line-height: 28px;letter-spacing: 0px;text-align: left;padding:24px 0;color: #333;}
button.accordion.active {padding-bottom: 8px;}
button:focus {outline: none !important;}
.faq-fold {max-width: 1120px;margin: 40px auto;position: relative;margin-top: 0;margin-bottom: 0;}
.accordion {background:transparent;border-top: 1px solid #E6E6E6 !important;color: #333;cursor: pointer;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.5s;position: relative;}
.accordion:after {content: '\002B';color: #707070;font-weight: bold;float: right;margin-left: 5px;font-family: 'avenir_next_worldregular', 'Verdana';border: 1.5px solid #707070;width: 24px;height: 24px;display: grid;place-content: center;border-radius: 50%;font-size: 15px;position: absolute;top: 24px;right: 0;background: #fff;}
.accordion.active:after {content: "\2212";}
.panel p {line-height: 28px;}
.panel {position: relative;max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;}
.faq-title {font-family: 'avenir_next_worldbold', 'Verdana';font-size: 32px;font-weight: normal;line-height: 40px;letter-spacing: 0em;text-align: center;color:#333;margin-bottom:40px;}
.panel a {text-decoration: underline;color: #008392;}
.panel a:hover {text-decoration: none;color: #008392;}
.faq-last-updated{font-family: 'avenir_next_worldmedium', 'Verdana';font-size: 14px;color: #707070;margin-top: 40px;}
@media (min-width: 1920px){
    .faq-fold{max-width: 1350px;}
}
@media (max-width: 1200px){
    .faq-outer-section{padding: 80px 40px;}
}
@media (max-width: 1024px){
    .faq-title{font-size: 28px;line-height: 36px;}
    .faq-outer-section{padding: 64px 20px;}
}
@media (max-width: 991px){
    .panel p {padding-left: 10px !important;}
    .panel, .panel p{ line-height: 24px !important;font-size: 16px !important; }
    button.accordion {position:relative;line-height: 24px !important;font-size: 16px !important;padding-right: 30px;padding-left: 17px;}
}
@media screen and (min-width:991px) and (max-width:1025px){
    .faq-fold {max-width: 920px !important;margin-top: 40px !important;}
}
@media (max-width: 768px){
    .faq-title br{display:none;}
    .faq-title{font-size: 24px;line-height: 32px;}
    .faq-outer-section{padding: 40px 16px;}
    button.accordion{line-height: 24px !important;font-size: 16px !important;padding-right: 45px;padding-left: 0;font-family: 'avenir_next_worldbold', 'Verdana';font-weight:normal;}
    .panel p{font-size: 16px !important;line-height: 24px !important;padding-left: 0 !important;padding-right: 0;}
}
@media (max-width: 415px){
    .accordion:after {position: absolute !important;top: 37%;right: 5px;}
    button.accordion br {display: none !important;}
}