@media (max-width: 375px) {
    .img-pc {
        display: none;
    }
}

.img-sp {
    display: none;
}

@media (max-width: 375px) {
    .img-sp {
        display: block;
    }
}

header.site-header {
    height: 100px;
}

header.site-header .main-menu {
    background: transparent;
}

header.site-header .main-menu .current-menu-item a {
    background: transparent;
}

section#home-banner {
    height: 960px;
    padding-top: 100px;
}

@media (max-width: 992px) {
    section#home-banner {
        height: auto;
    }
}

section#home-banner .home-banner-content {
    position: relative;
    max-width: 540px;
    color: #fff;
    z-index: 9;
}

@media (max-width: 992px) {
    section#home-banner .home-banner-content {
        max-width: 100%;
    }
}

section#home-banner .home-banner-content h1 {
    margin: 170px 0 45px;
    padding: 0;
    font-size: 40px;
    line-height: 56px;
    font-weight: 600;
}

@media (max-width: 768px) {
    section#home-banner .home-banner-content h1 {
        margin: 0 0 15px;
        font-size: 26px;
        line-height: 36px;
    }
}

section#home-banner .home-banner-content p {
    max-width: 440px;
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 992px) {
    section#home-banner .home-banner-content p {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    section#home-banner .home-banner-content p {
        font-size: 16px;
        line-height: 26px;
    }
}

section#home-banner .home-banner-content p:last-child {
    margin-bottom: 0;
}

section#home-banner video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
}

@media (max-width: 1200px) {
    section#home-banner video {
        top: 20px;
    }
}

@media (max-width: 992px) {
    section#home-banner video {
        position: static;
    }
}

@media (max-width: 992px) {
    section#home-banner video#video-pc {
        display: none;
    }
}

section#home-banner video#video-sp {
    display: none;
}

@media (max-width: 992px) {
    section#home-banner video#video-sp {
        display: block;
    }
}

section#home-advanced-media {
/*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    margin-top: 0;
    padding-bottom: 120px;
}

@media (max-width: 992px) {
    section#home-advanced-media {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        margin-top: 80px;
    }
}

@media (max-width: 600px) {
    section#home-advanced-media {
        padding-bottom: 38px;
    }
}

section#home-advanced-media .advanced-media-brand,
section#home-advanced-media .advanced-media-statistics {
    position: relative;
    z-index: 1;
}

section#home-advanced-media .advanced-media-slider {
    -ms-flex-preferred-size: calc(100% - 75px) !important;
    flex-basis: calc(100% - 75px) !important;
    max-width: calc(100% - 75px) !important;
}

section#home-advanced-media .advanced-media-slider .owl-stage-outer {
    overflow: inherit;
}

section#home-advanced-media .advanced-media-slider.owl-loaded .advanced-media-col-side {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
}

section#home-advanced-media .advanced-media-slider .advanced-media-box {
    height: 440px;
}

section#home-advanced-media .advanced-media-col {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    max-width: 33.3%;
}

section#home-advanced-media .advanced-media-col:first-child {
/*    -ms-flex-preferred-size: 553px;
    flex-basis: 553px;
    max-width: 553px;*/
    position: relative;
    padding-left: 60px;
    background-repeat: no-repeat;
/*    padding-top: 66px;*/
}

/*section#home-advanced-media .advanced-media-col:first-child:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url("../images/brand-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}*/

@media (max-width: 992px) {
    section#home-advanced-media .advanced-media-col-main {
        padding-bottom: 60px;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    section#home-advanced-media .advanced-media-col-main {
        padding-left: 15px !important;
    }
}

section#home-advanced-media .advanced-media-col-side {
    padding: 0 7.5px;
}

section#home-advanced-media .advanced-media-col-side p {
    font-weight: 500;
}

section#home-advanced-media .advanced-media-col-side .advanced-media-box {
    padding-top: 28px;
    position: relative;
    height: 757px;
    overflow: hidden;
    z-index: 9;
}

section#home-advanced-media .advanced-media-col-side .advanced-media-box:after {
    position: absolute;
    right: 13px;
    top: 0;
    bottom: -17px;
    content: '';
    background-repeat: no-repeat;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

@media (max-width: 768px) {
    section#home-advanced-media .advanced-media-col-side .advanced-media-box:after {
        background-size: 194px;
    }
}

section#home-advanced-media .advanced-media-col-side .advanced-media-box h3 {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    section#home-advanced-media .advanced-media-col-side .advanced-media-box h3 {
        font-size: 26px;
        line-height: 31px;
    }
}

section#home-advanced-media .advanced-media-col-side .advanced-media-box p {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    section#home-advanced-media .advanced-media-col-side .advanced-media-box p {
        font-size: 16px;
        line-height: 28px;
    }
}

section#home-advanced-media .advanced-media-col-side:hover .advanced-media-box:after {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}


section#home-advanced-media .advanced-media-col-side.media-col-child-1st {
    padding-left: 0px;
}

section#home-advanced-media .advanced-media-col-side.media-col-child-1st .advanced-media-box {
    padding-left: 30px;
    background: #004476;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left bottom, left top, from(#004476), to(#D6FBFF));
    background: linear-gradient(to top, #004476 0%, #D6FBFF 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#004476', endColorstr='#D6FBFF', GradientType=0);
    /* IE6-9 */
}

section#home-advanced-media .advanced-media-col-side.media-col-child-1st .advanced-media-box h3 {
    max-width: 220px;
}

section#home-advanced-media .advanced-media-col-side.media-col-child-1st .advanced-media-box_text p {
    margin-bottom: 0;
}

section#home-advanced-media .advanced-media-col-side.media-col-child-1st .advanced-media-box:after {
    background-image: url("../images/dev.png");
    background-position: bottom right;
}



/*section#home-advanced-media .advanced-media-col-side.media-col-child-2nd {
    padding-left: 0px;
}*/

section#home-advanced-media .advanced-media-col-side.media-col-child-2nd .advanced-media-box {
    padding-left: 11px;
    background: #fe9700;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left bottom, left top, from(#fe9700), to(#ffe263));
    background: linear-gradient(to top, #fe9700 0%, #ffe263 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe9700', endColorstr='#ffe263', GradientType=0);
    /* IE6-9 */
}

section#home-advanced-media .advanced-media-col-side.media-col-child-2nd .advanced-media-box h3 {
    max-width: 270px;
}

section#home-advanced-media .advanced-media-col-side.media-col-child-2nd .advanced-media-box_text p {
    margin-bottom: 0;
}

section#home-advanced-media .advanced-media-col-side.media-col-child-2nd .advanced-media-box:after {
    background-image: url("../images/brand-light.svg");
    background-position: bottom right;
}

/*section#home-advanced-media .advanced-media-col-side.media-col-child-3rd {
    -ms-flex-preferred-size: 454px;
    flex-basis: 454px;
    max-width: 454px;
}
*/
section#home-advanced-media .advanced-media-col-side.media-col-child-3rd .advanced-media-box {
    padding-left: 41px;
    background: #fff;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#B4B4B4));
    background: linear-gradient(to bottom, #fff 0%, #B4B4B4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#B4B4B4', GradientType=0);
    /* IE6-9 */
}

section#home-advanced-media .advanced-media-col-side.media-col-child-3rd .advanced-media-box:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url("../images/brand-team.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

@media (max-width: 768px) {
    section#home-advanced-media .advanced-media-col-side.media-col-child-3rd .advanced-media-box:after {
        background-size: 100%;
    }
/*    section#home-advanced-media .advanced-media-col-side .advanced-media-box {
        padding-top: 40px;
        padding-left: 28px !important;
        height: 609px;
    }*/
}

/*section#home-advanced-media .advanced-media-col-side.media-col-child-4th {
    padding-right: 0;
}*/

section#home-advanced-media .advanced-media-col-side.media-col-child-4th .advanced-media-box {
    padding-left: 53px;
    background: #fff;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#A8FFD0), to(#1F96D5));
    background: linear-gradient(to bottom, #A8FFD0 0%, #1F96D5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A8FFD0', endColorstr='#1F96D5', GradientType=0);
    /* IE6-9 */
}

section#home-advanced-media .advanced-media-col-side.media-col-child-4th .advanced-media-box h3,
section#home-advanced-media .advanced-media-col-side.media-col-child-4th .advanced-media-box p {
    position: relative;
    z-index: 9;
}

section#home-advanced-media .advanced-media-col-side.media-col-child-4th .advanced-media-box:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url("../images/bgr-em.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    background-size: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

@media (max-width: 768px) {
    section#home-advanced-media .advanced-media-col-side.media-col-child-4th .advanced-media-box:after {
        background-size: 100%;
    }
}

section#home-advanced-media .advanced-media-col-side.media-col-child-4th h3 {
    max-width: 315px;
}

section#home-advanced-media .advanced-media-col-side h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #000000;
}

section#home-advanced-media .advanced-media-col-side p {
    color: #000000;
    font-size: 20px;
    line-height: 34px;
}

.advanced-media-brand {
    font-size: 80px;
    line-height: 90px;
    color: #fff;
    font-weight: 600;
}

@media (min-width: 992px) and (max-width: 1024px) {
/*    section#home-advanced-media .advanced-media-col:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 40%;
    }*/
    .advanced-media-brand {
        font-size: 50px;
    }
/*    section#home-advanced-media .advanced-media-col,
    section#home-advanced-media .advanced-media-col-side.media-col-child-3rd {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 20%;
    }*/
    section#home-advanced-media .advanced-media-col-side .advanced-media-box {
        padding-left: 15px !important;
    }
    section#home-advanced-media .advanced-media-col-side h3 {
        font-size: 22px;
        line-height: 1.2;
    }
    section#home-advanced-media .advanced-media-col-side p {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media (max-width: 1024px) {
    section#home-advanced-media .advanced-media-col-side{
        height: 500px;
        width: 50%;
    }
    section#home-advanced-media .advanced-media-col-side .advanced-media-box::after{
        z-index: -1;
    }
}
@media (max-width: 990px) {
    .aml .advanced-media-brand{
        display: block;
    }
    .aml .advanced-media-statistics{
        display: block;
    }
    .lst-advan{
        display: block;
    }
    section#home-advanced-media .advanced-media-col{
        max-width: unset;
        width: 50%;
        float: left;
        margin-bottom: 14px;
    }
    section#home-advanced-media .advanced-media-col-side .advanced-media-box{
        height: 500px;
    }
    section#home-advanced-media .advanced-media-col-side.media-col-child-1st{
        padding: 0 7.5px;
    }
}
@media (max-width: 768px) {
    .advanced-media-brand {
        font-size: 55px;
        line-height: 70px;
    }
}

.advanced-media-brand>p:nth-child(1) span:after {
    height: 100px;
    bottom: 0px;
}

.advanced-media-brand>p:nth-child(2) span:after {
    width: 100%;
    height: 100px;
    bottom: 0;
}

.advanced-media-brand>p:nth-child(3) span:after {
    height: 100px;
    bottom: 0px;
}

.advanced-media-brand span {
    display: inline-block;
    position: relative;
}

.advanced-media-brand span:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    height: 64px;
    z-index: -10;
    background-color: #FEA628;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

@media (max-width: 768px) {
    .advanced-media-brand span:after {
        height: 50px;
        bottom: 9px;
        right: 0;
    }
    .advanced-media-brand>p:nth-child(1) span::after {
        height: 60px;
        bottom: 16px;
    }
}

.advanced-media-brand p {
    margin-bottom: 0;
    white-space: nowrap;
}

.advanced-media-brand p:nth-child(2) span:after {
    right: -10px;
}

@media (max-width: 768px) {
    .advanced-media-brand p:nth-child(2) span:after {
        right: 0;
        height: 50px;
        bottom: 23px;
    }
}

.advanced-media-brand p:last-child span {
    color: #FEA628;
}

.advanced-media-brand p:last-child span:after {
    right: 6px;
    background-color: #fff;
}

@media (max-width: 768px) {
    .advanced-media-brand>p:nth-child(3) span::after {
        height: 50px;
        bottom: 24px;
    }
}

.advanced-media-statistics {
    padding: 40px 0;
    color: #fff;
}

.advanced-media-statistics-item {
    margin-bottom: 26px;
}

.advanced-media-statistics-item span:first-child {
    display: block;
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
}

.advanced-media-statistics-item span:last-child {
    font-size: 20px;
    line-height: 25px;
}

.advanced-media-statistics-item:nth-child(3) {
    margin-bottom: 22px;
}

.advanced-media-statistics .advanced-media-statistics-flag {
    margin-bottom: 30px;
}

.advanced-media-statistics .advanced-media-statistics-flag img {
    display: inline-block;
    margin-right: 20px;
}

.advanced-media-statistics .advanced-media-statistics-link .advanced-media-arrow-right {
    display: inline-block;
    position: absolute;
    top: 4px;
    margin-left: 8px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.advanced-media-statistics .advanced-media-link {
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
}

.advanced-media-statistics .advanced-media-link:hover .advanced-media-arrow-right {
    transform: translateX(5px);
}

.advanced-media-statistics .advanced-media-link:after {
    background: #fff none repeat scroll 0 0;
    bottom: 2px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 1;
}

.advanced-media-statistics .advanced-media-link>span {
    margin-left: 8px;
}

section#solution-section .banner-title {
    color: #fff;
    margin-bottom: 40px;
}

@media (max-width: 600px) {
    section#solution-section .banner-title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 35px;
    }
}

section#solution-section .solution-section-listing_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

/*section#solution-section .solution-section-listing_row:nth-child(1) .xsolution-section-listing_item:nth-child(1) {
    padding-top: 251px;
}

section#solution-section .solution-section-listing_row:nth-child(1) .solution-section-listing_item:nth-child(1) {
    padding-top: 253px;
}

section#solution-section .solution-section-listing_row:nth-child(1) .solution-section-listing_item:nth-child(2) {
    padding-top: 95px;
}

section#solution-section .solution-section-listing_row:nth-child(1) .solution-section-listing_item:nth-child(4) {
    padding-top: 182px;
}
*/
/*section#solution-section .solution-section-listing_row:nth-child(2) {
    margin-top: -77px;
    color: green;
}
*/
/*@media (max-width: 600px) {
    section#solution-section .solution-section-listing_row:nth-child(2) {
        padding-top: 35px;
        margin-top: 0;
    }
}
*/
/*section#solution-section .solution-section-listing_row:nth-child(2) .solution-section-listing_item:nth-child(1) {
    padding-top: 239px;
}

section#solution-section .solution-section-listing_row:nth-child(2) .solution-section-listing_item:nth-child(2) {
    padding-top: 100px;
}

section#solution-section .solution-section-listing_row:nth-child(2) .solution-section-listing_item:nth-child(3) {
    margin-top: -89px;
}

section#solution-section .solution-section-listing_row:nth-child(2) .solution-section-listing_item:nth-child(4) {
    padding-top: 70px !important;
}
*/
section#solution-section .solution-section-listing_item {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    max-width: 33.3%;
    padding: 0 10px;
}

@media (max-width: 768px) {
    section#solution-section .solution-section-listing_row:nth-child(2) .solution-section-listing_item:nth-child(3) {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    section#solution-section .solution-section-listing_item:first-child {
        padding-top: 0 !important;
    }
}

@media (max-width: 600px) {
    section#solution-section .solution-section-listing_item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 35px !important;
    }
}

section#solution-section .solution-section-listing_item .solution-number {
    display: block;
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 400;
}

@media (max-width: 768px) {
    section#solution-section .solution-section-listing_item .solution-number {
        margin-bottom: 12px;
        font-size: 26px;
        line-height: 33px;
    }
}

section#solution-section .solution-section-listing_item h3 {
    margin: 0 0 8px;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 768px) {
    section#solution-section .solution-section-listing_item h3 {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 600px) {
    section#solution-section .solution-section-listing_item h3 {
        margin-bottom: 0px;
    }
    section#solution-section .solution-section-listing_item .solution-number{
        margin-bottom: 0px;
    }
    .appointment-booking span{
        font-size: 14px;
    }
    .btn-book{
        padding: 15px;
    }
    .btn-book{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 11px;
    }
}

@media (max-width: 600px) {
    section#solution-section .solution-section-listing_item img {
        display: block;
        margin: 0 auto 20px;
    }
}

section#solution-section .solution-section-listing_item p {
    margin: 9px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #959595;
    font-weight: 300;
}

@media (max-width: 768px) {
    section#solution-section .solution-section-listing_item p {
        padding-right: 0;
        font-size: 14px;
    }
}

section#technology-section {
    padding-top: 0;
    padding-bottom: 150px;
}

@media (max-width: 768px) {
    section#technology-section {
        padding-bottom: 50px;
    }
}

@media (max-width: 600px) {
    section#technology-section {
        padding-top: 73px;
    }
}

section#technology-section .banner-title {
    margin-bottom: 40px;
    max-width: 100%;
    color: #fff;
}

@media (max-width: 768px) {
    section#technology-section .banner-title {
        margin-bottom: 33px;
        font-size: 26px;
        line-height: 33px;
    }
}

section#technology-section .technology-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

@media (max-width: 768px) {
    section#technology-section .technology-listing {
        margin: 0;
    }
}
@media (max-width: 768px) {
    section#technology-section .technology-listing_col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }
}

section#technology-section .technology-listing_col .technology-listing_box {
    background-repeat: no-repeat;
    padding: 24px 24px 24px 16px ;
    background-color: rgb(41 41 69 / 50%);
    height: 340px;
    border-radius: 8px;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    section#technology-section .technology-listing_col .technology-listing_box {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing_col .technology-listing_box {
        padding-top: 37px;
        padding-left: 23px;
        margin: 0 auto 20px;
        max-width: 367px;
        height: 330px;
    }
}


/*section#technology-section .technology-listing_col:nth-child(1) .technology-listing_box {
    background-image: url("../images/tech-bg-1.png");
}
*/
section#technology-section .technology-listing_col:nth-child(1) .technology-listing_box .technology-logo-item {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(1) .technology-listing_box .technology-logo-listing {
    margin-top: 24px;
}

section#technology-section .technology-listing_col:nth-child(1) .technology-listing_box .technology-logo-listing:first-child {
    margin-bottom: 30px;
}

/*section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box {
    background-image: url("../images/tech-bg-2.png");
}*/

section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-listing {
    margin-top: 33px;
}

section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-listing .technology-logo-item:first-child {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-listing .technology-logo-item:nth-child(2) {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-listing .technology-logo-item:nth-child(3) {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-listing .technology-logo-item:nth-child(4) {
    margin-bottom: 22px;
}

@media (max-width: 768px) {
    section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-item:first-child {
        margin-bottom: 29px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-item:nth-child(2) {
        margin-bottom: 14px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-item:nth-child(3) {
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing_col:nth-child(2) .technology-listing_box .technology-logo-item:nth-child(4) {
        margin-bottom: 19px;
    }
}

/*section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box {
    background-image: url("../images/tech-bg-3.png");
}*/

@media (max-width: 768px) {
    section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box .technology-logo-item {
        margin-bottom: 27px;
    }
}

section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box .technology-logo-listing {
    margin-top: 33px;
}

section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box .technology-logo-listing .technology-logo-item:first-child {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box .technology-logo-listing .technology-logo-item:nth-child(2) {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box .technology-logo-listing .technology-logo-item:nth-child(3) {
    margin-bottom: 22px;
}

section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box .technology-logo-listing .technology-logo-item:nth-child(4) {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    section#technology-section .technology-listing_col:nth-child(3) .technology-listing_box {
        margin-bottom: 0;
    }
}

section#technology-section .technology-listing .technology-heading {
    position: relative;
}

@media screen and (max-width: 1200px) {
    section#technology-section .technology-listing .technology-heading img {
        width: 50px;
        height: 50px;
    }
    section#technology-section .technology-listing .technology-heading h3 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing .technology-heading {
        margin-bottom: 36px;
    }
}

section#technology-section .technology-listing .technology-heading h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    margin-left: 8px;
}

@media screen and (min-width:769px) and (max-width: 1200px) {
    section#technology-section .technology-listing .technology-heading h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 992px) {
    section#technology-section .technology-listing .technology-heading h3 {
        font-size: 18px;
        line-height: 24px;
    }
    /* section#technology-section .technology-listing .technology-heading img {
        width: 40px;
        height: 40px;
    } */
}

@media screen and (min-width:769px) and (max-width: 992px) {
    section#technology-section .technology-listing .technology-heading img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing .technology-heading h3 {
        font-size: 26px;
        line-height: 32px;
    }
}

section#technology-section .technology-listing .technology-heading span {
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 70px;
    font-weight: 600;
    line-height: 52px;
    color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 992px) {
    section#technology-section .technology-listing .technology-heading span {
        top: -20px;
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    section#technology-section .technology-listing .technology-heading span {
        font-size: 70px;
        line-height: 52px;
        top: -3px;
    }
}

section#technology-section .technology-listing .technology-logo-listing .technology-logo-item {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    section#technology-section .technology-listing .technology-logo-listing .technology-logo-item {
        margin-bottom: 30px;
    }
}

section#edu-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section#edu-section .edu-col-first {
    -ms-flex-preferred-size: 477px;
    flex-basis: 477px;
    max-width: 477px;
}

@media (max-width: 1024px) {
    section#edu-section .edu-col-first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

section#edu-section .edu-col-first .edu-col-first-item {
    margin-bottom: 9px;
    padding: 43px 0 0 30px;
    background-image: url("../images/edu-skill.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #A87AB9;
    /*height: 396px;*/
    height: calc(50% - 4.5px);
    background-size: 80%;
    display: block;
}

@media (max-width: 1024px) {
    section#edu-section .edu-col-first .edu-col-first-item {
        padding-right: 40px;
        background-size: 310px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        height: 400px;
    }
}

@media (max-width: 768px) {
    section#edu-section .edu-col-first .edu-col-first-item {
        height: 365px;
    }
}

@media (max-width: 576px) {
    section#edu-section .edu-col-first .edu-col-first-item {
        padding: 30px 35px 0 25px;
        height: 288px;
    }
}

@media (max-width: 375px) {
    section#edu-section .edu-col-first .edu-col-first-item {
        height: 188px;
    }
}

@media (max-width: 576px) {
    section#edu-section .edu-col-first .edu-col-first-item:first-child {
        background-size: calc(100% - 13px);
    }
}

@media (max-width: 375px) {
    section#edu-section .edu-col-first .edu-col-first-item:first-child {
        padding: 11px 53px 0 12px;
    }
}

section#edu-section .edu-col-first .edu-col-first-item:last-child {
    padding-left: 24px;
    padding-top: 28px;
    margin-bottom: 0;
    background-image: url("../images/edu-env.png");
    background-color: #92E3A9;
}

@media (max-width: 576px) {
    section#edu-section .edu-col-first .edu-col-first-item:last-child {
        background-size: calc(100% - 31px);
    }
}

@media (max-width: 375px) {
    section#edu-section .edu-col-first .edu-col-first-item:last-child {
        padding: 12px 33px 0 13px;
    }
}

section#edu-section .edu-col-first .edu-col-first-item h3 {
    font-size: 36px;
    line-height: 51px;
    font-weight: 600;
    color: #fff;
}

@media (max-width: 1024px) {
    section#edu-section .edu-col-first .edu-col-first-item h3 br {
        display: none;
    }
}

@media (max-width: 768px) {
    section#edu-section .edu-col-first .edu-col-first-item h3 {
        font-size: 25px;
        line-height: 38px;
    }
}

@media (max-width: 576px) {
    section#edu-section .edu-col-first .edu-col-first-item h3 {
        font-size: 20px;
        line-height: 29px;
    }
}

@media (max-width: 375px) {
    section#edu-section .edu-col-first .edu-col-first-item h3 {
        font-size: 16px;
        line-height: 22px;
    }
}

section#edu-section .edu-col-last {
    position: relative;
    -ms-flex-preferred-size: calc(100% - 477px);
    flex-basis: calc(100% - 477px);
    max-width: calc(100% - 477px);
    display: block;
    padding-left: 10px;
}

section#edu-section .edu-col-last::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

@media (max-width: 1024px) {
    section#edu-section .edu-col-last {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

section#edu-section .edu-col-last iframe {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 963px;
}

video#video-edubg {
    width: calc(100% - 10px);
    position: absolute;
    top: 0;
}

section#edu-section .edu-col-last .edu-col-video {
    position: relative;
    padding-top: 205px;
    padding-left: 105px;
    z-index: 1;
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    section#edu-section .edu-col-last .edu-col-video {
        padding-top: 8%;
        padding-left: 7.5%;
    }
}

@media (max-width: 1024px) {
    section#edu-section .edu-col-last .edu-col-video {
        padding-left: 0;
        width: 750px;
        margin: 0 auto;
        padding-bottom: 238px;
    }
}

@media (max-width: 768px) {
    section#edu-section .edu-col-last .edu-col-video {
        width: 100%;
        /*padding: 100px 15px 238px;*/
        padding: 30px 15px 50px;
    }
    section#edu-section .edu-col-last {
        padding-left: 0;
    }
    video#video-edubg {
        width: 100%;
    }
}

section#edu-section .edu-col-last .edu-col-video h3 {
    margin: 0 0 25px;
    color: #FEA628;
    font-size: 40px;
    line-height: 56px;
    font-weight: 600;
}

@media (max-width: 576px) {
    section#edu-section .edu-col-last .edu-col-video h3 {
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 39px;
    }
}

@media (max-width: 576px) {
    section#edu-section .edu-col-last .edu-col-video h3 br {
        display: none;
    }
}

section#edu-section .edu-col-last .edu-col-video h4 {
    margin: 0 0 13px;
    color: #FFFFFF;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
}

@media (max-width: 576px) {
    section#edu-section .edu-col-last .edu-col-video h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
}

section#edu-section .edu-col-last .edu-col-video p {
    padding-right: 20px;
    margin: 0;
    max-width: 600px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}

@media (max-width: 576px) {
    section#edu-section .edu-col-last .edu-col-video p {
        font-size: 14px;
        line-height: 26px;
    }
}

section#edu-section .edu-col-last .edu-col-video button {
    margin-top: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0 20px;
    height: 65px;
    color: #000000;
    font-size: 25px;
    font-weight: 600;
    line-height: 52px;
    border: 0;
    border-radius: 50px;
    min-width: 235px;
    cursor: pointer;
}

section#edu-section .edu-col-last .edu-col-video button.paused {
    background-color: rgba(255, 255, 255, 0.8);
}

section#edu-section .edu-col-last .edu-col-video button.paused i:before {
    content: "\f20d";
}

section#edu-section .edu-col-last .edu-col-video button i {
    margin-right: 15px;
    font-size: 45px;
}

@media (max-width: 768px) {
    section#edu-section .edu-col-last .edu-col-video button {
        padding: 0 12px;
        min-width: auto;
    }
    section#edu-section .edu-col-last .edu-col-video button i {
        font-size: 32px;
        margin-right: 11px;
    }
}

@media (max-width: 576px) {
    section#edu-section .edu-col-last .edu-col-video button {
        margin-top: 30px;
        min-width: 167px;
        height: 46px;
        font-size: 17px;
        line-height: 35px;
    }
}

:root {
    --ease-quint-out: cubic-bezier(0.23, 1, 0.32, 1);
}

section#job-section {
    padding-top: 0;
}

@media (max-width: 992px) {
    section#job-section {
        padding-top: 136px;
    }
}

@media (max-width: 767px) {
    section#job-section {
        padding-top: 75px;
    }
}

@media (max-width: 414px) {
    section#job-section {
        padding-top: 10px;
    }
}

section#job-section .job-interactive-modules {
    position: relative;
    margin-bottom: 99px;
}

section#job-section .job-interactive-modules .job-slogan {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 378px;
    line-height: 473px;
    font-weight: 700;
    color: #fff;
    z-index: 5;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-slogan {
        font-size: 278px;
        line-height: 373px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-slogan {
        font-size: 228px;
        line-height: 323px;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-slogan {
        font-size: 197px;
        line-height: 323px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-slogan {
        font-size: 153px;
        line-height: 114px;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-slogan {
        font-size: 91px;
        line-height: 114px;
    }
}

@media (max-width: 359px) {
    section#job-section .job-interactive-modules .job-slogan {
        font-size: 85px;
    }
}

section#job-section .job-interactive-modules .job-slogan span {
    position: absolute;
    top: -48px;
    margin-right: 32%;
    display: block;
    font-size: 157px;
    line-height: 220px;
    font-weight: 600;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-slogan span {
        top: -53px;
        margin-right: 26%;
        font-size: 123px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-slogan span {
        font-size: 109px;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-slogan span {
        margin-right: 33%;
        font-size: 101px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-slogan span {
        font-size: 68px;
        line-height: 53px;
        margin-right: 22%;
        top: -33px;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-slogan span {
        font-size: 38px;
        line-height: 53px;
        margin-right: 26%;
        top: -30px;
    }
}

@media (max-width: 375px) {
    section#job-section .job-interactive-modules .job-slogan span {
        top: -13px;
    }
}

section#job-section .job-interactive-modules .job-interactive-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box {
    position: absolute;
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st {
    right: 15%;
    top: 43px;
    /*-webkit-transform: rotate(6deg);
                  transform: rotate(6deg);*/
    z-index: 9;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st img {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
    max-width: 194px;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st {
        right: 23%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st {
        right: 19%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st {
        top: -30px;
        right: 26%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st {
        top: 0px;
        right: 19%;
    }
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st img {
        width: 144px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st img {
        width: 95px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st img {
        width: 81px;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--1st img {
        width: 52px;
    }
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd {
    bottom: -15.5%;
    right: 26%;
    /*-webkit-transform: rotate(3deg);
                  transform: rotate(3deg);*/
    z-index: 9;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd img {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    max-width: 280px;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd {
        right: 32%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd {
        right: 29%;
        bottom: -6.5%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd {
        right: 33%;
        bottom: -58.5%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd {
        right: 27%;
        bottom: -39.5%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd {
        bottom: -24.5%;
    }
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd img {
        width: 231px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd img {
        width: 181px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd img {
        width: 165px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd img {
        width: 110px;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--2nd img {
        width: 78px;
    }
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd {
    bottom: -20%;
    right: 40.5%;
    /*-webkit-transform: rotate(357deg);
                  transform: rotate(357deg);*/
    z-index: 8;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd img {
    -webkit-transform: rotate(357deg);
    transform: rotate(357deg);
    max-width: 315px;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd {
        bottom: -20%;
        right: 44.5%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd {
        bottom: -10%;
        right: 42.5%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd {
        bottom: -64%;
        right: 41.5%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd {
        bottom: -44%;
        right: 41.5%;
    }
}

@media (max-width: 375px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd {
        bottom: -29%;
    }
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd img {
        width: 265px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd img {
        width: 200px;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd img {
        width: 180px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd img {
        width: 120px;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--3rd img {
        width: 88px;
    }
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
    bottom: -36%;
    right: 6%;
    /*-webkit-transform: rotate(353deg);
                  transform: rotate(353deg);*/
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th img {
    -webkit-transform: rotate(353deg);
    transform: rotate(353deg);
    max-width: 168px;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
        bottom: -35%;
        right: 16%;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
        bottom: -25%;
        right: 18%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
        right: 10%;
        bottom: -22%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
        right: 21%;
        bottom: -89%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
        right: 11%;
        bottom: -62%;
    }
}

@media (max-width: 375px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th {
        right: 7%;
        bottom: -53%;
    }
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th img {
        width: 144px;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th img {
        width: 95px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th img {
        width: 65px;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--4th img {
        width: 51px;
    }
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
    width: 252px;
    height: 252px;
    padding-left: 33px;
    padding-top: 24px;
    bottom: -1%;
    right: 50.5%;
    background-color: #FD0D1B;
    color: #000000;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
    z-index: 7;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-text-box {
    position: absolute;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
    bottom: -1%;
    right: 50.5%;
    z-index: 7;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
        font-size: 22px;
        line-height: 32px;
        padding-left: 18px;
        padding-top: 18px;
        width: 202px;
        height: 202px;
        bottom: 3%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
        bottom: 3%;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
        font-size: 18px;
        line-height: 28px;
        padding-left: 18px;
        padding-top: 18px;
        width: 180px;
        height: 180px;
        bottom: 3%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
        bottom: 3%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
        font-size: 16px;
        line-height: 25px;
        width: 155px;
        height: 155px;
        padding-left: 12px;
        padding-top: 11px;
        right: 49.5%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
        right: 49.5%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
        width: 128px;
        height: 108px;
        font-size: 12px;
        line-height: 18px;
        bottom: -35%;
        right: 48.5%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
        right: 48.5%;
        bottom: -35%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
        width: 65px;
        height: 61px;
        font-size: 8px;
        line-height: 9px;
        bottom: 2%;
        right: 46.5%;
        padding-left: 6px;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
        bottom: 2%;
        right: 46.5%;
    }
}

@media (max-width: 375px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--5th {
        padding-left: 7px;
        padding-top: 5px;
        bottom: 0;
        right: 49.5%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-5th {
        bottom: 0;
        right: 49.5%;
    }
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
    width: 252px;
    height: 252px;
    padding-left: 15px;
    padding-top: 28px;
    bottom: -9%;
    right: 66.5%;
    background-color: #FCA53A;
    color: #000000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: rotate(350deg);
    transform: rotate(350deg);
    z-index: 6;
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-6th {
    bottom: -9%;
    right: 66.5%;
    z-index: 6;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
        width: 202px;
        height: 202px;
        padding-left: 10px;
        padding-top: 19px;
        bottom: -9%;
        right: 64.5%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-6th {
        bottom: -9%;
        right: 64.5%;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
        width: 180px;
        height: 180px;
        padding-left: 10px;
        padding-top: 19px;
        bottom: -9%;
        right: 64.5%;
        font-size: 16px;
        line-height: 26px;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-6th {
        bottom: -9%;
        right: 64.5%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
        font-size: 14px;
        line-height: 23px;
        width: 165px;
        height: 165px;
        padding-left: 8px;
        padding-top: 13px;
        bottom: -4%;
        right: 67%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-6th {
        bottom: -4%;
        right: 67%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
        width: 146px;
        height: 120px;
        font-size: 12px;
        line-height: 20px;
        bottom: -31%;
        right: 61%;
        padding-right: 38px;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-6th {
        bottom: -31%;
        right: 61%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
        width: 61px;
        height: 61px;
        font-size: 8px;
        line-height: 9px;
        bottom: -4%;
        right: 67%;
        padding-right: 5px;
        padding-top: 5px;
        padding-left: 5px;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-6th {
        bottom: -4%;
        right: 67%;
    }
}

@media (max-width: 375px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th {
        font-size: 8px;
        line-height: 10px;
        padding: 4px 0 0 2px;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--6th br {
        display: none;
    }
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
    width: 315px;
    height: 259px;
    padding-left: 45px;
    padding-top: 31px;
    bottom: 56%;
    right: 24.5%;
    background-color: #2CFFFE;
    color: #000000;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    /*-webkit-transform: rotate(353deg);
                  transform: rotate(353deg);*/
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th img {
    -webkit-transform: rotate(353deg);
    transform: rotate(353deg);
}

section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-7th {
    bottom: 56%;
    right: 24.5%;
}

@media (max-width: 1600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
        padding-top: 21px;
        padding-left: 35px;
        right: 29%;
        width: 265px;
        height: 205px;
        font-size: 19px;
        line-height: 29px;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-7th {
        right: 29%;
    }
}

@media (max-width: 1200px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
        padding-top: 18px;
        padding-left: 28px;
        right: 29%;
        width: 215px;
        height: 155px;
        font-size: 16px;
        line-height: 26px;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-7th {
        right: 29%;
    }
}

@media (max-width: 992px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
        width: 195px;
        height: 144px;
        font-size: 14px;
        line-height: 23px;
        bottom: 62%;
        right: 26%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-7th {
        bottom: 62%;
        right: 26%;
    }
}

@media (max-width: 768px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
        width: 128px;
        height: 114px;
        font-size: 12px;
        line-height: 19px;
        padding-top: 6px;
        padding-left: 13px;
        bottom: 56%;
        right: 35%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-7th {
        bottom: 56%;
        right: 35%;
    }
}

@media (max-width: 600px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
        width: 79px;
        height: 65px;
        font-size: 8px;
        line-height: 10px;
        padding-top: 10px;
        padding-left: 13px;
        bottom: 56%;
        right: 30%;
    }
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box-text-7th {
        bottom: 56%;
        right: 30%;
    }
}

@media (max-width: 375px) {
    section#job-section .job-interactive-modules .job-interactive-section .job-interactive-box--7th {
        padding-left: 8px;
        padding-top: 6px;
    }
}

section#job-section .job-interactive-modules .job-interactive-section.active .job-interactive-box {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}

section#sec-job-new .job-linked {
    padding-top: 137px;
    margin-bottom: 90px;
}

@media (max-width: 1600px) {
    section#sec-job-new .job-linked {
        padding-top: 98px;
    }
}

@media (max-width: 992px) {
    section#sec-job-new .job-linked {
        padding-top: 50px;
    }
}

@media (max-width: 375px) {
    section#sec-job-new .job-linked {
        margin-bottom: 50px;
        padding-top: 0;
    }
}

section#sec-job-new .job-linked>span {
    display: block;
    margin-bottom: 11px;
    color: #FFFFFF;
    font-size: 25px;
    line-height: 32px;
}

@media (max-width: 768px) {
    section#sec-job-new .job-linked>span {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 35px;
    }
}

section#sec-job-new .job-linked>h4 {
    margin: 0 0 23px;
    color: #FEA628;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
}

@media (max-width: 768px) {
    section#sec-job-new .job-linked>h4 {
        margin-bottom: 41px;
        padding-right: 70px;
        font-size: 26px;
        line-height: 33px;
    }
}

section#sec-job-new .job-linked>a {
    position: relative;
    width: 100%;
    background-color: #202022;
    padding-left: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    height: 80px;
    color: #92E3A9;
}

@media (max-width: 992px) {
    section#sec-job-new .job-linked>a {
        width: 100%;
    }
}

@media (max-width: 768px) {
    section#sec-job-new .job-linked>a {
        font-size: 20px;
        line-height: 35px;
        padding-left: 10px;
    }
}

@media (max-width: 576px) {
    section#sec-job-new .job-linked>a {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        padding-top: 11px;
        height: 77px;
    }
}

@media (max-width: 375px) {
    section#sec-job-new .job-linked>a {
        padding-left: 10px;
    }
}

@media (max-width: 365px) {
    section#sec-job-new .job-linked>a {
        font-size: 16px;
        line-height: 1.2;
    }
}

section#sec-job-new .job-linked>a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-image: url("../images/job-linked.png");
    width: 228px;
    height: 80px;
}

section#sec-job-new .job-linked>a .job-link-number {
    position: relative;
    top: -8px;
    margin-right: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background-color: #92E3A9;
    font-size: 50px;
    line-height: 76px;
    font-weight: 600;
    padding-left: 2px;
    color: #fff;
    border-radius: 90px;
}

@media (max-width: 768px) {
    section#sec-job-new .job-linked>a .job-link-number {
        margin-top: -25px;
        font-size: 38px;
        line-height: 71px;
        width: 75px;
        height: 75px;
    }
}

@media (max-width: 375px) {
    section#sec-job-new .job-linked>a .job-link-number {
        margin-right: 10px;
    }
}

section#sec-job-new .job-linked>a i {
    position: absolute;
    right: 36px;
    font-size: 15px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    top: 50%;
    transform: translateY(-50%);
}

section#sec-job-new .job-linked>a:hover i {
    right: 25px;
}

@media (max-width: 576px) {
    section#sec-job-new .job-linked>a i {
        right: 10px;
        bottom: 5px;
        top: auto;
    }
}

@media (max-width: 375px) {
    section#sec-job-new .job-linked>a i {
        right: 0;
    }
}

section#project-section {
    position: relative;
    background-image: url("../images/project-bg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
    text-align: center;
}

@media (max-width: 992px) {
    section#project-section {
        height: 650px;
    }
}

@media (max-width: 375px) {
    section#project-section {
        background-position: 0 center;
        background-size: cover;
        height: 480px;
    }
}

section#project-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

section#project-section>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    z-index: 9;
}

section#project-section>.container .project-content {
    max-width: 811px;
    margin: 0 auto;
}

section#project-section>.container .project-content>span {
    display: block;
    margin-bottom: 15px;
    color: #FFFFFF;
    font-size: 25px;
    line-height: 35px;
}

@media (max-width: 768px) {
    section#project-section .project-content {
        padding: 0;
    }
    section#project-section>.container .project-content>span {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 25px;
    }
}

section#project-section>.container .project-content>h4 {
    margin: 0 0 15px;
    color: #FEA628;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
}

@media (max-width: 768px) {
    section#project-section>.container .project-content>h4 {
        max-width: 248px;
        margin: 0 auto 11px;
        font-size: 26px;
        line-height: 32px;
    }
}

section#project-section>.container .project-content>p {
    margin: 0 0 36px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

@media (max-width: 768px) {
    section#project-section>.container .project-content>p {
        font-size: 14px;
        line-height: 24px;
    }
}

section#project-section>.container .project-content>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FEA628;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    border-radius: 30px;
    min-width: 300px;
    height: 60px;
}

.news-section {
    padding: 10px 0 23px;
}

@media (max-width: 375px) {
    .news-section {
        padding: 30px 0 48px;
    }
}

@media (max-width: 375px) {
    .news-section .container {
        padding-right: 0;
    }
}

.news-section .news-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 33px;
    color: #fff;
}

@media (max-width: 375px) {
    .news-section .news-heading {
        margin-bottom: 30px;
        padding-right: 15px;
    }
}

.news-section .news-heading h3 {
    margin: 0;
}

@media (max-width: 992px) {
    .news-section .news-heading h3 {
        font-size: 26px;
        line-height: 38px;
    }
}

.news-section .news-heading a {
    position: relative;
    color: #BABABA;
    font-size: 18px;
    line-height: 23px;
}

@media (max-width: 992px) {
    .news-section .news-heading a {
        font-size: 14px;
        line-height: 18px;
    }
}

.news-section .news-heading a:after {
    background: #BABABA none repeat scroll 0 0;
    bottom: 2px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0px;
    right: 0;
    position: absolute;
    z-index: 1;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.news-section .news-heading a:hover:after {
    background-color: #FEA628;
}

.news-section .news-heading a.btn:hover {
    color: #FEA628;
}

.news-section .news-heading a.btn-view-more:hover {
    color: #FEA628;
}

.news-section .project-listing .project-item_meta .post-date {
    font-size: 14px;
    line-height: 30px;
    color: #BABABA;
}

.news-section .project-listing .project-item_meta .post-date i {
    margin-right: 10px;
}

@media (max-width: 375px) {
    .news-section .project-listing .project-title a {
        font-size: 16px;
        line-height: 22px;
    }
}

.news-section .project-listing .news-listing_tag {
    position: absolute;
    padding: 0 15px;
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    min-width: 76px;
    height: 16px;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    text-align: center;
    border-radius: 2px;
}

.news-section .news-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-section .news-listing-item {
    position: relative;
    -ms-flex-preferred-size: calc(100% / 3 - (30px * 2 / 3));
    flex-basis: calc(100% / 3 - (30px * 2 / 3));
    max-width: calc(100% / 3 - (30px * 2 / 3));
    margin-right: 30px;
    margin-bottom: 30px;
}

.news-section .news-listing-item:nth-child(3n) {
    margin-right: 0;
}

.news-section .news-listing-item_thumbnail {
    display: block;
    overflow: hidden;
}

.news-section .news-listing-item_thumbnail img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-section .news-listing-item:hover .news-listing-item_thumbnail img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.news-section .news-listing-item_meta {
    margin-top: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-section .news-listing-item_meta a {
    position: absolute;
    right: 0;
    color: #27FFFE;
}

.news-section .news-listing-item h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-section .news-listing-item h3 a {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

@media (max-width: 767px) {
    .project-listing .col-sm-6 {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .project-listing .col-sm-6 {
        width: 100%;
    }
}

.project-listing .inner-post {
    position: relative;
}

.project-listing .project-item_meta .read-more {
    position: absolute;
    right: 0;
}

@media (max-width: 375px) {
    .post-slider {
        overflow: hidden;
    }
    .post-slider>.row {
        margin: 0;
        width: calc(100% - 58px);
    }
    .post-slider>.row .project-item {
        padding: 0;
        margin-bottom: 0;
    }
    .post-slider .owl-carousel .owl-stage-outer {
        overflow: inherit;
    }
}

section#contact-section {
    position: relative;
    background-color: #E7E7E7;
    height: 284px;
}

@media (max-width: 768px) {
    section#contact-section {
        height: auto;
    }
}

section#contact-section:after {
    content: "";
    width: 942px;
    height: 284px;
    background-image: url(../images/contact-icon.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom;
    width: 50%;
    top: 0;
    left: 0;
    position: absolute;
    display: inline-block;
}

@media (max-width: 992px) {
    section#contact-section:after {
        background-position: -113px center;
    }
}

@media (max-width: 768px) {
    section#contact-section:after {
        content: none;
    }
}

@media (max-width: 768px) {
    section#contact-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    section#contact-section>img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

section#contact-section .contact-content {
    padding: 72px 40px 0px 62px;
    width: 50%;
    margin-left: auto;
}

@media (max-width: 992px) {
    section#contact-section .contact-content {
        padding: 40px 40px 0px 35px;
    }
}

@media (max-width: 768px) {
    section#contact-section .contact-content {
        text-align: center;
        background-image: url("../images/contact-bg-sp.jpg");
        background-position: center bottom;
        background-repeat: no-repeat;
        width: 100%;
        padding: 50px 15px 196px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width: 375px) {
    section#contact-section .contact-content {
        text-align: left;
        background-position: -29px bottom;
    }
}

section#contact-section .banner-title {
    margin: 0 0 12px;
    color: #000;
    line-height: 50px;
}

@media (max-width: 375px) {
    section#contact-section .banner-title {
        font-size: 26px;
        line-height: 33px;
    }
}

section#contact-section p {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}

@media (max-width: 768px) {
    section#contact-section p br {
        display: none;
    }
}

@media (max-width: 375px) {
    section#contact-section p {
        font-size: 14px;
        line-height: 22px;
    }
}

section#contact-section .btn-contact {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FEA628;
    min-width: 270px;
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

section#contact-section .btn-contact i {
    margin-right: 11px;
}

@media (max-width: 992px) {
    section#contact-section .btn-contact {
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    section#contact-section .btn-contact {
        min-width: 390px;
    }
}

@media (max-width: 576px) {
    section#contact-section .btn-contact {
        min-width: 100%;
    }
    section#contact-section .btn-contact:first-child{
        margin-bottom: 20px;
    }
    .why-item-title{
        left: 0;
    }
}

.btn-effect-shadow {
    -webkit-box-shadow: inset 0px 0px 0px #2F3B47;
    box-shadow: inset 0px 0px 0px #2F3B47;
    -webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
}

.btn-effect-shadow:hover {
    background-color: transparent !important;
    -webkit-box-shadow: inset 390px 0px 0px #2F3B47;
    box-shadow: inset 390px 0px 0px #2F3B47;
}

.wpcf7-submit {
    position: relative;
    background-color: #FEA628;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    border-radius: 30px;
    min-width: 300px;
    height: 60px;
}

.wpcf7-submit .wpcf7-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    opacity: 0;
}

.wpcf7-submit.loading {
    border-color: rgba(0, 0, 0, 0.07);
    cursor: default;
    background-color: #999;
}

.wpcf7-submit.loading .wpcf7-spinner {
    opacity: 1;
}

body.page-template-about #top-banner .banner-content .banner-title br {
    display: none;
}

@media (max-width: 768px) {
    body.page-template-about #top-banner .banner-content .banner-title {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 21px;
    }
}

@media (max-width: 768px) {
    body.page-template-about #top-banner .banner-content p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 768px) {
    body.page-template-about #top-banner .scroll-down {
        display: none;
    }
}

body.page-template-about #top-banner .banner-background {
    top: 365px;
    width: 100%;
}

body.page-template-about #top-banner .banner-background img {
    opacity: 0.4;
    width: 100%;
}

body.page-template-about #top-banner .banner-bg {
    top: 3%;
    right: 7%;
}

body.page-template-about .about-message {
    padding-top: 369px;
}

@media (max-width: 576px) {
    body.page-template-about .about-message {
        padding-top: 45px;
    }
}

body.page-template-about .about-message-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #000000;
    background-image: url("../images/about-message-bg.png");
    background-size: cover;
}

body.page-template-about .about-message-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 992px) {
    body.page-template-about .about-message-row {
        margin-bottom: 17px;
    }
}

body.page-template-about .about-message p.slogan-message-text {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    display: none;
}

@media (max-width: 992px) {
    body.page-template-about .about-message p.slogan-message-text {
        display: block;
    }
}

@media (max-width: 768px) {
    body.page-template-about .about-message p.slogan-message-text {
        font-size: 14px;
        line-height: 22px;
    }
}

body.page-template-about .about-message-avatar {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
    max-width: 380px;
}

@media (max-width: 992px) {
    body.page-template-about .about-message-avatar {
        -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
        max-width: 140px;
    }
}

body.page-template-about .about-message-avatar img {
    display: block;
}

body.page-template-about .about-message-info {
    padding-left: 50px;
    padding-top: 27px;
    -ms-flex-preferred-size: calc(100% - 380px);
    flex-basis: calc(100% - 380px);
    max-width: calc(100% - 380px);
    padding-right: 60px;
}

@media (max-width: 992px) {
    body.page-template-about .about-message-info {
        -ms-flex-preferred-size: calc(100% - 140px);
        flex-basis: calc(100% - 140px);
        max-width: calc(100% - 140px);
        padding-left: 17px;
        padding-right: 10px;
    }
}

body.page-template-about .about-message-info h3 {
    margin: 0 0 25px;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

@media (max-width: 992px) {
    body.page-template-about .about-message-info h3 {
        font-size: 26px;
        line-height: 33px;
    }
}

@media (max-width: 992px) {
    body.page-template-about .about-message-info>p {
        display: none;
    }
}

body.page-template-about .about-message-info p {
    margin: 0 0 47px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 992px) {
    body.page-template-about .about-message-sign>p {
        font-size: 14px;
        line-height: 19px;
    }
}

body.page-template-about .about-message-sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.page-template-about .about-message-sign img {
    margin-bottom: 17px;
}

body.page-template-about .about-message-sign p {
    margin: 0;
    color: #fff;
}

body.page-template-about .about-message-sign p span {
    font-weight: 700;
}

body.page-template-about #about-values {
    position: relative;
    padding: 119px 0 80px;
}

@media (max-width: 992px) {
    body.page-template-about #about-values {
        padding-top: 75px;
    }
}

@media (max-width: 768px) {
    body.page-template-about #about-values {
        padding-top: 43px;
        padding-bottom: 20px;
    }
}

body.page-template-about #about-values:before {
    content: '';
    background-image: url("../images/about-line-fly.png");
    width: 1788px;
    height: 756px;
    position: absolute;
    top: 30px;
    left: -12%;
    background-repeat: no-repeat;
}

body.page-template-about #about-values:after {
    content: '';
    background-image: url("../images/assets/plane.svg");
    width: 292px;
    height: 179px;
    position: absolute;
    top: 70px;
    right: 4.3%;
    background-repeat: no-repeat;
}

body.page-template-about #about-values .row {
    margin-bottom: 128px;
}

@media (max-width: 992px) {
    body.page-template-about #about-values .row {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    body.page-template-about #about-values:before,
    body.page-template-about #about-values:after {
        display: none;
    }
}

body.page-template-about #about-values .about-values-item h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
}

@media (max-width: 992px) {
    body.page-template-about #about-values .about-values-item h3 {
        margin-bottom: 35px;
    }
}

@media (max-width: 768px) {
    body.page-template-about #about-values .about-values-item h3 {
        font-size: 26px;
        line-height: 38px;
    }
}

body.page-template-about #about-values .about-values-item h4 {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 36px;
    color: #fff;
    font-weight: 700;
}

@media (max-width: 768px) {
    body.page-template-about #about-values .about-values-item h4 {
        font-size: 20px;
        line-height: 27px;
    }
}

body.page-template-about #about-values .about-values-item p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    color: #fff;
}

@media (max-width: 992px) {
    body.page-template-about #about-values .about-values-item p {
        margin-bottom: 22px;
    }
}

@media (max-width: 768px) {
    body.page-template-about #about-values .about-values-item p {
        font-size: 14px;
        line-height: 22px;
    }
}

body.page-template-about #about-values .about-values-item--child {
    position: relative;
    padding-top: 35px;
}

@media (max-width: 992px) {
    body.page-template-about #about-values .about-values-item--child {
        padding-top: 20px;
    }
}

body.page-template-about #about-values .about-values-item--child:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #FEA628;
    height: 5px;
}

@media (max-width: 768px) {
    #about-activity {
        padding-bottom: 55px;
        padding-top: 20px;
    }
}

#about-activity .about-activity-big {
    position: relative;
    display: inline-block;
    margin-bottom: 70px;
}

#about-activity .about-activity-big img {
    display: block;
}

@media (max-width: 992px) {
    #about-activity .about-activity-big img {
        height: 151px;
    }
}

#about-activity .about-activity-big span.number {
    color: #FEA628;
    font-size: 379px;
}

#about-activity .about-activity-big span.text {
    font-size: 59px;
    text-transform: capitalize;
}

@media (max-width: 992px) {
    #about-activity .about-activity-big span.text {
        font-size: 32px;
        line-height: 38px;
        white-space: nowrap;
    }
}

#about-activity .about-activity-big h4 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    right: -211px;
}

@media (max-width: 992px) {
    #about-activity .about-activity-big h4 {
        bottom: -7px;
        left: 135px;
        right: auto;
    }
}

#about-activity .about-activity-big h4 span {
    line-height: 71px;
}

#about-activity .about-activity-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#about-activity .about-activity-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

@media (max-width: 768px) {
    #about-activity .about-activity-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

#about-activity .about-activity-col:first-child {
    padding-right: 40px;
}

#about-activity .about-activity-col:last-child {
    padding-left: 44px;
}

#about-activity .about-activity-col:last-child .about-activity-item {
    max-width: 485px;
}

@media (max-width: 768px) {
    #about-activity .about-activity-col:first-child {
        margin-bottom: 30px;
        padding-right: 0;
    }
    #about-activity .about-activity-col:last-child {
        padding-left: 0;
    }
}

#about-activity .about-activity-col .about-activity-item:last-child {
    margin-bottom: 0;
}

#about-activity .about-activity-item {
    position: relative;
    padding-left: 35px;
    margin: 0 0 30px;
    color: #BABABA;
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 768px) {
    #about-activity .about-activity-item {
        font-size: 14px;
        line-height: 22px;
    }
}

#about-activity .about-activity-item span {
    position: absolute;
    left: 0;
    color: #FEA628;
    font-weight: 500;
}

@media (max-width: 768px) {
    #about-activity .about-activity-item span {
        top: -2px;
        font-size: 16px;
        line-height: 30px;
    }
}

#about-activity .about-activity-statistics {
    padding-top: 280px;
}

#about-activity .about-activity-statistics h3 {
    color: #fff;
    font-size: 40px;
    line-height: 66px;
    font-weight: 600;
}

@media (max-width: 768px) {
    #about-activity .about-activity-statistics h3 {
        font-size: 26px;
        text-align: center;
    }
}

#about-activity .about-activity-statistics .test-so {
    background: #fea628;
    background: -webkit-gradient(linear, left top, left bottom, from(#fea628), color-stop(0%, #fea628), to(black));
    background: linear-gradient(180deg, #fea628 0%, #fea628 0%, black 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#about-activity .about-activity-statistics-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 42px;
    justify-content: space-between;
}

@media (max-width: 768px) {
    #about-activity .about-activity-statistics-row {
        margin-top: 27.5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#about-activity .about-activity-statistics-item {
    position: relative;
    /*-ms-flex-preferred-size: 33.33%;
          flex-basis: 33.33%;
      max-width: 33.33%;*/
}

@media (max-width: 768px) {
    #about-activity .about-activity-statistics-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 212px;
        margin: 0 auto 50px;
        text-align: right;
    }
}

#about-activity .about-activity-statistics-item img {
    display: block;
}

@media (max-width: 992px) {
    #about-activity .about-activity-statistics-item img {
        width: 175px;
    }
}

@media (max-width: 768px) {
    #about-activity .about-activity-statistics-item img {
        margin: 0 auto;
        width: auto;
    }
}

#about-activity .about-activity-statistics-item span {
    position: absolute;
    bottom: -12px;
    color: #fff;
    font-size: 25px;
    line-height: 52px;
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 992px) {
    #about-activity .about-activity-statistics-item span {
        font-size: 20px;
        line-height: 42px;
    }
}

@media (max-width: 768px) {
    #about-activity .about-activity-statistics-item span {
        left: auto !important;
        right: 0;
    }
}

#about-activity .about-activity-statistics-item:nth-child(1) span {
    left: 105px;
}

@media (max-width: 992px) {
    #about-activity .about-activity-statistics-item:nth-child(1) span {
        left: 55px;
    }
}

@media (max-width: 992px) {
    #about-activity .about-activity-statistics-item:nth-child(2) img {
        margin-left: auto;
        margin-right: auto;
    }
}

#about-activity .about-activity-statistics-item:nth-child(2) span {
    left: 26px;
}

@media (max-width: 768px) {
    #about-activity .about-activity-statistics-item:nth-child(3) {
        margin-bottom: 0;
    }
}

@media (max-width: 992px) {
    #about-activity .about-activity-statistics-item:nth-child(3) img {
        margin-left: auto;
    }
}

#about-activity .about-activity-statistics-item:nth-child(3) span {
    left: 51px;
}

@media (max-width: 992px) {
    #about-activity .about-activity-statistics-item:nth-child(3) span {
        left: 79px;
    }
}

#about-timeline {
    padding-top: 52px;
    padding-bottom: 67px;
    background-color: #202022;
}

@media (max-width: 768px) {
    #about-timeline .container {
        padding-left: 0;
        padding-right: 0;
    }
}

#about-timeline h3 {
    color: #fff;
    font-size: 44px;
    line-height: 55px;
    font-weight: 600;
}

@media (max-width: 768px) {
    #about-timeline h3 {
        text-align: center;
        font-size: 26px;
    }
}

#about-timeline .about-timeline-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 43px;
    height: 224px;
    margin-top: 60px;
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-top-wrapper {
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .about-timeline-top-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .about-timeline-top-wrapper::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-top {
        margin-bottom: 5px;
        margin-top: 20px;
        height: 167px;
    }
}

#about-timeline .about-timeline-top:before {
    position: absolute;
    left: 20px;
    /*right: 20px;*/
    content: '';
    background-color: #C1C1C1;
    height: 3px;
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-top:before {
        left: 0;
        right: -8px;
    }
}

#about-timeline .about-timeline-top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'SF Pro Display';
    background-color: #666;
    width: 95px;
    height: 55px;
    color: #AAAAAA;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    border-radius: 160px;
    -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
    transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
    transition: width 0.5s, height 0.5s, transform 0.5s;
    transition: width 0.5s, height 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-top a {
        width: 59px;
        height: 95px;
        -webkit-transform: rotate(41deg);
        transform: rotate(41deg);
    }
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-top a {
        margin: 0 32.5px;
    }
}

#about-timeline .about-timeline-top a span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-top a span {
        -webkit-transform: rotate(319deg);
        transform: rotate(319deg);
    }
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-top a span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 59px;
    }
}

#about-timeline .about-timeline-top a.active {
    background: #fea628;
    background: linear-gradient(221deg, #fea628 0%, #fea628 0%, #76187e 100%);
    width: 111px;
    height: 200px;
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-top a.active {
        width: 75px;
        height: 134px;
    }
}

#about-timeline .about-timeline-top a.active span {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    -webkit-transform: rotate(313deg);
    transform: rotate(313deg);
    color: #fff;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-top a.active span {
        height: 46px;
    }
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-top a.active span {
        width: 75px;
        font-size: 24px;
    }
}

#about-timeline .about-timeline-bottom .timeline-panel {
    display: none;
    padding: 0 45px;
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-bottom .timeline-panel {
        margin-left: 15px;
        overflow: hidden;
        padding: unset;
    }
}

#about-timeline .about-timeline-bottom .timeline-panel.active {
    display: block;
}

#about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider:not(.owl-loaded) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider:not(.owl-loaded) .about-timeline-bottom-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding-right: 35px;
}

.about-timeline-bottom-slider .about-timeline-bottom-item:last-child {
    padding-right: 0 !important;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider:not(.owl-loaded) .about-timeline-bottom-item {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 576px) {
    #about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider:not(.owl-loaded) .about-timeline-bottom-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-right: 10px;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    /*#about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider.owl-carousel {
        width: calc(100% - 140px); }*/
    #about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider.owl-carousel .owl-stage-outer {
        margin-bottom: 35px;
        overflow: inherit;
    }
}

@media (max-width: 576px) {
    #about-timeline .about-timeline-bottom .timeline-panel .about-timeline-bottom-slider.owl-carousel .owl-stage-outer {
        /*width: 80%;*/
    }
}

#about-timeline .about-timeline-bottom-item {
    padding-right: 35px;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-bottom-item {
        padding-right: 25px;
    }
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-bottom-item {
        padding-right: 11px;
    }
}

#about-timeline .about-timeline-bottom-item h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 25px;
    line-height: 45px;
    font-weight: 700;
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-bottom-item h3 {
        text-align: left;
    }
}

@media (max-width: 576px) {
    #about-timeline .about-timeline-bottom-item h3 {
        margin-bottom: 11.25px;
        font-size: 20px;
        line-height: 45px;
    }
}

#about-timeline .about-timeline-bottom-item p {
    margin: 0;
    font-size: 14px;
    color: #C3C3C3;
    line-height: 24px;
    font-weight: 600;
}

@media (max-width: 576px) {
    #about-timeline .about-timeline-bottom-item p {
        line-height: 22px;
    }
}

#about-timeline .about-timeline-bottom .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -40px;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-bottom .owl-nav {
        max-width: 180px;
        position: static;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 576px) {
    #about-timeline .about-timeline-bottom .owl-nav {
        position: relative;
        left: 50%;
        margin-left: 0;
        width: 115px;
        transform: translateX(calc(-50% - 7.5px));
    }
}

#about-timeline .about-timeline-bottom .owl-nav .owl-prev,
#about-timeline .about-timeline-bottom .owl-nav .owl-next {
    position: absolute;
    background-color: rgba(254, 166, 40, 0.5);
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 80px;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-bottom .owl-nav .owl-prev,
    #about-timeline .about-timeline-bottom .owl-nav .owl-next {
        position: static;
    }
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-bottom .owl-nav .owl-prev,
    #about-timeline .about-timeline-bottom .owl-nav .owl-next {
        width: 45px;
        height: 45px;
    }
}

#about-timeline .about-timeline-bottom .owl-nav .owl-prev i,
#about-timeline .about-timeline-bottom .owl-nav .owl-next i {
    font-size: 22px;
}

@media (max-width: 768px) {
    #about-timeline .about-timeline-bottom .owl-nav .owl-prev i,
    #about-timeline .about-timeline-bottom .owl-nav .owl-next i {
        font-size: 13px;
    }
}

#about-timeline .about-timeline-bottom .owl-nav .owl-prev {
    left: -90px;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-bottom .owl-nav .owl-prev {
        margin-right: 10px;
    }
}

#about-timeline .about-timeline-bottom .owl-nav .owl-next {
    right: -90px;
}

@media (max-width: 992px) {
    #about-timeline .about-timeline-bottom .owl-nav .owl-next {
        margin-left: 10px;
    }
}

#about-award {
    padding: 55px 0 0;
}

@media (max-width: 768px) {
    #about-award {
        padding-top: 30.5px;
        overflow: hidden;
    }
}

#about-award h3 {
    margin: 0 0 61px;
    color: #fff;
    font-size: 40px;
    line-height: 66px;
    font-weight: 600;
}

@media (max-width: 768px) {
    #about-award h3 {
        margin-bottom: 14.5px;
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    #about-award .about-award-row {
        width: calc(100% - 58px);
    }
}

@media (max-width: 768px) {
    #about-award .about-award-row .owl-stage-outer {
        overflow: inherit;
    }
}

#about-award .about-award-row .owl-nav .owl-prev,
#about-award .about-award-row .owl-nav .owl-next {
    position: absolute;
    background-color: rgba(254, 166, 40, 0.5);
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 80px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -35px;
}

#about-award .about-award-row .owl-nav .owl-prev i,
#about-award .about-award-row .owl-nav .owl-next i {
    font-size: 22px;
}

#about-award .about-award-row .owl-nav .owl-prev {
    left: -45px;
}

#about-award .about-award-row .owl-nav .owl-next {
    right: -45px;
}

#about-award .about-award-item {
    color: #fff;
}

#about-award .about-award-item img {
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid #999;
}

#about-award .about-award-item h4 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    padding: 0 15px;
    text-align: center;
}

#about-team {
    padding: 84px 0 0;
    margin-bottom: 121px;
}

@media (max-width: 768px) {
    #about-team {
        padding-top: 21.5px;
        overflow: hidden;
        margin-bottom: 50px;
    }
    .team-center {
        text-align: center;
        margin-top: 0;
    }
}

#about-team h3 {
    margin: 0;
    color: #fff;
    font-size: 40px;
    line-height: 66px;
    font-weight: 600;
}

.list-item-ab.ab-team-list-pc {
    display: flex;
}

.list-item-ab.ab-team-list-mb {
    display: none;
}

.ab-team-list.list-item-ab .item-right {
    width: 369px;
    flex-basis: 369px;
    margin-left: 17px;
    position: relative;
}

.page-template-team .ab-team-list.list-item-ab .item-right:after {
    content: "";
    width: calc(100% - 49px);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 274px;
    left: 23px;
}

.ab-team-list.list-item-ab .item-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
}

.ab-team-list.list-item-ab .item-right .info {
    position: absolute;
    top: 30px;
    z-index: 1;
    left: 23px;
    right: 22px;
    padding: 21px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.ab-team-list.list-item-ab .item-right .title p {
    font-size: 25px;
    line-height: 33px;
    font-weight: 600;
    color: #FFF;
    max-width: 323px;
    margin-bottom: 12px;
}

.ab-team-list.list-item-ab .item-right .title p:first-child {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 3px;
    max-width: 302px;
}

.ab-team-list.list-item-ab .item-right .info .button_item-right {
    font-size: 18px;
    line-height: 36px;
    color: #BABABA;
    text-decoration: underline;
}

.ab-team-list.list-item-ab .item-right .info .button_item-right:hover {
    color: #FEA628;
}

.ab-team-list .about-team-slider {
    width: calc(100% - 386px);
    flex-basis: calc(100% - 386px);
}

@media (max-width: 768px) {
    #about-team h3 {
        font-size: 26px;
    }
}

#about-team .view-more {
    position: relative;
    color: #BABABA;
    font-size: 18px;
    line-height: 23px;
}

#about-team .view-more:hover {
    color: #FEA628;
}

#about-team .view-more:after {
    background: #BABABA none repeat scroll 0 0;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 1;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

#about-team .view-more:hover:after {
    background: #FEA628 none repeat scroll 0 0;
}

@media (max-width: 768px) {
    #about-team .view-more-sp {
        margin-top: 32px;
        text-align: center;
    }
}

.about-team-heading {
    margin: 0 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .about-team-heading {
        margin-bottom: 13.5px;
    }
}

@media (max-width: 768px) {
    .about-team-heading>a {
        display: none;
    }
}

@media (max-width: 768px) {
    .about-team-row {
        width: calc(100% - 30px);
    }
}

@media (max-width: 768px) {
    .about-team-row .owl-stage-outer {
        overflow: inherit;
    }
}

.about-team-row .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -190px;
}

#team-section .about-team-row .owl-nav {
    margin-top: -146px;
}

#team-section .banner-bg.banner-bg-desktop {
    top: 18%;
    right: 13.5%;
    z-index: -1;
}

.about-team-row .owl-nav .owl-prev,
.about-team-row .owl-nav .owl-next {
    position: absolute;
    background-color: rgba(254, 166, 40, 0.5) !important;
    width: 80px;
    height: 80px;
    color: #fff !important;
    border-radius: 80px;
}

.about-team-row .owl-nav .owl-prev i,
.about-team-row .owl-nav .owl-next i {
    font-size: 22px;
}

.about-team-row .owl-nav .owl-prev {
    left: -40px;
}

.about-team-row .owl-nav .owl-next {
    right: -40px;
}

.about-team-item {
    color: #fff;
}

.about-team-item span {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}

@media (max-width: 768px) {
    .about-team-item span {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 20px;
    }
}

.about-team-item img {
    margin-bottom: 20px;
  
    -o-object-fit: cover;
    object-fit: cover;
    
}

@media (max-width: 768px) {
    .about-team-item img {
        margin-bottom: 25px;
    }
}

.about-team-item h4 {
    margin: 0 0 15px;
    font-size: 25px;
    line-height: 31px;
    font-weight: 600;
    color: #fff;
}

@media (max-width: 768px) {
    .about-team-item h4 {
        margin-bottom: 17px;
        font-size: 20px;
        line-height: 25px;
    }
}

.about-team-item p {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

@media (max-width: 768px) {
    .about-team-item p {
        font-size: 14px;
        line-height: 22px;
    }
}

#about-division {
    padding: 0 0 100px;
}

@media (max-width: 768px) {
    #about-division {
        padding-top: 0;
        padding-bottom: 62px;
    }
}

#about-division h3 {
    margin: 0 0 38px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
}

@media (max-width: 992px) {
    #about-division h3 {
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    #about-division h3 {
        font-size: 26px;
        line-height: 33px;
    }
}

#about-division .about-division-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#about-division .about-division-row:nth-child(2) {
    color: black;
}

#about-division .about-division-row:nth-child(2):after {
    content: none;
}

#about-division .about-division-row:after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    background-image: repeating-linear-gradient(0deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px), repeating-linear-gradient(90deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px), repeating-linear-gradient(180deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px), repeating-linear-gradient(270deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px);
    background-size: 0px 100%, 100% 1px, 0px 100%, 100% 0px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    content: "";
}

@media (max-width: 768px) {
    #about-division .about-division-row:after {
        content: none;
    }
}
#about-division .about-division-row a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    overflow: hidden;
}

@media (max-width: 992px) {
    #about-division .about-division-row a {
        padding: 0 35px;
    }
}

@media (max-width: 768px) {
    #about-division .about-division-row a {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

#about-division .about-division-row a:after {
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    background-image: repeating-linear-gradient(0deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px), repeating-linear-gradient(90deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px), repeating-linear-gradient(180deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px), repeating-linear-gradient(270deg, #707070, #707070 9px, transparent 9px, transparent 15px, #707070 15px);
    background-size: 0px 100%, 100% 0px, 1px 100%, 100% 0px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    content: "";
}

@media (max-width: 768px) {
    #about-division .about-division-row a:after {
        content: none;
    }
}

#about-division .about-division-row a:nth-child(4):after {
    content: none;
}

#about-division .about-division-row a img {
    margin: 40px 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (max-width: 992px) {
    #about-division .about-division-row a img {
        margin: 30px 0;
    }
}

#about-division .about-division-row a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#about-preview {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 779px;
}

@media (max-width: 992px) {
    #about-preview {
        height: 600px;
    }
}

#about-preview:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
}

#about-preview>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}

#about-preview>.container .about-preview-wrapper {
    position: relative;
    z-index: 9;
    max-width: 875px;
    margin: 0 auto;
}

#about-preview>.container>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    color: #fff;
    text-align: center;
}

#about-preview>.container h3 {
    margin: 0 0 15px;
    color: #FEA628;
    font-size: 40px;
    font-weight: 600;
    line-height: 66px;
}

#about-preview>.container p {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 28px;
}

#about-preview>.container a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    min-width: 300px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    border-radius: 60px;
    background-color: #FEA628;
    color: #fff;
}

@media (max-width: 992px) {
    body.page-template-team #team-section {
        overflow: hidden;
    }
}

body.page-template-team #team-section h3 {
    margin: 0 0 65px;
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}

@media (max-width: 768px) {
    body.page-template-team #team-section h3 {
        margin-bottom: 35px;
        font-size: 26px;
        line-height: 36px;
    }
    #about-preview>.container h3 {
        font-size: 26px;
        line-height: 33px;
    }
    #about-preview>.container p {
        font-size: 14px;
        line-height: 22px;
    }
}

body.page-template-team #team-section.top-banner {
    height: auto;
}

body.page-template-team #team-member-section {
    padding-top: 131px;
    padding-bottom: 135px;
}

body.page-template-team #team-member-section h3 {
    margin: 0 0 40px;
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}

@media (max-width: 992px) {
    body.page-template-team #team-member-section h3 {
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section h3 {
        margin-bottom: 35px;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section h3 span {
        display: block;
    }
}

body.page-template-team #team-member-section .team-member-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section .team-member-row {
        padding-bottom: 60px;
    }
}

body.page-template-team #team-member-section .team-member-row .team-member-item {
    padding: 15px 8.5px;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
    color: #fff;
}

@media (max-width: 1200px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 10px 0;
    }
}

body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 374px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box img {
        width: 45%;
    }
}

body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right {
    padding-top: 43px;
    padding-left: 20px;
    padding-right: 22px;
    position: relative;
}

.team-member-item .team-member-box img {
    height: 100%;
    object-fit: cover;
    max-width: 132px;
}

body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right h4 {
    position: absolute;
    top: 17px;
    width: max-content;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right span {
    display: block;
    margin-bottom: 17px;
    font-size: 14px;
    width: max-content;
    line-height: 18px;
    font-weight: 500;
}

body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
}

body.page-template-team #team-member-section .team-member-row .team-member-item:nth-child(3n+1) .team-member-box {
    background: #fea628;
    background: linear-gradient(167deg, #fea628 0%, #202022 0%, #212124 50%, black 100%);
}

body.page-template-team #team-member-section .team-member-row .team-member-item:nth-child(3n+2) .team-member-box {
    background: #fea628;
    background: linear-gradient(127deg, #fea628 0%, #363652 0%, #2e2e38 50%, black 100%);
}

body.page-template-team #team-member-section .team-member-row .team-member-item:nth-child(3n+3) .team-member-box {
    background: #fea628;
    background: linear-gradient(159deg, #fea628 0%, #274753 0%, #212124 50%, black 100%);
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item:first-child {
        padding-top: 0;
    }
    body.page-template-team .top-banner {
        padding-bottom: 0;
    }
    body.page-template-team #team-member-section {
        padding-top: 70px;
        padding-bottom: 45px;
    }
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right h4 {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item:last-child {
        padding-bottom: 0;
    }
}

@media (max-width: 374px) {
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right {
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 5px;
        width: 60%;
    }
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right h4 {
        font-size: 0.8rem;
        line-height: 1.1rem;
        top: 10px;
    }
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right span {
        margin-bottom: 10px;
        font-size: 0.9em;
        width: 100%;
    }
    body.page-template-team #team-member-section .team-member-row .team-member-item .team-member-box .team-member-right p {
        font-size: 0.9em;
        width: 100%;
    }
}

body.page-template-education .top-banner .banner-title {
    max-width: 100%;
}

@media (max-width: 992px) {
    body.page-template-education .top-banner .banner-title br {
        display: none;
    }
}

@media (max-width: 768px) {
    body.page-template-education .top-banner .banner-title {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    body.page-template-education .top-banner p {
        font-size: 14px;
        line-height: 22px;
    }
}

body.page-template-education .top-banner .banner-background .banner-bg {
    top: 9.3%;
    right: 25.5%;
}


/*body.page-template-education .top-banner .banner-background:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, black), color-stop(58%, rgba(0, 0, 0, 0.3)), color-stop(94%, black));
  background: linear-gradient(to bottom, black 22%, rgba(0, 0, 0, 0.3) 58%, black 94%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  z-index: 9; }*/

body.page-template-education #edu-news>.container {
    padding: 0 0 0 18px;
}

body.page-template-education #edu-news .heading {
    margin: 0 0 60px;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

@media (max-width: 768px) {
    body.page-template-education #edu-news {
        overflow: hidden;
    }
    body.page-template-education #edu-news .heading {
        font-size: 26px;
        line-height: 52px;
        margin-bottom: 17px;
    }
}

@media (max-width: 768px) {
    body.page-template-education #edu-news>.container {
        padding: 0 23px 0 18px;
    }
}

body.page-template-education #edu-news .edu-video-player iframe {
    display: block;
    width: 100%;
    height: 613px;
}

@media (max-width: 576px) {
    body.page-template-education #edu-news .edu-video-player iframe {
        height: 188px;
    }
}

body.page-template-education #edu-news .video-js {
    width: 100%;
    height: 613px;
}

body.page-template-education #edu-news .edu-video-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

@media (max-width: 768px) {
    body.page-template-education #edu-news .edu-video-lists {
        width: calc(100% - 100px);
    }
}

body.page-template-education #edu-news .edu-video-lists .owl-stage-outer {
    overflow: inherit;
}

body.page-template-education #edu-news .edu-video-player {
    margin-bottom: 11.5px;
}

@media (max-width: 768px) {
    body.page-template-education #edu-news .edu-video-player {
        margin-bottom: 20px;
    }
}

body.page-template-education #edu-news .edu-video-list-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 10px;
}

@media (max-width: 768px) {
    body.page-template-education #edu-news .edu-video-list-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

body.page-template-education #edu-news .edu-video-list-item img {
    display: block;
    width: 100%;
}

body.page-template-education #edu-news .edu-video-list-item.active .edu-video-list-box:after {
    background-color: #1C1C1C;
    opacity: 0.5;
}

body.page-template-education #edu-news .edu-video-list-item.active .edu-video-list-box span {
    background-color: transparent;
}

body.page-template-education #edu-news .edu-video-list-item.active .edu-video-list-box:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    bottom: 0;
    border: 3px solid #FFA600;
}

body.page-template-education #edu-news .edu-video-list-box {
    position: relative;
    cursor: pointer;
}

body.page-template-education #edu-news .edu-video-list-box h4 {
    font-family: "Lexend";
    position: absolute;
    bottom: 7.5px;
    left: 11px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #F5F5F5;
    z-index: 9;
}

body.page-template-education #edu-news .edu-video-list-box span {
    font-family: 'SF Pro Display';
    position: absolute;
    right: 9px;
    bottom: 10px;
    min-width: 41px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    z-index: 9;
}

body.page-template-education #edu-news .edu-video-list-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

#edu-course {
    padding-top: 69px;
}

@media (max-width: 768px) {
    #edu-course {
        padding-top: 40px;
    }
}

#edu-course>.container {
    padding: 0;
}

.page-education #edu-course>.container {
    padding: 0 15px;
}

#edu-course .edu-course-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    #edu-course .edu-course-row {
        background-image: none !important;
    }
}

#edu-course .edu-course-row .mCSB_inside>.mCSB_container {
    margin-right: 25px;
}

#edu-course .edu-course-detail {
    padding-top: 364px;
    position: relative;
    -ms-flex-preferred-size: 67%;
    flex-basis: 67%;
    max-width: 67%;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }
}

#edu-course .edu-course-detail .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 95px;
}

#edu-course .edu-course-detail .owl-nav .owl-prev,
#edu-course .edu-course-detail .owl-nav .owl-next {
    position: absolute;
    background-color: rgba(254, 166, 40, 0.5);
    width: 45px;
    height: 45px;
    color: #fff;
    border-radius: 80px;
}

#edu-course .edu-course-detail .owl-nav .owl-prev i,
#edu-course .edu-course-detail .owl-nav .owl-next i {
    font-size: 22px;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail .owl-nav .owl-prev i,
    #edu-course .edu-course-detail .owl-nav .owl-next i {
        font-size: 13px;
    }
}

#edu-course .edu-course-detail .owl-nav .owl-prev {
    left: 15px;
}

#edu-course .edu-course-detail .owl-nav .owl-next {
    right: 15px;
}

#edu-course .edu-course-detail--info {
    display: none;
    position: relative;
    padding-left: 24px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding-top: 15%;
}

.edu-course-detail-content {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info {
        background-image: none !important;
        position: relative;
    }
}

#edu-course .edu-course-detail--info h3 {
    display: none;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info h3 {
        margin-bottom: 10px;
        display: block;
        color: #FEA628;
        position: relative;
        z-index: 9;
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 768px) {
    #edu-course .edu-course-detail--info {
        background-image: none !important;
    }
}

#edu-course .edu-course-detail--info>img {
    display: none;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info {
        display: block;
        padding: 0;
    }
    #edu-course .edu-course-detail--info>img {
        display: block;
    }
    #edu-course .edu-course-detail--info .edu-course-detail-content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }
    #edu-course .edu-course-detail--info .edu-course-detail-content:after {
        content: '';
        position: absolute;
        top: -115px;
        left: 0;
        width: 100%;
        height: 115px;
        background: #fea628;
        background: -webkit-gradient(linear, left top, left bottom, from(#fea628), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000), to(black));
        background: linear-gradient(180deg, #fea628 0%, rgba(0, 0, 0, 0) 0%, #000 100%, black 100%);
    }
}

#edu-course .edu-course-detail--info.active {
    display: block;
}

#edu-course .edu-course-detail--info ul {
    position: relative;
    margin: 0 0 20px;
    list-style: none;
    z-index: 9;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info ul {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 26px;
    }
}

#edu-course .edu-course-detail--info ul li {
    line-height: 30px;
}

#edu-course .edu-course-detail--info .edu-course-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#edu-course .edu-course-detail--info .edu-course-button .btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 185px;
    background-color: #FEA628;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    border-radius: 50px;
    z-index: 9;
}

@media (max-width: 576px) {
    #edu-course .edu-course-detail--info .edu-course-button .btn {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        min-width: auto;
    }
}

@media (max-width: 360px) {
    #edu-course .edu-course-detail--info .edu-course-button .btn {
        font-size: 16px;
    }
}

@media (max-width: 330px) {
    #edu-course .edu-course-detail--info .edu-course-button .btn {
        font-size: 14px;
    }
}

#edu-course .edu-course-detail--info .edu-course-button .btn.btn-facebook-message {
    margin-left: 10px;
    background-color: #2196F3;
}

#edu-course .edu-course-detail--info .edu-course-button .btn.btn-facebook-message img {
    display: inline-block;
    margin-right: 10px;
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info .edu-course-button .btn.btn-facebook-message img {
        width: 30px;
    }
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info .edu-course-button .btn:first-child {
        margin-right: 7px;
    }
}

@media (max-width: 768px) {
    #edu-course .edu-course-detail--info .edu-course-button .btn:last-child {
        margin-left: 7px;
    }
}

@media (min-width: 768px) {
    #edu-course .edu-course-detail--info:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fea628;
        background: -webkit-gradient(linear, left top, left bottom, from(#fea628), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000), to(black));
        background: linear-gradient(180deg, #fea628 0%, rgba(0, 0, 0, 0) 0%, #000 100%, black 100%);
    }
}

#edu-course .edu-course-listing {
    background-color: rgba(0, 0, 0, 0.9);
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%;
    padding: 0 0px 0 25px;
}

@media (max-width: 768px) {
    #edu-course .edu-course-listing {
        display: none;
    }
}

#edu-course .edu-course-listing .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.3);
}

#edu-course .edu-course-listing ul {
    margin: 0;
    list-style: none;
    height: 570px;
    overflow-x: hidden;
}

#edu-course .edu-course-listing ul li {
    padding: 22px 0;
    border-bottom: 1px solid #C3C3C3;
}

#edu-course .edu-course-listing ul li.active a {
    color: #FEA628;
}

#edu-course .edu-course-listing ul li a {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    color: #fff;
    display: block;
    padding-right: 20px;
}

.page-template-education .news-section {
    padding-top: 70px;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .page-template-education .news-section {
        padding-top: 105px;
    }
}

@media (max-width: 768px) {
    .page-template-education .news-section .container {
        padding-right: 15px;
    }
}

.page-template-education .news-section .project-listing article:last-child {
    margin-bottom: 0;
}

.page-template-education .news-section .news-heading {
    margin-bottom: 49px;
}

@media (max-width: 768px) {
    .page-template-education .news-section .news-heading {
        margin-bottom: 30px;
    }
}

.page-template-education .news-section .news-heading .banner-title {
    margin: 0 0 0;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .page-template-education .news-section .news-heading .banner-title {
        font-size: 26px;
        line-height: 33px;
    }
}


/*.page-template-education .news-section .news-heading a {
      display: none; }*/

@media (max-width: 768px) {
    .page-template-education .news-section .news-heading a {
        display: block;
    }
}

#edu-feedback-section {
    padding-top: 57px;
    padding-bottom: 102px;
}

@media (max-width: 768px) {
    #edu-feedback-section {
        padding-top: 55px;
        padding-bottom: 37px;
    }
}

#edu-feedback-section .heading {
    margin: 0 0 60px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
}

@media (max-width: 768px) {
    #edu-feedback-section .heading {
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 33px;
    }
}

#edu-feedback-section .edu-feedback-listing .slick-arrow {
    background-color: rgba(254, 166, 40, 0.5);
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 80px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    z-index: 9;
    border: 0;
    cursor: pointer;
}

#edu-feedback-section .edu-feedback-listing .slick-arrow i {
    font-size: 22px;
}

#edu-feedback-section .edu-feedback-listing .slick-arrow.slick-prev {
    left: -45px;
}

#edu-feedback-section .edu-feedback-listing .slick-arrow.slick-next {
    left: auto;
    right: -45px;
}

#edu-feedback-section .edu-feedback-listing .slick-slide {
    margin: 0 5px;
}

#edu-feedback-section .edu-feedback-listing .slick-slide .edu-feedback-info {
    display: none;
}

#edu-feedback-section .edu-feedback-listing .slick-slide.slick-center .edu-feedback-info {
    display: block;
}

#edu-feedback-section .edu-feedback-listing .slick-list {
    margin: 0 -5px;
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #000000;
    background-image: url(../images/about-message-bg.png);
}

@media (max-width: 768px) {
    #edu-feedback-section .edu-feedback-listing .slick-list {
        margin: 0 -15px;
    }
    #edu-feedback-section .edu-feedback-listing .slick-arrow {
        display: none;
    }
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item {
        background-image: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item.left-slider,
#edu-feedback-section .edu-feedback-listing .edu-feedback-item.right-slider {
    position: relative;
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item.left-slider:before,
#edu-feedback-section .edu-feedback-listing .edu-feedback-item.right-slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(11, 38, 46, 0.8);
    z-index: 99;
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-avatar {
    -ms-flex-preferred-size: 295px;
    flex-basis: 295px;
    max-width: 295px;
}

@media (max-width: 768px) {
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-avatar {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-avatar img {
        width: 100%;
    }
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info {
    -ms-flex-preferred-size: calc(100% - 295px);
    flex-basis: calc(100% - 295px);
    max-width: calc(100% - 295px);
    padding-top: 40px;
    padding-left: 35px;
    padding-right: 50px;
}

@media (max-width: 768px) {
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info {
        padding-top: 15px;
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 52px;
        background-color: #000000;
        background-image: url(../images/about-message-bg.png);
        background-position: top center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info h4 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    font-weight: 500;
}

@media (max-width: 768px) {
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 20px;
    }
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info h3 {
    margin: 0 0 24px;
    font-size: 25px;
    line-height: 31px;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 768px) {
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info h3 {
        font-size: 20px;
        line-height: 25px;
    }
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    max-height: 215px;
    overflow: auto;
    margin-bottom: 0;
    scrollbar-width: thin;
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info p::-webkit-scrollbar {
    height: 10px;
    width: 6px;
    background: #000;
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info p::-webkit-scrollbar-thumb {
    background: rgba(214, 214, 214, 0.5);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info p::-webkit-scrollbar-corner {
    background: #000;
}

@media (max-width: 768px) {
    #edu-feedback-section .edu-feedback-listing .edu-feedback-item .edu-feedback-info p {
        font-size: 14px;
        line-height: 22px;
    }
}

body {
    position: relative;
}

.back-to-top.show {
    z-index: 9;
}

.fb_dialog iframe {
    right: 25px !important;
    bottom: 120px !important;
}

.header-content {
    height: 102px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

.page-template-home .site-language {
    display: none;
}

.header-scroll .header-content {
    height: 80px;
    padding: 20px 0 25px;
}

header.site-header.header-scroll {
    height: 80px;
}


/* Custom FB 28/12/2022 */

.dowload_profile {
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #2CFFFE;
    border-radius: 30px;
    max-width: 320px;
    padding: 16px 50px 17px;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    margin-top: 27px;
    background: transparent;
}

.dowload_profile span {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 23px;
    margin-left: 10px;
    font-weight: 500;
}

.dowload_profile:hover {
    background-color: #FEA628;
}

section#technology-section .decs-technology p {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 10px;
}

.list_i {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 16px;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .list_i {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
    }
}

#job-section .why-chose .title-why span {
    background: -webkit-linear-gradient(45deg, #FEA628, #76187E 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#job-section .why-chose .title-why {
    font-weight: bold;
    font-size: 40px;
    display: inline-block;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.why-item {
    position: relative;
}

.gadient-why {
    position: absolute;
    top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'SF Pro Display';
    background-color: #666;
    width: 95px;
    height: 55px;
    color: #AAAAAA;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    border-radius: 160px;
    -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
    transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
    transition: width 0.5s, height 0.5s, transform 0.5s;
    transition: width 0.5s, height 0.5s, transform 0.5s, -webkit-transform 0.5s;
    background: #fea628;
    background: linear-gradient(221deg, #fea628 0%, #fea628 0%, #76187e 100%);
}

.box-why-card {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.box-why-card .why-item {
    padding: 0 15px;
    width: 50%;
    margin-bottom: 15px;
}

.why-item-title {
    max-width: 305px;
    margin-left: 57px;
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 45px 0;
    line-height: 30px;
    position: relative;
    left: -25px;
}

.why-item-content {
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
}


/* 03/01/2023 */

.title-home_project h3 {
    text-align: center;
    font-size: 32px;
    line-height: 52px;
    font-weight: bold;
    color: #FFFFFF;
}

.title-home_project h3>span {
    background: -webkit-linear-gradient(45deg, #FEA628, #76187E 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-home_project p {
    margin: auto;
    max-width: 990px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin-top: 21px;
    margin-bottom: 24px;
}

@media screen and (max-width: 414px) {
    .box-why-card .why-item {
        width: 100%;
    }
    .title-home_project p {
        font-weight: 400;
        text-align: justify;
    }
}

.view_new_project {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.view_new_project a {
    transition: all 0.3s ease-in-out;
    display: block;
    padding: 17px 20px;
    min-width: 300px;
    border: 1px solid #2CFFFE;
    background: transparent;
    border-radius: 30px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  	cursor: pointer;
}

.view_new_project a:hover {
    background: #FEA628;
}

.project-add-h {
    position: relative;
    margin-top: 30px;
}
@media screen and (max-width: 767px){
  .item-ct-dev img {
      display: flex !important;
      width: auto !important;
  }
  .services-list .service-icon img {
    display: flex !important;
      width: auto !important;
  }
  .icon-top img{
 	display: flex !important;
    width: auto !important;
  }
}
@media screen and (min-width: 415px) {
  
    .project-listing.post-slider.fix-new-h article {
        width: 100%;
    }
    .inner-post.fix-news {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #BABABA;
        padding-bottom: 31px;
    }
    .project-listing.post-slider.fix-new-h>div article:last-child .inner-post.fix-news {
        border: none;
    }
    .inner-post.fix-news>a {
        max-width: 141px;
        margin-right: 20px;
    }
    .inner-post.fix-news .project-title {
        height: auto;
    }
    .inner-post.fix-news .project-title.entry-title a {
        height: auto;
        font-size: 25px;
        line-height: 30px;
    }
    .news-section .project-listing.fix-new-h .news-listing-item_tag,
    .news-section .project-listing.fix-new-h .news-listing_tag {
        position: unset;
    }
    .news-section .project-listing.fix-new-h .news-listing-item_tag,
    .news-section .project-listing.fix-new-h .news-listing_tag {
        display: inline-block;
        height: auto;
        color: #2CFFFE;
        border-radius: 30px;
        border: 1px solid #2CFFFE;
        background: transparent;
        padding: 8px 22px;
        margin-top: 12px;
        margin-bottom: 18px;
    }
    .content-sort {
        font-size: 16px;
        color: #BABABA;
        font-weight: 400;
    }
    .box-item-news-h .link-item-h {
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }
    .box-item-news-h .link-item-h {
        transition: all 0.2s ease-in-out 0s;
        color: #BABABA;
        margin-right: 10px;
    }
    .box-item-news-h .link-item-h span {
        transition: all 0.2s ease-in-out 0s;
        text-decoration: underline;
    }
    .box-item-news-h .link-item-h:hover {
        color: #FEA628;
    }
    .box-item-news-h .link-item-h i {
        margin-left: 10px;
        transition: all 0.2s ease-in-out 0s;
    }
    .box-item-news-h .link-item-h:hover i {
        margin-left: 20px;
    }
    .bg-sec-img {
        position: absolute;
    }
    .bg-sec-img:before {
        content: '';
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9) 45%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9) 45%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9) 45%, rgba(0, 0, 0, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#000000', GradientType=0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .project-add-h .title-home_project {
        position: relative;
        padding-top: 86px;
    }
}

.about-timeline-bottom {
    position: relative;
}

.about-timeline-bottom span.prev {
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 20px;
    background-color: red;
}

.about-timeline-bottom span.next {
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 20px;
    background-color: blue;
}

#about-timeline .about-timeline-bottom .owl-nav {
    display: inline-block !important;
}

.services-circle ul {
    display: flex;
    justify-content: space-between;
}

.services-circle ul li {
    list-style: none;
}

.services-circle ul li span.txt-cr {
    font-size: 25px;
    color: #FFFFFF;
    font-weight: 400;
    margin-left: 30px;
    display: inline-block;
    max-width: 290px;
    line-height: 35px;
}

.gadient-why.services {
    top: 18px;
}

/*.services-circle ul li:nth-child(1)::after {
    content: "-----------";
    font-family: "Lexend";
    font-size: 30px;
    font-weight: 300;
    right: 10px;
    top: 35%;
    position: absolute;
    color: #FEA628;
}

.services-circle ul li:nth-child(1)::before {
    content: "------";
    font-size: 30px;
    font-weight: 300;
    bottom: -58%;
    position: absolute;
    color: #FEA628;
    transform: rotate(90deg);
    left: 10px;
}

.services-circle ul li:nth-child(2)::after {
    content: "---------";
    font-size: 30px;
    font-weight: 300;
    right: 10px;
    top: 35%;
    position: absolute;
    color: #FEA628;
}

.services-circle ul li:nth-child(3)::before {
    content: "------";
    font-size: 30px;
    font-weight: 300;
    bottom: -58%;
    position: absolute;
    color: #FEA628;
    transform: rotate(90deg);
    left: 10px;
}

.services-circle ul li:nth-child(4)::after {
    content: "---";
    font-size: 30px;
    font-weight: 300;
    right: 10px;
    top: 35%;
    position: absolute;
    color: #FEA628;
}

.services-circle ul li:nth-child(5)::after {
    content: "---";
    font-size: 30px;
    font-weight: 300;
    right: 10px;
    top: 35%;
    position: absolute;
    color: #FEA628;
}*/

.title-services-circle {
    font-size: 25px;
    color: #FEA628;
    font-weight: 600;
    line-height: 30px;
}

#services.fix-h {
    padding-bottom: 0;
}


/* blog */

.box-blog {
    display: flex;
    justify-content: space-between;
}

.box-blog .project-listing {
    width: 75%;
}

.blog-sitebar-right {
    width: 25%;
    padding: 0 15px;
}

.box-blog .project-listing .list-option-inner h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-blog .project-listing .desc-list-option {
    /* -webkit-line-clamp: 3;
    line-clamp: 3; */
}

.list-option-inner>a.project-item_thumbnail>img {
    height: 250px;
}

.blog-sitebar-right .blog-category {
    border-top: 2px solid #FEA628;
}

.blog-sitebar-right .blog-category>span {
    display: block;
    padding: 11px 0 0;
    font-size: 25px;
    line-height: 22px;
    font-weight: 400;
}

.blog-sitebar-right .blog-category .list-cat-parent li {
    position: relative;
    list-style: none;
    border-bottom: 1px solid #b7b7b7;
    padding: 15px 0;
    cursor: pointer;
}

.blog-sitebar-right .blog-category .list-cat-parent li.active::before {
    transform: rotate(180deg);
}

.blog-sitebar-right .blog-category .list-cat-parent li a>span {
    color: #2CFFFE;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.blog-sitebar-right .blog-category .list-cat-parent>li:hover>a>span {
    color: #FEA628;
}

.list-cat-parent>li::before {
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
    content: "\f107";
    font-size: 17px;
    font-family: 'FontAwesome';
    color: #A3A3A3;
}

.blog-care-about {
    margin-top: 30px;
    border-top: 2px solid #FEA628;
}

.blog-care-about>span {
    display: block;
    padding: 17px 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 2px;
}

.blog-care-item {
    padding-bottom: 22px;
    border-bottom: 1px solid #b7b7b7;
}

.blog-care-item>span {
    display: inline-block;
    padding: 8px 12px;
    background-color: #2CFFFE;
    color: #000000;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 26px;
    margin-bottom: 10px;
}

.blog-care-item h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #FFFFFF;
}

.blog-care-item .post-date {
    margin-top: 34px;
}

.box-blog .item-list-option {
    border: none;
    margin-bottom: 0;
}

.box-blog .page-navigation {
    width: 100%;
}

.list-cat-child {
    padding-left: 15px;
    display: none;
    position: relative;
    z-index: 1;
}

.blog-sitebar-right .blog-category .list-cat-child li {
    position: relative;
    padding-left: 15px;
    color: #BABABA;
    border: none;
}

.blog-sitebar-right .blog-category .list-cat-child li:hover>a>span {
    color: #FEA628;
}

.list-cat-child li::before {
    content: "\f0da";
    position: absolute;
    left: 0;
    font-size: 15px;
    font-family: 'FontAwesome';
}

.parent-item {
    position: relative;
    z-index: 1;
}

.parent-item a.active .sum-cate,
.parent-item a.active .title-cat {
    color: #FEA628 !important;
}

.blog-sitebar-right .blog-category .list-cat-parent>li:hover .title-cat,
.blog-sitebar-right .blog-category .list-cat-parent>li:hover .sum-cate {
    color: #FEA628;
}

.blog-sitebar-right .blog-category .list-cat-child>li .title-cat-child,
.blog-sitebar-right .blog-category .list-cat-child>li .sum-cate-child {
    color: #BABABA;
}

.blog-sitebar-right .blog-category .list-cat-child>li:hover .title-cat-child,
.blog-sitebar-right .blog-category .list-cat-child>li:hover .sum-cate-child {
    color: #FFFFFF;
}

.list-cat-child>li a.active .title-cat-child,
.list-cat-child>li a.active .title-cat-child {
    color: #FFFFFF !important;
}

.detail-blog-h {
    display: flex;
    justify-content: space-between;
}

.detail-blog-h #content {
    width: 75%;
}

.detail-blog-h .right-blog-detail {
    width: 25%;
    padding-top: 182px;
}

.detail-blog-h #ez-toc-container {
    display: none;
}

.detail-blog-h .blog-sitebar-right .blog-category>span {
    color: #000;
    font-size: 25px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 11px;
}

.detail-blog-h .parent-item>a>span {
    font-size: 16px !important;
    color: #000 !important;
    line-height: 20px;
}

.detail-blog-h .parent-item>a:hover>span {
    font-size: 16px !important;
    color: #FEA628 !important;
    line-height: 20px;
}

.detail-blog-h .list-cat-child {
    padding-top: 10px;
}

.detail-blog-h .list-cat-child>li>a>span {
    font-size: 14px !important;
    color: #BABABA !important;
}

.detail-blog-h .list-cat-child>li>a:hover>span {
    color: #FEA628 !important;
}

.detail-blog-h .bnews-inner h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.detail-blog-h .blog-care-about>span {
    color: #000 !important;
}

.blog-care-item h3>a {
    color: #FFFFFF;
}

.blog-care-item h3>a:hover {
    color: #FEA628;
}

.detail-blog-h .blog-care-item h3>a {
    font-weight: 600;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.detail-blog-h .blog-care-item h3>a:hover {
    color: #FEA628;
}

.blog-sitebar-right .blog-category .list-cat-parent li.none::before {
    display: none;
}

.detail-blog-h .blog-care-about {
    margin-top: 30px;
}

.detail-blog-h .blog-care-about .name-cat-care a {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
}

.box-blog .project-listing .list-option-inner h3 a {
    color: #FFFFFF;
    font-size: 18px;
}

.box-blog .project-listing .list-option-inner h3 a:hover {
    color: #FEA628;
}

.blog-care-item>span a {
    color: #000000;
    font-weight: 400;
}

.link-list i {
    color: #2CFFFE;
}

.fix-breadcrumbs .breadcrumbs li {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
}

.fix-breadcrumbs .breadcrumbs {
    margin-bottom: 35px;
}

.fix-breadcrumbs .breadcrumbs li a {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
}

.fix-breadcrumbs.archive-content {
    padding: 20px 0 148px;
}

.news-listing-item_tag.fix-tag {
    right: 20px;
}


/* fix home */

#main .solution-section-listing {
    margin-top: 40px;
}

section#solution-section .solution-section-listing_row:nth-child(1) .solution-section-listing_item:nth-child(4) h3 {
    max-width: 200px;
}

section#home-banner .home-banner-content p {
    text-align: justify;
}

section#solution-section .solution-section-listing_item p {
    text-align: justify;
}

.project-add-h .keyword-project ul {
    text-align: center;
}

body.disable {
    overflow: hidden;
}

#about-activity .about-activity-statistics-item h4 {
    font-size: 100px;
    /* color: #FEA628; */
    display: block;
    background: -webkit-linear-gradient(270deg, #FEA628, #000000 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 100px;
}

@media screen and (max-width: 768px) {
    #about-activity .about-activity-statistics-item h4 {
        font-size: 80px;
    }
}

.link-ad a:hover{
    color: #FEA628;
}
.link-ad a:hover i{
    margin-left: 28px;
}
.link-ad i{
    font-size: 15px;
}
.inspect_panels--contentProperty--McE5j{
    display: flex;
    align-items: center;
}
.advanced-media-box ul li img{
    margin-right: 4px;
  width: auto !important;
}
.banner-title .nb{
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    position: relative;
    top: -3px;
}
.item-rv:hover{

    cursor: pointer;
}
.item-rv:hover .ct-irv p,
.item-rv:hover h3,
.item-rv:hover p{
    color: #fca538;
}
/*.custom_language{
    display: none;
}*/
.banner-background .banner-bg{
    display: none;
}
.project-socials{
    display: flex;
    align-items: center;
}
.field-input label {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
}
.field-check label,
.field-inline label {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
}
.contact_button{
    background-size: cover;
}
.load-more.hidden{
    display: none !important;
}
.error {
    color: #f90b0b !important;
    font-weight: 300 !important;
}
.tl-check:hover,
#check-privacy:hover{
    cursor: pointer !important;
}
.news-section .rst-new-tag{
  color: #2CFFFE !important;
  font-size:16px;
  font-weight: 400;
  line-height: normal;
}
.news-section .rst-new-tag:hover{
  background-color: #2CFFFE !important;
    color: #000000 !important;
}