.iit-foundation{
/* height: calc(100vh - 95px); */
    display: flex;
    /* background: linear-gradient(to bottom, var(--white) 70%, var(--orange) 30%); */
    padding-top: 30px;
}
.iit-foundation h1 {
    font-family: 'Gill Sans MT Ext Condensed';
    margin-bottom: 30px;
    font-size: 50px;
    color: var(--text);
    position: relative;
    padding-bottom: 10px;
}
.iit-foundation h1::before {
    position: absolute;
    content: '';
    width: 60px;
    height: 2px;
    background-color: var(--orange);
    bottom: 0;
}
.iit-foundation h1 span {
    color: var(--orange);
}
.iit-foundation ul li {
    display: flex;
    align-items: baseline;
    gap: 15px;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}
.iit-foundation ul li i{
font-size: 24px;
color: var(--orange);
}
.fondation-types{
    padding: 70px 0;
}
.fondation-types .card{
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    display: flex;
    flex-direction: row;
    padding: 20px;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-inline-start: auto;
    width: 580px;
    height: 352px;
    background-color:#d7d3d370;

}
.fondation-types .card h3{
    transition: 0.5s all;
    color: var(--text-orange);
    font-weight: bold;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.fondation-types .card p{
    text-align: justify;
    font-size: 16px;

}
.fondation-types .card img{
    position: absolute;
    width: 250px;
    border-radius: 20px;
    top: 48px;
    left: -41px;
}
.fondation-types .card .card-body{
margin-left: 210px;
left: -120px;
}
.fondation-types .row{
row-gap: 50px;
}
.iit-foundation h2{
    text-align: left;
    font-family: 'Gill Sans MT Ext Condensed';
    text-decoration: underline;
    text-underline-offset: 30px;
    text-decoration-thickness: 0;
    color: var(--black);
    position: relative;
    margin-bottom: 50px;
    font-size: 38px;
        margin-top: 50px;
}
.iit-foundation h2 span{
    color: var(--orange);
}
.iit-foundation h2::after {
     content: '';
    position: absolute;
    bottom: -24px;
    left: -1px;
    transform: unset;
    width: 30px;
    height: 5px;
    background-color: var(--orange);
}
.pre_primary{
    background: var(--copy_bg);
        z-index: -4;
    position: relative;
}
.pre_primary p{
    color: white;
}
.pre_primary ul li{
    color: white;

}
.pre_primary h2,
.pre_primary h1{
    color: white;
}
.school{
    padding: 50px 0;
    overflow: hidden;
}
.school p{
    margin-bottom: 10px;
}
 .nav-tabs .nav-link.active {
    color: #fa5508 !importent;
}
 .nav-tabs{
     margin-top: 50px;
 }
 .tab-content{
     margin-top: 41px;
 }
     
 .academic_imgs img{
    border-radius: 50%;
    border: 2px dashed white;
    padding: 10px;

 }
  .academic_imgs{
      position: relative;
  }
.academic_imgs::after {
    position: absolute;
    content: '';
    bottom: -1339px;
    right: -720px;
    height: 1590px;
    width: 1500px;
    border-radius: 50%;
    backgrund: red;
    background-color: #fa5508;
    z-index: -6;
}
.high_school{
    background-color: white;
    position: relative;
    z-index: 0;
}
.pre_primary .academic_imgs::after {
 background-color: #fee5ae;
/* z-index: 0;*/
/*position: relative;*/
}
.iit-foundation .row{
    align-items: end;
}


.accordion-button,
.accordion-button:not(.collapsed) {
    background-color: #282828;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #282828;
    color: white;
    padding: 0;
    padding-left: 10px;
    border-radius: 0;
}
.accordion-button::after {
    margin-left: auto;
    content: "+";
    transition: transform .1s ease-in-out;
    background-image: none;
    background-color: red;
    padding: 0px;
    width: 25px;
    height: 25px;
    text-align: center;
    color: var(--white);
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 25px;
    font-size: 24px;
}
.accordion-button:not(.collapsed)::after{
transform: rotate(-180deg);
margin-left: auto;
    content: "-";
}
.accordion-button:not(.collapsed)::after {
    background-image:none;
}
.accordion-item{
    margin-bottom: 10px;
    border: transparent;
}


@media (max-width: 1536px){
.iit-foundation h1 {
    margin-bottom: 30px;
    font-size: 42px;
    padding-bottom: 10px;
}
.iit-foundation ul li {
    font-size: 16px;
}
.fondation-types .card h3 {
    font-size: 22px;
}
.iit-foundation ul li i {
    font-size: 21px;
}
.iit-foundation h1::before {
    width: 50px;
    height: 2px;
    bottom: 0;
}
.academic_imgs::after {
    bottom: -1280px;
    right: -600px;
    height: 1500px;
    width: 1400px;
}
.school p {
    font-size: 15px;
}
.iit-foundation ul li {
    font-size: 15px;
}
}
@media (max-width: 1440px){
}
@media (max-width: 1366px){
    .fondation-types .card {
        width: 500px;
            padding: 0;
    }
    p {
        font-size: 14px;
        line-height: 26px;
    }
    .fondation-types .card img {
        width: 221px;
    }
    .fondation-types .card .card-body {
        margin-left: 185px;
    }
    .fondation-types .card p {
        font-size: 14px;
    }
    .fondation-types .card img {
        top: 65px;
        height: auto;
    }
    .fondation-types .card h3 {
    font-size: 20px;
}
}
@media (max-width: 1280px){
}
@media (max-width: 1200px){
.fondation-types .card {
    width: 90%;
    padding: 0;
}
}
@media (max-width: 1152px){
}
@media (max-width: 1024px){
}
@media (max-width: 992px){
}
@media (max-width: 991px){
    .fondation-types .card p {
        font-size: 16px;
        line-height: 30px;
    }
    .fondation-types .card .card-body {
        padding-right: 30px;
    }
    .fondation-types .card h3 {
        font-size: 23px;
    }
    .iit-foundation h1 {
        font-size: 35px;
    }
    
}
@media (max-width: 768px){
}
@media (max-width: 767px){
}
@media (max-width: 600px){
    .academic_imgs::after {
    bottom: -600px;
    right: -300px;
    height: 850px;
    width: 850px;
}
}
@media (max-width: 576px){
}
@media (max-width: 540px){
    .fondation-types .card {
        display: block;
        height: auto;
        width: 100%;
        margin: 0;
    }
    .fondation-types .card img {
        position: initial;
        width: 350px;
    }
    .fondation-types .card .card-body{
        margin-left: 0;
    }
    .fondation-types .card .card-image{
    text-align: center;
    margin-top: -41px;
    margin-bottom: 10px;
    }
    .fondation-types .row{

        row-gap: 100px;
    }
}
@media (max-width:  492px){
.academic_imgs::after {
    bottom: -550px;
    right: -300px;
    height: 750px;
    width: 750px;
}
.iit-foundation h2 {
  font-size: 32px;
  text-underline-offset: 27px;
}
}
@media (max-width:  432px){
}
@media (max-width:  425px){
}
@media (max-width:  414px){
    .academic_imgs::after {
    bottom: -450px;
    right: -270px;
    height: 650px;
    width: 650px;
}
}
@media (max-width:  412px){
}
@media (max-width:  400px){
}