.inner-header {
    position: relative;
    background: #f3f3f3;
}

.from_one {
    padding-block: 8rem 25rem;
}

.form-menu {
    position: relative;
}

.form-menu::before {
    content: '';
    background-color: #CFCFCF;
    height: 1px;
    position: absolute;
    width: 89%;
    top: 2rem;
    z-index: -1;
    left: 6rem;
}

.cus-tab {

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: space-between;
    align-items: center;
}

.cus-tab>li {

    text-align: center;
}

.cus-tab>li.active {
    position: relative;
}

.form-line {
    position: relative;
}

.education {
    padding-block: 8rem 8rem;
}

.order-smmery {
    padding-block: 4rem 8rem;
}

.education .form-menu::after {
    content: '';
    background-color: var(--green);
    height: 1px;
    position: absolute;
    width: 30%;
    top: 2rem;
    z-index: -1;
    left: 6rem;
}

.order .form-menu::after {
    content: '';
    background-color: var(--green);
    height: 1px;
    position: absolute;
    width: 70%;

    top: 2rem;
    z-index: -1;
    left: 6rem;
}


.cus-tab>li a span {
    background-color: var(--white);
    font-size: var(--font-18);
    color: var(--green);
    letter-spacing: -0.54px;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    border-radius: 6rem;
    line-height: 3rem;
    margin-bottom: 2rem;
    font-weight: 500;
}

.cus-tab>li a p {
    font-size: var(--font-18);
    color: #777777;
    letter-spacing: -0.54px;
    font-weight: 300;
}

.cus-tab>li.active a span {
    font-size: var(--font-25);
    border: 1px solid var(--yellow);
    background-color: #F3F3F3;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    margin-top: -.3rem;

}

.cus-tab>li.active a p {
    font-size: var(--font-18);
    color: var(--green);
    font-weight: bold;
}

.personal-box {
    box-shadow: 0px 3px 6px #00000014;
    border-radius: 8px;
    padding: 3rem 7rem;
    background-color: var(--white);
    margin-block: 3rem 0;
}

.personal-heading {
    position: relative;
    padding-block: 0 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal-heading p {
    margin-bottom: 0;
    font-size: var(--font-16);
    font-family: var(--family-geist);
    letter-spacing: -0.64px;
    color: var(--blue);
}

.personal-heading p span {
    font-weight: 600;
    font-family: var(--family-geist);
}

.personal-heading::before {
    content: '';
    background: #66666621;
    height: 1px;
    position: absolute;
    width: 110%;
    bottom: 3rem;
    left: -3rem;

}

.personal-heading h3 {
    font-size: var(--font-28);
    font-family: var(--family-geist);
    color: var(--blue);
    font-weight: 400;
    letter-spacing: -1.12px;
}

.personal-box .col-lg-6 {
    margin-bottom: 2rem;
}

.personal-box label {
    width: 100%;
    display: inline-block;
    font-size: var(--font-16);
    font-family: var(--family-geist);
    color: var(--black);
    margin-bottom: 1rem;
}

.personal-box input::placeholder {
    font-style: italic;
}

.personal-box input {
    border: 1px solid #D5D5D5;
    padding: 1rem;
    width: 90%;
    border-radius: .6rem;

}

input.form-control {
    font-style: normal;
    color: var(--black);
}

.country-list {
    display: flex;
    width: 100%;
}

.country-number {
    width: 100%;
}

.personal-box .btn_green {
    font-size: var(--font-18);
}

.personal-box .btn_green:hover {
    color: var(--white);
    background: var(--blue);
}

.personal-box select {
    border: 1px solid #D5D5D5;
    padding: 1rem;
    width: 90%;
    border-radius: .6rem;
    color: #666;
    font-style: italic;
}

.personal-box select option {
    font-style: italic;
}

.country-code select {
    border: 1px solid #D5D5D5;
    padding: 1rem .4rem;
    border-radius: .6rem;
    margin-right: .8rem;
    width: auto;
}

.order-detail-box {
    display: grid;
    grid-template-columns: repeat(3, 25% 60% 15%);
    gap: 2rem;
}

.order-detail-heading {}

.order-detail-heading h3 {
    font-size: var(--font-28);
    font-family: var(--family-geist);
    color: var(--black);
    font-weight: 300;
    letter-spacing: -1.12px;
}

.order-detail-no h3 {
    font-size: var(--font-28);
     font-family: var(--family-geist);
    color: var(--black);
    font-weight: 300;
    letter-spacing: -1.12px;
}

.personal-application {
    display: flex;
}

.edit {
    margin-left: 1.5rem;
}

.edit a {
    display: flex;
    color: #49CAFD;
   font-family: var(--family-geist);
}

.edit svg {
    margin-right: .5rem;
}

.total {
    box-shadow: 0px 3px 6px #00000014;
    border-radius: 8px;
    margin: 3rem 0 0 1rem;
    width: 100%;
    padding: 2rem;
    background-color: var(--white);
    position: sticky;
    top: 13rem;
}

.bottom-text {
    position: relative;
}

.bottom-text::before {
    content: '';
    background-color: #C09742;
    height: .4rem;
    width: 70%;
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 1rem;
}

.total-box {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #6666666b;
    margin-bottom: 1rem;
    padding: 1rem 0;
}

.total-text p {
    margin-bottom: 0;
    font-size: var(--font-14);
    font-family: var(--family-aller);
    color: var(--bg-black);
}

.total-price p {
    margin-bottom: 0;
    font-size: var(--font-16);
    font-family: var(--family-aller);
    color: var(--black);
    font-weight: 600;
}

.cus-pay {
    padding-block: 1rem 1.5rem;
}

.cus-pay .btn_green {
    width: 100%;
    text-align: center;
}

.cus-pay .btn_green:hover {
    color: var(--white);
    background: var(--blue);
}

.bottom-text {
    padding: 1.6rem 0;
    text-align: center;
}

.bottom-text p {
    margin-bottom: 0;
    font-size: var(--font-12);
    font-family: var(--family-aller);
    color: var(--bg-black);
}

.order-smmery-box {
    padding: 3rem;
}

.order-summery-payment {}

.order-summery-payment h4 {
    font-size: var(--font-21);
    font-family: var(--family-aller);
    color: var(--blue);
    font-weight: 400;
    letter-spacing: -1.12px;
    margin-bottom: 2rem;
}

.order-summery-payment p {
    font-size: var(--font-21);
    font-family: var(--family-aller);
    color: var(--black);
    letter-spacing: -0.84px;
    font-weight: 300;
    margin: 2rem 0;
}

.education .previous a span {
    background-color: var(--green);
    color: var(--white);
}

.complet .form-menu::after {
    content: '';
    background-color: var(--green);
    height: 1px;
    position: absolute;
    width: 88%;
    top: 2rem;
    z-index: -1;
    left: 6rem;
}

.cus-tab>li a span svg {
    width: 4rem;
    height: 3rem;
}

.complet-main {
    padding: 3rem 4rem;
}

.complet-list {
    display: grid;
    grid-template-columns: repeat(3, 23% 47% 25%);
    gap: 2rem;
}

.complet-text h4 {
    font-size: var(--font-28);
    font-family: var(--family-aller);
    color: var(--black);
    font-weight: 300;
    letter-spacing: -1.12px;
}

.complet-text p {
    font-size: var(--font-16);
    color: var(--black);
    letter-spacing: -0.64px;
    margin: 1rem 0 0 0;
}

.complet-text p span {
    font-weight: 600;
}

.payment-address-list {
    display: grid;
    grid-template-columns: repeat(3, 20% 50% 30%);
    gap: 2rem;
    margin-top: 3rem;
    border-top: 1px solid #6666662e;

}

.payment-date,
.payment-address,
.payment-method {
    padding: 2rem 0 0;
}

.payment-address-list span {
    font-size: var(--font-16);
    font-family: var(--family-aller);
    color: var(--black);
    letter-spacing: -0.64px;
    font-weight: 200;
    margin-bottom: 1rem;
    display: block;
}

.payment-address-list p {
    font-size: var(--font-16);
    font-family: var(--family-aller);
    color: var(--black);
    font-weight: 500;
    letter-spacing: -0.32px;
}

.payment-address {
    border-style: solid;
    border-color: #0000002e;
    border-width: 0px 1px 0px 1px;
    padding-left: 3rem;
}

.complet .cus-tab>li:last-child p {
    font-size: var(--font-18);
    color: var(--green);
}

.complet-box1 {
    box-shadow: 0px 3px 6px #00000014;
    border-radius: 8px;
    background-color: #0bb40024;
    padding: 3rem;
    display: flex;
    align-items: center;
}

.complet-box-text {
    padding-left: 2rem;
}

.complet-box-text h4 {
    font-size: var(--font-28);
    font-family: var(--family-aller);
    color: var(--black);
    font-weight: 300;
    letter-spacing: -1.12px;
    margin-bottom: 1rem;
}

.complet-box-text h4 strong {
    font-weight: 600;
}

.complet-box-text p {
    font-size: var(--font-18);
    font-family: var(--family-aller);
    color: var(--black);
    margin-bottom: 0;
}

.admission {
    background: #436F40;
    background: linear-gradient(90deg, rgba(67, 111, 64, 1) 63%, rgba(249, 206, 58, 1) 100%);
    padding-block: 6rem;
}

.admission-text {}

.admission-text span {
    font-size: var(--font-18);
    color: var(--white);
    font-family: var(--family-geist);
    margin-bottom: 2rem;
    display: block;
}

.admission-text h1 {
    font-size: var(--font-46);
    color: var(--white);
    font-family: var(--family-geist);
    letter-spacing: -0.92px;
    line-height: 4.6rem;
    font-weight: 900;
}

.admission1 {
    padding-block: 6rem;
}

.admission-img {
    margin-left: -3.5rem;
}

.admission-cus-text {
    padding-inline: 0 6rem;
}

.admission-cus-text p {
    font-size: var(--font-18);
    color: var(--green);
    font-family: var(--family-geist);
    line-height: 3.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.student1 {
    padding-block: 7rem 2rem;
}

.student-box {
    display: grid;
    grid-template-columns: repeat(2, 30% 70%);
    gap: 6rem;
    border-bottom: 1px solid #6666662e;
    padding-bottom: 4rem;
    margin-bottom: 6rem;
}
.parent-box-sec .student-img{
    display: none;
}


.student-box.parent-box-sec {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 6rem;
    border-bottom: 1px solid #6666662e;
    padding-bottom: 4rem;
    margin-bottom: 6rem;
}
.student-box.parent-box-sec .student-content{
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 2rem;
}


.quote {
    margin-bottom: 2rem;
}

.student-content {
    position: relative;
    /* border-bottom: 1px solid #66666626; */
    padding-bottom: 3rem;
    /* margin-bottom: 3rem; */
}

.student-content p, .student-content li {
    font-size: var(--font-16);
    font-family: var(--family-geist);
    color: var(--black);
    line-height: 2.4rem;
    padding-bottom: 12px;
}
.common_list{margin-block: 10px;}
.common_list li {
    position: relative;
}
.common_list li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #4b7141;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 100%;
}

.student-name h3 {
    background: linear-gradient(to right, #436F40,
            #FFCC29, #FFCC29, #FFCC29);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: var(--font-28);
    line-height: 1;
    letter-spacing: -1.2px;
    margin-bottom: 1rem;

}
.student-name figure {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    max-width: fit-content;
    padding-inline: 2rem;
    margin-block: 0.7rem;
    display: inline-block;
}
.student-name img {
    width: 5rem;
    mix-blend-mode: darken;
}
.student-name p {
    font-size: var(--font-16);
    font-family: var(--family-geist);
    color: var(--black);
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.student-name h6{
    font-size: var(--font-14);
    font-family: var(--family-geist);
    color: var(--black);
    margin-bottom: 1rem;
    font-weight: 400;
}
.student-name p:last-child {
    margin-bottom: 0;
    font-weight: 400;
}
.evaluation1{
    padding-block: 0 7rem;
}
.evaluation-img {
    margin-top: -3rem;
}
.evaluation-img img{
    border-radius: 1.5rem;
}


.evaluation-text{
display: flex
;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-inline: 8rem 0;
}
.evaluation-text h6{
        font-size: var(--font-16);
    font-family: var(--family-geist);
    color: var(--black);
    font-weight: 400;
    margin-bottom: 3rem;
}
.evaluation-text p{
         font-size: var(--font-14);
    font-family: var(--family-geist);
    color: var(--black); 
    line-height: 2.4rem;
}

.structure {
    position: relative;
    padding-block: 6rem;
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
        margin-bottom: 8rem;
}
.structure-left p{
             font-size: var(--font-18);
    font-family: var(--family-geist);
    color: var(--bg-green);
    font-weight: 600;
}

.structure-left h5{
                 font-size: var(--font-21);
    font-family: var(--family-geist);
       color: var(--black); 
        font-weight: 400;
        margin-bottom: 2rem;
}

.structure-list {
    display: flex
;
    justify-content: space-between;
}
.left-term span{
             font-size: var(--font-14);
    font-family: var(--family-geist);
   color: var(--black); 
    display: block;
}


.left-term h4{
    background: linear-gradient(to right, #436F40, #436F40, #436F40, #FFCC29);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: var(--font-24);
    line-height: 1;
    letter-spacing: -1.2px;
    margin-bottom: 1rem;
}

.right-term {
    padding-right: 7rem;
}
.internal-text {
    border-left: 1px solid #66666647;
    padding: 0 0 0 7rem;
    height: 100%;
    display: flex
;
    align-items: center;
}

.internal-text p{
                font-size: var(--font-21);
    font-family: var(--family-geist);
    color: var(--black); 
}

.internal-text p strong{
    font-weight: 600;
}
.structure::before{
    content: '';
    background-color: var(--white);
    position: absolute;
    z-index: -1;
    width: 106%;
    height: 110%;
    left: -5rem;
    border-radius: 1.5rem;
    top: -4rem;
}
.assignments-box{
    position: relative;
    margin-bottom: 6rem;
    display: flex
;
    flex-direction: column;
    height: 100%;
}
.assignments-box::before{
      content: '';
    background: transparent linear-gradient(91deg, #436F40 0%, #FFCC29 100%) 0% 0% no-repeat padding-box;
    height: 2px;
    width: 90%;
    position: absolute;
    bottom: 5rem;
    left: 0;
}

.assignments-img{
    margin-bottom: 2rem;
}
.assignments-text {
    padding: 0 5rem 0 0;
}
.assignments-text h4{
        font-size: var(--font-18);
    font-family: var(--family-geist);
    color: var(--bg-green);
    font-weight: 600;
    margin-bottom: 2rem;
}

.assignments-text p{
    font-size: var(--font-16);
    font-family: var(--family-geist);
    color: var(--black);
    line-height: 2.4rem;
}
.upload-page  .form-menu::after {
    width: 50%;
}
.btn-upload-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: var(--colora8);
    background-color: #fff;
    border-color: #ccc;
    padding: 8px 16px 7px;
    border: 1px solid #D5D5D5;
    padding: 1rem;
    width: 90%;
    border-radius: .6rem;
    text-align: center;
       font-family: var(--family-geist);
}
.btn-upload-input input[type="file"] {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   font-size: 20px;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
}
.btn-upload-input-title {
    margin-left: 2px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.btn-upload-input-title img{
    margin-right: 1rem;
}

.btn-clear {
   color: #333;
   border-color: #ccc;
   background-color: transparent;
   padding: 8px 16px 7px;
   margin: 0;
   &:focus,
   &:hover,
   &:active {
      background-color: transparent;
      border-color: #ccc;
      color: #333;
   }
}
.cus-upload .btn-upload-input{
        padding: .8rem 1rem;
            width: 70%;
}
.cus-upload {
    display: flex
;
    width: 95%;
}

.cus-upload .btn-upload-input-title img {
    margin-right: 0rem;
}

.cus-upload input{
       width: 96%; 
}
.terms-page{
  padding-block: 7rem;  
  min-height: 48vh;
}
.terms_wraper {
    margin-bottom: 4rem;
    /* padding-left: 3rem;
    border-left: 4px double; */
}
.terms_wraper ul li{ padding: 0.5rem 0;}
.thank_you{
    padding: 10rem 0;
}
.terms_wraper p{
        font-size: var(--font-16);
    color: var(--bg-black);
    letter-spacing: -0.64px;
    margin: 1rem 0 0 0;
        line-height: 1.5;
}

.terms_wraper h4{
        font-size: var(--font-24);
    color: var(--black);
}
.terms_wraper p a{
        color: var(--green);
}
.terms_wraper ul{
    margin: 2rem 0 0 0;
    padding: 0 0 0 2rem;
}

.terms_wraper ul li{
        font-size: var(--font-16);
    color: var(--bg-black);
    letter-spacing: -0.64px;
    list-style-type: disc;
}

.terms_wraper ul li a{
        color: var(--green);
}
.faq-section{
    background: var(--white) !important;
}
.faq-section .faq_hed .h_16 {
    color: var(--green);
}
.faq-section .faq_hed h3 {
    color: var(--green);
}

.faq-section .faq_tabs .tab-btn {
    color: var(--white);
    border-bottom: 2px solid var(--white);
    margin-left: 0;
    border-radius: 0;
    padding-left: 0;
    font-size: var(--font-18);
    padding: 1.1rem 0rem;
}

/* .faq-section .faq_tabs .tab-btn.active, .faq_tabs .tab-btn:hover {
    border: 2px solid var(--green);
    color: var(--white);
      background-color: var(--green);
} */
.faq-section .accordion-header {
    width: 100%;
    padding: 1.2rem 5.5rem;
    background-color: var(--green);
}
.faq-section .accordion-body {
  background-color: var(--green);
}
.faq-section .accordion-header:hover {
  background-color: var(--green);
}
/* ----------- */
.faq_sec .tabs-container {
    display: grid;
    grid-template-columns: repeat(1, 30% auto);
    gap: 5rem;
}
.faq_sec .right-pnl {
    margin-block: 4rem 3.5rem;
    background: #365C62;
    padding: 2rem;
}
.faq_tabs .tab-btn {
    font-size: var(--font-18);
    padding: 1.1rem 0rem;
    border: 2px solid transparent;
    background: transparent;
    font-family: var(--family-aller);
    color: var(--white);
    transition: all 0.3s ease-in-out;
    display: block;
    text-align: left;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    margin-bottom: 1rem;
    width: 100%;
    transition: all 0.4s ease-in-out;
}
.faq-section .faq_tabs .tab-buttons {
    display: block;
    flex-wrap: wrap;
    row-gap: 2rem;
}
.faq-section .faq_tabs .tab-btn.active, .faq-section .faq_tabs .tab-btn:hover {
    border-bottom: 2px solid var(--yellow);
    color: var(--yellow);
}
.faq-section .faq_tabs .tab-btn:hover {
    padding-left: 0.6rem;
}

.accordion-item.active .accordion-header:hover {
    background: var(--green);
}
.download-list {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem ;
}
.download-section-text{
    margin-bottom: 2.5rem;
}
.download-section-text h2{
    letter-spacing: -1.2px;
    font-size: var(--font-24);
    font-weight: 500;
    background: linear-gradient(to right, #436F40 53%, #FFCC29 67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

   
}
.download-box {
    position: relative;
    background-color: var(--white);
    padding: 3rem 2rem;
    display: flex
;
    align-items: center;
    justify-content: space-between;

}
.download-box::before{
        content: '';
    background: transparent linear-gradient(91deg, #436F40 0%, #FFCC29 100%) 0% 0% no-repeat padding-box;
    height: 2px;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.download-img {
    margin-left: 2rem;
    width: 10%;
}
.download-text {
    width: 80%;
}

.download-text p{
        font-size: var(--font-18);
    color: var(--bg-black);
    letter-spacing: -0.64px;
    margin-bottom: 0;
}
.recognitions-section .download-list {
    grid-template-columns: repeat(4, 1fr);
}
.academic-calendar{
    padding: 6rem 0 12rem;
}
@media(max-width:991px){
    .student1.academic-calendar {
    padding-block: 6rem;
}

}
@media(max-width:768px){
    .student1.academic-calendar {
    padding-block: 4rem;
}
.download-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}
}
@media(max-width:480px){

.download-list {
    grid-template-columns: auto;
    gap: 2rem;
}
.download-box {
    padding: 1rem 1rem;
}
.download-img {
    width: 8%;
}
}
/* Media */

@media(max-width:1450px){
   .complet-box-text h4 br{
    display: none;
}
.payment-address-list p br{
    display: none; 
}
.cus-tab>li a p {
    font-size: var(--font-16);
}
.form-menu::before{
    width: 86%;
}
.complet .form-menu::after{
    width: 86%; 
}
.personal-box label{
    font-size: var(--font-15);
}
}


@media(max-width:1366px){
   .complet-box-text h4 br{
    display: none;
}
.payment-address-list p br{
    display: none; 
}
.cus-tab>li a p {
    font-size: var(--font-16);
}
.form-menu::before{
    width: 86%;
}
.complet .form-menu::after{
    width: 86%; 
}
.personal-box label{
    font-size: var(--font-15);
}
 
}


@media(max-width:1280px){
.complet-box1{
        padding: 2rem;
}
.complet-box-text h4 br{
    display: none;
}
.payment-address-list p br{
    display: none; 
}
.cus-tab>li a p {
    font-size: var(--font-16);
}
.form-menu::before{
    width: 86%;
}
.complet .form-menu::after{
    width: 86%; 
}

}

.personal-box .form-check-input {
    border: 1px solid #D5D5D5;
    padding: 1rem;
    width: 100%;
    border-radius: .6rem;
    color: var(--black);
}
.personal-box .form-check-input {
    width: auto;
}
.form-checkbox {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0 1rem;
    margin: 1rem 0 0 0;
}
.form-checkbox .form-check-label {
    margin: 0;
    font-size: var(--font-13);
}



@media(max-width:991px){
    .terms-page {
        padding-block: 6rem;
    }
    .student-box{
        grid-template-columns: repeat(2, 30% 60%);
    }
    .student1 {
        padding-block: 6rem;
    }
    .student-box {
    gap: 4rem;
}
.student-content {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.progrm_eleven .faq_tabs .tab-buttons {
    margin-top: 3rem;
    justify-content: start;
}
.progrm_eleven .faq_item {
    padding-top: 0rem;
}
.faq-section .faq_tabs .tab-btn:first-child {
    margin-left: 0;
}
.faq_sec .tabs-container {
    gap: 2rem;
}

.inner_testimonials .tab-buttons{flex-wrap: wrap;}

}


@media(max-width:767px){
    .terms-page {
        padding-block: 4rem;
    }
    .terms_wraper{
        padding-left: 0;
    }
    .student1 {
        padding-block: 4rem;
    }
    .student-box{
        padding-bottom: 2rem;
        margin-bottom: 3rem;
    }

    .recognitions-section .download-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
    .progrm_eleven .faq_hed {
    max-width: 100%;
}
.terms_wraper {
    margin-bottom: 2rem;
}
.terms-page {
        padding-block: 3rem;
    }

.faq_sec .tabs-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
}
.faq_sec .tabs-container .right-pnl{ display: block;}
.progrm_eleven .faq_tabs .tab-buttons { margin-top: 0; }
.faq_sec { padding-block: 4rem; }
.progrm_eleven .faq_tabs .tab-btn{ border-bottom: 1px solid #fff; padding-left: 1rem;}
.progrm_eleven .faq_tabs .tab-btn:last-child{ border-bottom: 0px;}
}
@media(max-width:575px){
    .student-box {
        grid-template-columns: repeat(1, 100%);
        gap: 3rem;
    }
    .student-name p {
        margin: 0;
    }
    .student-img figure img {
        width: 100%;
    }
    .recognitions-section .download-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:480px){
   /* .faq-section .faq_tabs .tab-btn.active, .faq_tabs .tab-btn:hover {
    border: 1px solid var(--green);
} */
.progrm_eleven .faq_tabs .tab-btn {
    /* padding: 0.4rem 1.2rem; */
    font-size: 14px;
}
.faq-section .accordion-header {
    padding: 1.2rem 2rem 1.2rem 4.5rem;
}
.progrm_eleven .accordion-body {
    padding: 0 3rem 0rem 4.5rem;
}

.progrm_eleven .accordion-item .accordion-header {
    line-height: 1.4;
}
    .progrm_eleven .faq_item {
        padding-top: 0;
    }

}