@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins", sans-serif;
}

img {
    width: 100%;

}

/* Who */

.who {
    padding-bottom: 5%;
    padding-left: 5%;
    padding-top: 5%;
    padding-right: 5%;
}

.who .row1 h3 {
    margin-bottom:0;
    text-align: justify;
    padding-left: 12px;
    font-size:28px;
    font-weight: 400;
    line-height: 20px;
    color:#EF8418;
    margin-bottom: 1%;
}

.who .row1 h3 span {
    color: #EF8418;
}

.who .row1 p {
    padding-left: 12px;
    padding-right: 12px;
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

.who .row1 p span {
    color: #EF8418;
    font-weight: 600;
}

.who .row2 {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 5%;
    gap: 25px;
}

.who .row2 .c-1 {
    flex: 30%;
}

.who .row2 .c-2 {
    flex: 30%;
}

.who .row2 .c-2 p span {
    font-size: 80px;
}

.who .row2 .c-2 p {
     padding-left: 12px;
    padding-right: 12px;
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

.who .row2 .c-3 {
    flex: 30%;
}

.who .row2 .c-3 p {
    flex: 30%;
     padding-left: 12px;
    padding-right: 12px;
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

/* course about */

.about-course {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #F1F5F9;
}


.about-course .course-title h3 {
    font-weight: 800;
    margin-bottom:0;
    text-align: justify;
    padding-left: 12px;
    font-size:28px;
    font-weight: 400;
    line-height: 20px;
    color:#EF8418;
    margin-bottom: 1%;
}

.about-course .course-title h3 span {
    color: #EF8418;
}

.about-course .course-title p {
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

.about-course .course-title p {
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

.about-course .course-details {
    display: flex;
    flex-wrap: nowrap;
    background-color: white;
    margin-top: 2%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.course-details .course-img {
    flex: 30%;
}

.course-details .course-intro {
    flex: 65%;
    padding-top: 2%;
    padding-left: 3%;
    padding-right: 3%;
}

.course-details .course-intro h4 {
    font-weight: 800;
    font-size: 20px;
    color: #00313B;
}

.course-details .course-intro p {
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

/* location */

.location {

    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    padding-right: 5%;
}

.location h4 {
    font-weight: 800;
    font-size: 30px;
    color: #00313B;
}

.location h4 span {
    color: #EF8418;
}

.location p {
   text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

.location p span {
    color: #EF8418;
    font-weight: 600;
}

/* different */

.diff-parallex {
    background-attachment: fixed;
    background-image: url(https://images.unsplash.com/photo-1607992922515-7e38329e65d4?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bmF0dXJlJTIwaW1hZ2VzfGVufDB8fDB8fHww);
    background-size: cover;
    background-position: center;
    height: 500px;
}

.different {
    text-align: center;
    background: linear-gradient(to top, #3032323b 0%, #02020254 100%);
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    height: 500px;
}

.different h4 {
    font-weight: 600;
    font-size: 42px;
    color: white;
}

.different h4 span {
    color: #EF8418;
    font-weight: 800;
}

.different p {
    text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:White;
}

.different .diff {
    margin-top: 2%;
    margin-bottom: 2%;
}

.different .diff span {
    background: linear-gradient(to top, #02020254 0%, #02020254 100%);
    padding: 0.5%;
}

/* facilities */

.facilities {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #F1F5F9;

}

.facilities .fac-title h3 {
    font-weight: 800;
    font-size: 20px;
    color: #EF8418;
}

.facilities .fac-title h4 {
    font-weight: 800;
    font-size: 30px;
    color: #00313B;
}

.facilities .row1 {
    display: flex;
    flex-wrap: nowrap;
    gap: 50px;
}


.facilities .row2 {
    flex: 45%;
    display: flex;
    margin-top: 2%;
    margin-bottom: 2%;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.facilities .row2 .fac-img {
    flex: 20%;
}

.facilities .row2 .fac-img img {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.facilities .row2 .fac-info {
    flex: 60%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    padding-right: 5%;
}

.facilities .row2 .fac-info h5 {
    font-weight: 800;
    font-size: 24px;
    color: #EF8418;
}

.facilities .row2 .fac-info p {
   text-align: justify;
     font-size:17px;
    font-weight: 400;
    line-height: 28px;
    color:rgb(101, 101, 101);
}

/* gurus */
.gurus {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}

.gurus h3 {
    font-weight: 800;
    font-size: 20px;
    color: #EF8418;
}

.gurus h4 {
    font-weight: 800;
    font-size: 30px;
    color: #00313B;
}

.teachers {
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    padding-left: 5%;
}

.teacher-1 {
    flex: 23%;
    background: #F1F5F9;
}

.teachers .teacher-1 img {
    height: 80%;
}

.teacher-1 h5 {
    font-weight: 800;
    font-size: 20px;
    padding-top: 2%;
    color: #00313B;
    text-align: center;
}

.teacher-1 h6 {
    font-weight: 800;
    font-size: 18px;
    color: #00313B;
    text-align: center;
}

/* Our Team Page */
/* 
.our-team {
    padding-left: 10%;
    padding-right: 10%;
}

.our-team h4 {
    font-weight: 800;
    font-size: 20px;
    color: #EF8418;
}

.our-team h1 {
    font-weight: 800;
    font-size: 30px;
    color: #00313B;
}

.our-team h1 span {
    color: #EF8418;
}

.our-team p {
    color: #656565;
    font-size: 18px;
}

/* faculty 

.faculty {
    padding-top: 5%;
    padding-left: 10%;
    padding-right: 10%;
}

.faculty h2 {
    font-weight: 600;
    font-size: 30px;
    color: #00313B;
}

.faculty h2 span {
    color: #EF8418;
}

.faculty p {
    color: #656565;
    font-size: 18px;
}

.member {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    box-shadow: 0 0 7px 0 #ddd;
}

.member-img {
    flex: 40%;
}

.img-right {
    border-radius: 0% 0% 30% 0%;
}

.img-left {
    border-radius: 0% 0% 0% 30%;
}

.member-info {
    flex: 60%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
}

.member-info h3 {
    font-weight: 600;
    font-size: 30px;
    color: #00313B;
}

.member-info h5 {
    font-weight: 600;
    font-size: 20px;
    color: #656565;
}

.member-info p {
    color: #656565;
    font-size: 18px;
}

.left {
    flex-direction: row-reverse;
    border-radius: 0;
}

.team-parallex {
    background-image: linear-gradient(135deg, #e5e5e5d6 0, #e5e5e5d6 100%), url(img/our-team-bg.png);
    height: 250px;
    margin-top: 5%;
    padding-top: 4%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
}

.team-parallex h4 {
    font-weight: 600;
    font-size: 30px;
    color: #00313B;
}

.team-parallex h4 span {
    font-weight: 600;
    color: #EF8418;
}

.team-parallex p {
    color: #00313B;
    font-size: 18px;
} */

@media screen and (max-width: 480px) {
    .who .row2 {
        display: block;
    }

    .about-course .course-details {
        display: block;
    }

    .diff-parallex {
        height: 880px;
    }

    .different {
        height: 880px;
    }

    .different .diff {
        display: flex;
        flex-direction: column;
    }

    .facilities .row1{
        display: block;
    }

    .facilities .row2{
        display: block;
        margin-bottom: 5%;
    }

    .facilities .row2 .fac-img img{
        border-radius: 5% 5% 0% 0%;
    }

    .teachers{
        display: block;
    }

    .teacher-1{
        margin-bottom: 5%;
    }

    
}