.svgChangeColor {
    filter: invert(79%) sepia(57%) saturate(1984%) hue-rotate(333deg) brightness(102%) contrast(101%);
}




.underHeader {
    height: 64px;
}


.myBtn {
    background-color: #FFAD31;
}


.oneCatgory {
    margin-bottom: 0px;
    color: #FFAD31;
    border-top: 1px solid #FFAD31;
    border-bottom: 1px solid #FFAD31;

    padding-top: 20px;
    padding-bottom: 20px;

    margin-bottom: 0px;
}

.oneCatgory h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
}

.oneCatgory h5 span {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    padding-right: 5px;
    font-weight: 500;
    margin-bottom: 0px;
}


/************************************* bigBanner *************************************/

.bigBanner img {
    width: 100%;
    height: auto;
}

/************************************* section1  *************************************/


.section1 {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 15px;
    background-color: #fff;
}


/************************************* section2  *************************************/

.section2{
    text-align: left;
    background-color: #fff;
}

/************************************* projectHeaderAndProjectContent *************************************/


.section2 .projectHeaderAndProjectContent {
    border-bottom: 1px solid #FFAD31;
}

.section2 .projectHeaderAndProjectContent .projectHeader {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #FFAD31;
    border-right: none;
}

.section2 .projectHeaderAndProjectContent .projectHeader h2 {
    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 5px;
}

.section2 .projectHeaderAndProjectContent .projectHeader .bigNumber {

    font-size: 60px;
    line-height: 60px;
    margin-bottom: 0px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    color: #FFAD31;
    /*
    
    border:1px solid red;
*/

}

.section2 .projectHeaderAndProjectContent .projectHeader .myBtn {
    position: relative;
}

.section2 .projectHeaderAndProjectContent .projectContent {
    padding-top: 20px;
    padding-bottom: 20px;

}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues {
    margin-top: 0px;
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue {
    position: relative;
    margin-top: 30px;
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a:hover .oneIssue {
    opacity: 0.7;
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea {
    background-image: url(../img/education/section1/p1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin-bottom: 3px;
    position: relative;
    z-index: 1;
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p2 {
    background-image: url(../img/education/section1/p2.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p3 {
    background-image: url(../img/education/section1/p3.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p4 {
    background-image: url(../img/education/section1/p4.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p5 {
    background-image: url(../img/education/section1/p5.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p6 {
    background-image: url(../img/education/section1/p6.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p7 {
    background-image: url(../img/education/section1/p7.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p8 {
    background-image: url(../img/education/section1/p8.svg);
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .picArea.p9 {
    background-image: url(../img/education/section1/p9.svg);
}



.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .number {
    position: absolute;
    top: 38px;
    left: 70px;
    font-size: 36px;
    color: #F2F2F2;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
}

.section2 .projectHeaderAndProjectContent .projectContent .projectIssues a .oneIssue .title {
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: #3f3f3f;
/*    margin-bottom:*/
}





/************************************* section3  *************************************/

.section3 {
    text-align: left;
    padding-bottom: 15px;
    background-color: #fff;
}



.section3 .eventNavs {
    color: #FFAD31;
    border-bottom: 1px solid #FFAD31;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.section3 .eventNavs div {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #BBBBBB;
    margin-right: 5px;
}

.section3 .eventNavs div.oneNav {
    cursor: pointer
}

.section3 .eventNavs div.oneNav:hover {
    color: #FFAD31;
    border-bottom: 2px solid #FFAD31;
}

.section3 .eventNavs div.oneNav.focus {
    color: #FFAD31;
    border-bottom: 2px solid #FFAD31;
}

.section3 .eventNavs div:last-child {
    margin-right: 0px;
}

.section3 .eventNavs div.title {
    color: #FFAD31;
    font-family: 'Roboto', sans-serif;
}





/************************************* section3 section3Contents  *************************************/

.section3 .section3Contents {
    padding-top: 20px;
    padding-bottom: 20px;
}

.section3 .section3Contents .content1 {
    display: none;
}

.section3 .section3Contents .content2 {
    /*    display: none;*/
}

.section3 .section3Contents .content3 {
    display: none;
}

/************************************* section3 section3Contents content1  *************************************/

.section3 .section3Contents .content1 {
    display: none;
}

.section3 .section3Contents .content1 #content1Carousel .textArea {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 60px;
}




.section3 .section3Contents .content1 #content1Carousel .carousel-indicators {
    margin-bottom: 15px;
}

.section3 .section3Contents .content1 #content1Carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #F2F2F2;
    box-shadow: none;
    margin-left: 6px;
    margin-right: 6px;
}

.section3 .section3Contents .content1 #content1Carousel .carousel-indicators .active {
    background-color: #FFAD31;
}


/************************************* section3 section3Contents content2  *************************************/

.section3 .section3Contents .content2 {
    display: none;
}

.section3 .section3Contents .content2 .events .oneEvent {
    margin-bottom: 15px;
}

.section3 .section3Contents .content2 .events .oneEvent a .picArea {
    position: relative;
    margin-bottom: 10px;
    background-color: #000;
}



.section3 .section3Contents .content2 .events .oneEvent a .picArea .onePic {
    width:100%;
    height: auto;
}



.section3 .section3Contents .content2 .events .oneEvent a .picArea .moreBtn {

    display: none;
}

.section3 .section3Contents .content2 .events .oneEvent a .picArea:hover .onePic {
    opacity: 0.5;
}

.section3 .section3Contents .content2 .events .oneEvent a:hover .picArea .moreBtn {
    display: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -34px;
    margin-left: -34px;
}

.section3 .section3Contents .content2 .events .oneEvent h5 {
    font-size: 15px;
    line-height: 21px;
    font-weight: bold;
}

.section3 .section3Contents .content2 .events .oneEvent p,
.section3 .section3Contents .content2 .events .oneEvent .tag {
    display: inline-block;
    margin-right: 5px;
}

.section3 .section3Contents .content2 .events .oneEvent .tag {
    font-size: 13px;
    line-height: 19px;
    padding: 0px 10px;
    background-color: #FFAD31;
    border-radius: 999px;
    color: #fff;
}




.section3 .section3Contents .content2 #content2Carousel .carousel-indicators {
    margin-bottom: 0px;
}

.section3 .section3Contents .content2 #content2Carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #F2F2F2;
    box-shadow: none;
    margin-left: 6px;
    margin-right: 6px;
}

.section3 .section3Contents .content2 #content2Carousel .carousel-indicators .active {
    background-color: #FFAD31;
}





/************************************* section3 section3Contents content3 *************************************/

.section3 .section3Contents .content3 #content3Carousel{

    margin-bottom:45px;
}
.section3 .section3Contents .content3 #content3Carousel .indexOneStoryUnderTitleSet2{
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px;
    
}

.section3 .section3Contents .content3 #content3Carousel .indexOneStoryUnderTitleSet2:before {
    content: url(../img/education/section3/Yellow.svg);
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: -3px;
}

.section3 .section3Contents .content3 #content3Carousel .illu{
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}



.section3 .section3Contents .content3 #content3Carousel .carousel-indicators {
    margin-bottom: -40px;
}

.section3 .section3Contents .content3 #content3Carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #F2F2F2;
    box-shadow: none;
    margin-left: 6px;
    margin-right: 6px;
}

.section3 .section3Contents .content3 #content3Carousel .carousel-indicators .active {
    background-color: #FFAD31;
}



/************************************* section4  *************************************/

.section4{
    text-align: left;
    background-color: #fff;
}
.section4 .partnerImgs{
    padding-top: 30px;
    padding-bottom: 30px;
}
.section4 .partnerImgs a .onePartner{
    margin-bottom: 30px;
}
.section4 .partnerImgs a:hover .onePartner{
    opacity: 0.8;
}