.banner-pagination{
    text-align:right;
    /* padding-top:25px; */
    padding-top: 1vw;
    padding-right: 5vw;
    height:108px;
    margin-bottom:38px;
    max-width:unset;
    background-image: url(../images/banner_bottom.svg);
    background-size:100%;
    background-repeat: no-repeat;
}

.banner-pagination .swiper-pagination-bullet{
    /* width:35px;
    height:35px; */
    width:25px;
    height:25px;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    background:rgba(0,0,0,0.5);
    color:rgba(0,0,0,0);
    opacity:1;
    /* background:#FFF;
    color:#A57000;
    border:1px solid #A57000; */
}

.banner-pagination .swiper-pagination-bullet-active{
    /*
    color:#FFF; */
    background:#A57000;
    color:rgba(0,0,0,0);
    border:1px solid #FFF;
}

.banner_swiper img{
    width:100%;
}

.our-office-main-container .common-title1{
    font-size:42px;
    padding-left:60px;
    padding-top:18px;
    text-align:center;
}

.event-highlight-pagination .swiper-pagination-bullet{
    width:22px;
    height:22px;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    border:1px solid #666666;
}

.event-highlight-pagination{
    text-align:center;
    margin-top:45px;
    display:none;
}

.event-highlight-pagination .swiper-pagination-bullet-active{
    /* background:#666666; */
    background:#A57000;
}

.spotlights-pagination .swiper-pagination-bullet{
    width:22px;
    height:22px;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    border:1px solid #666666;
}

.spotlights-pagination{
    text-align:center;
    margin-top:45px;
    display:none;
}

.spotlights-img-div{
    height:13vw;
    max-height:222px;
}

.spotlights-img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.spotlights-pagination .swiper-pagination-bullet-active{
    /* background:#666666; */
    background:#A57000;
}

.our-office-main-container{
    /* background-image:url(../images/index_section1_bg.png);
    background-position: calc(100% - 50px) top;
    background-repeat:no-repeat;
    padding-top:130px; */
    padding-top:30px;
}

.our-office-btn-container{
    display:flex;
    justify-content: space-around;
    max-width:1350px;
    margin:0 auto;
    padding-top:90px;
}

.vision_mission-main-container{
    padding-bottom:150px;
}

.our-office-btn{
    width:390px;
    height:200px;
    background-repeat: no-repeat;
    background-position:right top;
    padding-top:33px;
    padding-left:17px;
    font-size:24px;
    font-weight:700;
    line-height:1.5;
    color:#1C1C1B;
}

.our-office-btn-text{
    width:100%;
    height:320px;
    color:#1C1C1B;
    font-size:18px;
    background-image:url(../images/our-office-btn2.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color:#FFF;
    padding:28px 20px;
    text-align: center;
}

.our-office-btn-div{
    -webkit-box-shadow: -4px 4px 15px -7px rgba(0,0,0,0.68);
    box-shadow: -4px 4px 15px -7px rgba(0,0,0,0.68);
}

.our-office-btn img{
    position:absolute;
    bottom:24px;
    left:17px;
}

.our-office-btn-container>a:hover{
    opacity:0.7;
}

.our-office-btn-container>a{
    flex-basis: 29%;
}

.our-office-btn-container>a:nth-child(1)>.our-office-btn-div>.our-office-btn{
    background-image:url(../images/our_office_btn1.png);
}

.our-office-btn-container>a:nth-child(2)>.our-office-btn-div>.our-office-btn{
    background-image:url(../images/our_office_btn2.png);
}

.our-office-btn-container>a:nth-child(3)>.our-office-btn-div>.our-office-btn{
    background-image:url(../images/our_office_btn3.png);
}

.event-highlight-main-container {
    background-color: #FFF;
    padding-top: 106px;
    padding-bottom: 130px;
}

.event-highlight_swiper {
    max-width: 1430px;
    margin: auto;
    padding-bottom: 30px;
}

.event-highlight-button-prev.swiper-button-disabled {
    opacity: 0.2;
}

.event-highlight-button-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/prev.png);
    width: 36px;
    height: 100px;
    z-index: 100;
}

.event-highlight-button-next {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/next.png);
    background-position: right top;
    width: 36px;
    height: 100px;
    z-index: 100;
}

.spotlights-main-container{
    background-color:#E9E9E9;
    padding-top:106px;
    padding-bottom:130px;
}

.spotlights_swiper{
    max-width:1430px;
    margin:auto;
    padding-bottom:30px;
}

.spotlights-div{
    height:490px;
    -webkit-box-shadow: -4px 4px 15px -7px rgba(0,0,0,0.68);
    box-shadow: -4px 4px 15px -7px rgba(0,0,0,0.68);
}

.spotlights-div.white{
    background-color:white;
}

.spotlights-div.yellow{
    background-color:#A57000;
}

.spotlights-div.yellow.bg1{
    background-image:url(../images/spotlight_bg1.png);
    background-position:left bottom;
    background-repeat: no-repeat;
}

.spotlights-div.yellow.bg2{
    background-image:url(../images/spotlight_bg2.png);
    background-position:-93px calc(100% - 30px);
    background-repeat: no-repeat;
}

.spotlights-text1{
    opacity: 0.2;
    color: #FFF;
    font-size: 40px;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    top: 20px;
    left: 97%;
    width: 100%;
    white-space: nowrap;
}

.spotlights-text2{
    opacity: 0.2;
    color: #FFF;
    font-size: 64px;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    top: 20px;
    left: 97%;
    width: 100%;
    white-space: nowrap;
}

.spotlights-inner-div{
    padding:0px 20px 15px 20px;
}

.spotlights-date{
    padding-top:32px;
    font-size:16px;
    color:#666666;
}

.spotlights-title1{
    color:#1C1C1B;
    font-size:20px;
    font-weight:800;
    line-height:1.3;
    padding-top:5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 85px;
}

.spotlights-tab{
    padding-top:25px;
    font-size:15px;
    color:#808080;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.spotlights-div.white .spotlights-more{
    position:absolute;
    right:20px;
    bottom:20px;
    font-size:16px;
    color:#1C1C1B;
    display:flex;
    align-items: center;
}

.spotlights-div.yellow .spotlights-more{
    position:absolute;
    right:20px;
    bottom:20px;
    font-size:16px;
    color:#FFF;
    display:flex;
    align-items: center;
}

.spotlights-more>img{
    margin-left:18px;
    margin-top: -2px;
    width:unset!important;
}

.spotlights-div.white>img{
    width:100%;
}

.spotlights-title2{
    padding-top:32px;
    color:#FFF;
    /* font-size:32px; */
    font-size:22px;
    font-weight:800;
    line-height:1.3;
    width: calc(100% - 50px);
}

.spotlights-title3{
    /* padding-top:25px; */
    padding-top:15px;
    color:#FFF;
    font-size:20px;
    font-weight:800;
}

.spotlights-button-prev{
    position:absolute;
    left: -30px;
    top:50%;
    transform: translateY(-50%);
    background-image:url(../images/prev.png);
    width:36px;
    height:100px;
    z-index:100;
}

.spotlights-button-next{
    position:absolute;
    right: -30px;
    top:50%;
    transform: translateY(-50%);
    background-image:url(../images/next.png);
    background-position: right top;
    width:36px;
    height:100px;
    z-index:100;
}

.spotlights-button-prev.swiper-button-disabled{
    opacity:0.2;
}

.spotlights-button-next.swiper-button-disabled{
    opacity:0.2;
}

.statistics-main-container{
    padding-top: 110px;
    padding-bottom: 210px;
    background-image:url(../images/statistics_bg.png);
    background-position: -877px -72px;
    background-repeat: no-repeat;
}

.statistics-container1{
    display:flex;
    justify-content: center;
}

.statistics-container1 .statistics{
    display:flex;
}

.statistics .text1{
    font-size:90px;
    font-weight:700;
    color:#1C1C1B;
}

.statistics .text2{
    font-size:22px;
    font-weight:400;
    color:#1C1C1B;
}

.statistics-container1 .statistics:nth-child(1) {
    padding-right:40px;
    border-right:1px solid #1C1C1B;
}

.statistics-container1 .statistics:nth-child(2) {
    margin-left:65px;
}

.statistics-container1 .statistics .img-div{
    padding-top:10px;
    padding-right:30px;
}

.statistics-container2 .statistics .img-div{
    padding-top:0px;
    padding-right:30px;
}

.statistics-container2{
    display:flex;
    justify-content: space-between;
    margin-top:120px;
}

.statistics-container2 .text{
    display:flex;
    margin-bottom:5px;
}

.upcoming-main-container{
    padding-bottom:225px;
    background-image:url(../images/upcoming_bg.png);
    background-position:calc(100% + 240px) 207px;
    background-repeat: no-repeat;
}

.upcoming-container{
    max-width:1510px;
    margin:auto;
}

.upcoming{
    display:flex;
    justify-content: space-between;
    -webkit-box-shadow: -4px 4px 15px -7px rgba(0,0,0,0.68);
    box-shadow: -4px 4px 15px -7px rgba(0,0,0,0.68);
    background: white;
    margin-bottom:35px;
}

.upcoming:last-child{
    margin-bottom:0px;
}

.upcoming-left{
    flex-basis: 190px;
    padding:40px 65px 30px 34px;
}

.upcoming-middle{
    flex-basis: calc(100% - 446px);
    /* flex-basis: calc(100% - 265px); */
    padding:40px 0px;
    display:flex;
    align-items: center;
    padding:40px 34px 40px 0px;
}

.upcoming-right{
    flex-basis: 265px;
    padding:40px 34px 40px 0px;
    display:flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.upcoming-left>.month_year{
    color:#A57000;
    font-size:18px;
    font-weight:700;
    padding-bottom:7px;
    margin-bottom:2px;
    border-bottom:3px solid #A57000;
}

.upcoming-left>.date{
    color:#A57000;
    font-size:36px;
    font-weight:800;
}

.upcoming-middle .text1{
   font-size:24px;
   font-weight:700;
   margin-bottom:7px;
   margin-top: -4px;
}

.upcoming-middle .text2{
    font-size:16px;
    font-weight:400;
 }

.upcoming-right .text a{
    font-size:18px;
    color:#1C1C1B;
}

.upcoming-right .text a:hover{
    opacity:0.7;
}

.upcoming-right img{
    margin-top: 6px;
    margin-left: 17px;
}

.our-office-read-more{
    display:none;
    width:205px;
    font-size:26px;
    padding:3px 36px;
    border:2px solid #D5BA79;
    color:#666666;
    margin:42px 0px 85px auto;
    text-align:center;
}

.spotlights-m-div1{
    display:none;
    justify-content: space-between;
    align-items: center;
    margin-top:30px;
    margin-bottom:22px;
}

.spotlights-m-tab{
    font-size:34px;
    color:#A57000;
}

.spotlights-m-date{
    font-size:34px;
    color:#666666;
}

.statistics-container2 .text2-m{
    display:none;
    width:62%;
    /* font-size:32px; */
    font-size:3.3vw;
    font-weight:600;
    color:#1C1C1B;
}

.upcoming-common-container{
    margin-bottom:48px;
}

.upcoming-middle .text0{
    font-size:30px;
    font-weight:700;
    /* color:#1B1C1B; */
    /* color:#A57000; */
    color:#1C1C1B;
    margin-bottom: 5px;
    display:none
}

.our-office-inner-conatiner-1{
    padding-bottom:150px;
    /* padding-top:30px; */
}

.spotlights-img-div1{
    width: calc(100% - 60px);
    height:220px;
}

.spotlights-img-div2{
    /* width: calc(100% - 90px); */
    width: 60%;
    
}

.spotlights-div.yellow.bg1 img {
    /* width: calc(100% - 60px); */
    position: static;
    width:100%;
    height:100%;
    object-fit: cover;
}

.spotlights-div.yellow.bg2 img {
    width: calc(100% - 90px);
    position: static;
    width:100%;
    height:auto;
    /* height:100%; */
    /* object-fit: cover; */
}

@media only screen and (max-width:1600px) {
    .event-highlight-slider_container {
        max-width: 90%;
        margin: auto;
    }

    .event-highlight-button-next{
        right:-50px;
    }

    .event-highlight-button-prev{
        left:-50px;
    }

    .spotlights-slider_container{
        max-width:90%;
        margin:auto;
    }

    .spotlights-button-next{
        right:-50px;
    }

    .spotlights-button-prev{
        left:-50px;
    }

    .spotlights-div.yellow.bg1 img{
        /* width:calc(100% - 60px); */
        position:static;
    }

    .spotlights-div.yellow.bg2 img{
        /* width:calc(100% - 90px); */
        position:static;
    }
}


@media only screen and (max-width:1250px) {
    .our-office-btn-container>a{
        width:32%;
    }
    .our-office-btn{
        width:100%;
    }
}

@media only screen and (max-width:1200px) {
    .our-office-btn-container>a{
        width:32%;
    }
    .our-office-btn{
        width:100%;
    }

    .statistics img{
        width:100px;
    }

    .statistics .text1 {
        font-size: 60px;
    }

    .statistics .text2 {
        font-size: 17px;
    }

    .statistics-container1 .statistics .img-div {
        padding-top: 17px;
    }

    .statistics-container2 .statistics:nth-child(3) img{
        height:97px;
        width:auto
    }

    .our-office-main-container{
        background-image:none;
    }


}

@media only screen and (max-width:1000px) {
    .our-office-read-more{
        display:block;
    }

    .our-office-btn-container>a{
        flex-basis: 100%;
    }

    .spotlights-img-div1 {
        width: calc(100% - 80px);
        height: 520px;
    }

    .spotlights-img-div {
        height: 300px;
        max-height:unset;
    }

    .banner-pagination{
        text-align:center;
    }

    .banner-pagination .swiper-pagination-bullet{
        width:22px;
        height:22px;
        color:#FFF;
    }

    .banner-pagination .swiper-pagination-bullet-active{
        background-color:#A57000;
        border:none;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0px 18px;
        /* background-color:rgba(0,0,0,0.5); */
    }

    .banner-pagination{
        padding-top:42px;
        background-image: none;
    }

    .our-office-main-container{
        padding-top:75px;
        margin-bottom:0px;
    }

    .our-office-btn-container{
        padding-top:30px;
        flex-wrap: wrap;
    }

    .our-office-btn-container>a{
        width:100%;
    }

    .our-office-btn img{
        display:none!important;
    }

    .our-office-btn-text{
        width:100%;
        height:unset;
        min-height:150px;
        margin-bottom:15px;
        border:1px solid #A47000;
        border-top:none;
    }

    .our-office-btn{
        border:1px solid #A47000;
        border-bottom:none;
        -webkit-box-shadow: -4px 4px 15px -7px rgba(0,0,0,0);
        box-shadow: -4px 4px 15px -7px rgba(0,0,0,0);
        font-size:36px;
        color:#A57000;
        padding-top:23px;
        padding-left:53px;
    }

    .our-office-btn-container>a:last-child>.our-office-btn-text{
        margin-bottom:0px;
    }

    .spotlights-slider_container{
        max-width:100%;
    }

    .spotlights-button-prev, .spotlights-button-next{
        display:none;
    }

    .event-highlight-button-prev, .event-highlight-button-next{
        display:none;
    }

    .spotlights-div {
        height: 900px;
    }

    .spotlights-title1{
        font-size:36px;
        font-weight:800;
        height:140px;
    }

    .spotlights-div.white .spotlights-more{
        display:none;
    }

    .spotlights-div.yellow .spotlights-more{
        display:none;
    }

    .spotlights-date{
        display:none;
    }

    .spotlights-tab{
        display:none;
    }

    .event-highlight-pagination {
        display: block;
    }

    .spotlights-pagination{
        display:block;
    }

    .spotlights-m-div1{
        display:flex;
    }

    .spotlights-main-container{
        padding-top:80px;
        padding-bottom:96px;
    }

    .spotlights-title2{
        font-size:36px;
    }

    .spotlights-title3{
        font-size:30px;
    }

    .statistics-main-container{
        padding-top:80px;
        padding-bottom:50px;
        background-image:none;
    }

    .statistics{
        border-bottom:1px solid #A47000;
    }

    .statistics .text{
        display:flex;
        align-items: center;
        padding:40px 0px;
        width:100%;
    }

    .statistics-container2{
        margin-top:0px;
    }

    .statistics img{
        display:none;
    }

    .statistics .text1 {
        width:38%;
        /* font-size: 70px; */
        font-size:8.5vw;
    }

    .statistics .text2 {
        width:62%;
        /* font-size: 32px; */
        font-size: 3.3vw;
        font-weight:600;
    }

    .statistics-container1 .statistics:nth-child(1) {
        border-right:none;
        padding-right:0px;
        border-bottom:1px solid #B5B6B6;
    }

    .statistics-container1 .statistics:nth-child(2) {
        margin-left:0px;
    }

    .statistics-container1{
        flex-wrap: wrap;
    }

    .statistics-container2{
        flex-wrap: wrap;
    }

    .statistics-container1 .statistics{
        width:100%;
    }

    .statistics-container2 .statistics{
        width:100%;
    }

    .statistics-container1 .statistics .img-div{
        display:none;
    }

    .statistics-container2 .statistics .img-div{
        display:none;
    }

    .statistics-container2 .text2{
        display:none;
    }

    .statistics-container2 .text2-m{
        display:block;
    }

    .statistics-container2 .statistics:last-child{
        border-bottom:none;
    }

    .upcoming-common-container{
        padding-top:65px;
        padding-bottom:65px;
        margin-bottom:0px;
        background-color:#E4D4B2;
    }

    .upcoming-main-container{
        background-image:none;
        background-color:#FAF7F0;
        padding-bottom:60px;
    }

    .upcoming-left{
        display:none;
    }

    .upcoming-middle{
        flex-basis: 100%;
        padding-bottom:35px;
    }

    .upcoming-middle .text1{
        font-size:32px;
        color:#A47000;
    }

    .upcoming-middle .text2{
        display:none;
    }

    .upcoming-right{
        flex-basis: 100%;
        padding:0px;
    }

    .upcoming{
        -webkit-box-shadow: -4px 4px 15px -7px rgb(0 0 0 / 0%);
        box-shadow: -4px 4px 15px -7px rgb(0 0 0 / 0%);
        margin-bottom:0px;
        background:transparent;
        flex-wrap: wrap;
        padding-bottom:47px;
        border-bottom:1px solid #A47000;
    }

    .upcoming:last-child{
        border-bottom:none;
    }

    .upcoming-right .text a{
        font-size:26px;
        color:#666666;
    }

    .upcoming-right img {
        margin-top: 15px;
    }

    .upcoming-middle .text0 {
        display:block;
        font-size: 18px;
        margin-top:10px;
        margin-bottom: 10px;
    }

    
    .spotlights-img-div2 {
        width: 60%;
    }
}

@media only screen and (max-width:768px) {
    .our-office-main-container .common-title1{
        font-size:24px;
        padding-bottom:30px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 9px;
    }

    .banner-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }

    .spotlights-img-div2 {
        width: 40%;
    }

    .banner-pagination{
        height:30px;
    }

    .event-highlight-main-container {
        padding-bottom: 70px;
    }

    .our-office-inner-conatiner-1{
        padding-bottom:70px;
    }

    .banner-pagination {
        padding-top: 25px;
        margin-bottom: 38px;
    }

    .our-office-main-container{
        padding-top:30px;
    }

    .our-office-read-more {
        width: 165px;
        font-size: 18px;
        padding: 3px 36px;
        margin: 20px 0px 40px auto;
    }

    .common-sub-title1{
        padding-top:60px;
        font-size:18px;
    }

    .our-office-btn {
        border: 1px solid #A47000;
        margin-bottom: 0px;
        font-size: 20px;
        padding-top: 13px;
        padding-left: 13px;
    }

    .vision_mission-main-container{
        padding-bottom:70px;
    }

    .spotlights-m-div1{
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .spotlights-m-tab {
        font-size: 20px;

    }

    .spotlights-m-date{
        font-size:20px;
    }

    .spotlights-title1 {
        font-size: 20px;
        height:85px;
    }

    .spotlights-div {
        height: 510px;
    }

    .spotlights-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }

    .event-highlight-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }

    .statistics-main-container {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .statistics .text {
        padding: 20px 0px;
    }

    .upcoming-middle .text0 {
        display:block;
        font-size: 18px;
        margin-top:10px;
        margin-bottom: 10px;
    }

    .upcoming-middle .text1 {
        font-size: 24px;
        margin-bottom: 3px;
        margin-top: -4px;
    }

    .upcoming-right .text a {
        font-size: 18px;
    }

    .upcoming-middle {
        padding-top:20px;
        padding-bottom: 20px;
    }

    .upcoming-main-container{
        padding-bottom:30px;
    }

    .spotlights-main-container {
        padding-top: 40px;
        padding-bottom: 28px;
    }

    .spotlights-title2 {
        font-size: 20px;
    }

    .spotlights-title3 {
        font-size: 20px;
    }

    .spotlights-img-div1{
        height:300px;
    }
}

@media only screen and (max-width:500px) {
    .spotlights-div {
        height: 490px;
    }

    .spotlights-img-div2 {
        width: 60%;
    }
}