/*  ===================================================== ABOUT US ================================== */
#about-us .wrap {
    padding: 0 228px 70px;
}
#about-us .row{
    align-items: center;
}
#about-us .left {
    padding-right: 50px;
}
#about-us .label {
    color: #36558F;
    letter-spacing: 0.42px;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 38px;
}
#about-us h2 {
    letter-spacing: 0.75px;
    color: #213458;
    line-height: 38px;
    font-size: 30px;
    margin-bottom: 20px;
}
#about-us .text p {
    letter-spacing: 0.42px;
    color: #221F20;
}
#about-us .text p:first-of-type {
    letter-spacing: 0.47px;
    color: #37558F;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
}
#about-us .btn {
    margin-top: 30px;
    width: 350px;
}
#about-us .banner{
    position: relative;
}
#about-us .banner img{
 width: 100%;
	object-fit: cover;
}
#about-us .triangle2 {
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: -2px;
    left: 0;
}

@media(max-width: 1600px){
    #about-us .right img{
        width: 100%;
    }
}
@media(max-width: 1500px){
    #about-us .wrap {
        padding: 0 100px 70px;
    }
}
@media(max-width: 1200px){
    #about-us .wrap {
        padding: 0 20px 30px;
    }
}
@media(max-width: 991px){
    #about-us .left{
        padding-bottom: 30px;
        padding-right: 20px;
    }
    #about-us .btn{
        width: 100%;
    }
}
@media(max-width: 767px){
    #about-us .triangle2{
        display: none;
    }
}

/*  ===================================================== DISCIPLINE ================================== */

#disciplines .wrap {
    padding: 50px 200px;
    background: #FAFBFD;
}
#disciplines .wrap .row {
    align-items: center;
}
#disciplines .wrap .row .btn {
    width: 350px;
}
#disciplines .wrap .row .left .inner {
    padding-right: 100px;
}
#disciplines .wrap .row .left .inner h2 {
    letter-spacing: 0.75px;
    color: #213458;
    line-height: 38px;
    font-size: 30px;
    margin-bottom: 20px;
}
#disciplines .wrap .row .left .inner p {
    letter-spacing: 0.42px;
    color: #221F20;
}
#disciplines .wrap .row .left .inner .label {
    color: #36558F;
    letter-spacing: 0.42px;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 38px;
}
#disciplines .wrap2 {
    display: flex;
    justify-content: space-between;
    padding: 30px 140px;
}
#disciplines .wrap2 .discipline {
    border: 1px solid #728EC38F;
    padding: 20px;
}
#disciplines .wrap2 .discipline img {
    width: 100%;
    margin-bottom: 30px;
}
#disciplines .wrap2 .discipline h4 {
    letter-spacing: 0.63px;
    color: #36558F;
    font-weight: 700;
}
#disciplines .wrap2 .discipline .btn {
    width: 250px;
    margin-top: 30px;
}

@media(max-width: 1500px) {
    #disciplines .wrap {
        padding: 50px 100px;
    }
    #disciplines .wrap2 {
        padding: 30px 100px;
    }
}

@media(max-width: 1200px) {
    #disciplines .wrap {
        padding: 50px 20px;
    }
    #disciplines .wrap2 {
        padding: 30px 20px;
    }
}

@media(max-width: 991px) {
    #disciplines .wrap2 {
        flex-wrap: wrap;
        justify-content: center;
    }
    #disciplines .wrap .row .left .inner {
        padding-right: 20px;
    }
    #disciplines .wrap .row .btn {
        width: 100%;
    }
}

@media(max-width: 767px) {
    #disciplines .wrap2 .discipline {
        width: 100%;
        margin: 10px 0;
    }
    #disciplines .wrap2 .discipline .btn {
        width: 100%;
    }
}

#projects{
    padding: 50px 0;
    background: #253E6D;
}

#projects .container-fluid{
    padding: 0 200px;
}

#projects .label{
    font: normal normal normal 17px/38px Aileron;
    color: #fff;
}

#projects h2{
    font: normal normal normal 30px/38px Aileron;
    color: #fff;
}

#projects .header p{
    font: normal normal 300 17px/26px Aileron;
    color: #f2f2f2
}

#projects .row{
    align-items: center;
    justify-content: space-between;
}

#projects .inner img{
    width: 100%;
    height: 230px;
    object-fit: cover;
    margin-bottom: 20px;
}

#projects h3{
    font: normal normal normal 21px/28px Aileron;
    color: #fff;
}

#projects .inner p{
    font-size: 16px;
    font-weight: 100;
    color: #fff;
}

#projects .inner a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
}

#projects .inner i{
    margin-left: 20px;
}

@media(max-width:1700px){
    #projects .container-fluid{
        padding: 0 100px;
    }
}

@media(max-width:1400px){
    #projects .container-fluid{
        padding: 0 50px;
    }
}

@media(max-width:767px){
    #projects .container-fluid{
        padding: 0 15px;
    }
}

#knowledge{
    padding: 50px 0;
}

#knowledge .container-fluid{
    padding: 0 200px;
}

#knowledge .label{
    font: normal normal normal 17px/38px Aileron;
    color: #36558F;
}

#knowledge h2{
    font: normal normal normal 30px/38px Aileron;
    color: #213458;
}

#knowledge .header p{
    font: normal normal 300 17px/26px Aileron;
    color: #221F20
}

#knowledge .row{
    align-items: center;
    justify-content: space-between;
}

#knowledge .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #728EC38F;
    padding: 20px;
}

#knowledge .left{
    width: 49%;
}

#knowledge h3{
    font-size: 21px;
    margin-bottom: 20px;
}

#knowledge .right{
    width: 49%;
    padding-left: 20px;
}

#knowledge .inner img{
    width: 100%;
    height: 328px;
    object-fit: cover;
}

#knowledge .inner a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #36558F;
    font-size: 17px;
}

#knowledge .inner i{
    margin-left: 20px;
}

@media(max-width:1700px){
    #knowledge .container-fluid{
        padding: 0 100px;
    }
}

@media(max-width:1400px){
    #knowledge .container-fluid{
        padding: 0 50px;
    }
}

@media(max-width:767px){
    #knowledge .container-fluid{
        padding: 0 15px;
    }
    #knowledge .inner{
        flex-direction: column;
        width: fit-content;
        margin: 0 auto
    }
    #knowledge .left{
        width: 330px;
        margin-bottom: 20px;
    }
    #knowledge .right{
        width: 330px;
        padding: 0;
    }
}