@font-face {
    font-family: "UTM Aquarelle";
    src: url("/webfonts/UTM-Aquarelle.ttf");
    font-weight: normal;
    font-style: normal;
}

/* ===================== philosophy start ================== */

#philosophy {
    width: 100%;
    height: auto;
    margin-top: 80px;
}

#philosophy .philosophy-content {
    margin-bottom: 55px;
}

#philosophy .philosophy-content.content-active {
    background: #FFFAF8 0% 0% no-repeat padding-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

#philosophy .philosophy-content .philosophy-ct-img {
    margin-top: 30px;
}

#philosophy .philosophy-content .philosophy-ct-img img {
    width: 100%;
    height: auto;
}

#philosophy .philosophy-content .philosophy-ct-title {
    font: normal normal bold 36px/48px Segoe UI;
    letter-spacing: 1.87px;
    color: #00BC7D;
    text-align: center;
    margin-bottom: 10px;
}

#philosophy .philosophy-content .philosophy-ct-title.big-title {
    text-transform: uppercase;
    font: normal normal bold 46px/62px Segoe UI;
    letter-spacing: 2.39px;
}

#philosophy .philosophy-content .philosophy-ct-sub {
    font: normal normal normal 38px/56px UTM Aquarelle;
    letter-spacing: 1.98px;
    color: #00BC7D;
    text-align: center;
    margin-bottom: 10px;
}

#philosophy .philosophy-content .philosophy-ct-sub.big-sub {
    font: normal normal normal 52px/63px UTM Aquarelle;
    letter-spacing: 2.7px;
}

#philosophy .philosophy-content .philosophy-ct-text {
    font: normal normal normal 16px/25px Segoe UI;
    letter-spacing: 0.8px;
    color: #444444;
    text-align: justify;
}

#philosophy .philosophy-content .philosophy-ct-text.big-text {
    text-align: center;
    margin-top: 30px;
}

#philosophy .philosophy-content .philosophy-ct-line {
    width: 100%;
    height: 4px;
    text-align: center;
    margin: 20px 0;
}

#philosophy .philosophy-content .philosophy-ct-line div {
    width: 17%;
    height: 4px;
    background: #00BC7D 0% 0% no-repeat padding-box;
    display: inline-block;
}

#philosophy .philosophy-content .philosophy-ct-cbon {
    margin-top: 25px;
    font: normal normal bold 80px/106px Segoe UI;
    letter-spacing: 4.16px;
    color: #F9EAE4;
    text-align: center;
}

/* ===================== philosophy end ================== */

/* --------------------- philosophy 1 start -------------- */

#philosophy1 {
    width: 100%;
    height: auto;
    margin-top: 80px;
    position: relative;
}

#philosophy1 .philosophy-content {
    margin-bottom: 55px;
}
#philosophy1 .philosophy-content.ct-body{
    width: 90%;
    margin: auto;
}
#philosophy1 .philosophy-content .philosophy-ct-img img {
    width: 100%;
    height: auto;
}

#philosophy1 .philosophy-content .philosophy-ct-text {
    font: normal normal normal 16px/25px Segoe UI;
    letter-spacing: 0.8px;
    color: #444444;
    text-align: justify;
    margin: 13px 0;
}

#philosophy1 .philosophy-content .philosophy-ct-title {
    font: normal normal bold 36px/48px Segoe UI;
    letter-spacing: 1.87px;
    color: #00BC7D;
    text-align: center;
    margin-bottom: 10px;
}

#philosophy1 .philosophy-content .philosophy-ct-title.big-title {
    text-transform: uppercase;
    font: normal normal bold 46px/62px Segoe UI;
    letter-spacing: 2.39px;
    margin: 50px ;
}

#philosophy1 .philosophy-content .philosophy-ct-line {
    width: 100%;
    height: 4px;
    text-align: center;
    margin: 20px 0;
}

#philosophy1 .philosophy-content .philosophy-ct-line div {
    width: 17%;
    height: 4px;
    background: #00BC7D 0% 0% no-repeat padding-box;
    display: inline-block;
}

#philosophy1 .philosophy-content .philosophy-ct-quote {
    text-align: justify;
    font: normal normal normal 16px/25px Segoe UI;
    letter-spacing: 0.83px;
    color: #444444;
    margin-bottom: 40px;
}
#philosophy1 .philosophy-content .philosophy-ct-quote.quote_ac{
    font-style: italic;
    text-align: center;
}
#philosophy1 .philosophy-content .philosophy-ct-sub {
    font: normal normal normal 52px/63px UTM Aquarelle;
    letter-spacing: 2.7px;
    color: #00BC7D;
    text-align: left;
    margin-bottom: 20px;
}

/* --------------------- philosophy 1 start -------------- */

@media(max-width:991px) {
    /* ===================== philosophy start ================== */
    #philosophy .philosophy-content .philosophy-ct-title {
        font-size: 30px;
        line-height: 40px;
    }
    #philosophy .philosophy-content .philosophy-ct-title.big-title {
        font-size: 42px;
    }
    #philosophy .philosophy-content .philosophy-ct-sub {
        font-size: 30px;
        line-height: 40px;
    }
    #philosophy .philosophy-content .philosophy-ct-sub.big-sub {
        font-size: 42px;
    }
    #philosophy .philosophy-content .philosophy-ct-cbon {
        font-size: 70px;
        line-height: 90px;
    }
    #philosophy .philosophy-content .philosophy-ct-line div {
        width: 20%;
    }
    /* ===================== philosophy end ================== */
}

@media(max-width:767px) {
    /* ===================== philosophy start ================== */
    #philosophy .philosophy-content .philosophy-ct-text {
        font-size: 14px;
        line-height: 20px;
    }
    #philosophy .philosophy-content .philosophy-ct-line div {
        width: 25%;
    }
    #philosophy .philosophy-content .philosophy-ct-cbon {
        margin-top: 20px;
    }
    /* ===================== philosophy start ================== */
}

@media(max-width:575px) {
    /* ===================== philosophy start ================== */
    #philosophy {
        margin-top: 20px;
    }
    #philosophy .philosophy-content .philosophy-ct-title {
        font-size: 20px;
        line-height: 26px;
    }
    #philosophy .philosophy-content .philosophy-ct-title.big-title {
        font-size: 26px;
        line-height: 32px;
    }
    #philosophy .philosophy-content .philosophy-ct-sub {
        font-size: 20px;
        line-height: 26px;
    }
    #philosophy .philosophy-content .philosophy-ct-sub.big-sub {
        font-size: 26px;
        line-height: 32px;
    }
    #philosophy .philosophy-content .philosophy-ct-cbon {
        font-size: 50px;
        line-height: 60px;
    }
    #philosophy .philosophy-content.content-active {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    #philosophy .philosophy-content .philosophy-ct-line div {
        width: 30%;
    }
    #philosophy .philosophy-content .philosophy-ct-cbon {
        margin-top: 10px;
    }
    /* ===================== philosophy end ================== */
    #philosophy1 {
        margin-top: 20px;
    }
    #philosophy1 .philosophy-content .philosophy-ct-title {
        font-size: 20px;
        line-height: 26px;
    }
    #philosophy1 .philosophy-content .philosophy-ct-title.big-title {
        font-size: 26px;
        line-height: 32px;
    }
    #philosophy1 .philosophy-content .philosophy-ct-sub {
        font-size: 20px;
        line-height: 26px;
    }
    #philosophy1 .philosophy-content .philosophy-ct-sub.big-sub {
        font-size: 26px;
        line-height: 32px;
    }
    #philosophy1 .philosophy-content .philosophy-ct-cbon {
        font-size: 50px;
        line-height: 60px;
    }
    #philosophy1 .philosophy-content.content-active {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    #philosophy1 .philosophy-content .philosophy-ct-line div {
        width: 30%;
    }
    #philosophy1 .philosophy-content .philosophy-ct-cbon {
        margin-top: 10px;
    }
}