/* SLIDER CSS */

#banner_about {
    min-height: 90vh;
}

.owl_wrapper {
    width: 100vw;
    overflow: hidden;
    /* height: 100%; */
    margin-left: -3%;
}

.owl_content {
    padding-left: 12%;
}

.owl_wrapper .owl-item {
    opacity: 0;
    transform: scale(0.6);
    -ms-transform: scale(0.6);
    transition: all .2s;
    -webkit-transform: all .2s;
    z-index: 1;
    /* height: 100%; */
    width: 100%;
}

.owl_wrapper .active {
    opacity: 0.5;
}

.owl_wrapper .active.middle_beside {
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    opacity: 0.8;
    margin: 0 -1%;
    z-index: 2;
}

.owl_wrapper .active.middle {
    transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    z-index: 3;
}


/* .owl_wrapper .active.next_to_mid{margin-left: -1%;} */

.owl_wrapper .active.prev_to_mid {
    margin-right: -1%;
}


/*===== Navigation =====*/

.owl_wrapper .prev,
.owl_wrapper .next {
    position: absolute;
    top: 40%;
    left: 6%;
    width: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    /* background: #777; */
    cursor: pointer;
    z-index: 5;
}

.owl_wrapper .next {
    left: calc(100% - 100px);
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#slider_banner {
    height: 80vh;
}

#slider_bbanner h5 {
    font-family: KG What the Teacher Wants;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 100.58%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #312828;
}

#slider_bbanner p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 131.5%;
    text-align: center;
    color: #312828;
}

.owl_wrapper .card {
    border: 0px;
    width: 30vw;
}

.owl_wrapper .card-body {
    width: 85%;
    margin-left: 7.5%;
}

.owl_wrapper .card-img-top {
    width: 100%;
    height: 60%
}

#banner_about h1 {
    font-family: KG What the Teacher Wants;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.05em;
    color: #312828;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    /* margin-left: 12%; */
    /* padding-left: 4.5%; */
}

.banner_display {
    font-size: 0%;
    font-display: none;
}

#slider_banner .card {
    width: 40rem;
    height: 35rem;
}


/* Asgard SEction beigns */

#asgard_about {
    min-height: 115vh;
}

#asgard_about h1 {
    font-family: KG What the Teacher Wants;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 100.58%;
    letter-spacing: 0.05em;
    color: #E66343;
    margin-bottom: 5%;
}

#asgard_about p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 131.5%;
    color: #312828;
    text-align: justify;
}

#asgard_about lottie-player {
    margin-top: -20%;
}

#asgard_about iframe {
    width: 100%;
    height: 60vh;
}


/* Asgard section ends  */


/* What we beleive section begins */

#banner_beleive {
    min-height: 150vh;
}

.middle_col {
    margin-top: 10%;
}

.middle_col .card {
    border: 0;
}

.side_col .card {
    border: 0;
}

#banner_beleive .card-img-top {
    max-height: 200px;
    width: fit-content;
}

#banner_beleive h1 {
    font-family: KG What the Teacher Wants;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.05em;
    color: #73A6B0;
    margin-top: 5%;
}

#banner_beleive .card h5 {
    font-family: KG What the Teacher Wants;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 100.58%;
    letter-spacing: 0.05em;
}

#banner_beleive .card p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 131.5%;
}


/* What we beleive section ends */


/* Mastermind section begins  */

#about_mastermind {
    min-height: 230vh;
}

#about_mastermind h1 {
    font-family: KG What the Teacher Wants;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #F5B03D;
}

#about_mastermind .card {
    /* border: 0; */
    margin-bottom: 10%;
}

#about_mastermind_0 h5 {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #312828;
}

#about_mastermind_0 p {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #312828;
}

#about_master_mind_0 .card-img_template {
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    width: 15rem;
    height: 15rem;
    margin-left: 0.4rem;
    margin-top: 1rem;
    background-size: cover;
}

#about_master_mind_0 .card {
    filter: grayscale(100%);
    border: 0;
}

#about_master_mind_0 .card:hover {
    filter: grayscale(0%);
}

#about_master_mind_0 .card_exception {
    filter: none;
}

#about_master_mind_0 .card_exception img {
    margin-top: 10%;
}


/* icon color  */

.fa-link {
    color: #F5C4B3;
}

.fa-instagram {
    color: #E66343;
}

.fa-facebook-square {
    color: #F5B03D;
}

.fa-linkedin-square {
    color: #73A6B0;
}


/* Individual cards  */


/* #about_master_mind_xx .card-img-topxx {
    background: url(/Images/master_0_xx.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_1 .card-img-top1:hover {
    background: url(/Images/master_1_xx.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
} */

#about_master_mind_18 .card-img-top18 {
    background: url(/Images/master_0_18.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_18 .card-img-top18:hover {
    background: url(/Images/master_1_18.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_17 .card-img-top17 {
    background: url(/Images/master_0_17.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_17 .card-img-top17:hover {
    background: url(/Images/master_1_17.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_16 .card-img-top16 {
    background: url(/Images/master_0_16.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_16 .card-img-top16:hover {
    background: url(/Images/master_1_16.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_15 .card-img-top15 {
    background: url(/Images/master_0_15.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_15 .card-img-top15:hover {
    background: url(/Images/master_1_15.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_19 .card-img-top19 {
    background: url(/Images/master_0_19.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_19 .card-img-top19:hover {
    background: url(/Images/master_1_19.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_1 .card-img-top1 {
    background: url(/Images/master_0_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_1 .card-img-top1:hover {
    background: url(/Images/master_1_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_2 .card-img-top2 {
    background: url(/Images/master_0_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_2 .card-img-top2:hover {
    background: url(/Images/master_1_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_3 .card-img-top3 {
    background: url(/Images/master_0_3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_3 .card-img-top3:hover {
    background: url(/Images/master_1_3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_4 .card-img-top4 {
    background: url(/Images/master_0_4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_4 .card-img-top4:hover {
    background: url(/Images/master_1_4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_5 .card-img-top5 {
    background: url(/Images/master_0_5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_5 .card-img-top5:hover {
    background: url(/Images/master_1_5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_6 .card-img-top6 {
    background: url(/Images/master_0_6.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_6 .card-img-top6:hover {
    background: url(/Images/master_1_6.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_7 .card-img-top7 {
    background: url(/Images/master_0_7.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_7 .card-img-top7:hover {
    background: url(/Images/master_1_7.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_8 .card-img-top8 {
    background: url(/Images/master_0_8.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_8 .card-img-top8:hover {
    background: url(/Images/master_1_8.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_9 .card-img-top9 {
    background: url(/Images/master_0_9.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_9 .card-img-top9:hover {
    background: url(/Images/master_1_9.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_10 .card-img-top10 {
    background: url(/Images/master_0_10.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_10 .card-img-top10:hover {
    background: url(/Images/master_1_10.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_11 .card-img-top11 {
    background: url(/Images/master_0_11.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_11 .card-img-top11:hover {
    background: url(/Images/master_1_11.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_12 .card-img-top12 {
    background: url(/Images/master_0_12.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_12 .card-img-top12:hover {
    background: url(/Images/master_1_12.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_13 .card-img-top13 {
    background: url(/Images/master_0_13.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_13 .card-img-top13:hover {
    background: url(/Images/master_1_13.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
}

#about_master_mind_14 .card-img-top14 {
    background-image: url(/Images/Cirlce_BeAPart.svg);
    background-size: auto;
}


/* Master mind section ends  */


/* Media Queries */

@media screen and (max-width:800px) {
    #banner_about {
        min-height: 100vh;
    }
    #banner_about h1 {
        margin-top: 25%;
    }
    #slider_banner {
        margin-top: -10%;
    }
    #slider_banner .card {
        width: 100%;
        height: 25%;
        margin-top: 50%;
    }
    .owl_wrapper .card-body {
        width: 100%;
        margin-left: 0%;
    }
    .owl_wrapper .prev,
    .owl_wrapper .next {
        display: none;
    }
    /* section 2 */
    #asgard_about {
        min-height: 135vh;
    }
    #asgard_about lottie-player {
        margin-top: 0%;
    }
    #asgard_about iframe {
        width: 100%;
        height: 40vh;
    }
    /* section 3 */
    #banner_beleive {
        min-height: 280vh;
        height: unset;
        margin-top: 20%;
        margin-bottom: 10%;
    }
    /* section 4 */
    #about_mastermind {
        min-height: 760vh;
    }
    #about_master_mind_0 .card {
        filter: none;
    }
    #about_master_mind_0 .card-img_template {
        width: unset;
    }
}


/* Media Queries Ends */