/* FAQ Accordion CSS */
.faq-outer-section{
    position: relative;
    overflow: hidden;
    background: #BFFBFB;
    padding: 120px 160px;
}
.faq-gradient-blob{
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    filter: blur(200px);
    pointer-events: none;
}
.faq-gradient-blob1{
    width: 128.8%;
    height: 165.1%;
    left: -41.9%;
    top: -64.3%;
    background: linear-gradient(-60deg, rgba(255, 218, 228, 1) 30%, rgba(255, 255, 255, 1) 83%);
}
.faq-gradient-blob2{
    width: 126.6%;
    height: 196.8%;
    left: 19.6%;
    top: -58.1%;
    background: linear-gradient(137deg, rgba(243, 220, 255, 1) 45%, rgba(250, 241, 254, 1) 63%, rgba(227, 241, 195, 1) 81%);
}
.faq-card{
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 64px;
    max-width: 1120px;
    margin: 0 auto;
}

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: 0 auto;position: relative;}
.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: left;color:#333;margin-bottom:24px;}
.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;}

/* Data center region table (last FAQ item) */
.faq-table-wrap{margin-top: 16px;overflow-x: auto;border: 1px solid #E6E3FF;border-radius: 8px;}
.faq-table{width: 100%;border-collapse: collapse;min-width: 560px;}
.faq-table th, .faq-table td{text-align: left;padding: 14px 20px;border: 1px solid #E6E3FF;font-family: 'avenir_next_worldmedium', 'Verdana';font-size: 15px;color: #222;line-height: 22px;vertical-align: top;}
.faq-table th{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;color: #222;background: #F1F0FF;text-align: left;border-top: none;}
.faq-table th:first-child, .faq-table td:first-child{border-left: none;}
.faq-table th:last-child, .faq-table td:last-child{border-right: none;}
.faq-table tr:last-child td{border-bottom: none;}
.faq-table-note{font-family: 'avenir_next_worldmedium', 'Verdana';font-size: 13px;color: #333;line-height: 20px;padding: 14px 20px;margin: 0;border-top: 1px solid #E6E3FF;}
.faq-table-note strong{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;}

@media (min-width: 1920px){
    .faq-fold{max-width: 1350px;}
    .faq-card{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;}
    .faq-card{padding: 40px;}
}
@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;}
}
@media (max-width: 768px){
    .faq-title br{display:none;}
    .faq-title{font-size: 24px;line-height: 32px;}
    .faq-outer-section{padding: 40px 16px;}
    .faq-card{padding: 24px;border-radius: 12px;}
    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;}
    .faq-gradient-blob1{width: 500px;height: 500px;left: -200px;top: -250px;}
    .faq-gradient-blob2{width: 500px;height: 550px;right: -200px;top: -250px;}
}
@media (max-width: 415px){
    .accordion:after {position: absolute !important;top: 37%;right: 5px;}
    button.accordion br {display: none !important;}
}